﻿
/*Removed lines for CSS 3 Validation
58  	 .panelBottom  	 Property _width doesn't exist : 790px  790px
84 	.progresstable td.inactive 	Parse Error opacity=70)
87 	.progresstable td.inactive 	Property -moz-opacity doesn't exist : 0.7 0.7 */

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 20px;}

.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;
}
.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: #dc7638;}
.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;}

.readinessRBL {width:100%}
.readinessRBL td {width:30%;margin:2px;background:#ebebeb;}

.radfdCheckboxChecked, .radfdCheckboxUnchecked, .radfdRadioUnchecked, .radfdRadioChecked {
	width:100%;
}
