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

/* AUTHOR: ProjectMiso.net */
/* DATE: January 13, 2009 */
/* Client: Genetic Alliance */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; margin:0pt; padding:0pt;}

a img, *:link img, *:visited img { border:0pt none;  }

ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; }


/*========== ELEMENT STYLES ==========*/
body{
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px; 
	line-height: 		20px;
	margin: 			0px;
	background: 		#fff ;
	color: 				#555;
}
div {
	display: 			block;
	clear:				none;
}

/* headers */
h1{
	margin: 			0px;
	font-weight:		normal;
	font-size: 			22px;
	margin-bottom: 		20px;
	color: 				#411114;
}
h2{ 
	margin: 			0px;
	font-size: 			18px;
	margin-bottom: 		10px;
	font-weight: 		normal;
}
h3{ 
	margin: 			0px;
	margin-bottom: 		10px;
	font-size: 			16px;
	font-weight: 		normal;
}
h4{
	margin: 			0px;
	margin-bottom: 		10px;
	width: 				auto;
	border: 			0px solid #ccc;
	color: 				#004B8D;
	font-size: 			13px;
	font-weight: 		bold;
	text-transform: 	uppercase;
}
h5{ 
	font-size: 			13px;
	width: 				auto;
}

/* links */
a:link, a:active, a:visited{
	color: 				#990000;
	font-size: 			12px;
	font-weight: 		bold;
	text-decoration:	none;
}
a:hover{
	text-decoration: 	underline;
}
div.inner_table table td{
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px; 
	line-height: 		20px;
	margin: 			0px;
	background: 		#fff ;
	color: 				#555;
}



/*****************************/
/*******  UTILITIES  *********/
/*****************************/
.float_left{
	float: 				left;	
}
.single_line{
	display: 			block;
	height: 			15px;
}
.double_line{
	display: 			block;
	height: 			30px;
}
.hidden{
	display: 			none;	
}





/*********************************/
/*******  GLOBAL LAYOUT  *********/
/*********************************/
#global_container{
	position: 			relative;
	width: 				750px;
	margin:				auto;
	margin-top:			10px;
}
#global_header{
	position: 			relative;
	height:				82px;
	text-align:			center;
	background: 		url(../images/header_bg.gif) no-repeat;
}
#global_header h1{
	color:				#fff;
	font-size:			33px;
	font-weight:		bold;
	display:			inline-block;
	position:			absolute;
	top:				20px;
	left:				95px;
	line-height: 		normal;
}
#global_header .links{
	font-size:			11px;
	color:				#FFFFFF;
	display:			inline-block;
	position: 			absolute;
	top: 				45px;
	right:				10px;
}
#global_header .links a:link, #global_header .links a:active, #global_header .links a:visited{
	font-size:			11px;
	color:				#FFFFFF;
}

#global_body{
	position: 			relative;
	height:				405px;
	border:				0px none;
	border:				1px solid #1E376F;
	border-top:			0px none;
	border-bottom:		0px none;
	margin-top:			-5px;
	overflow:			hidden;
	width:				748px;
}
#global_footer{
	position: 			relative;
	height:				49px;
	border:				1px solid #1E376F;
	border-top:			0px none;
	text-align:			center;
	font-size: 			10px; 
}
#global_footer .hor_line{
	margin:				auto;
	width:				730px;
	height: 			5px;
	border-top:			1px solid #ccc;
	
}

/* linkout page */
#linkout_container{
	position: 			relative;
	margin:				auto;
	padding-right: 		10px;
}


/*********************************/
/*******  TABBED PANEL   *********/
/*********************************/
.tabbedPanel{
	border: 			0px solid #ccc;
	position: 			relative;
	display: 			block;
	overflow:			hidden;
}
.tabbedPanel .tabs{
	position: 			relative;
	z-index: 			10;
}
.tabbedPanel .Tab{
	cursor: 			pointer;
}
.tabbedPanel .firstTab{
	display: 			block
}
.tabbedPanel .lastTab{
}
.tabbedPanel .selectedTab{
	font-weight: 		bold; 
	height: 			20px;
}
.tabbedPanel .disabledTab{
	color: 				#ccc;
}
.tabbedPanel .panels{
	position: 			relative;
	display: 			block;
	overflow:			hidden;
	clear: 				both; 
	z-index: 			1;
}
.tabbedPanel .panel{
	position:			relative;
	border: 			0px solid #DBD8BA;
	display: 			block;
}

