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

/* Getting our house in order */
* {
	padding:0px;
	margin:0px;
}


@font-face {
	 font-family: 'Segoerg';
	 src: url('../fonts/segoerg.eot'); 
	 src: url('../fonts/segoerg.eot?#iefix') format('embedded-opentype'),
	 	  url('../fonts/segoerg.ttf') format('truetype');
	 font-weight: normal;
     font-style: normal;
}
@font-face {
	 font-family: 'SegoeL';
	 src: url('../fonts/segoeL.eot'); 
	 src: url('../fonts/segoeL.eot?#iefix') format('embedded-opentype'),
	 	  url('../fonts/segoeL.ttf') format('truetype');
	 font-weight: normal;
     font-style: normal;
}
body {
	font-family: Segoerg, Verdana, sans-serif;
	font-weight: normal;
	line-height: normal;
	font-size: 20px;/*14*/
	color:#000;
}

ul li {
	margin: 0;
	padding: 0;
}
/*colors
font color:ef8629 - orange
font rollover color:50a2f5 - light blue
answer button roll over color: cccccc - light grey
clear selections color: 09F (0099ff) - light blue
product a color: 0D72B5 
hr color: bcb9b9 - med grey
*/

a {text-decoration: none;}

img {border: none;}

.instruct {
	font-size:14px;
	margin-top:5px;}
	
.detail {
	font-size:12px;
	margin:10px 0;
}
.legal {
	font-size:7px;
}
.center {
	text-align:center;
}
.detailHead {
	font-size:12px;
	margin-top:10px;
	font-weight:600;
} 
h1 { 
	color:#ef8629;
	font-size:24px;
	font-weight:normal;
	line-height:30px;
}
h1 img {
	vertical-align:top;
}
h2 {
	font-size:14px; 
	margin-top:10px;
	font-weight:600;
}
h2 #userServer {
    color: #ef8629;
	font-size:16px; 
    line-height: 25px; 
    font-weight:200;
}
/* Tooltip target style */
.qTip2 {
	color: #ef8629; /*#50a2f5;*/
	border-bottom:1px dotted #ef8629; 
	cursor:pointer;
}
.bt-active {
	color:#50a2f5;
	border-bottom:1px dotted #50a2f5;}

.resultsTxt {
	font-size:12px;
	padding:5px 0;
}
.resultsTitle {
	list-style-image:url('../images1/browse_section/checkmark_sm.png');}
	
#browse, #survey, #solutions {
	position:absolute !important;
	top:0;
	left:0;
	display:block;
	width: 700px;
	height: 500px;
	overflow: hidden;
}
.clear {clear: both;}

.home {
	display:none;
	float: left;
	width:92px;
	height:42px;
	padding-top:12px;
}
	.home a {
		float: left;
		margin-left: 30px;
		font-size: 16px;
		color: #FFF;
	}
.intro_detail {
	font-size:10px;
	margin:4px 0;
	text-align:center;
}
#homePanel img {
	margin: 3px 0 0 18px;}
.titleResults {
	display:none;
	float: left;
	width:70px;
	height:42px;
	padding-top:12px;
	font-size: 16px;
	margin-left: 17px;
}
.selectorHome {
	float:right;
	/*width:126px;*/
	text-align:right;
	line-height:16px;
	padding-top:5px;
	padding-right:8px;
}
.selectorBrowse {
	float:left;
	width:200px;
	text-align:left;
	line-height:16px;
	padding-top:5px;
	padding-left:8px;
}
.arrow_left img {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
.arrow_right img {
	margin-top: 10px;
	margin-left: 10px;
}

/* --------------------------- CHECKBOXES */

#doClear {
	margin-left:10px;
	font-size:14px;
	color:#09F;
	cursor:pointer;
}
#priorities {
	border:none;}
.disabled {
	color:#aaa;}
	
#priorities p {
	/*display: block;*/
	position: relative;
	overflow: hidden;
	margin-left:44px;
	font-size:15px;/* 17px is consistent with art, but too large for sentence without overflow */
}
label + p,
input + p
{
	margin-top: 20px;
}

