/* 
--------------------------------------------------------------------------------------
Promethean Planet stylesheet: Header Styles , Top Bar - Logo & Mega Menu - DD 15.01.10
--------------------------------------------------------------------------------------


/* Wrapper and Site header
--------------------------------------------------------------------------
*/

#wrapper { width: 980px; margin: 0 auto; background: #fff; text-align: left; }

.top-bar { background: url('../Images/body.gif') repeat-x; width: 100%; height: 28px; left: 0; z-index: 2; }

#header {background: #fefefe url(../Images/bg-header.jpg) no-repeat bottom left; width: 980px; height: 110px; margin: 0; padding: 0; position: relative; text-align: right; z-index:102;}
#header fieldset { font-size: 1.1em; padding: 10px 10px 0 0; display: inline; vertical-align: middle; }
#header fieldset label, #header fieldset input, #header fieldset button { vertical-align: middle; }
#header fieldset label { position: absolute; top: 0; left: -9999px; }
	
#header .options { margin: 0; padding: 0; min-height: 70px; float: right; width:220px; clear:both; }

#header .options ul.links { margin: 1em 0 1px; padding: .4em 13px .4em 0; overflow: hidden; }
#header .options ul.links li { position: relative; border-left: 1px solid #231f20; padding: 0 .2em 0 .5em; display: inline; }
#header .options ul.links li a { color: #272b68; }
#header .options ul.links li a:hover, #header .options ul.links li a:active, #header .options ul.links li a:focus { text-decoration: underline; }
#header .options ul.links li.login { border-left: 0; }
#header .options ul.links li.logo #hidden { background: transparent url(../Images/logo.png) no-repeat top left; width: 600px; height: 108px; display:block;}
#header .options ul.links li.logo { border-left: 0; padding: 0; float: left; position: absolute; bottom: 0; left: 0; }

#header .logo .hidden {display:block;float:left;height:74px;position:absolute;top:31px;width:600px;}
#header .logo { float: left; position:relative; }

#header-bg-shadow { background: url(../Images/header-bg-shadow.jpg); height: 7px; }
#menu-shadow  { height: 5px; }

.header_link { width: 600px; height: 113px; display: block; float: left; position:absolute; }

img.online-status { vertical-align: text-top; height: 12px; }

/* Promethean Menu Styles 
--------------------------------------------------------------------------
*/
.content-fragment-page postlist	{z-index: 1; position: relative;}
.header-fragments {z-index: 3; position: relative;}
#mainNav { background: #D0DDE5; width: 980px; height: 30px; position:relative; z-index: 101; }
#mainNav #menu { padding-left: 10px; }
#mainNav #menu ul { margin: 0; padding: 0; text-align: center; } /* height (with second-level menu): 52px, also change .header-fragment.search style=top: 105px */
#mainNav #menu ul li { line-height: 20px; font-family: "Arial", sans-serif; font-size: 1em; padding: 0px 10px; float: left; }
#mainNav #menu ul li:hover { background: #fff url("../images/norm-left.gif") no-repeat left top; }
#mainNav #menu ul li.selected { background: #fff url("../images/norm-left.gif") no-repeat left top; }
#mainNav #menu ul li a { line-height: 30px; margin-right: -10px; padding-right: 10px; color: #4F5F90; display: block; font-size: 1.2em; font-weight: bold; text-align: left; }
#mainNav #menu ul li a:hover { background: #fff url("../images/norm-right.gif") no-repeat right top; }
#mainNav #menu ul li a.selected { background: #fff url("../images/norm-right.gif") no-repeat right top; }

/* #mainNav #menu ul li > ul { background: #FFFFFF; margin: 0; padding: 0; clear: both; } */
#mainNav #menu ul li > ul#community { width: 499px; left: -140px; } 
#mainNav #menu ul li > ul#resources { width: 770px; left: -238px;}
#mainNav #menu ul li > ul#store { width: 718px; left: -460px; }
#mainNav #menu ul li > ul li { padding: 0 10px; }
#mainNav #menu ul li:hover > ul { display: block; }