/**************************************/
/*******  LOCAL CONTENT CSS   *********/
/**************************************/

/*******  HOME/MAIN  SLIDER *********/
#homeSlider .home_tabs{
	display: 			none;
}

/*******  HOME SCREEN CSS   *********/
#home_leftColumn{
	position: 			relative;
	width:				440px;
	height: 			360px;
	float:				left;
	padding:			20px;
	padding-left:		50px;
	padding-right:		10px;
}
#home_rightColumn{
	position: 			relative;
	width:				200px;
	height: 			360px;
	float:				left;
	padding:			20px;
	padding-right:		40px;
	padding-left:		0px;
}
#home_leftColumn .home_buttons{
	position: 			relative;
	display:			inline-block;
	float:				left;
	width:				120px;
	height:				169px;
	padding-top:		71px;
	padding-left:		10px;
	padding-right:		10px;
	margin-bottom:		10px;
	color:				#333;
}
#home_leftColumn .home_buttons:hover{
	color:				#fff;
	text-decoration:	none;
}
a#home_button_contentScale{
	margin-right:		10px;
	background:			url(../images/home_buttons.gif) no-repeat 0px 0px;
}
a#home_button_contentScale:hover{
	background:			url(../images/home_buttons.gif) no-repeat -142px 0px;
}
#home_button_qualityScale{
	margin-right:		10px;
	background:			url(../images/home_buttons.gif) no-repeat -284px 0px;
}
#home_button_qualityScale:hover{
	background:			url(../images/home_buttons.gif) no-repeat -426px 0px;
}
#home_button_usabilityScale{
	background:			url(../images/home_buttons.gif) no-repeat -568px 0px;
}
#home_button_usabilityScale:hover{
	background:			url(../images/home_buttons.gif) no-repeat -710px 0px;
}
#home_bottomContenBox{
	position: 			relative;
	width:				420px;
	height:				90px;
	background:			url(../images/home_bottom_dk_blue.jpg);
	padding:			10px;
	clear:				both;
	float:				none;
}
ul.home_links li{
	font-size:			12px;
	color:				#444;
	margin-left:		10px;
	margin-bottom:		2px;
	padding-left:		20px;
}
ul.home_links li a:link, ul.home_links li a:visited, ul.home_links li a:active{
	font-size:			12px;
	font-weight:		normal;
}
ul.home_links li.feedback{
	background-image:url(../images/email-regular.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
ul.home_links li.print{
	background:url(../images/printer-red.gif) no-repeat 0px 6px;
}
ul.home_links li.disclaimer{
	background:url(../images/blank_doc.gif) no-repeat 0px 6px;
}
ul.home_links li.empty{
	font-size: 			0px; 
	line-height: 		0px;
	height: 			0px;
	margin:				0px;
	padding:			0px;
}

#home_rightContenBox{
	position: 			relative;
	height:				340px;
	width:				180px;
	background:			url(../images/home_right_column_lt_blue.jpg) no-repeat;
	padding:			10px;
	font-size:			12px;
	line-height:		19px;
}
#home_rightContenBox h2{
	color:				#004B8D;
	font-size:			13px;
	font-weight:		bold;
}

ul.home_links li.developer{
	background:url(../images/developer_icon.gif) no-repeat 0px 6px;
	font-weight: bold;
}

