/*
	Vodafone Live CSS for MYX applications (made using VF-APP-SG 2.2)
	(C) Vodafone Romania (www.vodafone.ro)
	(P) Green Pixel (www.greenpixel.ro)
*/



/* #myxheader {background:url(/images/myx_menubg.jpg) 0 20px no-repeat; margin-bottom:5px; width:500px; margin-top:10px; padding:0;}
#myxheader p.pageTitle {clear:both; float:right; width:570px; height:20px; display:block; margin:15px 7px 0 0; padding:0; }
#myxheader .vodafone_logo {width:110px; margin:15px 0 0 15px; padding:10px 0; float:left; clear:left;}
#myxheader img {border:0; display:block;}

#myxheader #languages {height:15px; list-style-type:none; display:block; width:160px; float:left; margin:0 10px;}
#myxheader #languages li {float:left; background:none; font-size:10px; padding:0 5px 0 5px; margin:0; border-bottom:1px dotted #ccc; }
#myxheader #languages li a {text-decoration:none; color:#999;}
#myxheader #languages li a:hover {text-decoration:none; color:#ff0000;}
#myxheader #languages li a.selected {font-weight:bold; }

#myxheader #corporate {height:15px; list-style-type:none; border-bottom:1px dotted #ccc; display:block; float:right; width:auto; margin:0 10px;}
#myxheader #corporate li {float:left; background:none; font-size:10px; padding:0; margin:0 5px 0 5px;}
#myxheader #corporate li a {text-decoration:none; color:#999;}
#myxheader #corporate li a:hover {text-decoration:none; color:#ff0000;}
#myxheader #corporate li a.selected {font-weight:bold; }

ul#myxmenu {float:right; width:570px; height:65px; list-style-type:none; overflow:hidden; padding:0; margin:0 7px 0 0; }
ul#myxmenu li {font-size:9px; float:left; padding:0px; margin:0px; background:none; display:block; border-right:1px dotted #faa;}
ul#myxmenu li.selected {background:#a00; }
ul#myxmenu li.last {border:none;}
ul#myxmenu li a {color:#666666; text-decoration:none; padding-left:5px; padding-right:5px; display:block;}
ul#myxmenu li:hover {background:#f00; }
ul#myxmenu li a:hover {background:#f00; }
ul#myxmenu li a img {width:60px; height:65px; }
ul#myxmenu li a:hover {color:#000000;}
ul#myxmenu li a.highlighted {color:#000000; text-decoration:none; font-weight:bold;}
ul#myxmenu li.selected { font-weight:bold; color:#ff0000; }

#myxpresentation {margin:25px 0 10px 0; padding-left:10px; }
#myxpresentation h1 {color:#000; font-size:22px; }
#myxpresentation p {color:#999; font-size:10px;}
*/

/* overwrites styleguide */

html, body {width:auto; margin:0; padding:0;}
#mbody {width:525px; xbackground-color:#ccc;}
#header {display:none;}
#header #menu {clear:both; width:525px; margin-top:10px;}
div.content {}

#navigation {background-color:#ddd; margin:0; padding:10px 0px 0 0; background:url(/images/myx_navigationbg.gif) top left no-repeat; list-style-type:none;}
#navigation li {margin:0px; padding:0; background:url(/images/myx_navigationbg_element.gif) 0 0 repeat-y;}
#navigation li.selected {padding:5px 0 0 10px; font-weight:bold; border:none;}
#navigation li.selected ul {float:none; background-color:#fff; border:1px solid #ccc; margin:3px 0px 5px -10px; padding:5px;}
#navigation li.selected ul li {border:none; font-weight:normal; padding:0; margin-bottom:2px;}
#navigation li.selected ul li a {color:#f00; text-decoration:underline; padding:0 0 0 5px; width:auto;}
#navigation li.selected ul li a:hover {color:#000; background:none;}
#navigation li.last {background:url(/images/myx_navigationbg_end.gif) bottom left no-repeat; padding:0 3px 7px 3px;  margin:0;}
#navigation li a {display:block; border-bottom:1px dotted #ccc; padding:5px 5px 5px 10px; margin:0 0 0 3px; width:169px; text-decoration:none;}
#navigation li a:hover {background-color:#eee; color:#f00;}

div.content #presentation {margin-top:0; width:500px; background:url(/images/1box_bg_huge.gif) bottom left no-repeat;}
div.content #presentation div.box_bg_top {background:url(/images/1box_bg_top.gif) top left no-repeat;}
div.content #submenu {background:url(/images/bg_submenu.gif) top left no-repeat;}

#myxuserbar, #myxuserBar {padding:0 10px 0 10px; height:20px;}
#myxuserbar p.username, #myxuserBar p.username {float:left; width:300px;}
#myxuserbar p.usertools, #myxuserBar p.usertools {float:right; width:150px; text-align:right;}

/* end */