/*

This version came with the checkboxes & likerts stuff


*/


/*------------------------------------------------------
UpMo Style Sheet

version:   1.1
author:    Kristin Kramer for UpMo
-------------------------------------------------------*/
/* = Globals = */

/* Remove padding and margin on IE*/
* {margin: 0; padding: 0;}

/* = Global Image Settings = */

/* get rid of borders on images */
img {border: 0;}

/* = Global FLOATS = */

/* Class for clearing floats */
.clear {clear: both;}

/* = Global HIDE/SHOW = */

.show {display: block;}
.hide {display: none;}

.visible {visibility: visible;}
.invisible {visibility: hidden;}

/* = Global COLORS=  */

/* orange: #f97e26; red: #c12136; gray: #999;*/

.orange {color: #f97e26; }
.grey {color: #999; }
.red {color: #c22035; }
.lt_grey {color: #ccc;}
.dk_grey {color: #666;}

/* = Global Links =   */

a:link {color: #999; text-decoration: none;}
a:visited {color: #999; text-decoration: none;}
a:hover {color: #999; text-decoration: underline;}
a:active {color: #999; text-decoration: none;}

/*--------------------------------*/
/* = Main Layout with Scenario Elements=
/*--------------------------------*/

body {text-align: center; padding: 0px; font: 500 12px Arial, Helvetica, sans-serif; background: url('/images/profiler/back_gradient.gif') repeat-x #49494b;}
div#survey_wrapper {position: relative; margin: auto; text-align: left; width: 813px; padding: 0px; margin-top: 40px; z-index: 0;}
#scenario_content {position: relative; width: 813px; height: 516px;}
	div#overlay {position: absolute; margin: 42px 0 0 50px; width: 750px; z-index: 1;}
		#top_photo { /* background: url('/images/profiler/photocanvas_top.jpg') no-repeat top right; */ float:left; height:164px; width: 190px;}
		#bottom_photo_holder {background: url('/images/profiler/photocanvas_bottom.gif') no-repeat top left; clear:left; float:left; height:154px; width:218px; text-align: center;}
		#bottom_photo {margin: 10px 0 0 0;}
		#question_list_container {position: relative; width:700px; margin-top: 10px; height: 318px; }
		#scenario_content #question_list {position: absolute; width: 470px; top: 0; left: 230px; font-size: 14px; }
		#status_pips {float:left;}
	div#screen {position: absolute; top: 0; left: 0; width: 813px; height: 516px; z-index: 0;}
	#status {position: absolute; bottom: 10px; left: 40px; clear:both; padding: 0 0 0 0;}
		#status_pips img {vertical-align: middle; margin-right:5px;}
	#next_arrow {position: absolute; right: 20px; bottom: 16px; z-index: 1;}
div#footer {position: relative; clear:both; float:right; width:813px; color:#999; margin: 10px 0 0 0; padding-bottom:10px;}

#tipsheet {position: absolute; right: 25px; top: -25px; width: 177px; height: 162px; background: url('/images/profiler/tip_sheet.gif') 0 0 no-repeat; z-index: 1;}
#tips {position: relative; margin: 48px 0 0 20px; width: 130px; height: 100px; z-index: 1; font: 500 12px "Comic Sans MS", Arial, Helvetica, sans-serif; line-height: 13px; color: #666;}
/*--------------------------------*/
/* = Questions Layout Elements=
/*--------------------------------*/
#questions_content {position: relative; width: 813px; height: 516px;}
		#questions_content #question_list {position: absolute; width: 590px; top: 0; left: 20px; font-size: 14px;}

/*--------------------------------*/
/* = Profiles Layout Elements=
/*--------------------------------*/
div#start_wrapper {position: relative; margin: auto; text-align: left; width: 813px; padding: 0px; margin-top: 40px; z-index: 0;}
div#start_wrapper div#overlay {position: absolute; margin: 30px 0 0 35px; width: 750px; z-index: 1;}
#start_content {position: relative; width: 813px; height: 516px;}
#start_content #question_list {position: absolute; width: 370px; top: 116px; left: 0; font-size: 22px; font-weight: 100; color: #fff;}
#start_content #logo {position: absolute; width: 137px; height: 51px; top: 22px;right: 23px; z-index:1}
#start_wrapper #footer #home_icons {float:left;}
#start_wrapper #footer #home_icons img {float:left; margin-right: 11px;}
#start_next_arrow {position: absolute; right: 40px; bottom: 16px; z-index: 1;}

/*--------------------------------*/
/* = Summary Layout Elements=
/*--------------------------------*/
div#summary_wrapper {position: relative; margin: auto; text-align: left; width: 813px; padding: 0px; margin-top: 40px; z-index: 0;}
#summary_content {position: relative; width: 813px; height: 534px;}
	#summary_wrapper #overlay {position: absolute; margin: 30px 0 0 35px; width: 740px; z-index: 1;}
		#logo {position: absolute; top: 0; right: 0; width: 104px; height: 59px;}
		#col_left {position: relative; float: left; width: 350px; margin-top: 16px;}
			#pos1 {margin: 20px 0 0 20px; height: 80px;}
				#pos1 div.score_slider {position: relative; margin: 10px; width: 194px; height: 31px; background: url('/images/profiler/slider_track_pos1.gif') 0 9px no-repeat; float: right;}
			#pos2 {margin: 20px 0 0 10px;}
				#pos2 div.score_slider {position: relative; margin: 0 10px 0 0; width: 140px; height: 30px; background: url('/images/profiler/slider_track_pos2.gif') 0 9px no-repeat; float: right;}
			#legend img {margin: 0 8px 0 4px;}
		#col_right {position: relative; float: right; width: 350px; margin: 16px 0 0 0;}
			#pos3 {margin: 26px 0 0 0; padding-left: 5px; height: 112px;}
			#pos4 {margin: 25px 0 0 10px;}
				#pos4 div.score_slider {position: relative; margin: 0; width: 108px; height: 17px; background: url('/images/profiler/slider_track_pos4.gif') 0 4px no-repeat; float: left; margin: 0 10px;}
	#header {width: 400px; text-align: right;}
	#summary_next_arrow {position: absolute; right: 30px; bottom: 13px; width: 306px; z-index: 1; }
	#summary_next_arrow img {float: right; }
		#inputAddress {height: 40px; font: 500 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
	#summary_content #screen {position: absolute; top: 0; left: 0; width: 813px; height: 534px; z-index: 0;}
		#summary_content #screen #icons {position: absolute; left: 22px; bottom: 0; width: 380px; z-index: 1;}
		#summary_content #screen #icons img {margin-right: 9px;}

/*--------------------------------*/
/* = Report Layout Elements=
/*--------------------------------*/
div#report_wrapper {position: relative; margin: auto; text-align: left; width: 570px; padding: 0px; margin-top: 40px; z-index: 0;}
	div#report_wrapper #header {position: relative; text-align: right; float: left; width: 340px;}
	#report_content {position: relative; width: 570px;}
	div#report_wrapper #logo {position: relative; float: right; width: 104px; height: 59px;}
	#panel_1 {position: relative; width: 570px; height: 254px; clear: both; margin: 0 0 0 0;}
	#panel_1_content {position: absolute; top: 20px; left: 30px; width: 540px; height: 234px;}
	#panel_2 {position: relative; width: 570px; height: 185px; clear: both; margin: 20px 0 0 0;}
	#panel_2_content_left {position: absolute; top: 20px; left: 30px; width: 320px; height: 165px;}
	#panel_3 {position: relative; width: 570px; height: 185px; clear: both; margin: 20px 0 0 0;}
	#panel_3_content_left {position: absolute; top: 20px; left: 30px; width: 320px; height: 165px;}
	.learn_more {position: absolute; bottom: 25px; right: 30px;}
	.learn_more a {color: #c22035;}






	
/*--------------------------------*/
/* = NRE Report from BCW =
/*--------------------------------*/

#containerReport {
	margin:0 auto 0 auto;
	background:#fff;
	width:812px;
}

#nreReport #toprounded{
	margin:20px auto 0 auto;
	background: url(/images/profiler/bg-corner_rounded.png) no-repeat 0 -25px;
	height:25px;
	width:812px
}

#nreReport #jre_toprounded{
        margin:20px auto 0 auto;  
        background: url(/images/profiler/jre2_topcorners.png) no-repeat 0 -25px;
        height:22px;
        width:812px
}

#nreReport #bottomrounded{
	margin:0 auto 0 auto;
	background: url(/images/profiler/bg-corner_rounded.png) no-repeat 0 0;
	height:25px;
	width:812px
}

#nreReport #jre_bottomrounded{
        margin:0 auto 0 auto;
        background: url(/images/profiler/jre2_bottomcorners.png) no-repeat 0 0;
        height:22px;
        width:812px
	}

#containerReport #reportContent {
	width:540px;
	margin:0 0 0 20px;
	_margin:0 0 0 10px;
	float:left;
}

#reportSupport {
	/*background:#9C0;*/
	width:215px;
	margin:0 20px 0 0;
	_margin:0 10px 0 0;
	float:right;
	font-family:"Lucida Sans", "Trebuchet MS", Arial;
}

#reportSupport a,
#nreReport #reportContent #details a{
	color:#F07C2A
}

#reportSupport a:hover,
#nreReport #reportContent #details a:hover{
	color:#B64304;
	text-decoration:none
}

#reportSupport h3 {
	text-align:left;
	color:#333;
	font-family:"Lucida Sans", "Trebuchet MS", Arial;
	font-size:13px;
	margin:0 0 10px 0
}

#reportContent #title {
	background:url(/images/lgo-upmo.gif) left top no-repeat;
	height:60px;
}