/*******  CONTENT SCALE SLIDER *********/
#scaleSlider .tabs{
	display: 			block;
	float:				left;
	clear: 				none;
	width: 				180px;
	height:				380px;
	margin-top:			20px;
	padding-left:		20px;
}
#scaleSlider a:link.Tab, #scaleSlider a:visited.Tab, #scaleSlider a:active.Tab{
	display: 			block;
	width: 				161px; 
	height: 			34px;
	line-height: 		20px;
	cursor: 			pointer;
	font-size:			13px;
	font-weight:		normal;
	padding-left:		10px;
	padding-top:		14px;
}
#scaleSlider .developer_version{
	position:			absolute;
	bottom:				0px;
}
#scaleSlider .firstTab{
	display: 			block
}
#scaleSlider .lastTab{
}
#scaleSlider a.selectedTab{}
#scaleSlider .disabledTab{
	color: 				#ccc;
}
#scaleSlider .panels{
	position: 			relative;
	float:				left;
	clear: 				none;
	width:				535px;
	padding-top:		0px;
	z-index: 			1;
}
#scaleSlider .panel{
	position:			relative;
	display: 			none;
	border: 			0px solid #DBD8BA;
}

/* tab and panel styling CSS */
#scaleSlider .panel .panel_container{
	padding:			20px;
}

#scaleSlider a.button_home{
	display: 			block;
	padding: 			10px;
	padding-top: 		4px;
	padding-left: 		30px;
	width: 				115px; 
	height: 			20px;
	font-size:			16px;
	font-weight:		normal;
	line-height: 		20px;
	cursor: 			pointer;
	background:			url(../images/nav_home.gif) no-repeat 0px 0px;
	text-transform:		capitalize;
	color:				#004B8D;
}
#scaleSlider a.button_home:hover{
	background:			url(../images/nav_home.gif) no-repeat 0px -46px;
	color:				#3C85C1;
	text-decoration:	none;
}
#scaleSlider .home_btn_spacer{
	height: 20px;
	font-size: 0px;
}
#scaleSlider .btn_spacer{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
}

#scaleSlider a.content_scale{
	background:			url(../images/nav_buttons.gif) no-repeat 0px 0px;
	color:				#717f5c;
}
#scaleSlider a.content_scale:hover, a#btn_content_scale.selectedTab{
	background:			url(../images/nav_buttons.gif) no-repeat -175px 0px;
	color:				#fff;
	text-decoration:	none;
}
#scaleSlider a.quality_scale{
	background:			url(../images/nav_buttons.gif) no-repeat 0px -52px;
	color:				#d19400;
}
#scaleSlider a.quality_scale:hover, a#btn_quality_scale.selectedTab{
	background:			url(../images/nav_buttons.gif) no-repeat -175px -52px;
	color:				#fff;
	text-decoration:	none;
}
#scaleSlider a.usability_scale{
	background:			url(../images/nav_buttons.gif) no-repeat 0px -104px;
	color:				#677891;
}
#scaleSlider a.usability_scale:hover, a#btn_usability_scale.selectedTab{
	background:			url(../images/nav_buttons.gif) no-repeat -175px -104px;
	color:				#fff;
	text-decoration:	none;
}

#panel_content_scale h2{
	font-size:			17px;
	font-weight:		bold;
	text-transform:		uppercase;
	color:				#899B71;
}
#panel_quality_scale h2{
	font-size:			17px;
	font-weight:		bold;
	text-transform:		uppercase;
	color:				#FFB300;
}
#panel_usability_scale h2{
	font-size:			17px;
	font-weight:		bold;
	text-transform:		uppercase;
	color:				#859ABA;
}

/* the question togglers */
.C_question_toggler, .Q_question_toggler, .U_question_toggler{
	display: 			inline-block;
	margin-top: 		10px;
	padding-left:		20px;
}
a.C_question_toggler:link, a.C_question_toggler:active, a.C_question_toggler:visited{
	color:				#899B71;
	background:			url(../images/push_pins.gif) no-repeat 0px 3px;
}
a.C_question_toggler:hover{
	color:				#717F5C;
	text-decoration:	none;
}
a.Q_question_toggler:link, a.Q_question_toggler:active, a.Q_question_toggler:visited{
	color:				#FFB300;
	background:			url(../images/push_pins.gif) no-repeat 0px -22px;
}
a.Q_question_toggler:hover{
	color:				#D19400;
	text-decoration:	none;
}
a.U_question_toggler:link, a.U_question_toggler:active, a.U_question_toggler:visited{
	color:				#859ABA;
	background:			url(../images/push_pins.gif) no-repeat 0px -47px;
}
a.U_question_toggler:hover{
	color:				#677891;
	text-decoration:	none;
}

