/*Generic HTML styles*/

table {}
.clear {clear: both;}

#ITcontent {margin: 0; padding: 0; width:960px;}

/* - OptimizeIT Main Page Header - */	
#oITheader {height: 100px; padding: 0 40px; margin:0px 0 0 0; background: url(http://static.infotech.com/images/css/oit/oit_headerimg.png) no-repeat; z-index:1;}
#oITheader a.analystCall {float:right; width:67px; height:49px; margin:10px 40px 0 0; background:transparent url("http://static.infotech.com/images/css/oIT/1hrfree.gif") no-repeat; z-index:1;}
#oITheader h1 {color: #617188; background: url() top right no-repeat;}
#oITheader p {color: #617188; font-weight: bold;}
#oITheader #oITheaderContent {width: 400px; padding: 2px 0 0 80px; z-index:1;}
#oITheader #oITheaderContent p{margin:5px 0 0 0; padding:0;}
#oITheader #oITheaderContent h1{color:#617188; font:bold 35px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0;}

#oITbodyText {padding: 10px 10px 10px 10px; margin: 0; background-color:#fff;}


#modal_container {padding:5px; background-color:#fff; border:1px solid #666; overflow:auto;	font-family:"Lucida Grande",Verdana; font-size:12px; color:#333; text-align:left; }
#modal_overlay { background-color:#000; }
/*--Gauges--*/

