/*helper classes, for the purpouse of displaying the navigation correct, these general setting s shoud be defined elsewhere*/
body { font:12px  Arial, Helvetica, sans-serif; background: url("/media/pc/upccore/global/core/boxes/service_navbar_bg.png") repeat-x scroll center top #FFFFFF !important; padding:0;margin:0; width:100%;}
/**/



/*main container and ome basic settings*/
#upc_service_nav { display:block; margin:-135px auto 0 auto;  line-height:normal; min-height:28px;position:absolute;z-index:10;}
#upc_service_nav a { float:left; color:#666; font-size:12px; padding:6px 20px 3px 0; text-decoration:none;}
#upc_service_nav a:hover { text-decoration:underline!important;color:#666;  }
#upc_service_nav a.selected { color:#333; font-weight:bold; text-decoration:none; }

/*extra links to float next to the language switch, serves also as just the right hand part of the navigation*/
.upc_service_nav_extra{ position: relative; float:right;margin:6px 0 0 0 !important;padding: 0 0 0 0 !important;line-height:normal;height:12px;color:#333!important; }
.upc_service_nav_extra a{position: relative; float:left;margin:0 !important;padding:0 !important;text-transform:capitalize; color:#333!important; vertical-align: bottom; }
.upc_service_nav_extra  a:hover { text-decoration:underline;color:#333;  }
#upc_service_nav_webmail_icon a:hover, #upc_service_nav_webmail_icon a:active, #upc_service_nav_webmail_icon a:focus{text-decoration:none;color:#fff; }
.upc_nav_opaque{background: url("/media/pc/upccore/global/core/boxes/service_navbar_bg.png") repeat-x center top;width:65px;padding-right:10px;position: relative; z-index:1!important;}/* used for coverign the animation in supported browsers*/

/*regular in line dropdown*/
.upc_dropdown_regular {float:left; list-style: none outside; margin:0; padding: 0;line-height:normal; position: relative; color:#333;background: url("/media/pc/upccore/global/core/boxes/service_navbar_bg.png") repeat-x center top;}
.upc_dropdown_regular ul li a.first{padding:6px 20px 4px 15px !important;margin-left:-15px;font-weight:normal;float:left;z-index:3 !important;background: url("/media/pc/upccore/global/core/boxes/service_navbar_bg.png") repeat-x center top;  }
.upc_dropdown_regular ul li a.first .left{float:left;margin-left:5px; }
.upc_dropdown_regular ul li a:hover{text-decoration:underline !important;}
.upc_dropdown_regular ul li a.first span:hover{text-decoration:underline !important;}
.upc_dropdown_regular ul { display:block;clear:both;padding:1px 0 0 0;margin:-1px 5px 0 0; list-style: none outside; }
.upc_dropdown_regular ul li { display:block;}
.upc_dropdown_regular ul li a {display:block;color:#333; font-weight:bold; padding-left:5px; padding-bottom:1px;text-transform:capitalize; }
.upc_dropdown_regular ul:first-child{zoom:1;z-index:2 !important; background: url("/media/pc/upccore/global/core/boxes/service_navbar_bg.png") repeat-x center top;}
.upc_dropdown_regular ul:first-child:hover{z-index:2 !important;}


.upc_dropdown_regular  li li, .upc_dropdown_regular  li li a { font-weight:normal; padding:5px 0px 5px 5px; text-align: left;  zoom: 1;   
-webkit-transition:all .2s ease-in-out; 
-moz-transition:all .2s ease-in-out; 
-o-transition:all .2s ease-in-out; 
transition:all .2s ease-in-out;
}
.upc_dropdown_regular li li{padding:2px 5px 2px 5px}
.upc_dropdown_regular li li a { padding:5px 0px 5px 0px; }
.upc_dropdown_regular li li a:hover { text-decoration:underline; }
.upc_dropdown_regular li:hover li:first-child { padding-top: 230px; margin-top:-20px; }
.upc_dropdown_regular li:hover li:last-child { margin-bottom: 0; }
.langdesc { float:left; text-decoration:underline;}

.upc_dropdown_regular ul ul { position:absolute;width:auto;margin-top:-190px; *margin-top:-210px; margin-left:-5px; padding:7px 5px; z-index:-1;
background:#f5f5f5;
-moz-box-shadow:0 2px 4px #ccc;-webkit-box-shadow:0 2px 4px #ccc;box-shadow:0 2px 4px #ccc;
 }
.upc_dropdown_regular ul ul li { padding-bottom:0px;height:auto; *height:20px; }
.upc_dropdown_regular ul ul li a { white-space:nowrap;padding-right:0!important;height:auto; *height:20px;}

.upc_dropdown_arrow_down { float:left; margin:5px 0 0 5px;top:0; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; }


#login_link { font-size: 12px;backgound:none !important; font-weight: bold; height: 18px;margin: -78px 0 0 865px; position: absolute; text-align: right; width: 130px; z-index: 10;}


/* webmail icon css, the little red bubble
.upc_service_nav_webmail{ float:left;height:16px;}
.upc_service_nav_webmail a{margin:7px 0 0 0 !important;}
#upc_service_nav_webmail_icon{ float:left;background: url("img/bg_webmailicon_left.png") no-repeat left top; height:16px;  margin:6px 0 0 5px;}
#upc_service_nav_webmail_icon a{ float:left;background: url("img/bg_webmailicon_right.png") no-repeat right top; color:#fff; height:16px;padding:0 5px 0 3px!important;margin:0 -5px 0 0!important; font-size:10px;}
*/
/*padding upc_service_nav_webmail_icon a for IE 7& 8 is padding:1 5px 0 3px!important; place in conditional css?*/