@charset "UTF-8";


img				{outline:none; border:none; behavior: url(/_core/iepngfix.htc);}


body 			{font-family: Arial, Helvetica, sans-serif; font-size:12px; background-image:url(/_assets/background_main.jpg); background-repeat:repeat; color:#585858;}
.pageWrapper 	{width:960px; margin:10px auto auto auto; padding:0px;}
.clear			{clear:both;}
a				{text-decoration: none;}
p a				{text-decoration:underline;}
img				{border:none; behavior: url(/_inc/iepngfix.htc);}
legend			{font-size:16px; color:#66CFE6;}
fieldset		{width:920px; border:1px solid #cccccc; margin:0 0 20px 0;}
select			{width:75%; float:left; background-color:#cccccc; border:0px; height:21px; padding:3px; margin-bottom:5px;}


h1				{font-size:14px;}
h6				{font-size:10px; font-weight:normal; color:#666666; text-align:right; margin-right:100px; margin-top:5px;}

/*************************************************************************************************************************************************/
/* HEADER */
/*************************************************************************************************************************************************/
.header			{width:960px; height:100px; background-image:url(/_assets/background_header.jpg); background-repeat:no-repeat; margin-bottom:10px;}
.logoImage		{float:left; margin-top:10px; margin-left:10px;}
.headerNav		{float:right; width:500px; height:24px; margin:10px; text-align:right;}
.headerNav a 	   {color:#666666; display:block; float:right; margin:0px 0px 0px 10px; padding:0px 10px; height:22px; line-height:22px; border:1px solid #CCCCCC; text-decoration:none; background:url(/_assets/bgImages/headerBtnBg.jpg) #FFFFFF right no-repeat;}
.headerNav a:hover {color:#71216A; display:block; float:right; margin:0px 0px 0px 10px; padding:0px 10px; height:22px; line-height:22px; border:1px solid #CCCCCC; text-decoration:none; background:url(/_assets/bgImages/headerBtnBgHover.jpg) #FFFFFF right no-repeat;}
.headerNav br 	   {clear:both;}




/*************************************************************************************************************************************************/
/* FOOTER */
/*************************************************************************************************************************************************/
.footer				{width:920px; padding:8px 10px 0px 10px; background-image:url(/_assets/background_titleBar.jpg); background-repeat:repeat-x; height:22px; color:#FFFFFF; font-size:12px; text-align:right; margin-top:10px;}


/*************************************************************************************************************************************************/
/* LOGIN */
/*************************************************************************************************************************************************/

.loginWrapper		{width:850px; background-image:url(/_assets/loginArrows.jpg); background-repeat:no-repeat; height:350px; margin-top:30px; margin-left:40px;}
.loginForm			{padding-left: 370px; width:332px; }
.loginForm h1		{font-weight:bold; font-size:12px;}
.loginForm p		{font-weight:normal; font-size:12px; margin-bottom:3px;}
.loginForm input	{background-color:#cccccc; border:0px; width:322px; height:15px; margin-bottom:10px; padding:5px;}




/*************************************************************************************************************************************************/
/* MAIN PANEL */
/*************************************************************************************************************************************************/
.mainPanel			{width:940px; padding:10px; background-color:#FFFFFF;}
.mainPanel a		{color:#585858;}
.mainPanel a:hover	{color:#454545;}
.titleBar			{width:920px; padding:5px 10px 0px 10px; background-image:url(/_assets/background_titleBar.jpg); background-repeat:repeat-x; height:25px; color:#FFFFFF; font-size:16px; margin-bottom:10px;}
.spacer_10px		{height:10px;}

.fullWidthTitle {background-image:url(/_assets/background_fullWidthHeader.jpg); background-repeat:no-repeat; height:19px; color:#FFFFFF; font-size:14px; padding:8px;}

.panelheadings	{background-color:#FFFFFF; font-weight:bold; color:#585858; font-size:12px; height:23px; padding-top:7px;}

.leftCol				{padding-left:10px;}
.column_50px			{width:50px;}
.column_60px			{width:60px;}
.column_80px			{width:80px;}
.column_100px			{width:100px;}
.column_120px			{width:120px;}
.column_150px			{width:150px;}
.column_180px			{width:180px;}
.column_200px			{width:200px;}

.row1			{background-color:#efefef; color:#585858; font-size:12px; padding-left:10px; _height:23px; min-height:23px; padding-top:7px;}
.row2			{background-color:#f7f7f7; color:#585858; font-size:12px; padding-left:10px; _height:23px; min-height:23px; padding-top:7px;}


#submit	{width:auto; height:auto; background:url(/_assets/bgImages/headerBtnBg.jpg) #FFFFFF right no-repeat; border:1px solid #CCCCCC; cursor:pointer;}
#submitButton	{width:auto; height:auto; background:url(/_assets/bgImages/headerBtnBg.jpg) #FFFFFF right no-repeat; border:1px solid #CCCCCC; cursor:pointer;}



/*************************************************************************************************************************************************/
/* VALIDATION */
/*************************************************************************************************************************************************/

input.error, select.error 	{border:1px solid #FF0000;}
label.error 				{width:0px; margin-top:0px; display:none; padding:0px; margin:0px;}
#errors						{color:#FF0000; font-size:14px; font-weight:bold; margin-left:10px;}


/*************************************************************************************************************************************************/
/* SURVEY STUFF */
/*************************************************************************************************************************************************/
	
.slider				{float:left; background-image:url(/_assets/slider_background_empty.jpg); background-repeat:no-repeat; width:473px; height:29px; border:none;}
.ui-slider-handle	{margin-top:10px;}
.sliderText			{float:left; width:200px; margin-left:20px;}
.sliderInput		{float:left; width:20px;}


.behaviourHolder	{width:750px; padding:20px; padding-top:5px; }
.questionHolder		{width:750px; padding:20px; padding-top:5px;}


.questionHolder legend	{font-size:14px; color:#66CFE6;}
.questionHolder label {color:#adadad;}


.questionHolder textarea {width:650px; height:60px;}
.behaviourHolder textarea {width:650px; height:60px;}


.extentTagsHolder	{clear:both; margin-left:45px;}
.extentTag	{width:91px; float:left; font-size:9px; text-align:center;}


.buttons			{width:750px; padding:20px; padding-top:5px;}
.buttons p			{float:left; margin-left:20px;}

.buttons input		{background-color:#cccccc; border:0px; width:322px; height:14px; margin-bottom:10px; padding:4px;}


input, textarea {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:1px solid rgba(0,0,0, 0.8);
}

input:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(0, 0, 153, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 153, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 153, 1);
}


.welcomeText { padding:10px; margin-bottom:10px;}

.halfPage {width:400px; float:left; margin-right:10px;}

/*************************************************************************************************************************************************/
/* FAQs */
/*************************************************************************************************************************************************/

.question		{width:500px; height:35px; padding:5px; background-color:#FFFFFF; border:1px solid #585858; line-height:35px;}
.answer			{width:500px; padding:5px; background-color:#FFFFFF; border:1px solid #CDCDCD; display:none;}




/*************************************************************************************************************************************************/
/* REVIEW ANSWERS  */
/*************************************************************************************************************************************************/


.survey_nav 				{width:940px; height:25px; font-size:11px;}
.survey_nav_item 			{color:#FFFFFF; width:auto; padding:5px; padding-right:7px; padding-top:8px; height:15px; background-color:#CCCCCC; float:left; margin-right:3px;}
.survey_nav_item a			{color:#FFFFFF;}
.survey_nav_item.active 	{background-color:#666666;}


.reviewHolder	{width:850px; padding:20px; padding-top:5px; }


.review_question			{width:450px; float:left; }
.review_answer				{width:350px; float:left;  padding:5px; padding-top:0px;border-left:1px solid #666666;}


.lastQ						{border-bottom:1px solid #666666;}

.holdingBox					{width:300px; border:1px solid #666666; height:20px;}

.graphBar					{background-color:#4d1749; height:20px; margin-bottom:2px;}