/* the answer toggles */
.C_question_toggle, .Q_question_toggle, .U_question_toggle{
	padding-left:		0px;
}
.C_question_toggle .content, .Q_question_toggle .content, .U_question_toggle .content{
	display:			block;
	padding:			10px;
	padding-left: 		20px;
	padding-bottom: 	0px;
}


a.the_scale_launcher{
	display: 			block;
	width:				200px;
	height:				27px;
	margin-top: 		20px;
}
a#launch_content_scale.the_scale_launcher{
	background:			url(../images/scale_details_buttons.gif) no-repeat 0px 0px;
}
a#launch_content_scale.the_scale_launcher:hover{
	background:			url(../images/scale_details_buttons.gif) no-repeat -203px 0px;
}
a#launch_quality_scale.the_scale_launcher{
	background:			url(../images/scale_details_buttons.gif) no-repeat 0px -56px;
}
a#launch_quality_scale.the_scale_launcher:hover{
	background:			url(../images/scale_details_buttons.gif) no-repeat -204px -56px;
}
a#launch_usability_scale.the_scale_launcher{
	background:			url(../images/scale_details_buttons.gif) no-repeat 0px -28px;
}
a#launch_usability_scale.the_scale_launcher:hover{
	background:			url(../images/scale_details_buttons.gif) no-repeat -203px -28px;
}


/******** THE SCALE CONTAINER CSS *******/
.the_scale_container{
	visibility: 		hidden;	
	position: 			absolute;
	top: 				10px;
	left:				600px;
	width:				495px;
	height:				340px;
	padding:			20px;
}
#the_content_scale.the_scale_container{
	background:			url(../images/inside_popup_overlay_green.gif) no-repeat 0px 0px;
}
#the_quality_scale.the_scale_container{
	background:			url(../images/inside_popup_overlay_yellow.gif) no-repeat 0px 0px;
}
#the_usability_scale.the_scale_container{
	background:			url(../images/inside_popup_overlay_orange.gif) no-repeat 0px 0px;
}
a.scale_close_button{
	position: 			absolute;
	right: 				15px;
	top:				10px;
	width: 				15px;
	height:				15px;
	background:			url(../images/close_off.gif) no-repeat 0px 0px;
}
.scale_close_button:hover{
	background:			url(../images/close_on.gif) no-repeat 0px 0px;
}

.the_scale_container a.C_scale_toggler, .the_scale_container a.Q_scale_toggler, .the_scale_container a.U_scale_toggler{
	display: 			inline-block;
	margin-top: 		2px;
	font-size:			13px;
	color:				#333;
	padding-left:		15px;
	background:			url(../images/arrow.gif) no-repeat 0px 6px;
	
}
.the_scale_container ul{
	padding-top: 		10px;
	padding-bottom: 	10px;
}
.the_scale_container ul li{
	margin-left:		15px;
	padding-left:		15px;
	background:			url(../images/ellipse_bullet.gif) no-repeat 0px 7px;
}
.the_scale_container ul li a{
	color: 				#990000;
	font-size:			12px;
	text-decoration:	underline;
}
.the_scale_container ul li a:hover{
	text-decoration:	none;
}

.the_scale_container table tr.header{
	background:			#E68048;
}
.the_scale_container table tr.header td{
	padding:			5px;;
}
.the_scale_container table tr.dark{
	background:			#EFC898;
}
.the_scale_container table tr.light{
	background:			#F2D5B0;
}


/** Disclaimer Panel */
#displaimer_panel{
	background: 		#f1f1f1;
	border:				1px solid #ccc;
	padding:			10px;
	width: 				628px;
	position:			absolute;
	left:				50px;
	top:				230px;
	display:			none;
}


