/*
    Document   : masterpage.css
    Created on : 26/08/2009, 17:25:57
    Author     : yevgeny
    Description:
        site css
*/

 
html {
    margin:0;
    padding:0;
    background-color:#F0F0F0;
    height:100%;
    overflow-y:auto;
    overflow-x:auto;
}

body {
    margin:0;
    padding:0;
    background-color:#F0F0F0;
    height:100%;
}


#header {
    display:block;
    width:100%;
    height:118px;
    background-color:#D6EDF2;
    background-image:url('http://cdn.wibiya.com/Graphics_Website/header_back.png');
    background-repeat:repeat-x;
    position:relative;

}

#footer {
    display:block;
    width:100%;
    height:100%;
    background-color:#89A4AD;
    border-top:solid 1px #F0F0F0;
}

#footer_status_left
{
    color: white;
    float: left;
    font-family: Arial, Verdana;
    font-size: 12px;
    margin-left: 20px;
    height: 30px;
    margin-top:10px;
    vertical-align: top;
}

#footer_status_right
{
    color: white;
    float: right;
    font-family: Arial, Verdana;
    font-size: 12px;
    margin-right: 20px;
    margin-top:10px;
    height: 30px;
    vertical-align: top;
}
#footer_status_right a
{
    color:white;
    font-family:Arial,Verdana;
    font-size:12px;
    text-decoration: none;
}
#footer_status_right  a:link {text-decoration: none;  color:white;}
#footer_status_right  a:visited {text-decoration: none; color:white;}
#footer_status_right  a:active {text-decoration: none;  color:white;}
#footer_status_right  a:hover {text-decoration: underline;  color:white;}



#logo {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 102px;
    margin: 10px 20px 0 10px;
    width: 275px;
}

#menu-main {
    display:block;
    width:auto;
    float:left;
    height:118px;
    margin-left:10px;
    overflow:hidden;
}

.menu-item-selected {
    cursor:default;
    float:left;
    width:109px;
    height:118px;
    background-image: url("http://cdn.wibiya.com/Graphics_Website/masterpage/tab_on.png");
    background-repeat: no-repeat;
    background-color:#89A4AD;

}


.menu-item-selected .menu-item-text a{
    color: #ffffff;
    cursor:default;
}
.menu-item-normal {
    cursor:default;
    float:left;
    width:109px;
    height:118px;
    background-repeat: no-repeat;
}
.menu-item-normal:hover{        
    background-color:#ecf5f6;
    cursor:pointer;
    background-image:url('http://cdn.wibiya.com/Graphics_Website/header_back.png');
    background-repeat:repeat-x;
}
.menu-item{
        background-position: center 23px;
    background-repeat: no-repeat;
    color: #666666;
    display: block;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    height: 53px;
    padding-top: 65px;
    text-align: center;
    width: 109px;
}
.menu-item-normal a:link, .menu-item-normal a:visited, .menu-item-normal a:active, .menu-item-normal a:hover{
    color: #666666;
}
.menu-item-selected .menu-item{
    color: #ffffff;
    width: 109px;
}
.menu-item-icon-homepage{
    background-image:url('http://cdn.wibiya.com/Graphics_Website/menu_hp.png');
}
.menu-item-icon-apps{
    background-image:url('http://cdn.wibiya.com/Graphics_Website/menu_apps.png');
}
.menu-item-icon-getitnow{
    background-image:url('http://cdn.wibiya.com/Graphics_Website/menu_download.png');
}
.menu-item-icon-support{
    background-image:url('http://cdn.wibiya.com/Graphics_Website/menu_help.png');
}
.menu-item-icon-dashboard{
    background-image:url('http://cdn.wibiya.com/Graphics_Website/menu_dashboard.png');
}
.menu-item-icon-edit{
    background-image:url('http://cdn.wibiya.com/Graphics_Website/menu_edit.png'); 
}
.menu-item-icon-iphone{
    background-image:url('http://cdn.wibiya.com/Graphics_Website/masterpage/iPhone_front_black.png');    
}