#reportContent #title h1 {
	font-size: 24px;
	padding:10px 15px 0 0;
	text-align:right
}

#scoreContainer {
	font-family:"Lucida Sans", "Trebuchet MS", Arial;
	margin:15px 0 0 0
}

#reportContent #score {
	background:url(/images/profiler/bg-score.png) top no-repeat;
	float:left;
	width:190px
}

#reportContent #score .title {
	color:#fff;
	margin-top:4px
}

#reportContent #score .score {
	font-size:56px;
	font-weight:normal;
	margin:5px 0 0 0;
	padding:0;
	color:#363636;
	letter-spacing:-2px
}

#reportContent #score .networkingTitle {
	font-weight:bold;
	font-size:14px;
	margin:18px 0 0 0;
	color:#2d2b2b;
	padding:0
}

#reportContent #score .networkingStyle {
	color:#6c6c6c;
	size:11px;
	margin:3px 0 0 0;
	padding:0
}

#reportContent #score #facts {
	text-align:left;
	margin:15px 0 0 10px;
	color:#666;
	font-style:italic
}

#reportContent #score #facts li {
	margin:0 0 8px 20px;
	list-style-type:square;
	font-size:11px
}

#reportContent .divider {
	height:8px;
	background:url(/images/profiler/bg-divider.png) no-repeat 0 0;
	margin:20px 0 20px 0
}

