﻿a.btnRed {
	background-repeat:repeat-x;
	background-color:#812726;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	background-image: url(images/btnBG.gif);
	padding: 3px 6px 3px 6px;
	border: 1px solid #FF0000;
	font-weight: bold;
	display:block;
}

a:hover.btnRed {
	background-repeat:repeat-x;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	background-image: url(images/btnBGOn.gif);
	padding: 3px 6px 3px 6px;
	display:block;
}

.panelQuestion {padding: 0 0 20px 0;}
.panelContent {
	background: url(images/bg.jpg);
	padding:30px 20px;
	position:relative;
	margin : -3px auto; 
	
}
.panelReturningUser {
	border:1px solid #999999;
}
.panelReturningUser h1, .panelReturningUser p {margin-left: 25px;margin-right:25px;}

.btnBegin {display:block;background:url(images/btn_begin.gif);width:159px;height:21px;margin: 0 auto; color:White; text-align:center;font-weight:bold;text-transform:uppercase;text-decoration:none;padding-top:3px;}

.panelPacket {border-top:solid 1px #fff;border-bottom:solid 1px #ebebeb;padding:10px 6px;color:#000;margin:6px 0;}
.panelPacket h3 {margin-top:0}
.missedQuestion
{
    border: 1px solid #FF0000;
    background-color: #FFDFDF;
}

.progressPNL 
{
	position:relative;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	padding:2px;
	background:#ebebeb;
	margin:2px;
}
.panelPacket .progressPNL input{width:90px;}
.panelProceed {width:700px;}
.btnProceed {display:block;background:url(images/survey/btn_proceed.jpg);width:159px;height:21px;float:right;margin-top:20px;
	/*position:absolute;bottom:0px;right:50px;*/}
.panelBottom {background: url(images/bg_bottom.jpg) 0 0 no-repeat; height:25px;_width:790px;}
/*.contentarea {min-height:500px;_height:500px;}*/
.panelOptions {width:290px;padding:0;}
.panelOptions table{width:300px;position:relative;}
.panelOptions td { 
	padding: 0;
	border: 1px solid #fff;
	background-color: #f5f5f5;
}

.evaluation .rbl td, .assessment .rbl td {background:#EBEBEB;}
.evaluation .rbl td label, .assessment .rbl td label {
    width:95% !Important;
}
.evaluation .textBox {width:100%}
.assessment .rbl td {padding:10px;border-top:solid 1px #fff;border-bottom:solid 1px #CCC}
.rfdSkinnedButton {margin:20px auto;}

.panelOptions td:hover{background:#696969;color:#fff;}
.panelOptions input {margin-left:10px;margin-top:10px;}
.panelOptions td label {margin-left:20px;line-height:19px;min-width:50px;display:block;}/**/

.panelChart {margin-bottom:20px;}
.emphasis {font-weight:bold;color:Orange;}
.disabled {color:#999999}
.suggestion {margin-top:20px;}

.progresstable {width:500px;float:left;}
.progresstable td {border: solid 1px #ffffff; background-color:#c0c0c0; text-align:center;padding:0px;}
.progresstable td a {display:block; text-decoration:none; width:100%;}
.progresstable td.viewed a:hover {background-color:#fff;}

.progresstable td.inactive {
   /* the filter attribute is recognized in
   Internet Explorer and should be a pe`rcentage */
   filter: Alpha(opacity=70);
   /* the -moz-opacity attribute is recognized by 
   Gecko browsers and should be a decimal */
   -moz-opacity: .7;
   /* opacity is the proposed CSS3 method, supported
   in recent Gecko browsers */
   opacity: .7;
}

.progresstable td.viewed {background-color:#dcdcdc;}
.progresstable td.active{background-color: #f8f8ff;}
/*.panelLoading{background: transparent url(/RadControls/Ajax/Skins/Default/Loading7.gif) 50% 20px no-repeat;}*/
.panelLoading{height:500px;}
.panelLoading img {margin-top:100px;}

.rblSurveyVertical {width:100%}
.rblSurveyVertical td {width:30%;margin:2px;background:#ebebeb;padding:5px;}
.rblSurveyVertical input {display:block; float:left}
.rblSurveyVertical label {display:block;float:left;margin-left:20px; background-color:Blue;}

.radfdCheckboxChecked, .radfdCheckboxUnchecked, .radfdRadioUnchecked, .radfdRadioChecked {
	width:100%;
}

.panelAjaxLoading 
{
	background: #fff url(images/ajax/custom/pk_orange_light.gif) no-repeat center center; 
	}