.menu-item-icon-myaccount{
    background-image:url('http://cdn.wibiya.com/Graphics_Website/menu_user.png');
}

.menu-getPr{
    background-image:url('http://cdn.wibiya.com/Graphics_Website/masterpage/pro_icon.png');
}

.menu-item-text {
    padding-top:5px;
    text-align:center;
    width:108px;
    height:27px;
    font-family:arial;
    font-size:14px;
    font-weight:bold;
    display:table-cell;
    vertical-align:middle;
}

#top-menu {
    height:28px;
    float:right;
    position:absolute;
    right:50px;
    top:0;
    width:auto;
    z-index:1000;
}
#logo_top_menu {
    margin-left:6px;    
    margin-top: 2px;
    vertical-align: text-bottom;
}
#top_menu_left {

    background-image:url('http://cdn.wibiya.com/Graphics_Website/top_menu_left.png');
    background-repeat:no-repeat;
    float:left;
    height:28px;
    width:11px;

}
#top_menu_center {

    background-image:url('http://cdn.wibiya.com/Graphics_Website/top_menu_center.png');
    background-repeat:repeat-x;
    float:left;
    height:28px;
    vertical-align:top;
}

#top_menu_center .divider {
    background-image:url('http://cdn.wibiya.com/Graphics_Website/top_menu_divider.png');
    background-repeat:no-repeat;
    float:left;
    height:28px;
    width:2px;
}


#top_menu_center .clickitem, #top_menu_center .welcomebtn, #top_menu_center .item {
    color:white;
    float:left;
    font-family:Arial,Verdana;
    font-size:12px;
    height:24px;
    line-height:22px;
    padding-left:10px;
    padding-right:10px;
    vertical-align:middle;
}

#top_menu_center .clickitemover {
    color:white;
    float:left;
    font-family:Arial,Verdana;
    font-size:12px;
    height:24px;
    line-height:22px;
    padding-left:10px;
    padding-right:10px;
    vertical-align:middle;
    background-color:#97a8b9;
    cursor:pointer;
}



#top_menu_right {
    background-image:url('http://cdn.wibiya.com/Graphics_Website/top_menu_right.png');
    background-repeat:no-repeat;
    float:left;
    height:28px;
    width:11px;
}


#top_menu_center .clickitem a, #top_menu_center .item a {
    -x-system-font:none;
    background-color:transparent;
    border:medium none;
    color:white;
    font-family:inherit;
    font-size:inherit;
    font-size-adjust:inherit;
    font-stretch:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    line-height:inherit;
    text-decoration:none;
}





#top_menu_center .clickitem a:link, #top_menu_center .item a:link {text-decoration: none;  color:white;}
#top_menu_center .clickitem a:visited, #top_menu_center .item a:visited {text-decoration: none; color:white;}
#top_menu_center .clickitem a:active, #top_menu_center .item a:active {text-decoration: none;  color:white;}
#top_menu_center .clickitem a:hover, #top_menu_center .item a:hover {text-decoration: none;  color:white;}


a:link {text-decoration: none;  color:#89A4AD;}
a:visited {text-decoration: none;  color:#89A4AD;}
a:active {text-decoration: none;  color:#89A4AD;}
a:hover {text-decoration: none;  color:#89A4AD;}

#top_menu_center .clickitemover a {
    -x-system-font:none;
    background-color:transparent;
    border:medium none;
    color:white;
    font-family:inherit;
    font-size:inherit;
    font-size-adjust:inherit;
    font-stretch:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    line-height:inherit;
    text-decoration:none;
}

#uppernemu {
    background:url('http://cdn.wibiya.com/Graphics_Website/masterpage/top_menu_back.png') repeat-x top left;
    border-bottom:1px solid #577C91;
    height:20px;
    line-height:20px;
    vertical-align:middle;
    font-size:9pt;
    font-family: Arial;
}
#uppernemu ul {
    float:right;
}
#uppernemu li {
    background:url('http://cdn.wibiya.com/Graphics_Website/masterpage/top_menu_div.png') no-repeat top left;
    float:left;
}
#uppernemu li.last {
    width:61px;
}
#uppernemu a,
#uppernemu span {
    color:white;
    padding:0 11px;
}
#uppernemu li.headerLink:hover {
    background-color:#9aacbe;
}