#scoreContainer #scoreDetails {
	padding:0 15px 0 0;
	text-align:left;
	width:330px;
	float:right;
}

#scoreContainer #scoreDetails h2 {
	font-size:22px;
	font-weight:normal;
	color:#474747;
	margin:0 0 20px 0
}

#scoreContainer #scoreDetails p {
	color:#666;
	margin-bottom:10px;
	line-height:150%;
	font-size:12px
}

/* ---- old version with button under intro text ---- */

/*jh's code*/
/*link of the jre summary beside of score*/
#scoreDetails p a
{
	color:#f07c2a;
}

#scoreContainer #scoreDetails a.startedButton,
#reportContent #details a.startedButton {
	/*background:url(/images/profiler/btn-lets-get-started.png) no-repeat top;*/
	background:url(/images/profiler/btn-start-using-upmo.png) no-repeat top;
	width:185px;
	height:50px;
	display:block;
	margin:30px auto
}

#scoreContainer #scoreDetails a.startedButton:hover,
#reportContent #details a.startedButton:hover {
	/*background: url(/images/profiler/btn-lets-get-started.png) no-repeat 0 -56px;*/
	background: url(/images/profiler/btn-start-using-upmo.png) no-repeat 0 -56px;
}

#scoreContainer #scoreDetails a.continueButton,
#reportContent #details a.continueButton {
	background:url(/images/profiler/btn-continue.png) no-repeat top;
	width:185px;
	height:50px;
	display:block;
	margin:30px auto
	}