/************************/
/*		LINK OUT PAGE 	*/
/************************/
a.linkout_toggler{
	
}
div.linkout_toggle, span.linkout_toggle{
	margin-bottom:		10px;	
	display:			block;
	width:				95%;
}
#linkout_container ul li{
	margin-left:		30px;
	padding-left:		10px;
}
ul.level1{
	list-style-image:	none; 
	list-style-position:outside; 
	list-style-type:	disc;
}
ul.level1 li {
	margin-left:		30px;
	padding-left:		10px;
}
ul.level2{
	list-style-image:	none; 
	list-style-position:outside; 
	list-style-type:	square;
}
a.linkout_toggler{
	color: 				#3c85c1;
	text-decoration:	underline;
	font-size:			13px;
	display:			inline-block;
	padding-left:		15px;
	background:			url(../images/ellipse_bullet_gray.gif) no-repeat 0px 6px;
}
a.linkout_toggler:hover{
	text-decoration:	none;
}

span.linkout_toggler{
	color: 				#3c85c1;
	font-size:			13px;
	font-weight:		bold;
	display:			inline-block;
	padding-left:		15px;
	background:			url(../images/ellipse_bullet_gray.gif) no-repeat 0px 6px;
}



/**************************************/
/*******  ROAR/NOTIFY   *********/
/**************************************/

.roar-body
{
	position:				absolute;
	font:					12px/14px Arial, "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#F8F9FA;
	text-align:				left;
	z-index:				999;
}

.roar
{
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-bg
{
	position:				absolute;
	z-index:				1000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#594E41;
}
.roar-body-ugly .roar
{
	background-color:		#594E41;
}
.roar-body-ugly .roar-bg
{
	display:				none;
}
.roar h3
{
	position:				relative;
	padding:				15px 10px 0;
	margin:					0px;
	border:					0;
	font-size:				13px;
	font-family:			Arial, "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	font-weight:			bold;
	color:					#F8F9FA;
	z-index:				1002;
	background: 			url(../img/close_off.gif) no-repeat 270px 7px;
}
.roar div.message
{
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0px;
	font-size:				12px;
	color:					#F8F9FA;
	z-index:				1002;
}

.roar div.message .error{
	display: block;
	padding-left: 35px;
	background-image: url(../img/icon_tri_exclam.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
}
.roar div.message .success{
	display: block;
	padding-left: 35px;
	background-image: url(../img/icon_check_circle.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}


/*******************************/
/**********    TOOL TIP ********/
/*******************************/
.tips {
	z-index: 13000;
}
.tip {
	color: #fff;
}
.tip-title {
	margin: 0;
	font-weight: bold; font-size: 11px; color: #fff;
	padding: 5px 8px 5px; background: #6799C8;
}
 
.tip-text {
	font-size: 10px; color: #333;
	padding: 5px 5px 5px; background: #B2CEE7;
}


/******************************************/
/**********    THE MODAL WINDOW    ********/
/******************************************/
/* z-index group: 5000 */
/*
	Please DO NOT change the dollowing class names. These class names are attached to custom JavaScript classes
*/
.modal_Overlay{
	position: absolute;
	top: 0px; left: 0px;
	z-index: 5000; 
	background-color: #eee;	
	width: 100%;
	cursor: pointer;
}
.modal_Container{
	position: absolute;
	z-index: 5001; 
	padding: 15px;
	padding-top: 10px;
	background-color: #fff;	
	border: 5px solid #999;
}
.modal_Title{
	position: relative;
	float: left;
	height: 35px; 
	width: 80%;
	border: 0px solid #fff;
	font-weight: bold;
	font-size: 15px;
}
a.modal_Close{
	position: relative;
	left: 10px; top: -10px;
	display: block;
	float: right;
	clear: right;
	width: 35px; 
	height: 35px; 
	border: 0px solid #000;
	background:url(../images/icon_close.gif) no-repeat 10px 10px;
	cursor: pointer;
}
.modal_Content{
	position: relative;
	overflow: hidden;
	clear: both;
	width: 100%; 
	height: 100px;
	border-top: 1px solid #999;
	padding-top: 10px;
	padding-bottom: 10px;
}
.modal_Cover{
	position: absolute;
	display: none;
	width: 100%;
	top: 0px;
	left: 0px;
	background: #fff url(../img/loading_4.gif) no-repeat center;
}