/*--ProgramInstructions--*/
.action {color: #ccffff; font-weight: bold;}

/* Begin Program Styles */

/*This should be an IE 6 / 7 hack but it's not working so Firefox is a little wonkified*/
*html>body .programSubHead .extraLink {margin-top: -22px; margin-right: 5px; padding: 5px;}

td.oITProgramSteps {background: #617188 url(http://static.infotech.com/images/css/body/oitStepBoxTop_bg.png) top left repeat-x; color: #fff; border: 1px solid #c2cee0; padding: 5px; border: 1px solid #617188; text-align:center;}
.programBreak {padding: 5px;}

.stepTable {border-collapse:collapse;}
.stepTable .step td{background: #c2cee0 url(http://static.infotech.com/images/css/body/oitBoxTopSub_bg.png) top left repeat-x; border: 1px solid #c2cee0; font-weight: bold; padding:5px;}
.stepTable .step td a{color: #29475f; font-weight:normal;}
.stepTable .step td a:hover{color: #d17d08;}
.stepTable td{padding:5px; border:1px solid #c2cee0;}
.stepTable .activityTool {margin:5px 0;}

.stepTable td.relatedResearch ol { margin:0 0 0 25px; padding:0;}
.stepTable td.relatedResearch ol li { margin:0; padding:0;}

.switchStream {width:158px; background-color:#71849e; border:1px solid #617188; -moz-border-radius:6px; text-align:center; padding:0 0 4px 0; color:#fff; line-height:18px;}
.switchStream .title {background: #5f6f85; display: block; text-align: center; font-weight: bold; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-top-left: 5px; -webkit-border-radius-top-right: 5px; border-radius: 5px; color: #ffffff;}
.switchStream a {color:#fff;}
.switchStream a:hover {color:#ccc;}

.oITBundleOrder {width:150px; text-align:center; margin-top:10px; padding:4px; line-height:18px;}

.trialStatus {background:#fff; color:#333; padding:5px 5px 5px 5px; width:147px; border:1px solid #CCC; margin:0 0 10px 0; border-radius:4px;}
.trialStatus .title {font-size: 18px; color:#333; margin:-5px -5px 5px -5px; padding: 5px; border-radius:4px 4px 0 0; box-shadow: inset 1px 1px 0 #fff; text-shadow: 1px 1px 0px #fff; background: #e6e6e6; border-bottom:1px solid #CCC; background: -moz-linear-gradient(left, #e6e6e6 0%, #f7f7f7 50%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e6e6e6), color-stop(50%,#f7f7f7), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(left, #e6e6e6 0%,#f7f7f7 50%,#e6e6e6 100%); background: -o-linear-gradient(left, #e6e6e6 0%,#f7f7f7 50%,#e6e6e6 100%); background: -ms-linear-gradient(left, #e6e6e6 0%,#f7f7f7 50%,#e6e6e6 100%); background: linear-gradient(left, #e6e6e6 0%,#f7f7f7 50%,#e6e6e6 100%);}
.trialStatus .summary {font: 15px Arial, Helvetica, sans-serif; color:#29475f;}
.trialStatus .summaryBack {font: bold 16px Arial, Helvetica, sans-serif; color:#29475f; margin-bottom: 5px;}
.trialStatus .forrestbutton {width: 127px; margin: 5px auto 0; display: block;}

/* End Program Styles */

/* OptimizeIT Popup Overlay and Container */
#modal_container {padding:5px; background-color:#fff; border:1px solid #666; overflow:auto;	font-family:"Lucida Grande",Verdana; font-size:12px; color:#333; text-align:left; }
#modal_overlay { background-color:#000; }
/* End OptimizeIT Popup Overlay and Container */

/* OptimizeIT MyNextFunction Control Style [Start]*/
#links_MyNextFunction {display: none;}
#tabs_MyNextFunction {display: none;}

#MyNextFunction {width: 380px;  margin:0; padding: 0;}
#MyNextFunction:after {content: "."; height:0px; visibility:hidden; display:block; clear:both;}
.MyNextFunctionContent {padding: 0; margin:0px; width:260px; float:right;}
.MyNextFunctionTab {}
.MyNextFunctionTab h3 {padding:0; margin:0px; font-size:13px;}
.MyNextFunctionTab .Image {display:none;}
.MyNextFunctionTab p {padding: 0; width:260px; margin: 0;}

.MyNextFunctionNavigation {padding: 0; width: 90px; margin:0 0 0 10px; float:left;}
#tabs_MyNextFunction_First {display: none;}
#tabs_MyNextFunction_Last {display: none;}
.tabs_MyNextFunction_Previous {display: block; width: 40px; height: 65px; background: #fff url(http://static.infotech.com/images/css/oit/go_prev.gif) top left no-repeat; float: left; cursor:pointer;}
.tabs_MyNextFunction_PreviousD {display: block; width: 40px; height: 65px; background: #fff url(http://static.infotech.com/images/css/oit/go_prev_disabled.gif) top left no-repeat; float: left;}
#tabs_MyNextFunction_Previous span {display: none;}
#tabs_MyNextFunction_Go {display: block; width: 173px; height: 38px; background: #fff url(http://static.infotech.com/images/css/oit/SelectThisProgram_btn.jpg) top left no-repeat; float: left; cursor:pointer; margin:5px 0 0 0;}
#tabs_MyNextFunction_Go span {display: none;}
.tabs_MyNextFunction_Next {display: block; width: 40px; height: 65px; background: #fff url(http://static.infotech.com/images/css/oit/go_next.gif) top right no-repeat; float: left; cursor:pointer;}
.tabs_MyNextFunction_NextD {display: block; width: 40px; height: 65px; background: #fff url(http://static.infotech.com/images/css/oit/go_next_disabled.gif) top right no-repeat; float: left;}
#tabs_MyNextFunction_Next span {display: none;}
/* OptimizeIT MyNextFunction Control Style [End]*/


.programDownloadBtn {background:url(http://static.infotech.com/images/css/contentImgs/side_button2_bg.gif) top center no-repeat; height:22px; width:138px; text-align:center; color:#fff; padding:5px 0 0 0; margin:10px auto auto; border:1px solid #ce7d08; -moz-border-radius:4px;}
.programDownloadBtn a {color:#fff; text-decoration:none;}
.programDownloadBtn a:hover {color:#fff; text-decoration:none;}

.sideBar {float:right; margin:0 0 5px 5px; width:160px;}


.areaLeft {float:left; width:460px;}
.areaRight {float:right; width:460px;}

.areaRight .areaHeader, .areaLeft .areaHeader {background: #29475f url(http://static.infotech.com/images/css/body/oitBoxTop_bg.png) top left repeat-x; color: #fff; font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 5px 10px; margin: 0; border:1px solid #29475f; -moz-border-radius:8px 8px 0 0;}
.capabilityHeader {background: #c2cee0 url(http://static.infotech.com/images/css/body/oitBoxTopSub_bg.png) top left repeat-x; padding: 5px;}
.capabilityHeader a{color:#29475f;}
.capabilityHeader a:hover{color:#d17d08;}
.activeProgram {border: 1px solid #ccc; padding: 5px; font: 9pt Arial, Helvetica, sans-serif; background: #fff; color:#2575B4; border-top:none;}
.activeProgram a{color:#2575B4;}
.inDevelopmentHeader {font-style:italic; color: #666; background: #d1d3d4 url(http://static.infotech.com/images/css/body/oitBoxTop_bg-disabled.png) top left repeat-x; padding: 5px; border:1px solid #CCC; border-top:none;}
.inDevelopmentHeader p {margin:0; padding:0;}
.clearOIT {clear:both; margin:10px;}

#sideBar {float:right; width:278px; padding:5px 10px 10px 10px; background-color:#ecead8; border:1px solid #ecead8; -moz-border-radius:8px;}
#sideBar #current_user_email_address {width:270px;}
#sideBar #current_user_country {width:270px;}
#sideBar #current_user_company_name {width:270px;}
#sideBar #current_user_position {width:270px;}
#sideBar #current_user_full_name {width:270px;}
#sideBar #current_user_phone_number {width:170px;}
#sideBar #current_user_phone_extension {width:85px;}
#sideBar .orangeButton {padding:6px 13px; background-position:top center;}
.summary{ width: 750px;}
.boundingBoxWhy {border-top:1px solid #c9ccd1; padding:10px 0 0 0; margin:10px 0 0 0;}

.boundingBoxLeft {float:left; width: 620px;}
.oITboundingBoxLeft {float:left; width: 528px;}

.whatIsIt {}
.whatIsIt .left{float:left; width:49%}
.whatIsIt .right{float:right; width:49%}
.whatIsIt .left li, .whatIsIt .right li {list-style-image:url(http://static.infotech.com/images/css/icons/arrow_icon_10x16.png); font-weight:bold; font-size:14px;}

#whyUseIt {border-top:1px solid #c9ccd1; padding:10px 0 0 0; margin:10px 0 0 0;}

#whatYoullGet {border-top:1px solid #c9ccd1; padding:10px 0 0 0; margin:10px 0 0 0;}
#whatYoullGet .contentBox {}
#whatYoullGet .contentBox .title {background:#c2cee0; padding:5px 0 5px 10px; font-weight:bold;}
#whatYoullGet .contentBox .content{background:#e9edf4; padding:10px; margin:0 0 7px 0;}


#toolBox {border-top:1px solid #c9ccd1; padding:10px 0 0 0; margin:10px 0 0 0;}
#toolBox .left{float:left; width:49%}
#toolBox .right{float:left; width:49%}

.startBtn {float:right;}

.introMediumFont {font:bold 16px Arial, Helvetica, sans-serif;}
#introImg {margin: 0 20px 0 0;}

#optimizeITintroBody { margin:20px 40px; }
#optimizeITorSeperation {float:left; margin:20px 10px 20px 15px;}

/* OptimizeIT Intruduction Analyst Call --------------------------------------------------------- */
#analystCall {font:13px normal Arial, Helvetica, sans-serif;} 

#analystCall h1 {font: 21px bold Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0;}
#analystCall h2 {font: 18px bold Arial, Helvetica, sans-serif; margin:0; padding:0;}
#analystCall h3 {font: 15px Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0;}
#analystCall h4 {font: 11px Arial, Helvetica, sans-serif; margin:0; padding:20px 0 0 0;}

#analystCall #profileHolder {margin:0;padding:0;}

#analystCall .profileWrap {float:left; right:185px;}
#analystCall .profile1 {width:168px; float:left;}
#analystCall .profile2 {width:168px; float:left; margin-left:11px;}
#analystCall .profile3 {width:168px; float:right; margin-left:11px;}
#analystCall .profileBox {width:168px; background:#aaa url(http://static.infotech.com/images/css/oit/landing/aaaaaa_corner_tR.gif) top right no-repeat;}
#analystCall .profileHeader {background:url(http://static.infotech.com/images/css/oit/landing/aaaaaa_corner_tL.gif) top left no-repeat; height:33px;}
#analystCall .profileHeaderText {padding:10px; text-align:center; font: 11px Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}
#analystCall .profileHeaderText2 {padding:3px 10px 10px 10px; text-align:center; font: 11px Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}

#analystCall .profileInside {background:url(http://static.infotech.com/images/css/oit/landing/profile_bg.gif) bottom center no-repeat; height:69px;}
#analystCall .profileText {width: 148px; padding:0px 10px 10px 10px;}
#analystCall .profileText h4 {font: 11px Arial, Helvetica, sans-serif; margin:0; padding:10px 0 10px 0;}

/*ONLY USED ON OPTIMIZEIT*/
.temp_box400w {width:380px; float:left; background:url(http://static.infotech.com/images/css/body/400_wide_box.png) top left no-repeat; margin:10px 0 0 0; padding:10px;}
.temp_box400w2 {width:380px; float:right; background:url(http://static.infotech.com/images/css/body/400_wide_box.png) top left no-repeat; margin:10px 0 0 0; padding:10px;}
.temp_box400w .title, .temp_box400w2 .title {font:bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
.temp_box400w .titleCaption, .temp_box400w2 .titleCaption {font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; margin: 0 0 5px 0;}
.temp_box400w2 #boxImage { float:left; width:113px; margin:0 10px 0 20px;}
.temp_box400w2 #boxText {float:right; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; width:220px; }
/*ONLY USED ON OPTIMIZEIT*/