#scoreContainer #scoreDetails a.tryItButton:hover,
#reportContent #details a.tryItButton:hover {
	/*background: url(/images/profiler/btn-tryit.jpg) no-repeat 0 -55px;*/
	background: url(/images/profiler/btn-start-using-upmo.png) no-repeat 0 -55px;
	}

#scoreContainer #scoreDetails a.tryItButton,
#reportContent #details a.tryItButton {
	/*background:url(/images/profiler/btn-tryit.jpg) no-repeat top;*/
	background:url(/images/profiler/btn-start-using-upmo.png) no-repeat top;
	width:185px;
	height:50px;
	display:block;
	margin:30px auto
	}

#scoreContainer #scoreDetails a.continueButton:hover,
#reportContent #details a.continueButton:hover {
	background: url(/images/profiler/btn-continue.png) no-repeat 0 -55px;
	}


/*  -------- new version with button under score box --------------  */

#scoreContainer #score #facts a.tryItButton:hover{
	/*background: url(/images/profiler/btn-tryit.jpg) no-repeat 0 -55px;*/
	background: url(/images/profiler/btn-start-using-upmo.png) no-repeat 0 -55px;
}

#scoreContainer #score #facts a.tryItButton {
	/*background:url(/images/profiler/btn-tryit.jpg) no-repeat top;*/
	background:url(/images/profiler/btn-start-using-upmo.png) no-repeat top;
	width:185px;
	height:50px;
	display:block;
	margin:0px auto;
	margin-left: -6px;
	}

#scoreContainer #score #facts a.startedButton {
	/*background:url(/images/profiler/btn-lets-get-started.png) no-repeat top;*/
	background:url(/images/profiler/btn-start-using-upmo.png) no-repeat top;
	width:185px;
	height:50px;
	display:block;
	margin:0px auto;
	margin-left: -6px;
	}

#scoreContainer #score #facts a.startedButton:hover {
	/*background: url(/images/profiler/btn-lets-get-started.png) no-repeat 0 -56px;*/
	background: url(/images/profiler/btn-start-using-upmo.png) no-repeat 0 -56px;
	}

#scoreContainer #score #facts a.continueButton {
	background:url(/images/profiler/btn-continue.png) no-repeat top;
	width:185px;
	height:50px;
	display:block;
	margin:0px auto;
	margin-left: -6px;
	}

#scoreContainer #score #facts a.continueButton:hover{
	background: url(/images/profiler/btn-continue.png) no-repeat 0 -55px;
	}








#reportContent .sequence_box {
    margin:0 0 0 50px;
    text-align:left;
    color:#666
}

#reportContent  .sequence_box li {
	line-height:160%;
	margin:0 0 20px 20px;
	padding:0;
	width:450px;
	list-style-type:none
}

#reportContent  .sequence_box li span.sequence{
	display:block;
	width:44px;
	height:32px;
	background: url(/images/profiler/bg-sequence-report.gif) 0 0;
	position:absolute;
	text-align:center;
	padding-top:13px;
	font-size:22px;
	font-weight:bold;
	margin:0 0 0 -55px
}

#nreReport #reportContent h4 {
	color:#f07c2a;
	margin:0 0 0 0
}

#nreReport #reportContent .sequence_box a {
	color:#f07c2a
}

#nreReport #reportContent #details {
	text-align:left;
	margin:0 10px 80px 20px;
	line-height:160%;
	color:#666
}

#nreReport #reportContent #details h4 {
	margin:20px 0 10px 0
}

#nreReport #reportContent #details p {
	margin:0 0 20px 0 
}

#nreReport #reportContent #details ul {
	margin:0 0 20px 30px 
}

#nreReport #reportContent #details li {
	margin-bottom:20px;
}