#login_form {
    width:250px;
    height:250px;
    background-color:white;
    border-color:#6b8aa0 !important;
    border:1px solid;
    position:absolute;
    top:20px;
    right:60px;
    z-index:100;
}



#login_wrap {
    margin-top:5px;
}

#email_title {
    padding:5px;
    font-family:arial;
    font-size:15px;
    color:#50637C;
}


#pass_title {
    padding:15px 5px 5px;
    font-family:arial;
    font-size:15px;
    color:#50637C;
}

#login_button {
    width:95px;
    height:36px;
    float:left;
    margin-top:10px;
}

#login_form_info {
    margin:20px;
}
#login_form_info .form_textbox_normal{
    width:184px;
}
.input_normal {
    background-image:url('http://cdn.wibiya.com/Graphics_Website/dashboard/textbox_back_normal.gif');
    background-repeat:no-repeat;
    height:29px;
    position:relative;
    width:210px;
}


.input_focused {
    background-image:url('http://cdn.wibiya.com/Graphics_Website/dashboard/textbox_back_focused.gif');
    background-repeat:no-repeat;
    height:29px;
    position:relative;
    width:210px;
}


.form_textbox_normal {
    background-color: transparent;
    border: medium none;
    color: #666666;
    font-family: Arial,Verdana;
    font-size: 14px;
    font-weight: normal;
    height: 18px;
    letter-spacing: 1px;
    padding: 5px 0 5px 5px;
    position: relative;
    width: 204px;
}


#remember_checkbox {
    font-family:arial;
    font-size:12px;
    color:#50637C;
    float:right;
    height:auto;
    padding-top:33px;
    width:107px;
}


#forgotpass .forgotpass_link {
    float:left;
    font-family:arial;
    font-size:13px;
    margin-top:13px;
    color:#50637C;
    font-weight:bold;
    width:150px;
}
#forgotpass .forgotpass_link a{
    color:white;
}


#main_table {
    height:100%;
}

#main_gradient {
    background-image:url('http://cdn.wibiya.com/Graphics_Website/page_gradient.gif');
    background-position:center top;
    background-repeat:repeat-x;
    background-color:#F0F0F0;
    float:left;
    height:32px;
    width:100%;
}

#main_body {
    background-image:url('http://cdn.wibiya.com/Graphics_Website/page_gradient.gif');
    background-position:center top;
    background-repeat:repeat-x;
    padding:10px 20px 20px 20px;
    width:100%;
    height:auto;

}

#main_head {
    width:100%;
    height:118px;
}

#main_footer {
    width:100%;
    height:50px;
}


.table {
    border:0 solid black;
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}


.formLabel {
    color:#666666;
    font-family:Arial,Verdana;
    font-size:13px;
    font-weight:normal;
    padding:5px;
}


.formHeader {
    color:black;
    font-family:Arial,Verdana;
    font-size:18px;
    font-weight:bold;
    padding:5px;
    text-align:left;
}

.form_title_img {
    margin-left:20px;
}

/*
*
*                Side Panel
*
*/

.side_panel_top_left
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/side_panel_top_left.png');
    background-repeat: no-repeat;
    background-position: top right;
    width: 5px;
    height: 43px;
}

.side_panel_middle_left
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/side_panel_middle_left.png');
    background-repeat: repeat-y;
    background-position: right;
    width: 5px;
}

.side_panel_middle_right
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/side_panel_middle_right.png');
    background-repeat: repeat-y;
    background-position: right;
    width: 5px;
}

.side_panel_top_center
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/side_panel_top_center.png');
    background-repeat: repeat-x;
    height: 43px;
}

.side_panel_top_right
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/side_panel_top_right.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 5px;
    height: 43px;
}

.side_panel_body
{
    padding: 5px;
    background-color: #e7edef;
}

.side_panel_bottom_left, .side_panel_bottom_right
{
    background-color: #b3c4c9;
    width: 5px;
    height: 1px;
}