#mainNav #menu ul li div ul li { padding: 0px 10px; clear: left; }
#mainNav #menu ul li div ul li:hover, #mainNav #menu .parent-sub-container ul li a:hover { background: none; }
#mainNav #menu ul li div ul li > ul li a { color: #000; }
#mainNav #menu ul li div ul li a { line-height: 20px; }
#mainNav #menu ul li div { left: -10055px; top: 26px; position: absolute; z-index: 999; }
#mainNav #menu ul li:hover div { left: auto; }
#mainNav #menu ul li div ul.navigation-list.parent { padding-left: 0px; }
#mainNav #menu ul li div ul.navigation-list.parent.headerCol1,
#mainNav #menu ul li div ul.navigation-list.parent.headerCol2 { float: left; }

#mainNav #menu ul li div ul.navigation-list.parent li { padding-bottom: 5px; width:144px;}

#mainNav #menu ul li div ul.navigation-list.child li { padding-bottom: 0; text-align: left; }
#mainNav #menu ul li div ul li a { font-size: 12px; font-weight: bold; }
#mainNav #menu ul li div ul li a:hover { background: none; text-decoration:underline; }
#mainNav #menu ul li div ul li a.filter { color: #333; }
#mainNav #menu ul li div ul li a.filter:hover { text-decoration: none; }
#mainNav #menu ul li div ul li > ul li a { font-weight: normal; }
#mainNav #menu ul li div h2 { margin: 10px; padding: 0 0 0 8px; position: relative; color: #fff; text-align: left; z-index: 101; font-size:100% !important; }
#mainNav #menu ul li div #headerCol1 {left:5px;margin-left:10px;top:5px;}
#mainNav #menu ul li div #headerCol1 ul li.navigation-item.entry2 { clear: none; padding: 0; margin-left: 18px; }
#mainNav #menu ul li div #headerCol2 { top: 5px; right: 24px; position: absolute; left:auto;}
#mainNav #menu ul li div #headerCol2 ul.navigation-list.parent { padding-left: 0; }
#mainNav #menu ul li div #headerCol2 ul li.navigation-item.with-children { clear: none; padding: 0; margin-left: 17px; }
#mainNav #menu ul li div img { position: absolute; left: 0; width: 100%; height: 100%; }


#mainNav #menu ul li div #headerCol1 img,  
#mainNav #menu ul li div #headerCol2 img {height:19px; left:0; position:absolute; top:10px; width:100%;}

#mainNav #menu ul li div #headerCol1 img {*width: 40px;}
/*#mainNav #menu ul li div #headerCol2 img {*width: 300px;}*/


#mainNav #menu ul li div ul.navigation-list.child { float: left; }
#mainNav #menu ul li div ul.navigation-list.child.headerCol1 { clear: left; }
#mainNav #menu ul li div ul.navigation-list.child.headerCol2 { clear: right; }

/* Begin megamenu dimensions */ 
/* Parent Container Names are important here - they are related to the Top Level Menu Item Names */

#mainNav #menu ul li div#parent-container-MyPlanet {height:280px;margin-left:-15px;width:195px;}
#mainNav #menu ul li div#parent-container-MyPlanet #headerCol1 img {*width:165px;}
#mainNav #menu ul li div#parent-container-MyPlanet #headerCol2 {width:162px;}

#mainNav #menu ul li div#parent-container-Community {height:240px;margin-left:-15px;width:400px; }
#mainNav #menu ul li div#parent-container-Community  #headerCol1 img {width:363px;}
#mainNav #menu ul li div#parent-container-Resources { width: 780px; height: 310px; margin-left:-70px;}
#mainNav #menu ul li div#parent-container-Resources #headerCol1 { width: 162px; }

#mainNav #menu ul li div#parent-container-Resources #headerCol1 img { width: 165px; }

#mainNav #menu ul li div#parent-container-Resources #headerCol2 { width: 432px;  width: 570px; }
#mainNav #menu ul li div#parent-container-Resources #headerCol2 ul.navigation-list.child.headerCol1 { clear: left; }
#mainNav #menu ul li div#parent-container-Resources #headerCol2 ul.navigation-list.child.headerCol2 { clear: right; left: 155px; position: absolute; }
#mainNav #menu ul li div#parent-container-ProfessionalDevelopment { height:280px;margin-left:-15px;width:373px;}