#nreReport #reportContent #details .caution {
	color:#C00
}

/* sidebar */
#reportSupport ul#buttons {
	font-size:10px;
	margin:10px 0 0;
	padding:10px 0;
	text-align:left;
	width:217px;
}

#reportSupport ul#buttons li{
	display:inline;
	text-align:left;
}

#reportSupport ul#buttons li#savepdf {
	background:url(/images/profiler/btn-pdf.png) no-repeat left top;
	vertical-align:bottom;
	height:31px;
	padding:7px 0 10px 20px;
}

#reportSupport ul#buttons li#savepdf a {
	color:#666666;
	padding:0 9px 10px 0;
	text-decoration:none;
}

#reportSupport ul#buttons li#sendtofriend {
	background:url(/images/profiler/btn-send.png) no-repeat left top;
	vertical-align:bottom;
	padding:7px 0 10px 20px;
	width:105px;
}

#reportSupport ul#buttons li#sendtofriend a {
	color:#666666;
	padding:0 9px 20px 0;
	text-decoration:none;
}

#reportSupport ul#buttons li#savepdf a:hover,
#reportSupport ul#buttons li#sendtofriend a:hover{
	text-decoration:none;
	color:#333
}

#reportSupport #sendtofriendbox {
	border:1px solid #ccc;
	background:#e0e0e0;
	margin:20px 0 0 0;
	padding:5px;
	width:200px
}

#reportSupport #sendtofriendbox h4{
	color:#666
}

#reportSupport #sendtofriendbox input {
	padding:5px;
	width:170px;
	text-align:left;
	margin:10px 0
}

/* social networks */
#reportSupport .socialNetworks {
	font-size:11px;
	font-style:italic;
	color:#666;
	border:1px solid #e1e1e1;
	background:#f7f7f7;
	text-align:left;
	padding:5px 0 0 5px;
	width:215px;
	margin:20px 0 20px 0
}

#reportSupport .socialNetworks li {
	display:inline
}

#reportSupport .socialNetworks li img{
	margin:10px 2px 10px 0
}

#reportSupport #hiringManagers {
        font-size:11px;
        /* font-style:italic; */
        color:#666;
        border:1px solid #e1e1e1;
        background:#f7f7f7;
        text-align:left;
        padding:5px 0 0 5px;
        width:215px;
        margin:20px 0 20px 0
        }


#reportSupport #hiringManagers li {
	margin-left: 25px;
	}

/* more info about upmodel */
#reportSupport .moreUpModel {
	font-size:11px;
	/* font-style:italic; */
	color:#666;
	border:1px solid #e1e1e1;
	background:#f7f7f7;
	text-align:left;
	padding:5px 0 0 5px;
	width:215px;
	margin:20px 0 20px 0
	}

#reportSupport .moreUpModel li {
	display:inline
	}

#reportSupport .moreUpModel p {
	margin-bottom: 5px;
	}

#reportSupport ..moreUpModel li img{
	margin:10px 2px 10px 0
	}



/*about */
#reportSupport .about {
	text-align:left;
}

#reportSupport .about p{
	font-size:10px;
	line-height:140%;
	margin:0 0 10px 0;
	color:#666
}

/* upmodel */
#reportSupport #yourUpmodel {
	text-align:left
}

#reportSupport #yourUpmodel p {
	font-size:14px;
	margin:0 0 10px 5px;
	color:#2b2b2b;
}

#reportSupport #yourUpmodel #statsinfo {
	float:left;
}

#reportSupport #yourUpmodel img {
	float:left
}

#reportSupport #yourUpmodel dl,
#reportSupport #yourUpmodel dt{
	width:100px;
	font-size:11px;
	color:#333
}

#reportSupport #yourUpmodel dt {
	margin:0 0 5px 90px
}

#reportSupport #yourUpmodel dl {
	margin:0 0 0 90px;
	font-weight:bold
}

#reportSupport #yourUpmodel .aboutTitle {
	font-weight:bold;
	margin:10px 0 0 5px;
	clear: both;
	}

#reportSupport #yourUpmodel p {
	font-size:11px;
	color:#666
}