p > input
{
	opacity: 0;
	padding: 0;
	margin: 0;
	height: 16px;
	width: 16px;
	float: left;
	position: absolute;
	left: 0;
	opacity: 0;
}
p > label 
{ 
	float: left; 
	line-height: 21px; 
	padding: 0 0 0 26px;
}
/* unchecked */
p:not(#foo) > input + label
	{background: url('../images1/checkbox.png') 0 -43px no-repeat;
	height: 21px;}
/* checked */
p:not(#foo) > input[type=checkbox]:checked + label 							
	{ background-position: 0 0px; }

/* disabled */
p:not(#foo) > input[type=checkbox]:disabled + label
	{ background-position: 0 -23px; }

#indent_special label {
	line-height:inherit;}



/* --------------------------- BROWSE */
#solutions .header {
	width: 600px;/*586*/
	float: right;
	height: 48px; /*42*/
	background:url('../images1/browse_section/top_browse_bar_bg.png');
}
	#solutions .header p {
		color: #FFF;
	}
.left_tab {
	width: 92px;/*106*/
	float: left;
	height: 500px;/*655*/
	background:url('../images1/browse_section/slides_left_bar.png');
}
.top_tab {
	text-align: left;
	height: 42px;
	margin-bottom: 8px;
	cursor:pointer;
}
.top_tab p {
	font-size:20px;
	line-height: 18px;
	color: #FFF;
	font-weight: normal;
	padding-left: 8px;
	padding-top:2px;
}

/*SOLUTIONS*/
.solutions_info {
	position:absolute !important;
	top:0;
	left:0;
	display:block;
	
	
	float: left;
	width: 608px;
	height:452px;
}

.server_option {
	/*height: 136px;*/
	width:516px;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top:18px;
	border-top:1px solid #bcb9b9;
}
.server_solutions h1 {
	margin-left:30px;}

.server_option ul {
	margin-top:10px;
}
	
.server_option ul li {
	font-size: 12px;
	font-weight: normal;
	margin-left:18px;
	list-style-image:url('../images1/bullet.png');
	list-style-position:outside;
}
.pageHead {
	font-size:12px;
	padding:5px 0;
	margin-left:30px;
	font-weight:normal;
}
#browseHead {
	width:568px;
	height:43px;
	float:left;
	text-align:right;
}
#browseHead img {
	margin-top:10px;}
.server_logo {
	float: left;
	height: 50px;
	width: 175px;
	margin-right: 15px;
	margin-left: 10px;
}
.server_info {
	float: left;
	width: 230px;
}
/* end BROWSE */


/* --------------------------- SURVEY */

#survey .header {
	float: left;
	width: 600px;/*616*/
	height: 47px;/*42*/
	background:url('../images1/slides/top_breadcrumb_bar_bg.png');
	color: #FFF;
}
.right_tab {
	width: 92px;/*78*/
	float: right;
	height: 500px;/*700*/
	background:url('../images1/slides/browse_bar_right.png');
}
#homePanel {
	width:608px;	
	background:url('../images1/home.png') no-repeat;
}
#introContainer {
	width:300px;
	margin-left:44px;
	padding-top:20px;
}
#introContainer h1 {
	font-family:Segoerg;}
.intro {
	width:300px;
	font-size:14px;
	line-height: 26px;
	margin-top:8px;
}

/*QUESTIONS*/
#surveyQuestions {
	top:8px;
	padding-top: 8px;/*20*/
	/*padding-left:20px;/*removed*/
	width: 608px;/*588*/
	height:445px;/*503*/
	float:left;
	background:url('../images1/slides/slide_main_bg.png') no-repeat;
}
.survey_topic {
	position:absolute !important;
	margin-right: auto;
	margin-left: auto;
	width: 608px;
	height:445px;
}
.questionContainer {
	width:590px;/*608*/
	height:432px;/*445*/
	padding: 13px 0 0 18px;
}
.question_num {
	float: left;
	height: 50px;
	width: 36px;
}
.bubbleTitle {
	float: left;
	width: 36px;
	height: 36px;
	text-align: center;
	background-image: url('../images1/slides/slide_question_circle.png');
	color: #888;
}
	.bubbleTitle p {
		font-size: 18px;
		margin-top:5px;
	}