.side_panel_bottom_center
{
    background-color: #b3c4c9;
    height: 1px;
}

.side_panel_title
{
    font-family: Arial, Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    margin-left:5px;
}

.side_panel_top_icon
{
    vertical-align: middle;
    margin-left: 5px;
}







































/* masterpage  */


.panel_top_left
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/panel_top_left.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

.panel_top_center
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/panel_top_center.gif');
    background-repeat: repeat-x;
    height: 5px;
}

.panel_top_right
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/panel_top_right.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

.panel_middle_left
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/panel_middle_left.gif');
    background-repeat: repeat-y;
    width: 5px;
}

.panel_middle_center
{
    background-color: white;
    height:100%;
    width:auto;
}

.panel_middle_right
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/panel_middle_right.gif');
    background-repeat: repeat-y;
    width: 5px;
}

.panel_bottom_left
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/panel_bottom_left.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

.panel_bottom_center
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/panel_bottom_center.gif');
    background-repeat: repeat-x;
    height: 5px;
}

.panel_bottom_right
{
    background-image: url('http://cdn.wibiya.com/Graphics_Website/masterpage/panel_bottom_right.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}



#main_sub_table {
    height:100%;
}

.errorMessage
{
    color:#A42320;
    float:left;
    font-family:Arial,Verdana;
    font-size:12px;
    font-weight:bold;
    height:15px;
    line-height:15px;
    padding-left:185px;
    vertical-align:middle;
}

.master_align
{
    float:left;
    margin-top:-27px;
}
/* masterpage ends  */


.master_footer {
	background:#698994 url('http://cdn.wibiya.com/Graphics_Website/hp/footer_bgr.gif') repeat-x top left;
	height:261px;
	font-family:Arial;
}

.master_footer div {
	margin:0 auto;
	width:820px;
}

.master_footer p {
	background:url('http://cdn.wibiya.com/Graphics_Website/hp/footer_seperator.gif') no-repeat top left;
	float:left;
	height:246px;
	padding-left:10px;
	padding-right:20px;
	width:240px;
}

.master_footer p .title {
	color: white;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	display:block;
	padding:15px 0;
}

.master_footer p .text {
	color: #b6dae6;
	font-size:11px;
	font-weight: normal;
	line-height:15px;
}

.master_footer a,
.master_footer a:link {
	color: white;
	text-decoration:underline;
	font-size:12px;
}
#step1Img.Off{
    width:17px;
    height: 17px;
    float:left;
    margin-top: 4px;
    background-image: url('http://cdn.wibiya.com/Graphics_Website/basic/step1_off.png');
}
#step1Img.On{
    width:26px;
    height: 25px;
    float:left;
    background-image: url('http://cdn.wibiya.com/Graphics_Website/basic/step1_on.png');
}
#step2Img.Off{
    width:17px;
    height: 17px;
    float:left;
    margin-top: 4px;
    background-image: url('http://cdn.wibiya.com/Graphics_Website/basic/step2_off.png');
}
#step2Img.On{
    width:26px;
    height: 25px;
    float:left;
    background-image: url('http://cdn.wibiya.com/Graphics_Website/basic/step2_on.png');
}
#step3Img.Off{
    width:17px;
    height: 17px;
    float:left;
    margin-top: 4px;
    background-image: url('http://cdn.wibiya.com/Graphics_Website/basic/step3_off.png');
}
#step3Img.On{
    width:26px;
    height: 25px;
    float:left;
    background-image: url('http://cdn.wibiya.com/Graphics_Website/basic/step3_on.png');
}
#step4Img.Off{
    width:17px;
    height: 17px;
    float:left;
    margin-top: 4px;
    background-image: url('http://cdn.wibiya.com/Graphics_Website/basic/step4_off.png');
}
#step4Img.On{
    width:26px;
    height: 25px;
    float:left;
    background-image: url('http://cdn.wibiya.com/Graphics_Website/basic/step4_on.png');
}
.titleOn{
    float:left !important;
    margin-top: 4px;
}
.titleOff{
    float: left;
    margin-top:5px;
}