/* networking style */
#reportSupport #networkingStyle {
	border:1px solid #e1e1e1;
	background: #e8e8e8;
	text-align:right;
	margin:10px 0 10px 0;
	padding:5px 0 5px 0
}

#networkingStyle .styleContainer {
	width:200px;
	margin:5px auto;
	background:#fff;
	}

#networkingStyle .styleContainer .top {
/*	
	background:url(/images/profiler/bg-netstyle_corners.png) no-repeat 0 -10px;  */
	background:url('') no-repeat 0 -10px;
	height:5px;
	display:block;
}

#networkingStyle .styleContainer .left {
	font-size:10px;
	float:left;
	margin:0 0 0 5px
}

#networkingStyle .styleContainer .right {
	font-size:10px;
	float:right;
	margin:0 5px 0 0
}

#networkingStyle .styleContainer .meter{
	background:url(/images/profiler/bg-meter.png) no-repeat center;
	height:21px;
	width:200px;
	margin:15px auto 0
}


#networkingStyle .styleContainer .bottom {
	background:url(/images/profiler/bg-netstyle_corners.png) no-repeat 0 0;
	height:5px;
	display:block;
}

/* how do you rank */
#reportSupport #rank {
	border:1px solid #cac9c9;
	background: #f5f5f5;
	text-align:left;
	margin:10px 0 10px 0;
	padding:10px
}

#reportSupport #rank h4 {
	font-size:14px;
	margin:0 0 5px 0;
	padding:0;
	color:#666
}

#reportSupport #rank .ranking_bar_others {
	background:url(/images/profiler/bg-meterothers.png) center;
	height:16px;
	font-size:12px;
	color:#fff;
	margin:0 0 2px 0
}

#reportSupport #rank .ranking_bar_you {
	background:url(/images/profiler/bg-meteryou.png) center;
	height:16px;
	font-size:12px;
	color:#fff;
	margin:0 0 10px 0
}

#reportSupport #rank dt,#reportSupport #rank dl {
	display:inline;
	font-size:11px;
	margin:0 0 0 0
}

#reportSupport #rank dt {
	margin-right:10px
}

/* recommendations */
#reportSupport #recommendations {
	background:#fef697 url(/images/profiler/bg-postit.png) top left no-repeat;
	padding:10px;
	margin-top:20px;
	width:195px;
}

#reportSupport #recommendations h3 {
	font-size:18px;
	text-align:center
}

#reportSupport #recommendations ul {
	text-align:left;
	color:#333
}

#reportSupport #recommendations li {
	list-style-image:url(/images/profiler/bul-orangesquare.png);
	margin:0 0 10px 15px
}


#reportSupport .finePrint {
	font-style:italic;
	font-size:9px !important;
	text-align:left;
	color:#666
}

#reportSupport .title {
	font-size:14px !important;
	color:#2d2b2b !important;
	text-align:left
}

#reportSupport .dotted,
#reportContent .dotted{
	background:url(/images/profiler/bg-dottedline.png) top repeat-x;
	height:2px;
	margin:15px 0
}

#reportFooter {
	width: 813px;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 5px; 
	margin-bottom: 35px; 
	color:#999;
	}

* html .clearfloat{ height: 1%; overflow: visible; }
*+html .clearfloat{ min-height: 1%; }
.clearfloat:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }











/*---------------------------------*/
/* = html declarations =
/*---------------------------------*/

h1 {font: 600 28px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 42px;}
h2 {font: 600 20px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 22px;}
h3 {font: 700 17px Arial, Helvetica, sans-serif; line-height: 20px;}
h4 {font: 700 16px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 18px;}
h5 {font: 700 14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 16px;}

#scenario_content #question_list_container ul {color:#444; list-style: outside; list-style-type: none; width: 470px; }
#scenario_content #question_list_container ul li {line-height: 10px; margin-bottom: 5px; }
#scenario_content #question_list_container ul li label {padding-left: 20px; width: 430px; }

