/*******************************************/
/*                  Common                 */
/*******************************************/

html, body { height:100%; }
body { margin:0; padding:0; background:#151515; }
body, table, input, textarea, select { font:11px Arial, Verdana, Helvetica, sans-serif; }
body, table { color:#313131; }
form { margin:0; padding:0; }
h1, .h1 { color:#5C5C5C; font-weight:normal; font-size:16px; }
h2, .h2 { color:#000; font-weight:normal; font-size:12px; }
h3, .h3 { margin:0 0 15px 0; padding:5px; color:#3f3f3f; font-weight:bold; font-size:12px; background:#eeedea; border-bottom:1px solid #d9d8d7; }
a { color:#3B81BF; text-decoration:none; }
a img { border:none; }
hr { clear:both; margin:15px 0; width:100%; height:1px; color:#D6D6D6; background:#D6D6D6; border:0; }
.Hidden { display:none; }
.Clear { clear:both; }
.Req { color:#CA0000; }


.Error { margin:15px 0 0 0; display:block; padding:6px; color:#CC0000; font-weight:bold; font-size:12px; border-top:1px solid #d9d8d7; }
.Alert { width:90%; background: #fff6bf url(../images/ico_exclamation.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; margin-bottom: 25px; font-size: 11px; }
.Alert .Title { color: #df503d; font-weight: bold; }
.Info { background: #F8FAFC url(../images/ico_information.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #B5D4FE; border-bottom: 2px solid #B5D4FE; margin-bottom: 25px; }
.Info .Title { color: #df503d; font-weight: bold; }
.LargeText {font-size:12px; }
.SurveyDone { font-size:14px; color:#8CA70F; font-weight:normal; margin-top:20px; }


/*******************************************/
/*              Progress Bar               */
/*******************************************/

#SurveyFooter { padding-bottom: 20px; padding-top: 10px; }
#SurveyFooter .Buttons { float: right; }
#SurveyFooter .ProgressBar { position:relative; float: left; width:120px; height:16px; background:url(../images/bg_progressbar.png); }
#SurveyFooter .ProgressBar .Progress { position:absolute; background:url(../images/bg_progress.png); height:16px; }
#SurveyFooter .ProgressBar .Status { position:absolute; padding:2px 0; top:0; width:100%; font-size:10px; color:#FFF; text-align:center; }

/*******************************************/
/*                  Layout                 */
/*******************************************/

#Wrapper { margin:5px auto; width:760px; }
#Container { min-height:400px; background:#FFF url(../images/bg_container.png) no-repeat; margin-top: 20px; }
#Heading { margin:0 32px 0 20px; }
#Heading .Logo { float:left; width:123px; height:80px; margin:20px 17px 0 0; text-align: center; }
#Heading .Banner { float:right; width:566px; height:45px; margin:20px 0px; }
#Heading .Large { height:67px; }
#Heading .Banner .Title { padding:13px 0 0 10px; color:#FFF; }
#Heading .Banner .SubTitle { padding:4px 0 0 10px; color:#FFF; }
#Footer { padding-top:15px; height:30px; background: #151515 url(../images/bg_footer_small.png) no-repeat top; }
#Footer .TuskLogo { float:right; }
#Footer .TuskLogo a { font-size:10px; color:#FFF }
#Container .Content { float: left; padding: 20px 20px 10px 30px; width:690px; }


/*******************************************/
/*                  Forms			       */
/*******************************************/

.FormField { color:#666; background:#FBFBFB; border:1px solid #CCC; width:220px; }
.FormButton { display:block; padding:0 10px 4px 10px; width:90px; height:20px; color:#333; background:url(../images/bg_button.png); text-align:center; border:0; }
.FormButtonInline { display:inline; padding:0 10px 4px 10px; width:90px; height:20px; color:#333; background:url(../images/bg_button.png); text-align:center; border:0; }

#Survey { background: #FFF none repeat scroll 0%; padding: 10px; width:688px; } 
#Survey Form div span.data { width:auto; float:left; padding:3px 0; }
#Survey Form div select, form div option { width:auto; } 

#Survey Form .Question { background: #FAFAFA; float: left;  border-top: 2px solid #CCC; margin: 0px 0 20px 0; padding: 15px 10px 15px 10px; width: 97%; } 
#Survey Form .Question .Text { float:left; margin:0px 30px 0 10px; width:280px; }
#Survey Form .Question .Text span { color:#555; font-weight:normal; font-size:12px; }
#Survey Form .Question .Answer { float:left; font-weight: bold; }

#Survey .Data { width:100%; }
#Survey .Data td { padding:4px; border-bottom:1px solid #F0F0F0; }
#Survey .Data td.Label { font-weight:bold; width:130px; }
#Survey .Data th { padding:4px; color:#3f3f3f; font-weight:bold; font-size:11px; background:#eeedea; border-bottom:1px solid #d9d8d7; text-align:left; }

/* Star Rating */
.StarRating { position:relative; margin:3px 0 8px 0; padding:0; width:75px; height:15px; list-style:none; background:url(../images/alt_star.gif) top left repeat-x; }
.StarRating li { padding:0; margin:0px; /*\*/ float:left; /* */ }
.StarRating li a { display:block; position:absolute; z-index:20; padding:0; width:15px; height:15px; text-decoration:none; text-indent:-9000px; }
.StarRating li a:hover { z-index:10; left:0; background: url(../images/alt_star.gif) left bottom; }
.StarRating a.stars1 { left:0; }
.StarRating a.stars1:hover { width:15px; }
.StarRating a.stars2 { left:15px; }
.StarRating a.stars2:hover { width:30px; }
.StarRating a.stars3 { left:30px; }
.StarRating a.stars3:hover { width:45px; }
.StarRating a.stars4 { left:45px; }	
.StarRating a.stars4:hover { width:60px; }
.StarRating a.stars5 { left:60px; }
.StarRating a.stars5:hover { width:75px; }
.StarRating a.stars6 { left:75px; }
.StarRating a.stars6:hover { width:90px; }
.StarRating a.stars7 { left:90px; }
.StarRating a.stars7:hover { width:105px; }
.StarRating a.stars8 { left:105px; }
.StarRating a.stars8:hover { width:120px; }
.StarRating a.stars9 { left:120px; }	
.StarRating a.stars9:hover { width:135px; }
.StarRating a.stars10 { left:135px; }
.StarRating a.stars10:hover { width:145px; }
.StarRating li.current-rating { display:block; position:absolute; z-index:1; height:15px; background:url(../images/alt_star.gif) left center; text-indent:-9000px; }