@charset "utf-8";
/* CSS Document */

#casestudy-content {
background:url(../images/case-study/bg-casestudy.gif) no-repeat top left;
height:471px;
margin:0;
padding:0;
width:940px;
}

#extra-image {width:132px;  float:left; margin-top:8px;}
#left-arrow {width:39px; margin:8px 32px 0 0; float:left;}

/* ------------- title ------------*/
#title {width:118px; margin:8px 4px 0 0; float:left; vertical-align:top;}
#title-top {height:7px; width:118px; background:url(../images/case-study/title-top.gif) no-repeat top left;}
#title-content {background:#4b6274; width:102px; padding:2px 8px; color:#cfcfcf;}
#title-bottom {height:7px; width:118px; background:url(../images/case-study/title-bottom.gif) no-repeat top left;}


#title-content p span {font-size:1.2em; margin-bottom:5px;}
#title-content p {font-size:.85em; font-weight:bold; margin:0; padding:0; line-height:200%;}


#content {width:324px; margin:8px 4px 0 0; float:left; vertical-align:top; }
#content-top {width:324px; background:url(../images/case-study/main-content-top.gif) no-repeat top left; height:7px; }
#content-bottom {width:324px; background:url(../images/case-study/main-content-bottom.gif) no-repeat top left;  height:7px; }


#content-center {background:#474f54;}
#content-center table {margin:0 8px; border:none; border-collapse:collapse; width:95%; }
#content table th, #content table td {padding:2px; font-size:.9em; text-align: left; border:none; color:#cfcfcf; vertical-align:top;}
#content table th {font-weight:bold;}

#content table td a.more {text-align:right; text-decoration:underline; color:#cfcfcf;}
#right-arrow {width:39px; float:right; margin-top:8px;}

#casestudy-subnav {

float:left;
height:570px;
width:100%;
}

#more {width:562px; margin:1px 0 0 193px; float:left; clear:both;}
#more-top	{height:11px; width:562px; background:url(../images/case-study/more-top.gif) no-repeat top left;}
#more-bottom	{height:11px; width:562px; background:url(../images/case-study/more-bottom.gif) no-repeat top left;}
#more-content {width:562px; background:#434242;}
#more-content table {width:100%;   border:none;}
#more-content table td {border:none;  color:#cfcfcf; margin:0; padding:0; text-align:left;}
#more-content table td p {padding:0 45px; font-weight:bold;}


#slide {width:425px; float:left; margin:101px -145px 0 0; padding:0; position:absolute;}
#slide-button {width:27px; vertical-align:top; float:left; margin-top:8px; position:relative;}
#slide-content { float:left; }


#slide-content div.outer {
background:transparent url(../images/case-study/outer-bg.gif) repeat scroll left top;

list-style-type:none;
margin:0 0 0 5px;
padding:0 8px;
width:169px;
}
#slide-top {background:url(../images/case-study/outer-top.gif) no-repeat left top; height:10px; margin-left:5px; width:186px;}
#slide-bottom {background:url(../images/case-study/outer-bottom.gif) no-repeat left top; height:10px; margin-left:5px; width:186px;}

#slide-content div.outer div {
background:transparent url(../images/case-study/left-nav-li-bg.gif) no-repeat scroll 0 0;
color:#FFFFFF;
font-weight:bold;
height:22px;
margin:0 0 0 1px;
padding:8px 0 0 8px;
}


p.login-head {font-size:1em; color:#5cabdf; font-weight:bold; margin:2px 0;}
 #loginsliderContent div {padding:9px 0px 8px 0px}
#loginsliderContent div a {color:#5cabdf; font-size:.9em; text-decoration:none; line-height:1em;}
#loginsliderContent input {background:url(../images/case-study/bg-login-input.gif) no-repeat left top; margin:0; padding:6px 5px 0 3px; border:0 none; height: 28px; width:180px; }
#loginOpenCloseWrap,  #loginSlider, #loginSliderWrap {position:absolute;}


#loginSliderWrap {margin:0 -557px;}
 img.login-button {margin:0 0 0 106px;}

#loginsliderContent {width:192px; background:url(../images/case-study/bg-login.gif); padding:5px 10px;}

#nodSlider, #nodSliderWrap {position:absolute;width:600px;background-color:#FFF}
#nodOpenCloseWrap  {position:absolute;width:100px;left:393px;top:245px;}
#nodsliderContent {width:600px; background:url(../images/case-study/bg-login.gif); padding:5px 10px;height:235px}
#nodSliderWrap {margin:0 -617px;}
#btn1 {position:absolute;margin:0 -217px;}
#btn2 {position:absolute;margin:0 -547px;}
#btn3 {position:absolute;}
#btn4 {position:absolute;margin:0 -200px;}
/* --------- Phase 3 ---------------*/

#advanced-news-filter { color:#0F9FFF;  border-bottom:1px solid #0F9FFF;}

#advanced-news-filter #month, #advanced-news-filter #month-to {margin-left:20px;}
#advanced-news-filter #year {margin-right:20px;} 
#advanced-news-filter #month, #advanced-news-filter #month-to, #advanced-news-filter #year, #advanced-news-filter #year-to {border: 1px solid #0F9FFF; color:#0F9FFF; font-size:1em; width:75px;}
#advanced-news-filter img {vertical-align:middle; padding:0 0 3px 10px;}

#mid-caption-image {
background:transparent url(../images/mid-size-img.gif) no-repeat scroll 0 0;
float:left;
height:121px;
padding:0 10px 5px 0;
width:251px;
}
#mid-caption-image p {color:#fff; padding:87px 5px 5px 10px;}

.contact-left {
float:left;
margin-right:6px;
width:265px;
}

.contact-right {
float:left;
width:237px;
}

.contactlist-container {
border-bottom:1px solid #CCCCCC;
float:left;
margin:16px 0 0;
padding:0 0 20px;
width:100%;
}

.contactlist-container p a {color:#0099FF; text-decoration:none;}


/* ---------- google page -----------*/
#map-top {width:743px; height:16px; background:url(../images/map-container-top.gif) no-repeat top left;}
#map-bottom {width:743px; height:16px; background:url(../images/map-container-bottom.gif) no-repeat top left;}
#map-container {width:740px; background-color:#fff; margin-left:-3px; padding:0; float:left;}
#map-content {text-align:center; width:742px; background-color:#FFFFFF;}


#map-arrow-bot {margin:3px 0 0 10px;}

p img#content-img {padding:0 10px 5px 0; float:left;}

#slide-content div.outer  span div {background:url(../images/left-nav-lev2.gif) no-repeat; color:#FFFFFF; font-weight:bold; height:22px; margin:0 0 0 1px; padding:4px 0 0 8px; cursor:pointer;}
#slide-content div.outer  span  span div{background:url(../images/left-nav-lev3.gif) no-repeat; color:#FFFFFF; font-weight:bold; height:24px; margin:0 0 0 1px; padding:2px 0 0 4px; cursor:pointer;}