﻿/* White banner bar */
#topContent {
background:url( '../images/banner_images.jpg' ) no-repeat right;
background-color:#F1F1F2;
clear:both;
color:#5D5D5D;
font-size:.75em;
font-weight:700;
height:219px;
margin-bottom:-30px;
}

#tagline {
margin:25px 15px 0;
}

.plus {
color:#da7b0c;
font-size:1.3em;
padding:6px;
}

#bottomContent {
display:block;
background-color:#6a6a6b;
height:627px;
clear:both;
}

.col {
display:inline;
float:left;
width:270px;
margin:0 15px;
}

.col a {
text-decoration:none;
}

.col .link {
float:right;
margin-top:10px;
}

#col1 {
margin-bottom:15px;
margin-top:15px;
position:relative;
width:270px;
}

#sidebar {
background:url( '../images/sidebar_mid.gif' );
margin:0;
padding:0 20px 15px;
}

#sidebar_top {
margin:0;
padding:0;
}

#sidebar_bot {
position:absolute;
bottom:0;
left:0;
}

#col2,#col3 {
color:#FFF;
margin-top:27px;
}

.obj {
display:none;
border:0 solid blue;
margin-top:0;
margin-bottom:0;
margin-left:13px;
width:316px;
height:136px;
}

.obj div {
font-family:Arial,sans-serif;
font-size:12px;
color:#555;
font-weight:600;
letter-spacing:-1px;
padding-left:140px;
margin-left:10px;
margin-top:10px;
background-image:url(   '../Images/landing_IconSprites.jpg' );
background-repeat:no-repeat;
height:108px;
line-height:26px;
cursor:default;
}

.obj span {
color:#a60101;
font-weight:600;
font-size:14px;
margin-right:6px;
}

.obj a {
color:#a60101;
font-weight:400;
font-size:12px;
margin-left:20px;
text-decoration:none;
letter-spacing:normal;
}

.obj a:hover {
color:#a60101;
font-weight:400;
font-size:12px;
margin-left:20px;
text-decoration:underline;
letter-spacing:normal;
}

.dialogDetails {
color:#f1f1f2;
font-size:14px;
position:absolute;
top:26px;
left:0;
width:362px;
padding:7px;
}

.dialogDetails p {
clear:both;
margin-bottom:10px;
}

.dialogDetails p.head {
font-weight:700;
font-size:1.1em;
margin-bottom:2px;
}

.dialogDetails .screenSprite {
border:1px solid silver;
width:120px;
height:90px;
margin-top:4px;
margin-right:0;
margin-bottom:6px;
}

.dialogDetails .left {
float:left;
margin-right:6px;
}

.dialogDetails .right {
float:right;
margin-left:6px;
}

.dialogClose {
width:16px;
height:16px;
background:url(../Images/dialog_close.png) no-repeat;
position:absolute;
top:6px;
right:7px;
cursor:default;
}

.dialogCloseHover {
width:16px;
height:16px;
position:absolute;
top:6px;
right:7px;
background:url(../Images/dialog_close_hover.png) no-repeat;
cursor:pointer;
}

.dialogDetails ul {
float:left;
margin-bottom:0;
}

.dialogDetails ul li {
font-size:14px;
margin-top:11px;
color:#FFF;
padding-left:0;
margin-left:15px;
list-style-type:disc;
list-style-position:outside;
list-style-image:inherit;
background-image:inherit;
}

.dialogDetails ul li span {
font-weight:700;
color:#eff8fd;
}

.dialogDetails .description {
font-size:11px;
color:#ccc;
}

.dialogTitleBar {
background:#242423 url(../Images/navbar_bg.gif) repeat-x;
padding-left:8px;
padding-top:5px;
height:30px;
_height:31px;
color:#ffc10e;
font-family:"Lucida Sans" , "Trebuchet MS" , "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans Unicode" ,Verdana,Arial,sans-serif;
font-size:14px;
}

.dialogTitle {
position:absolute;
left:8px;
top:6px;
}

.dialogBulletHeader {
color:#ffc10e;
margin-bottom:10px;
font-size:1.05em;
}

.dialogFooter {
position:absolute;
top:242px;
clear:both;
font-size:11px;
padding-bottom:0;
text-align:center;
}

.dialogFooter #btn_Back {
position:absolute;
left:175px;
top:8px;
text-decoration:none;
margin-bottom:0;
color:#ccc;
}

.dialogFooter #btn_Next {
position:absolute;
left:322px;
top:8px;
text-decoration:none;
margin-right:10px;
margin-bottom:0;
color:#ccc;
}

.dialogFooter #btn_LearnMore {
font-size:14px;
position:absolute;
left:145px;
color:#ffc10e;
}

#div_TOC {
position:absolute;
top:8px;
left:222px;
padding-left:0;
width:120px;
}

#div_TOC span {
float:left;
margin-left:3px;
font-size:10px;
border:1px solid silver;
color:#FFF;
background-color:#585858;
cursor:pointer;
padding:0 4px;
}

#div_TOC span:hover {
background-color:gray;
}

#div_TOC span.selected {
background-color:#2e6ba2;
}

.dialog {
width:378px;
height:280px;
overflow:hidden;
line-height:1.1em;
background-color:#242423;
font-family:"Lucida Sans" , "Trebuchet MS" , "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans Unicode" ,Verdana,Arial,sans-serif;
}

#dialog {
position:absolute;
top:13px;
left:13px;
height:0;
}

#div_LowerBG {
background-image:url(  '../images/landing_BackgroundBottom.jpg' );
background-repeat:no-repeat;
background-color:#fff;
background-position:left top;
width:900px;
height:441px;
position:absolute;
top:344px;
}

#div_UpperBG {
background-image:url(  '../images/landing_BackgroundTop_bg.jpg' );
background-repeat:repeat-x;
width:900px;
height:186px;
position:absolute;
top:158px;
clear:both;
}

#footer {
height:116px;
}

.topThumbnail {
background-image:url('../images/landing_TopSprites.jpg' );
background-repeat:no-repeat;
width:140px;
height:105px;
float:left;
margin-right:5px;
}

.col a:hover,.dialogFooter #btn_Back:hover,.dialogFooter #btn_Next:hover {
text-decoration:underline;
}

.obj b,.obj a b {
font-weight:600;
}