.question_desc {/*question and helper text*/
	float:left;
	height:100px;
	width:490px;
	padding-left: 10px;
}
.question_desc_alt {
	float:left;
	height:73px;
	width:490px;
	padding-left: 10px;
}
.activeAnswer {
	font-weight:600;
	/*border: 2px solid #000;*/
	background:#cccccc;
	/*color:#fff;*/
}
.selectedAnswer {
	height: 40px;
	line-height: 43px;
	text-align: center;
	font-size: 22px;
	font-weight:normal;
}
.mySelected {
	position:absolute;
	z-index:40;
	height: 40px;
	width: 150px;
	border: 2px dashed #a1a1a1;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
}
.longAnswerBox {
	margin-right: auto;
	margin-left: auto;
	width:278px;	
}
.longAnswer {
	float:left;
	width:129px;
}
.longAnswerRight {
	float:left;
	width:129px;
	margin-left:15px;
}
.answerContainer {
	float:left;
	width:535px;
}
.answerContainerSpecial {
	float:left;
	width:278px;
	margin-top:-9px;
}
.answerBoxSpecial {
	width:278px;
	margin-right: auto;
	margin-left: auto;
}
.answerBox, #expAnswerBox {
	width:588px;/*535*/
	margin-right: auto;
	margin-left: auto;
}
	.answerBox li {
		list-style-type:none;
		font-size:16px;
		padding-left:46px;
	}
	.answerBox input {
		margin-right:10px;}
		
/*CHECKBOX alt answerbox when list is short or long*/
	.loose {
		padding-top:5px;
		padding-bottom:5px;}
	.compact {
		padding-top:1px;
		padding-bottom:5px;}		

		
.reason {
	/*padding-right: 20px;*/
	padding-left: 20px;
	margin-top: 0px;
}
	.reason p {
		margin-top: 5px;
		font-size: 12px;
		color:#666;
	}
	.reason ul li {
		color:#666;}

/*RESULTS*/
.result img {
	vertical-align:baseline;
}
.resultsContainer {
	float:left;
	margin-left:30px;/*18*/
	width:569px;
	height:410px;/*440*/
	background:none;
}
#resultsPanel {
	background:none;
	width:569px;
}
#resultsPanel ul {
	font-size: 12px;
	margin-bottom: 2px;
	padding-left: 8px;
}
#resultsPanel ul li {
	margin-left: 12px;
}
.sub_head {
	width:569px;/*581*/
   	height:140px; /*max-height:145px;*/
	padding-top:0px;
	padding-bottom:10px;
	border-bottom: 1px solid #bcb9b9;
}
.sub_head img {
	margin-top:10px;}
.show_results {
	position:absolute !important;
	top:0;
	left:0;
	width: 569px;
	height:auto;
	background:none;}
	
#resultsPanel .legal {
	width:450px;}
	
#returnedAnswers, #returnedDetails {
	width:553px;
	/*height:1800px;*/
	}
#browseProductDetails {	
	width:608px;
	height:452px;
}
#productDetails {
	width:553px;
	padding-top:15px;
	padding-left:15px;	
}
#productDetails img {
	margin-left:15px;
}
.result {
	font-size: 12px;
	padding-left: 10px; /*5*/
	width:522px;
}
#resultHead {
	margin-top:0px;
    padding-left: 5px; 
}
.based_on p {
	font-size:16px;
    padding-bottom: 10px
}

.serverImage, .productImage {
	margin-top:10px;	
}
.list_title {
	width:524px;
	margin-left:29px;
}
.list_title a {
	text-decoration:underline;
	color: #3366CC;
}
.list_title p, .list_title li {
	font-size: 11px;
	font-weight: normal;
	padding-top:2px;
	list-style-image:url('../images1/bullet.png');
}
.list_title ul li {
	margin-left: 22px;
}
.delineator {
	width:553px;
	height:12px;
	margin-top:18px;
	border-top:1px solid #bcb9b9;
}
	
/* end SURVEY */

/* --------------------------- DESTINATION */
/* Hard-coded position values for each answer destiantion */
/* Used by animation */
#positionDest1 {
	position:absolute;
	top:38px;
	left:154px;
	z-index:10;
	width: auto;
	height: 40px;
}
#positionDest2 {
	position:absolute;
	top:70px;
	left:64px;
	z-index:10;
	width: auto;
	height: 40px;
}
#positionDest4 {
	position:absolute;
	top:68px;
	left:364px;
	z-index:10;
	width: auto;
	height: 40px;
}
#positionDest5 {
	position:absolute;
	top:68px;
	left:453px;
	z-index:10;
	width: auto;
	height: 40px;
}
/*#positionDest6 {
	position:absolute;
	top:38px;
	left:296px;
	z-index:10;
	width: auto;
	height: 40px;
}*/
#positionDest6 {
	position:absolute;
	top:8px; /*line1*/
	left:476px;
	z-index:10;
	width: auto;
	height: 40px;
}

#positionDest8 {
	position:absolute;
	top:70px;
	left:218px;
	z-index:10;
	width: auto;
	height: 40px;
}
/* end DESTINATION */

