@import url(/common/inc/css/main_2008.css);

/* Structural Layout
-------------------------------------------------- */
#mainbody{ padding-bottom:0; }
#contentcontainer { padding:0 12px;}
#mainbody { padding-bottom:50px; width:924px; margin-top:10px; }
#contenthead { position:relative; height:8.6em; border-bottom:1px solid #000; }
#contenthead h1 { color:#000; font-size:250%; line-height:100%; letter-spacing:-1px; margin:0; padding:0; position:absolute; bottom:8px; left:0px; }
#contenthead h2 { font-size:125.5%; line-height:100%; margin:0; padding:0; position:absolute; bottom:2.75em; left:0px; }
#contenthead h2 a { color:#00addf; text-decoration:none; }
#contenthead h2 a:hover { text-decoration:none !important; }
.col_left, .col_right{ margin-bottom:10px; }
.col_left{ width:689px; margin-right:10px; float:left; overflow:hidden; }
.col_right{ width:225px; float:right;  }

/* Banner areas
-------------------------------------------------- */
.col_left #banner{ padding:20px 0 0 15px; width:674px; height:202px; background-color:#000; background-position:top left; background-repeat:no-repeat;overflow:hidden; }
.col_left #banner_promo { height:98px; overflow:hidden; }
.col_left #banner h2{ color:#fff; font-size:26px; margin:0 0 20px 0; width:400px; font-weight:normal; line-height:27px; }
.col_left #banner h3{ color:#fff; font-size:12px; margin:10px 0 0 0; font-weight:normal; }
.col_left #banner p{ color:#eff0f0; margin:0; width:350px; font-size:13px; }
.col_left #banner p strong{ color:#eff0f0; font-weight:normal; }
.col_left #banner a{ text-decoration:none; }
#mainbody #overview{ width:694px; height:182px; background-position:top left; background-repeat:no-repeat; position:relative; }
#mainbody #overview #overview_content{ position:absolute; top:15px; left:15px; width:365px; }
#mainbody #overview_content h2{ color:#94a0a9; font-weight:normal; font-size:21px;  margin:0; padding:0; line-height:21px; }
#mainbody #overview_content p{ color:#ccc; margin:0; padding:10px 0 0 0; }
#box_top{ padding:10px; background:#000; min-height:111px; }
#box_top h3{ font-weight:normal; margin:2px 0 10px 0; color:#fff; font-size:16px; line-height:17px; }
#box_top p{ margin:0; color:#94a0a9 !important; }
#box_top p#learn_more a {background:transparent url(/common/img/buttons/learn_more.png) no-repeat scroll left top; display:block; height:20px; text-indent:-9999px; width:92px; margin-top:13px;}
/*#box_top p#partner_login{ margin-top:12px; }
#box_top p#partner_login a{ display:block; text-indent:-9999px; background:url(/common/img/buttons/partner_login.png) top left no-repeat; width:92px; height:20px; }*/
#box_bottom{ background:#94a0a9; }
#box_bottom a{ display:block; background:#94a0a9 url(/common/img/bullets/plus_transparent.png) 208px 70px no-repeat; font-size:12px; padding:12px; color:#fff; text-decoration:none; height:63px; }
#box_bottom ul li{ color:#fff; line-height:12px; }
 