#questions_content #question_list_container ul {color:#444; list-style: outside; list-style-type: none; width: 570px; margin-top: 6px;}
#questions_content #question_list_container ul li {height: 17px; font-size: 12px;}
#questions_content #question_list_container ul li label {height: 17px; padding-left: 20px; width: 520px;}

#questions_content #question_list_container ul.checkbox_list {position: relative; padding: 5px 0 0 0; /* list-style-type: none;*/ width: 550px;}
#questions_content #question_list_container ul.checkbox_list li {position: relative; /* float: left; */ /*width: 530px;*/ padding: 4px 5px 5px 10px; display: block; margin-bottom: 10px; }
#questions_content #question_list_container ul.checkbox_list span {position: absolute; margin-left: 7px; line-height: 15px; vertical-align: text-top;}

#questions_content #question_list_container div.radio_scale {color:#444; width: 670px; margin-top: 6px;}
#questions_content #question_list_container div.radio_scale div {position: relative; margin: auto; height: 17px; font-size: 12px; margin: 0 10px 0 0; padding: 0; float: left; width: 25px; }
#questions_content #question_list_container div.radio_scale label {height: 17px; padding-left: 17px; margin: 0;}

#start_content #question_list_container ul {color:#444; list-style-type: none; list-style: inside; list-style-image: url('/images/profiler/pip_orange.gif'); width: 370px; margin-top: 6px;}
#start_content #question_list_container ul li {height: 20px; font-size: 16px; padding-left: 5px !ie;}

#summary_content #col_right a {color: #c22035;}
#summary_content #col_left a {color: #c22035;}

select {margin-top: 5px; border: 1px solid #f97e26; padding: 2px 0 1px 4px; font: 500 12px Arial, Helvetica, sans-serif; line-height: 12px; color: #444; background-color: #fff;}
option {padding: 2px 0 1px 4px; font: 500 12px Arial, Helvetica, sans-serif; line-height: 12px;}

/* VG: added for regular input text boxes */
input {width: 242px; padding: 2px 0 2px 2px; border: solid 1px #666; font: 500 12px Arial, Helvetica, sans-serif; color: #777;}

input#address {width: 242px; padding: 2px 0 2px 2px; border: solid 1px #666; font: 500 14px Arial, Helvetica, sans-serif; color: #777;}

#footer ul {font-size: 14px;}
#footer li {float: right; padding-right: 10px; list-style:none;}

#summary_wrapper #footer ul {float: left; clear: both; text-align: left;}
#summary_wrapper #footer li {float: left; padding-right: 5px; list-style: none; font-size: 12px;}

/*---------------------------------*/
/* = classes =     */
/*---------------------------------*/

.status_message {font: 500 12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left: 7px; color:#999; vertical-align: middle;}
.question_no {clear: both; margin-bottom: 15px; font-size: 12px;}

.pos_1_scale_1 {position: absolute; top: 0; left: 30px; background: url('/images/profiler/scoretracker_purple_orb.jpg') 0 0 no-repeat; width: 31px; height: 31px;}
.pos_1_scale_2 {position: absolute; top: 0; left: 91px; background: url('/images/profiler/scoretracker_purple_orb.jpg') 0 0 no-repeat; width: 31px; height: 31px;}
.pos_1_scale_3 {position: absolute; top: 0; left: 174px; background: url('/images/profiler/scoretracker_purple_orb.jpg') 0 0 no-repeat; width: 31px; height: 31px;}

#pos2 div.ratings_row {width: 341px; height: 29px; clear: both; margin: 1px 0 0 0;}
#pos2 div.scale_txt_left {width: 175px; float: left; text-align: right; height: 29px; vertical-align: middle; font: 500 13px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 14px; padding-top: 2px;}

.pos_2_scale_1 {position: absolute; top: 3px; left: 10px; background: url('/images/profiler/scoretracker_purple_orb2.gif') 0 0 no-repeat; width: 30px; height: 30px;}
.pos_2_scale_2 {position: absolute; top: 0; left: 55px; background: url('/images/profiler/scoretracker_green_diamond2.gif') 0 0 no-repeat; width: 30px; height: 30px;}
.pos_2_scale_3 {position: absolute; top: 0; left: 105px; background: url('/images/profiler/scoretracker_yellow_star2.gif') 0 0 no-repeat; width: 30px; height: 30px;}

#pos4 div.ratings_row {width: 341px; height: 17px; clear: both; margin: 6px 0;}
#pos4 div.scale_txt_left {width: 113px; float: left; text-align: right; height: 17px; font: 500 13px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 16px;}
#pos4 div.scale_txt_right {width: 100px; float: left; text-align: left; height: 17px; font: 500 13px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 16px;}

.pos_4_scale_1 {position: absolute; top: 0; left: 10px; background: url('/images/profiler/scoretracker_blue_x.gif') 0 0 no-repeat; width: 18px; height: 17px;}
.pos_4_scale_2 {position: absolute; top: 0; left: 35px; background: url('/images/profiler/scoretracker_blue_x.gif') 0 0 no-repeat; width: 18px; height: 17px;}
.pos_4_scale_3 {position: absolute; top: 0; left: 65px; background: url('/images/profiler/scoretracker_blue_x.gif') 0 0 no-repeat; width: 18px; height: 17px;}
.pos_4_scale_4 {position: absolute; top: 0; left: 90px; background: url('/images/profiler/scoretracker_blue_x.gif') 0 0 no-repeat; width: 18px; height: 17px;}




/*---------------------------------*/
/* = for contstant sum sliders  =  */
/*---------------------------------*/



#constant_sum_slider, #constant_sum_slider2 {
	margin: 0 0 17px 0;
	}

#constant_sum_slider #track, #constant_sum_slider2 #track2 {
	width: 550px;
	height: 30px; 
	position: relative;
		font:Arial, Helvetica, sans-serif;
   color: #434141;
	}

#constant_sum_slider #track .track_segment, #constant_sum_slider2 #track2 .track_segment2 {
	position: absolute;
	bottom: 0px;
	text-align: center;
	height: 19px;
	padding: 3px 0 0 0;
	border-left: 2px solid white;
	border-right: 2px solid white;
		color: #434141;
		font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
#constant_sum_slider #track.track_segment, #constant_sum_slider2 #track2.track_segment2, {
	width: 601px;
	background: url() 0 0 no-repeat;
	}
	