#mainNav #menu ul li div#parent-container-ProfessionalDevelopment #headerCol1 img { width: 336px;}


#mainNav #menu ul li div#parent-container-Store { width: 716px; height: 310px; margin-left: -340px;  }
#mainNav #menu ul li div#parent-container-Store #headerCol1 { }

#mainNav #menu ul li div#parent-container-Store #headerCol1 img { width: 165px; }

#mainNav #menu ul li div#parent-container-Store #headerCol2 {margin-left:10px;}
#mainNav #menu ul li div#parent-container-Support { height:310px;margin-left:-190px;width:540px;}
#mainNav #menu ul li div#parent-container-Support  #headerCol1 img {width:504px;}

/* Width Fixes for IE7  */
#mainNav #menu ul li div#parent-container-Resources #headerCol1 ul li {width:150px;}  
#mainNav #menu ul li div#parent-container-Resources #headerCol2 ul li	{width:120px; }
#mainNav #menu ul li div#parent-container-Resources #headerCol2 ul.parent li.with-children:last-child {}
#mainNav #menu ul li div#parent-container-Resources #headerCol2 ul li.navigation-item.with-children {clear: both; clear: none; float: left;position: relative;}

/* NEEDS WORK */
#mainNav #parent-container-Store li .navigation-item { width: 320px;}
#mainNav #parent-container-Store #headerCol2 {left:178px !important;position:absolute;right:auto !important;width:508px;}
#mainNav #parent-container-Store .headerCol2 {position:absolute;right:-19px;top:40px;}

/* End megamenu dimensions */
/* Site Search Select Styles */

.btnSelectSearchType {background-color:Transparent;background-image:url("../Images/search_select_options.png");background-repeat:no-repeat;border:medium none;cursor:pointer;font-weight:bold;height:24px;width:45px;}
.btnSelectSearchType:hover {background-image: url("../Images/search_select_optionsOver.png");}
.btnSearch {background-color:transparent;background-image:url("../Images/search_selectSearchBtn.jpg");background-position:right bottom;background-repeat:no-repeat;border:medium none;cursor:pointer;font-weight:bold;height:21px;margin-left:-27px;width:20px;_margin-left:-1px;}
.btnSearch:hover {background-image:url("../Images/search_selectSearchBtn_over.jpg");}
 
.divInvisible {display: none;}
.divVisible {display:block;}