/* --------------------------- BUTTONS */
.get_started {
	height: 36px;
	width: 132px;
	line-height: 32px;
	text-align: center;
	background:url('../images1/slides/continue_btn.png');
	margin-left:auto;
	margin-right:auto;
	margin-top:29px;
	cursor:pointer;
}
	.get_started a {
		/*font-family: SegoeL;*/
		color: #FFF;
		font-size:18px;
		margin: -5px 0 0 -25px;
			
	}
.back_button {
	height: 36px;
	width: 131px;
	float: left;
	line-height: 36px;
	background:url('../images1/slides/back_btn.png');
	text-align: center;
	font-size: 18px;
	cursor:pointer;
}
.back_button a {
		color: #FFF;
		margin-left:15px;}
		
.result_back_button, .result_return_to_survey, .browse_result_back_button {
	height: 36px;
	width: 131px;
	float: left;
	line-height: 36px;
	background:url('../images1/slides/back_btn.png');
	text-align: center;
	font-size: 18px;
	cursor:pointer;
}
.continue_button {
	float: left;
	height: 36px;
	width: 132px;
	margin-left: 11px;
	background:url('../images1/slides/continue_btn.png');
	line-height: 36px;
	font-size: 18px;
	text-align: center;
	cursor:pointer;
}
	.continue_button a {
		margin-left:-24px;}
.answerbutton {
	height: 42px;
	width: 132px;
	margin: 8px auto 10px;
	border: 1px solid #cccccc;
	line-height: 42px;
	text-align: center;
	font-size: 22px;
	cursor:pointer;
}
.answerbutton:hover {
	height: 42px;
	width: 132px;
	margin: 8px auto 10px;
	line-height: 42px;
	text-align: center;
	font-size: 22px;
	cursor:pointer;
	font-weight:600;
	border: 1px solid black;
}
.bottom_buttons {
	width: 274px;
	height: 58px;
	margin: 16px auto;
}
	.bottom_buttons a {
		color: #FFF;
	}
.result_buttons, .browse_result_buttons {
	width: 308px;
	height: 36px;
	margin-top:20px;/*while contained*/
	margin-bottom:10px;
	padding-left:30px;
}
	.result_buttons a, .browse_result_buttons a {
		color: #FFF;
	}

#buy_now {
	display:none;
	height: 36px;
	width: 132px;
	background:url('../images1/buy_btn.png');
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	float: right;
	margin-top:5px;
	margin-right:14px;
	cursor:pointer;
}
#buy_now a {
	color: #FFF;
}

#learn_button {
	height: 36px;
	width: 132px;
	background:url('../images1/slides/continue_btn.png');
	float: right;
	line-height: 36px;
	margin: 50px 25px;
	text-align: center;
	font-size: 18px;
	cursor:pointer;
}
	#learn_button a {
		line-height:36px;
		color: #FFF;
		margin-left:-24px;
	}
	#learn_button img {
		vertical-align:baseline;
	}
.learn_button_right {
	height: 36px;
	width: 132px;
	float: right;
	background:url('../images1/slides/continue_btn.png');
	text-align: center;
	margin-left:10px;
	font-size: 18px;
	cursor:pointer;
}
	.learn_button_right a {
		line-height:36px;
		color: #FFF;
		margin-left:-24px;
}
/* end BUTTONS */

/* --------------------------- SCROLLBARS */
/*BROWSE*/
/*browse products*/
#scrollbar1 { width: 607px; height:452px; margin: 0; }
#scrollbar1 .viewport { width: 592px; height: 452px; overflow: hidden; position: absolute; }/*was relative*/
#scrollbar1 .overview { list-style: none; width:593px; height: 1600px; position: absolute; left: 0; top: 0; background:url('../images1/browse_section/server_list_bg.png') no-repeat bottom right;}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: transparent; }
#scrollbar1 .scrollbar { display:block; position: static; float: right; width: 15px; }/*was relative*/
#scrollbar1 .track { background:transparent url('../images1/scroll_bg.png') repeat-y; height: 452px; width:16px; position: absolute; }/*was relative wow */
#scrollbar1 .thumb { height: 43px; width: 15px; cursor: pointer; background: transparent url('../images1/vertical_scroll.png') no-repeat 100% 10px; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden;}
#scrollbar1 .disable{ display: none; }