/* Color overrides
-------------------------------------------------- */
div.datacenter, .datacenter .third h4, .datacenter .half h4 { border-top:3px solid #7ac142 !important; }
.datacenter #tabs li.active a { background:#7ac142 !important; border-top:7px solid #7ac142 !important; }
.datacenter #tabs li#last, .datacenter #box_bottom {background:#7ac142 !important;}
.datacenter #box_bottom a {background:#7ac142 url(/common/img/bullets/plus_transparent.png) 208px 70px no-repeat !important;}
.datacenter #tabs li a {background:#d0e4a6 !important;}
.datacenter #contenthead h2 a, .datacenter h4.normal, .datacenter .third ul li a, .datacenter .half ul li a {color: #7ac142 !important;}
.datacenter a, .datacenter #mainbody #overview_content h2 { color:#7ac142;}
.datacenter h4.normal {border-top:none !important;}

div.identity, .identity .third h4, .identity .half h4 { border-top:3px solid #f7ac07 !important; }
.identity #tabs li.active a { background:#f7ac07 !important; border-top:7px solid #f7ac07 !important; }
.identity #tabs li#last, .identity #box_bottom {background:#f7ac07 !important;}
.identity #box_bottom a {background:#f7ac07 url(/common/img/bullets/plus_transparent.png) 208px 70px no-repeat !important;}
.identity #tabs li a {background:#ffd457 !important;}
.identity #contenthead h2 a, .identity h4.normal, .identity .third ul li a, .identity .half ul li a {color: #f7ac07 !important;}
.identity a, .identity #mainbody #overview_content h2 { color:#f7ac07;}
.identity h4.normal {border-top:none !important;}

div.enduser, .enduser .third h4, .enduser .half h4 { border-top:3px solid #72aeb6 !important; }
.enduser #tabs li.active a { background:#72aeb6 !important; border-top:7px solid #72aeb6 !important; }
.enduser #tabs li#last, .enduser #box_bottom {background:#72aeb6 !important;}
.enduser #box_bottom a {background:#72aeb6 url(/common/img/bullets/plus_transparent.png) 208px 70px no-repeat !important;}
.enduser #tabs li a {background:#c3dfe0 !important;}
.enduser #contenthead h2 a, .enduser h4.normal, .enduser .third ul li a, .enduser .half ul li a {color: #72aeb6 !important;}
.enduser a, .enduser #mainbody #overview_content h2 { color:#72aeb6;}
.enduser h4.normal {border-top:none !important;}

div.consulting, .consulting .third h4, .consulting .half h4 { border-top:3px solid #94a0a9 !important; }
.consulting #tabs li.active a { background:#94a0a9 !important; border-top:7px solid #94a0a9 !important; }
.consulting #tabs li#last, .consulting #box_bottom {background:#94a0a9 !important;}
.consulting #box_bottom a {background:#94a0a9 url(/common/img/bullets/plus_transparent.png) 208px 70px no-repeat !important;}
.consulting #tabs li a {background:#e4e5e6 !important;}
.consulting #contenthead h2 a, .consulting h4.normal, .consulting .third ul li a, .consulting .half ul li a {color: #94a0a9 !important;}
.consulting a, .consulting #mainbody #overview_content h2 { color:#94a0a9;}
.consulting h4.normal {border-top:none !important;}

/* Columns
-------------------------------------------------- */
.third{ width:221px; float:left; margin:10px 13px 0 0; }
.third h4, .half h4{ padding:10px; /*border-top:3px solid #00aeef;*/ background:#f9f9f9 url(/common/img/h4_bg.png) bottom left repeat-x; margin:0; color:#45525a; font-size:14px; }
.loggedin .third h4{ width:167px; padding-right:44px; }
.resources h4, h4.black{ border-top:5px solid #45525a; }
.resources ul{ background:#eceded url(/common/img/resources_gradient.png) top left repeat-x; }
.third p{ margin:0; padding:10px 10px 0 10px; font-size:11px; }
.half h3{ margin:10px 0 0 0; padding-left:12px; }
.half p{ margin:0; padding:10px 10px 0 10px; font-size:12px; color:#616e75; padding-left:12px; }
.third ul, .half ul{ margin:10px 0 15px 0; }
.third ul li, .half ul li{ border-top:2px solid #ddd; font-size:11px; color:#616e75; height:1%; }
.loggedin .third ul li{ border-top:1px solid #c9c8c8; }
.third ul li a, .half ul li a{ color:#94a0a9; text-decoration:none; display:block; padding:3px 11px; }
.third ul li a:hover, .half ul li a:hover{ background:#eee; text-decoration:none !important; }
.third ul li.nolink, .half ul li.nolink {padding: 3px 10px; display:block;}
.third ul.nolinks li, .half ul.nolinks li{ padding:3px 10px; font-size:12px; }
.third ul.nolinks li a, .half ul.nolinks li a{ padding:0; display:inline; }
.third ul.nolinks li a:hover, .half ul.nolinks li a:hover{ background:none; text-decoration:underline !important; }
.half{ float:left; width:339px; margin-right:10px; }
.half h4{ margin-top:10px; }
.last{ margin-right:0; }

/* Tabs
-------------------------------------------------- */
#tabs{ width:691px; }
#tabs li{ float:left; width:170px; float:left; padding-top:7px; border-right:2px solid #fff; }
#tabs li a{ color:#fff; text-decoration:none; display:block; padding:4px 10px; background:#9cdcf9; font-weight:bold; font-size:14px; }
#tabs li a:hover{ background:#68bee5; text-decoration:none !important; }
#tabs li.active{ padding-top:0; width:173px; }
#tabs li.active a{ background:#00aeef; border-top:7px solid #00aeef; }
#tabs li.active a:hover{ background:#00aeef; }
#tabs li#last{ background:#00aeef; height:1px; width:100%; }

/* General fonts
-------------------------------------------------- */
h3{ color:#45525a; margin:10px 0; font-size:16px; }
h4.normal{ font-size:28px; color:#00aeef; font-weight:normal; margin:0; border:none; background:none; padding:10px 0 0 10px; line-height:28px; }
h5{ color:#45525a; margin:10px 0; font-size:12px; }
a{ color:#94a0a9; text-decoration:none; }
ul, ul li{ margin:0; padding:0; list-style-type:none; }
#mainbody p{ font-size:12px; color:#616e75; }
ul.greyLinks li a {color:#94a0a9 !important;}

/* Misc
-------------------------------------------------- */
.clr{ clear:both; }
hr{ height:1px; border:none; background:#ccc; margin:0; }
hr.thin{ height:1px; background:#000; }
.novertical{ margin-top:0 !important; margin-bottom:0 !important; }
a, a:active { outline:none; }
:focus { -moz-outline-style: none; }
ul.normal { margin-left:23px; }
ul.normal li {list-style-type:disc; border:none; padding-top:5px;}