


/***********************************************************************************************
 * 
 * We Are Right  &  We Are Right Results
 *  
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/** Position: .middleSide .contentBox .expand .content .page_content .we_are_right */

.middleSide .contentBox .expand .content .page_content .we_are_right {
	background-color: #f5f5f4;
	font-family: Arial, sans-serif;
	padding: 16px 22px;
	overflow: hidden;
}
.middleSide .contentBox .expand .content .page_content .we_are_right .questions,
.middleSide .contentBox .expand .content .page_content .we_are_right .results {
	background-color: #e4e4e1;
	padding: 15px 0px 0px 0px;
	width: 377px;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question,
.middleSide .contentBox .expand .content .page_content .we_are_right .results .result{
	background-color: #FFFFFF;
	color: #000000;
	
/*	margin-bottom:3px;*/
	padding:0px 0px 7px 0px;
	position:relative;
	
	background: transparent url(images/we_are_right/middle_item_display_footer.jpg) no-repeat scroll center bottom;	    
	overflow: visible;
	clear: right;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .header .button {
	float: right;
	padding-right: 10px;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .header .button .button_clear{
	background:transparent url(images/we_are_right/button_clear_all.jpg) no-repeat scroll center bottom;
	border:medium none;
	color:#818386;
	font-family:Arial, serif;
	font-size:9px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	cursor: pointer;
	width:114px;
	height:18px;
	text-align:center;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .title,
.middleSide .contentBox .expand .content .page_content .we_are_right .results .result .title{
	font-family:Arial, serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	
	background:transparent url(images/we_are_right/middle_item_display_header.jpg) no-repeat scroll center bottom;
	
	padding: 15px 15px 0px 20px;
	overflow: hidden;
	background-color: #e4e4e1;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .title .completed,
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .title .edit{
	display:none;
}


.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .subtitle,
.middleSide .contentBox .expand .content .page_content .we_are_right .results .result .content{
	font-family:Arial, serif;
	font-weight: normal;
	font-size: 10px;
	padding-left: 40px;
	
	background:transparent url(images/we_are_right/middle_item_display_content.jpg) repeat-y scroll center bottom;
	overflow: hidden;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .subtitle .bold{
	font-weight: bold;
	font-style: italic;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .subtitle .uppercase{
	text-transform: uppercase;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .options{
	font-weight: normal;
	background:transparent url(images/we_are_right/middle_item_display_content.jpg) repeat-y scroll center bottom;
	padding: 10px;
	padding-bottom: 5px;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .options .option{
	clear:left;
	overflow: hidden;
	white-space: normal;
	padding-bottom: 2px;
}

/** 
  * Checkbox styles 
  */
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .options .option .check{
	float: left;
	padding-left:10px;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .options .option .check span.checkbox {
	width: 12px;
   	height: 14px;
   	padding: 0px 5px 0px 0px;
   	background:transparent url(images/we_are_right/checkboxes.jpg) no-repeat;
   	display: block;
}


.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .options .option .text{
	float: left;
	font-size: 11px;
	font-family:verdana,helvetica,arial,sans-serif;
	white-space: normal;
	font-weight: normal;
	width:330px;
}
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .buttons,
.middleSide .contentBox .expand .content .page_content .we_are_right .results .result .buttons{
	clear: left;
	overflow: hidden;
	padding-right: 40px;
	padding-bottom: 10px;
	background:transparent url(images/we_are_right/middle_item_display_content.jpg) repeat-y scroll center bottom;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .buttons .button,
.middleSide .contentBox .expand .content .page_content .we_are_right .results .result .buttons .button{
	padding: 0px 5px;
	overflow: hidden;
	float: right;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .buttons .button .button_submit,
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .buttons .button .button_next, 
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question .buttons .button .button_prev,
.middleSide .contentBox .expand .content .page_content .we_are_right .results .result .buttons .button .button_next, 
.middleSide .contentBox .expand .content .page_content .we_are_right .results .result .buttons .button .button_edit{
	background:transparent url(images/button-61x21.jpg) no-repeat scroll center center;
	border:medium none;
	color:#FFFFFF;
	font-family:Arial, serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:21px;
	line-height:21px;
	width:61px;
	cursor: pointer;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .buttons .button{
	padding: 5px 15px;
	overflow: hidden;
	float: left;
}


/**
  *  Complete Question styles
  */
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_completed{
/*	background-color: #c5c5c5;*/
	color: #000000;
	padding:1px 2px;
	position:relative;
	overflow: auto;
	clear: right;
}


.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_completed .title{
	display: block;
	font-family:Arial, serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	
	background:transparent url(images/we_are_right/middle_item_title_completed.jpg) no-repeat center top;
	
	padding: 5px 15px 5px 15px;
	overflow: hidden;
}


.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_completed .title .text{
	float: left;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_completed .title .edit{
	font-family:Arial, serif;
	float: left;
	display: block;
	font-size: 9px;
	text-transform: capitalize;
	color: #0069aa;
	cursor: pointer;
	padding-left: 5px;
	padding-top: 4px;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_completed .title .completed{
	float: right;
	display: block; 
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}


.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_completed .subtitle, 
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_completed .options, 
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_completed .buttons {
	display: none;
 }


/**
  *  Hidden Styles 
  */
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_hidden,
.middleSide .contentBox .expand .content .page_content .we_are_right .results .result_hidden{
	color: #000000;
	padding:1px 2px;
	position:relative;
	overflow: auto;
	clear: right;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_hidden .title,
.middleSide .contentBox .expand .content .page_content .we_are_right .results .result_hidden .title{
	font-family:Arial, serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #818386;
	
	background:transparent url(images/we_are_right/middle_item_hidden_title.jpg) no-repeat center top;
	
	padding: 5px 15px 5px 15px;
	overflow: hidden;
}

.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_hidden .title .edit,
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_hidden .title .completed{
	display: none;
}


.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_hidden .subtitle, 
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_hidden .options, 
.middleSide .contentBox .expand .content .page_content .we_are_right .questions .question_hidden .buttons {
	display: none;
}
 
 
/***********************************************************************************************
 * 
 * We Are Right Results - specific
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results{
 	padding: 0px;
 }
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result{

 	padding: 0px 0px 7px 0px;
 }
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result .title{
 	padding-top:12px;
 }
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result .title .text{
 	color: #000000;
 	float: left;
 } 
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result_hidden .title .text{
 	color: #FFFFFF;
 	float: left;
 }
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result .title .progress_bar,
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result_hidden .title .progress_bar{
 	background-color:#FFFFFF;
 	color: #000000;
 	float: right;
 	font-family:Arial, serif;
 	font-size: 10px;
 	font-weight: normal;
 	width: 150px;
 	height: 7px;
 	border-width: 1px;
 	border-color: #000000;
 	border-style: solid;
 	overflow:auto;
 	margin-top:2px;
 } 
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result .title .progress_bar .bar,
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result_hidden .title .progress_bar .bar{
 	height: 7px;
	 background: transparent url(images/we_are_right/progress_bar_step.jpg) repeat-x scroll center bottom;
 }
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result .title .progress_bar_end,
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result_hidden .title .progress_bar_end{
 	color:#000000;
 	text-transform: capitalize;
 	font-size: 10px;
 	font-weight: normal;
 	float: right;
 	padding-left: 2px;
 }
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result .content{
 	font-size: 11px;
 } 
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result .content .content_title{
 	font-family:Arial, serif;
 	font-size: 12px;
 	font-weight: bold;
 	color: #cd5908;
 	background: transparent;
 	text: normal;
 	padding-top:20px;
 } 
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result .content .content_text{
 	color: #000000;
 	text-align: justify;
 	
 } 
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result_hidden .content, 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result_hidden .buttons {
	display: none;
}
 
 .middleSide .contentBox .expand .content .page_content .we_are_right .results .result_hidden .title{
	display: block;
	font-family:Arial, serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	
	background:transparent url(images/we_are_right/middle_item_title_completed.jpg) no-repeat center top;
	
	padding: 5px 15px 5px 15px;
	overflow: hidden;
}
 
 
/**************************************************************************************************
 *
 * Lightbox styles
 *
 **************************************************************************************************/
 
 /*
 .middleSide .contentBox .expand .content .page_content .lightbox{
 	font-size: 14px;
 	background: transparent url(images/lightbox_background.png) no-repeat scroll center center;
 	width: 997px;
	height: 273px;
	clear: left;
	overflow:auto;
 }
 
  .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .lightbox_top a{
  	font-size:12px;
  	text-decoration:none;
  }
 
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content{
 	padding:10px;
 }
 
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .lightbox_top,
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .lightbox_top .actions,
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .lightbox_top .actions action_close{
 	float: right;
 	color: #666666;
 	padding-right:5px;
 }
 
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .lightbox_top .actions .action_close{
 	font-size: 11px;
 	color: #666666;
 	cursor:pointer;
	background:transparent url(images/lightbox_close.png) no-repeat scroll right center;
	padding-right:15px;
 }
 
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .title{
	color: #cd5908;
	font-size: 24px;
	margin-bottom: 15px;
	clear: both;
	padding-left: 14px;
 }
 
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .form{
 	color: #000000;
 }
 
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .form .field{
 	clear: left;
 	padding-bottom: 10px;
 	overflow: hidden;
 }
 
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .form .field .field_name {
 	float: left;
 	width: 100px;
	text-align: right;
	padding-right:2px;
	font-size:14px;
 }
 
 .middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .form .field .field_input {
  	float: left;
 	width:250px;
 	font-size:14px;
 }
 
.middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .buttons .button{
	padding: 5px 15px;
	overflow: hidden;
	float: right;
}

.middleSide .contentBox .expand .content .page_content .lightbox .lightbox_content .buttons .button .button_submit{
	background:transparent url(images/button-61x21.jpg) no-repeat scroll center center;
	border:medium none;
	color:#FFFFFF;
	font-family:Arial, serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:21px;
	line-height:21px;
	width:61px;
	cursor: pointer;
}
*/