/* browse product details */
#scrollbar4 { width: 607px; height:452px; margin: 0; }
#scrollbar4 .viewport { width: 592px; height: 452px; overflow: hidden; position: absolute; }/*was relative*/
#scrollbar4 .overview { list-style: none; width:593px; height: 588px; position: absolute; left: 0; top: 0; background:url('../images1/browse_section/server_list_bg.png') no-repeat bottom right;}
#scrollbar4 .thumb .end,
#scrollbar4 .thumb { background-color: transparent; }
#scrollbar4 .scrollbar { display:block; position: static; float: right; width: 15px; }/*was relative*/
#scrollbar4 .track { background:transparent url('../images1/scroll_bg.png') repeat-y; height: 452px; width:16px; position: absolute; }/*was relative wow */
#scrollbar4 .thumb { height: 43px; width: 15px; cursor: pointer; background: transparent url('../images1/vertical_scroll.png') no-repeat 100% 10px; overflow: hidden; position: absolute; top: 0; }
#scrollbar4 .thumb .end { overflow: hidden;}
#scrollbar4 .disable{ display: none; }

/*SOLUTION*/
/*Intermediate Results*/
#scrollbar2 { background:none; width: 569px; height:258px; margin: 0; margin-bottom:12px; border-bottom: 1px solid #BCB9B9; }/*290*/
#scrollbar2 .viewport { width: 554px; height: 258px; overflow: hidden; position: absolute; }
#scrollbar2 .overview { list-style: none; width:553px; height:440px; position: absolute; left: 0; top: 0; }/*80*/
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background-color: transparent; }
#scrollbar2 .scrollbar { display:block; position: static; float: right; width: 15px; }
#scrollbar2 .track { background:transparent url('../images1/scroll_bg.png') repeat-y; height: 258px; width:16px; position: absolute; }
#scrollbar2 .thumb { height: 43px; width: 15px; cursor: pointer; overflow:hidden; background: transparent url('../images1/vertical_scroll.png') no-repeat 100% 5px; position: absolute; top: 0; }
#scrollbar2 .thumb .end { overflow: hidden; }
#scrollbar2 .disable{ display: none; }

/*Product detail*/
#scrollbar3 { background:none; width: 569px; height:290px; margin: 0; margin-bottom:12px; border-bottom: 1px solid #BCB9B9; }/*290*/
#scrollbar3 .viewport { width: 554px; height: 290px; overflow: hidden; position: absolute; }
#scrollbar3 .overview { list-style: none; width:553px; /*max-height:1400px;*/ position: absolute; left: 0; top: 0; }
#scrollbar3 .thumb .end,
#scrollbar3 .thumb { background-color: transparent; }
#scrollbar3 .scrollbar { display:block; position: static; float: right; width: 15px; }
#scrollbar3 .track { background:transparent url('../images1/scroll_bg.png') repeat-y; height: 290px; width:16px; position: absolute; }
#scrollbar3 .thumb { height: 43px; width: 15px; cursor: pointer; overflow:hidden; background: transparent url('../images1/vertical_scroll.png') no-repeat 100% 5px; position: absolute; top: 0; }
#scrollbar3 .thumb .end { overflow: hidden; }
#scrollbar3 .disable{ display: none; }



/* --------------------------- PROGRESS INDICATOR */
.q_progress {
	display:none;
	float: left;
	max-width: 248px;
	height: 42px;
	padding-top: 10px;
}
.bubble_num {
	float:left;
	height: 27px;
	width: 27px;
}
	.bubble_num p {
		font-size: 12px;
		line-height: 27px;
	}
.bubble {
	float: left;
	width: 27px; /*26*/
	margin-right:4px;
	height: 27px;
	text-align: center;
	background: url(../images1/slides/breadcrumb_centered_future.png) no-repeat;
	color: #000;	
}
.bPointer {
	cursor:pointer;
}
.bCurrent {/*white fill, green border*/
	background:url(../images1/slides/breadcrumb_centered_select.png) no-repeat;
}
.bPrevious {
	background:url(../images1/slides/breadcrumb_centered_visited.png) no-repeat;
	color:#fff;
}
.tbForm {
	height:417px;
	font-size:12px;}
.tbForm tr {
	margin:5px 0;}
.tbLabel, .tbInput {
	vertical-align:top;}
#helpMe {
	width:223px;
	height:79px;
}
#footnote {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	margin-top: 500px;
	width: 660px;
	padding-right: 20px;
	padding-left: 20px;
}
.resultsub {

	font-size: 13px;
	padding-top: 5px; 
	width:522px;
}