.ResourceTextBox {}
.WaterMarkedTextBoxResources {background-image:url("../Images/search_select_resources.jpg");background-position:0 1px;background-repeat:no-repeat;border:0 solid #FFFFFF;color:#444444;font-size:11px;height:19px;line-height:22px;margin-left:8px;margin-top:3px;padding-left:16px;text-align:left;width:130px;}
.WaterMarkedTextBoxPremiumResources {background-image:url("../Images/search_select_premium.jpg");background-position:0 1px;background-repeat:no-repeat;border:0 solid #FFFFFF;color:#444444;font-size:11px;height:19px;line-height:22px;margin-left:8px;margin-top:3px;padding-left:16px;text-align:left;width:140px;}
.WaterMarkedTextBoxProducts {background-image:url("../Images/search_select_products.jpg");background-position:0 1px;background-repeat:no-repeat;border:0 solid #FFFFFF;color:#444444;font-size:11px;height:19px;line-height:22px;margin-left:8px;margin-top:3px;padding-left:16px;text-align:left;width:140px;}
.WaterMarkedTextBoxCommunity {background-image:url("../Images/search_select_community.jpg");background-position:0 1px;background-repeat:no-repeat;border:0 solid #FFFFFF;color:#444444;font-size:11px;height:19px;line-height:22px;margin-left:8px;margin-top:3px;padding-left:16px;text-align:left;width:140px;}

.NormalTextBox {border:0 solid #FFFFFF;color:#444444;font-size:11px;height:16px;line-height:15px;margin-left:8px;margin-top:4px;text-align:left;width:154px;}
#searchSelect { height:26px; position:absolute; right:12px; top:3px;}
.SelectSearchType {float:left; }
.SelectSearchBox {background-image:url("../Images/search_selectSearchBox.png");float:left;height:24px;margin-top:0;width:176px;}
.SearchBtn { float:left;}

.SearchTypeOptions {background:url("../Images/search_select_bg.png") no-repeat scroll 0 0 transparent;height:120px;left:0;padding:12px;position:absolute;top:22px;width:170px;}		
.SearchTypeOptions input {width: 20px;display: block;float: left;}
.SearchTypeOptions label {color:#444444;display:block;float:left;font-weight:bold;height:22px;text-align:left;width:150px; }

/* RKC Note 12.03.2010 */
/* Shopping Cart Styles */
/* These will be moved to Styles.css when ready */
#ShopCart {font-family:Arial,Helvetica,sans-serif;font-size:11px;width:212px;}
#ShopCart .cartContainer {background:url(../Images/cart_panel_rightCap.png) no-repeat scroll right top transparent;float:right;height:57px;margin-left:30px;padding:8px; *margin-right:8px;_margin-left:0px;}
#ShopCart .shopCapLeft { background:url(../Images/cart_panel_leftCap.png) no-repeat scroll left top transparent;float:left;height:71px;margin:-8px -64px;width:56px; _margin:-8px -5px ; }
#ShopCart .cartContent { padding-right:12px; padding-top:2px; line-height:16px;}
#ShopCart .cartContent .cartTitle {font-weight:bold; color:#004185; }
#ShopCart .cartContent a { color:#2D6C82; text-decoration:underline; }
#ShopCart .cartContent a:hover {text-decoration:none; }  


/* Header Topbar */
#header #ulLoggedin {display:none;}

#header #topbar {font-size:11px;padding-right:18px;background-image:url("../Images/topbar.png");background-position:right center;float:right;height:32px;margin-right:9px;position:relative;}
#header #topbar .topbarLeftCap {background-image:url("../Images/topbar.png");height:32px;left:-12px;position:absolute;width:12px;}

#header #signin_menu {-webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; background-image:url("../Images/signIndropdownbg.jpg"); background-position:bottom right; background-repeat:no-repeat; background-color:#FFFFFF;border:2px solid #CCCCCC;display:none;height:180px; *height:186px;  left :-1px;overflow:hidden;position:absolute;text-align:left;top:25px;width:166px;z-index:3; padding:0;}

#header #signin_menu input {width:138px;-moz-border-radius:4px 4px 4px 4px;border:1px solid #CCCCCC;padding:3px;}
#header #signin_menu label {color:#666666;float:left;height:12px;margin:6px 6px 0 0;padding:0;}


#header #signin_menu .forgot {padding:5px 5px 2px 0; float:left;}
#header #signin_menu .forgot-username {padding:5px 5px 2px 0;float:left;}

#header #signin_menu .remember {float:left;margin-bottom:5px;margin-left:54px;margin-top:-5px;}
#header #signin_menu .remember input {float:left;margin-right:5px;margin-top:5px;width:auto; border:none; *margin-top:0px;}
#header #signin_menu .signing_button {margin-top:8px;position:relative; width:45px;height:10px;}



#header #signin_menu .signing_button input{width:49px; cursor:pointer;}

#header #signin_menu .signing_button .signin_submit  {
    background-image:url("/site_assets/Images/bluebtn.png");
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    font-size:10px;
    font-weight:bold;
    height:29px;
    padding:1px 4px 4px;
}


#header #signin_menu .signing_button .blueleftCap {
    background-image:url("/site_assets/Images/bluebtn.png");
    background-position:right center;
    bottom:29px;
    clear:both;
    height:29px;
    left:46px;
    position:relative;
    right:0;
    width:3px;
}



#header #signin_menu .loginContainer {height:160px;	padding:8px; /*width:155px;*/}
#header #signin_menu h1 { font-size:12px !important; margin-bottom:4px; }
#header .NotLoggedIn {}
#header .NotLoggedIn ul {}
#header #topbar li {color:#004185;float:left;height:12px;margin-left:5px;margin-right:5px;margin-top:2px;padding:3px 5px 3px 3px;position:relative;}
#header #topbar li a {color:#004185;}

#header #topbar li:hover .leftCap,
#header #topbar li.selected .leftCap {background-image:url("../Images/topbarHover.png");height:18px;left:-4px;position:absolute;top:0;width:4px;}
#header #topbar li:hover,
#header #topbar li.selected {background-image:url(../Images/topbarHover.png);background-position:right center;}

#header #topbar li.drop:hover .leftCap,
#header #topbar li.selected .leftCap {background-image:url("../Images/topbarHoverArrow.png"); background-position:right center;height:18px;position:absolute;right:-13px;top:0;width:13px; left:auto;}
#header #topbar li.drop:hover,
#header #topbar li.selected {background-image:url(../Images/topbarHover.png); background-position:left center;}

#header #topbar li.goto:hover .leftCap,
#header #topbar li.selected .leftCap {background-image:url("../Images/topbarHoverGoTo.png"); background-position:right center;height:18px;position:absolute;right:-13px;top:0;width:13px; left:auto;}
#header #topbar li.goto:hover,
#header #topbar li.selected {background-image:url(../Images/topbarHover.png); background-position:left center;}

#header .NotLoggedIn li.facebook {height:15px !important;margin-top:3px !important;padding-left:1px;padding-top:0 !important;}
#header #topbar .NotLoggedIn li.facebook:hover,#header #topbar .NotLoggedIn li.selected .facebook:hover  {background:none !important;}
#header .NotLoggedIn li.login {position:relative;}
#header .NotLoggedIn li.login img {left:-2px;position:absolute;top:0;}
#header .NotLoggedIn li.loggedin {padding-left:11px;}
#header .NotLoggedIn li.register {font-weight:bold;margin-right:8px !important; margin-left:8px !important;padding-right:8px !important;}
#header .avatar {height:12px;}

#header #topbar .loginClose {background-image:url("../Images/btn_slideDownclose.jpg");background-repeat:no-repeat;cursor:pointer;height:22px;position:absolute;right:6px;text-indent:-2000em;top:4px;width:22px;}

#header #topbar .fblogout img {margin-top:-3px;}
#header #topbar .fblogout {padding:1px 0 0;}
/* Header Topbar - Language Select */




#header #topbar .countrySelect:hover #countryMenu.nojs { display: block; top: 19px;}

#header #topbar #countryMenu {-webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; background-color:#FFFFFF; background-image:url("../Images/LangSelectBG_planet.jpg"); background-repeat:no-repeat; background-position:bottom right; border:2px solid #CCCCCC;display:none;right:-14px;overflow:hidden;position:absolute;text-align:left;top:22px;width:210px;z-index:3; padding:10px; }






#header #topbar .countryContainer h1 { font-size:12px !important; margin-bottom:4px; }
#header #topbar ul.country li {width:200px; background:none;}
#header #topbar ul.country li { background:none;}

#header #topbar ul.country li a { text-decoration:underline; font-weight:bold;}
#header #topbar ul.country li a:hover { text-decoration:none;}
#header #topbar ul.country li .countryFlag { display:block;float:left;height:12px;margin-right:10px;width:18px;}

#header #topbar .countryClose {background-image:url("../Images/btn_slideDownclose.jpg");background-repeat:no-repeat;cursor:pointer;height:22px;position:absolute;right:6px;text-indent:-2000em;top:4px;width:22px;}






/* .fblogout { width: 100px; float: left;} */


.fblogout {
    float:left;
    list-style:none outside none;
    margin:18px 0 0 82px;
    width:100px;
}


.fblogout .facebookLogOutLeft {
    background:url("../Images/facebookbuttonlogout.png") no-repeat scroll left top transparent;
    height:20px;
    left:-20px;
    position:absolute;
    top:0;
    width:23px;
    
}

.fblogout .facebookLogOutRight {
    background:url("../Images/facebookbuttonlogout.png") no-repeat scroll right top transparent;
    color:#FFFFFF;
    height:13px;
    margin-left:19px;
    padding:3px 5px 3px 3px;
    position:relative;
    text-align: center;
}