@charset "utf-8";
/* CSS for SMART navigation ribbon */
body {background-position: 0 28px;}

div#ribbon-outer {position: absolute; top: 0; left: 0; background: url(../images/ribbon/ribbon_bg_all.png) repeat-x 0 0 #898989; height: 28px; width: 100%;}
div#ribbon-outer.ribbon-smarttech-logged-out {background: url(../images/ribbon/ribbon_bg_st_com.png) repeat-x 0 0 #5f8bb5;}
div#ribbon-width {text-align: left; margin: 0 auto; width: 996px; height: 28px;}
div#ribbon-inner {background-repeat: repeat-x; background-position: bottom left; height: 28px; background-color: transparent; width: 100%; text-align: center;}
div#ribbon-outer.ribbon-smarttech-logged-out div#ribbon-inner {background: transparent !important;}

div#ribbon-nav-menu {float: left; height: 28px; width: 300px;}
div#ribbon-inner ul {margin: 0; padding: 0; list-style-type: none;}
div#ribbon-inner ul li {background: none;}

/* st.com login (no tabs) */
div#ribbon-login-links {float: right; height: 28px;}
div#ribbon-login-links ul li.ribbon-menu-active {padding: 0 10px 0 0 !important; background: none !important;}
div#ribbon-login-links ul li.ribbon-menu-active a {padding: 0 !important; background: none !important; font-size: 11px; color: #cfdbe7; text-shadow: -1px -1px #6c8ba7;}
div#ribbon-login-links ul li.ribbon-menu-active a:hover {color: #fff;}
div#ribbon-login-links ul li.ribbon-menu-active a em {font-style: normal; position: relative; top: -1px; left: -3px;}

/* inactive menu items */
div#ribbon-inner ul li {float: left; display: block; padding: 0 10px; position: relative; top: 0; left: 0;}
div#ribbon-inner ul li.impersonate {float: left; display: block; padding: 0 10px 0 25px; position: relative; top: 0; left: 0; background: url(../images/ribbon/impersonation_icon.png) -1px 5px no-repeat;}
div#ribbon-inner ul li a {display: block; text-decoration: none; float: left; line-height: 25px; color: #ccc; outline: none;}
div#ribbon-inner ul li a span {font-size: 11px; text-shadow: -1px -1px #797979;}
div#ribbon-inner ul li a span:hover {color: #fff !important;}

/* active menu item - general */
div#ribbon-inner ul li.ribbon-menu-active {padding: 0 0 0 30px; background-repeat: no-repeat; background-position: 0 0;}
div#ribbon-inner ul li.ribbon-menu-active a {padding: 0 30px 0 0; background-repeat: no-repeat; background-position: 100% 0;}