#constant_sum_slider #track.track_segment .slider, #constant_sum_slider2 #track2.track_segment2 .slider2 {
	margin: -5px 0 0 0;
	width: 60px;
	height: 28px;
	background: url() 18px 0 no-repeat;
	}

#constant_sum_slider #track .slider, #constant_sum_slider2 #track2 .slider2 {	
	position: absolute; 
	width: 12px; 
	height: 32px; 
	margin: 0 0 0 -5px;
	background: url(/images/profiler/handle.gif) 0 0 no-repeat;
	}

.cs_slider_text { width: 175px; padding: 0, 5px, 0, 0; font-size: 12px; }


/*---------------------------------*/
/* =  for standard  sliders  =  */
/*---------------------------------*/

div.slider { 
	width:194px; 
	margin:10px 0; 
	background-color:#ccc; 
	height:12px; 
	position: relative; 
	background: url(/images/profiler/slider_track_pos1.gif) 0 0 repeat-x;
	}

div.slider div.handle { 
	width:12px; 
	height:32px; 
	background-color:#f00; 
	cursor:pointer;	
	position: absolute; 
	background: url(/images/profiler/handle.gif) 0 0 no-repeat; 
	}

.slider_container {
	color:#444; 
	width: 670px; 
	margin-top: 6px; 
	}

.slider_container div {
	position: relative; 
	margin: auto; 
	height: 50px;
	font-size: 12px; 
	margin: 0 10px 0 0; 
	padding: 0; 
	float: left; 
	width: 194px; 
	}

/*---------------------------------*/
/* =  for ajax job title dropdown  =  */
/*---------------------------------*/

.job_title {
	background-color: white;
	width: 250px;
	}
	
.job_title ul {
	list-style-type: none;
	margin:0;
	padding:0;
	}
	
.job_title ul li.selected { 
	background-color: #CCC;
	width: 275px;
	}
	
.job_title ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:22px;
	cursor:pointer;
	}