/* active menu item - default (grey) */
div#ribbon-outer div#ribbon-inner {background-image: url(../images/ribbon/ribbon_active_default.png);}
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-active {background-image: url(../images/ribbon/tab_default_left.png);}
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-active a {background-image: url(../images/ribbon/tab_default_right.png);}
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-active a span {color: #bbb; text-shadow: -1px -1px #797979;}

/* active menu item - smarttech */
div#ribbon-outer.smarttech div#ribbon-inner {background-image: url(../images/ribbon/ribbon_active_smarttech.png);}
div#ribbon-outer.smarttech div#ribbon-inner ul li.ribbon-menu-active {background-image: url(../images/ribbon/tab_smarttech_left.png);}
div#ribbon-outer.smarttech div#ribbon-inner ul li.ribbon-menu-active a {background-image: url(../images/ribbon/tab_smarttech_right.png);}
div#ribbon-outer.smarttech div#ribbon-inner ul li.ribbon-menu-active a span {color: #bbcbdb; text-shadow: -1px -1px #6c8ba7;}

/* active menu item - source */
div#ribbon-outer.source div#ribbon-inner {background-image: url(../images/ribbon/ribbon_active_source.png);}
div#ribbon-outer.source div#ribbon-inner ul li.ribbon-menu-active {background-image: url(../images/ribbon/tab_source_left.png);}
div#ribbon-outer.source div#ribbon-inner ul li.ribbon-menu-active a {background-image: url(../images/ribbon/tab_source_right.png);}
div#ribbon-outer.source div#ribbon-inner ul li.ribbon-menu-active a span {color: #c8e4b2; text-shadow: -1px -1px #70ae40;}

/* active menu item - sourceblue */
div#ribbon-outer.sourceblue div#ribbon-inner {background-image: url(../images/ribbon/ribbon_active_sourceblue.png);}
div#ribbon-outer.sourceblue div#ribbon-inner ul li.ribbon-menu-active {background-image: url(../images/ribbon/tab_sourceblue_left.png);}
div#ribbon-outer.sourceblue div#ribbon-inner ul li.ribbon-menu-active a {background-image: url(../images/ribbon/tab_sourceblue_right.png);}
div#ribbon-outer.sourceblue div#ribbon-inner ul li.ribbon-menu-active a span {color: #e9edf0; text-shadow: -1px -1px #96a3af;}

/* active menu item - smart learning space (future consideration) */
div#ribbon-outer.sls div#ribbon-inner {background-image: url(../images/ribbon/ribbon_active_sls.png);}
div#ribbon-outer.sls div#ribbon-inner ul li.ribbon-menu-active {background-image: url(../images/ribbon/tab_sls_left.png);}
div#ribbon-outer.sls div#ribbon-inner ul li.ribbon-menu-active a {background-image: url(../images/ribbon/tab_sls_right.png);}
div#ribbon-outer.sls div#ribbon-inner ul li.ribbon-menu-active a span {color: #b3c1f2; text-shadow: -1px -1px #3155d5;}

/* menu separators */
div#ribbon-inner ul li.ribbon-menu-separator {padding: 0 10px; height: 26px; background: url(../images/ribbon/ribbon_separator.png) no-repeat 50% 0;}
div#ribbon-inner ul li.ribbon-menu-separator em {display: none;}
div#ribbon-inner ul li.ribbon-menu-separator.off-on {display: none;} 
div#ribbon-inner ul li.ribbon-menu-separator.on-off {display: none;}
div#ribbon-inner ul li.ribbon-menu-separator.off-off {}
div#ribbon-inner ul li.blue { background: url(../images/ribbon/ribbon_separator_blue.png) no-repeat 50% 0;}

/* ribbon menu arrow */
div#ribbon-outer div#ribbon-inner ul li img.arrow {display: inline; width: 14px; height: 24px; background: url(../images/ribbon/ribbon_dropdown_arrows.png) -39px 8px no-repeat transparent; cursor: pointer; position: absolute; border: 0; outline: 0; top: 0px; right: 0px;}
div#ribbon-outer div#ribbon-inner ul li img.unk {display: inline; width: 12px; height: 10px; cursor: pointer; position: absolute; border: 0; outline: 0; top: 7px; right: -15px;}
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-active img {top: 0px; right: 23px;}
div#ribbon-outer div#ribbon-inner ul li img:hover {background-position: -39px -33px;}
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-active.has-arrow a span {padding-right: 10px !important;}
div#ribbon-outer div#ribbon-inner ul li.has-arrow a span {padding-right: 10px !important;}

/* user menu */
div#ribbon-user-menu {float: right; height: 28px; width: 650px;}
div#ribbon-user-menu ul {float: right;}

/* dropdowns */
div.ribbon-dropdown-outer ul {list-style: none; margin: 0; padding: 0; width: 148px;}
ul.ribbon-dropdown-outer {background: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 4px #999; box-shadow: 1px 1px 4px #999; -webkit-box-shadow: 1px 1px 4px #999; padding: 0; behavior: url(/scripts/PIE.htc); width: 148px; list-style: none; margin: 0; border: 4px solid #fff; position: absolute; top: 30px; left: 0; right: auto;}
li.ribbon-menu-active ul.ribbon-dropdown-outer {left: 10px;}
li.ribbon-menu-user ul.ribbon-dropdown-outer {right: -5px; left: auto;} /* anchors user menu to the arrow instead of the beginning of the name */
ul.ribbon-dropdown-outer li {margin: 0; padding: 0 !important; width: 148px; display: block; float: left;}
ul.ribbon-dropdown-outer li a {float: left; width: 136px; line-height: 22px !important; font-size: 11px; padding: 0 6px 0 6px !important; text-decoration: none; outline: none; color: #606060 !important; background: transparent !important;}
ul.ribbon-dropdown-outer li a:hover {background-repeat: repeat-x; background-position: 0 0;}
ul.ribbon-dropdown-outer li.ribbon-dropdown-first {font-weight: bold;}
ul.ribbon-dropdown-outer li.ribbon-dropdown-separator {height: 1px; border-bottom: 1px dotted #ddd; margin-top: 4px; margin-bottom: 4px;}
/* Needed to hide the anchor on the seperator item to prevent IE7 from creating a clickable link */
.ribbon-dropdown-separator a {display:none !important;}

/* source dropdown */
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-source ul.ribbon-dropdown-outer li a {color: #7ac143 !important;}
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-source ul.ribbon-dropdown-outer li a:hover {background: #7ac143 !important; color: #fff !important;}

/* smarttech dropdown */
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-smarttech ul.ribbon-dropdown-outer li a {color: #6E92B3 !important;}
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-smarttech ul.ribbon-dropdown-outer li a:hover {background-image: url(../images/ribbon/tab_smarttech_right.png) !important; color: #fff !important;}

/* user dropdown */
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-user div.ribbon-dropdown-outer, 
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-user ul.ribbon-dropdown-outer, 
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-user ul.ribbon-dropdown-outer li {width: 128px; background: #fff !important;}
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-user ul.ribbon-dropdown-outer li a {color: #36f !important; width: 116px;}
div#ribbon-outer div#ribbon-inner ul li.ribbon-menu-user ul.ribbon-dropdown-outer li a:hover {background-image: url(../images/ribbon/tab_sls_right.png) !important; color: #fff !important;}


div#ribbon-outer div#ribbon-inner ul li.dropdown-open img {background-position: -80px -33px;}
div#ribbon-outer div#ribbon-inner ul li.dropdown-open img:hover {background-position: -80px -33px;}


/* country selector tab */
div#ribbon-outer div#ribbon-inner ul li span.flag { display: inline; height: 25px; line-height: 25px; margin-right: 8px; }
div#ribbon-outer div#ribbon-inner ul li span.flag img { display: inline; height: 10px; line-height: 25px; vertical-align: middle; margin-top: -2px; }