/*IE6 Hack*/
*html .form-field input{padding:2px;  width:224px;margin:0px;}
*html .form-field select{padding:2px;  width:230px;margin:0px;}
*html .form-field textarea{height:80px;width:480px;}
*html #get-feedback-text {border:1px solid #F8B898; padding-bottom: 10px;margin-left:10px;}
*html .record-details div.field{width:850px;}
*html #tabs .record-details div.field{width:700px;}
*html #tabs{width:740px;margin-left:40px;margin-bottom:1.5em;}
*html #feedback-review-div{width:740px;margin-left:40px;margin-bottom:1.5em;}
*html #feedback-review-form-div{width:740px;margin-left:40px;margin-bottom:1.5em;}
*html .menu-headers{margin-left:0px;}
*html button#feedback-review-accept-button{margin-left:160px;}
*html button#feedback-review-save-button{margin-right:8px;}
*html #tabs-1 .get-started-message{margin-left:60px}
*html #tabs-1 .get-started-message-text{margin-left:60px}
*html #tabs-3 .get-started-message{margin-left:60px}
*html #tabs-3 .get-started-message-text{margin-left:60px}
*html #mturk-confirm-submit-button{margin-left:200px;}
*html #twitter-feed-div{height:357px; overflow:hidden;}
*html #contact-us-form-div input{padding:2px;  width:452px;margin:0px;}
/**/

/* Validate Form Plugin related customised styles */
.welcome-text p{margin:0px; font-size:2.3em;}
.welcome-text a{color:#0080FF}
.welcome-text a:hover{color:#78A8F8;}
p{padding-left:5px;margin:0px; font-size:1.2em;}
a{color:#000;}
li a {text-decoration: none;display:block}
.formError {color:Red }
iframe {border-top: 1px solid;border-left: 1px solid}
.center-text{text-align: center;}
.right {float: right;}
.left {float: left;}
.bold-text{font-weight:bold;}
h3.header-links a{color: #66ADFF; text-decoration: none;}
h3.header-links a:hover{color: #E78F08}
a.blue-link{text-decoration:underline;color:#0080FF;cursor:pointer;display:inline;}
.not-supported-div {border: 1px solid;padding:5px 0px;color: rgb(255,0,0); font-size:1.2em;}
a.active-link {color: #0080FF;text-decoration:underline;cursor:pointer; font-size:1.4em}
.highlight {padding: 3px}
#new-to-ut-div {padding: 6px 2px; border: 2px solid #78a8f8;margin-top:10px;margin-left:19%;}
.table-even-background{ background-color: #FBF5EF}
.peach-background{ background-color: #f8d8c8}
.white-background, .table-odd-background{ background-color: #fff}
.yellow-background{ background-color:#F3F781; }
#progressbar{margin-bottom:10px;}
.light-blue-background{ background-color: #E4F4FC}
.light-peach-background{ background-color: #FBF5EF}
.blue-background{ background-color: #C8D8F8}
.dark-blue-background{ background-color: #78a8f8}
.mandatory-field{color:red;font-size:1.3em;padding-left:3px;}
.italic {font-style: italic;}
textarea#comments{height:120px;width:450px;}
.get-started-message{padding-top: 15px;}
.get-started-message h1 a, .get-started-message-text p a {color:#66ADFF;}
#tabs-1 .get-started-message, #tabs-3 .get-started-message{margin-left:120px}
#tabs-1 .get-started-message-text, #tabs-3 .get-started-message-text{margin-left:120px}
#mturk-confirm-submit-button{margin-left:400px;}
div.get-started-message-text {border:1px solid #78A8F8;margin-bottom:1em;padding-top:1em;}
div.get-started-message-text p{margin-bottom:1em;font-weight:normal;}
div.get-started-message-text p.question{color:#D5582F;font-weight:bolder;}
div#tabs h1 {font-size: 2.8em}
.jobs-table {border:1px solid #F8B898;}
.jobs-table tr, .feedback-message{line-height:3em;}
.jobs-table th{color:#585858;font-size:1.8em;text-align:center;}
.jobs-table th a{color:#66ADFF;text-decoration:none;}
.jobs-table th a:hover{color:#F8B898;text-align:center;}
.jobs-table td{font-size:1.4em;text-align:center;}
.jobs-table td a{color:#66ADFF}
#create-project-form div.form-field div.label{ padding-top: .75em;}
#java-installer-message-div {border:1px solid #F78181;background-color: #FBEFEF;padding:10px 0px;}
/*Header*/
#header button{height:25px; font-size:1.2em; margin: -4px 0px 0px 26px; padding: 0px;}
#header hr {margin-bottom:0px;}
#header ul{list-style-image:none; list-style-position:outside; list-style-type:none; position:relative; margin-top: 3em;}
#header ul li{float:left; position:relative;}
#header h3{color: #66ADFF; text-decoration: none;}
#header h3:hover{color: #EEAA85;}
#header a.active h3{color: #EEAA85;}
div#start-approval-process-tabs h3 a.blue-font, div#start-approval-process-tabs p a.blue-font, div#mturk-confirm-message-dialog p a.blue-font, .blue-font {color: #66ADFF;}
#header ul.logged-in {margin-top:1.5em;}
#header ul li.right{float: right;}
#header h1{margin-bottom:0px;}
/*Footer*/
#footer {padding-top:1em;margin-top:3em;}
/*Static pages*/
div.static-page-heading {padding:10px 20px; margin-bottom:1em;}
div.static-page-heading h2{font-weight:bolder;margin-bottom:0px;}
div.static-page-text {padding:10px 20px;border:2px solid #C8D8F8;}
div.static-page-text p{margin-bottom:1em;}
div.static-page-text li a{display:inline;text-decoration:underline;}
/*User Login*/
#minimized-login-div {border:1px solid #78a8f8;background-color:#C8D8F8;padding:10px 0px;font-size:1.2em;}
#login-form input.text{padding:2px;  width:192px;margin:0px;}
#login-failure-form input.title{padding:2px;  width:260px;margin:0px;}
#login-form fieldset {padding:1em;  border:none; margin-bottom: 0px;}
#login-form fieldset p{margin:0px;}
#login-form div.login-button{ padding-left:17px;padding-top:5px;}
#login-failure-form div.login-button{ padding-left:90px;padding-top:5px;}
.login-box {border: 1px solid #78a8f8;border-top:0px;}
/*#login-form button{  background-color:#E4F4FC;  border:1px solid #66ADFF;  color:#66ADFF;}
#login-form button:hover{  background-color:#F5F5F5;  border:1px solid #66ADFF;  color:#66ADFF;}*/
/*Home page*/
#caption-header {color:#666;}
#twitter-feed-div {border:1px solid #78a8f8;-moz-border-radius: 10px;}
#twitter-feed-div div.twitter-feed-header{margin-top:10px;}
#twitter-feed-div div.twitter-feed-header img {float:left;margin-right:10px;}
#get-feedback-header span {font-size:2em; color:#111111}
#get-feedback-text {border:1px solid #F8B898; padding-bottom: 10px;margin-left:40px;}
#give_feedback-header span {font-size:2em; color:#111111}
.sign-up-button {padding-left:40px;}
.find-more {padding-top: 10px; padding-left:30px;}
img.ui-datepicker-trigger{margin-left: 10px;}

#get-feedback-form-div{border:1px solid #F8B898;padding:5px 10px 20px 5px;}

#give-feedback-text{border:1px solid #78A8F8; padding-bottom: 10px;}
#give-feedback-text p{padding-left:5px;margin:0px; font-size:1.2em;}
.form-help-text{font-size:0.8em;color:RED;margin-bottom:0px;display:none;}
.form-for-radio-buttons-div div{display:inline}

#give-feedback-form-div div.blue-background{ background-color: #EFF5FB}

#get-feedback-form input[type="text"]{padding:2px;  width:224px;margin:0px;}
#give-feedback-form input[type="text"]{padding:2px;  width:224px;margin:0px;}
#get-feedback-form input[type="password"]{padding:2px;  width:224px;margin:0px;}
#give-feedback-form input[type="password"]{padding:2px;  width:224px;margin:0px;}
#give-feedback-form select{padding:2px;  width:230px;margin:0px;}
#get-feedback-form label.label, #give-feedback-form label{font-size:1.1em;}

#gender-div div.fieldWithErrors{float:left;margin-right:3px;}
#gender-div div.fieldWithErrors input{margin:0px;}

#get-feedback-form div.form-field, #create-project-form div.form-field{margin-bottom:3px; padding:5px 0px 5px 5px;}
#give-feedback-form div.form-field{margin-bottom:3px; padding:5px 0px 5px 5px;}

#give-feedback-form-div h2{margin-bottom:0px;}
#get-feedback-form-div h2{margin-bottom:0px;}
#give-feedback-form h2{margin-bottom:0px;}
.sign-up-cancel-link{margin-top:8px;cursor:pointer;font-size:1.2em;}

.record-details div.field{margin-bottom:6px; padding:10px 0px 5px 5px; border: 1px solid #F3C1A6;}
.record-details h4, .record-details h5{margin-bottom:0em}
.record-details div.field ol{padding-left: 2px;}
.form-field textarea{height:80px;width:487px;}
#create-project-form div.form-field textarea{width: 360px; height: 120px; min-height: 120px;}
#no-project-message{padding-top:15px;}
input.create_project_field {width: 360px;}
#create-project-form div.cancel{margin-top: 5px;}

button.customer-button{color:#000;border:1px solid #F8B898;margin:0px;}
button.blue-button{color:#000;border:1px solid #78A8F8;margin:0px;}
button.red-button{color:#000;border:1px solid #F5A9A9;margin:0px;background-color:#F6CECE;}

button.customer-button:hover{color:#000;border:1px solid #F8B898;background-color:#F8B898;}
button.blue-button:hover{color:#000;border:1px solid #78A8F8;background-color:#78A8F8;}

#breadcrumb a{color: #D5582F; display: inline; padding-right: 10px; text-decoration: underline;}
#breadcrumb{color: #800000; display: inline}
ol.breadcrumb, ol.breadcrumb li { display:inline ; padding-left:0px; margin-left: 0px;}
ol.breadcrumb li { background: transparent url(/images/greater_than.gif) no-repeat scroll left center; padding-left: 20px;}
ol.breadcrumb li.first { background: none; padding-left: 0px}
.non-tab-record-details {font-size: 1.1em;font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;}
/* Tester Login form*/
#tester-login {margin-top:3em;padding:0px;}
.approval-process-status-div {border:1px solid #78a8f8;margin-top:1.5em;margin-bottom:8px;}
.approval-process-status-div div{margin-bottom:8px;width:275px}
.approval-process-status-div h3{margin-bottom:0px;}
.approval-process-status-div span{font-weight:bold;color:#848484;font-size:1.1em;padding-left:32px;}
.approval-process-status-div span.active{color:#D5582F;}
.approval-process-status-div img.check-mark {position:absolute;}

.progress-step-div div.approval-process-status-div span{font-size:1em;}
.progress-step-div div.approval-process-status-div div{width:345px;}

#notice-div {top: 0px; left: 0px; position: fixed; width:100%; z-index: 5;-moz-opacity: 0.98; opacity: 0.98;}
#notice-div p{margin:auto; margin-top:0px;}
#notice-div p a#flash-message{float: right; text-decoration: underline; color: #000; margin-left: 15px;}

tr.table-heading{line-height: 4.5em;}
#activation-message div.form-field{margin-bottom:3px; padding:10px;}
#activation-message div.form-field h2{margin:0px;}

.feedback-message {border: 1px solid #F3C1A6;}
/* Usability Expert pages*/
.user-exp-jobs-table {border:1px solid #F8B898;}
.user-exp-jobs-table th{color:#585858;font-size:1.4em;text-align:center;line-height:1.4em;padding:1em 0;}
.user-exp-jobs-table th a{color:#66ADFF;text-decoration:none;}
.user-exp-jobs-table th a:hover{color:#F8B898;text-align:center;}
.user-exp-jobs-table td{font-size:1.3em;text-align:center;}
.user-exp-jobs-table td a{color:#66ADFF}
/* Feedback review form*/
button#feedback-review-accept-button{margin-left:1em;}
button#feedback-review-save-button{margin-left:280px;}
textarea#feedback_review_reviews{height:50px; margin-top:20px;width:600px;}
span.comments-text li{font-size:1.2em;}

/* Edit account css*/
.edit-link-div {color: #78a8f8;}
#edit-account-update .form-field label, #change-password-form-div div.form-field label, #forgot-password-form-div .form-field label{font-size:1.3em}
.edit-link-div a{font-size:1.5em;color: #0080FF;text-decoration:underline;}
.edit-link-div a:hover{font-size:1.5em;color: #E78F08;text-decoration:underline;cursor:pointer;}
.tester-edit-account-readonly{border: 1px solid #78a8f8;margin-top:2px; margin-bottom:3px; padding:5px 0px 5px 5px;}
.tester-edit-account-readonly span{font-size:1.5em;}
.customer-edit-account-readonly{border: 1px solid #F8B898;margin-top:2px; margin-bottom:3px; padding:5px 0px 5px 5px;}
.customer-edit-account-readonly span{font-size:1.5em;}
#edit-account-update div.form-field, #change-password-form-div div.form-field, #forgot-password-form-div div.form-field{margin-top:3px; padding:5px 0px 5px 5px;}
#edit-account-update input[type="text"], #change-password-form-div input[type="password"], #forgot-password-form-div input[type="text"]{padding:2px;  width:224px;margin:0px;}
#edit-account-update select{padding:2px;  width:230px;margin:0px;}

/* Contact us page */
#contact-us-form-div div.form-field{margin-top:3px; padding:5px 0px 5px 5px;}
#contact-us-form-div input[type="text"]{padding:2px;  width:458px;margin:0px;}
#contact-us-form-div .form-field label{font-size:1.3em}
textarea#contact_us_comments{height:175px; margin:0px;width:452px;}
div.contact-us-address-div{border:1px solid #F8B898;margin-left:35px;margin-top:20px;}
div.contact-us-address-div span{font-size:1.5em;}
div.contact-us-address-div a{color:#0080FF; font-size:1.1em;text-decoration:underline;cursor:pointer;}

/*Mturk sign up partial*/
#mturk-signup-div h2, #mturk-signup-div h3{margin-bottom:2px;}
#mturk-signup-div{border:1px solid #78A8F8;padding:5px 5px 10px 5px;}
div.signup-link-div {margin-top:1.5em;margin-bottom:8px;}
div.signup-steps-div div{margin-bottom:8px;width:275px}
a.active-mturk-signup-link {color: #0080FF;text-decoration:underline;cursor:pointer; font-size:1.5em}
a.inactive-mturk-signup-link {text-decoration:none;color:#424242; font-size:1.5em}
#approval-process-div {padding-left:40px;}
div#about-mturk-dialog p{margin-bottom:1em;font-weight:normal;}
div#about-mturk-dialog p.question{color:#D5582F;font-weight:bolder;}

/*FAQ page*/
#faq-page-div p.question{color:#D5582F;font-weight:bolder;}
#faq-page-div li{font-size:1.4em}
#faq-page-div li a{color: #0080FF;text-decoration:underline;cursor:pointer;}

#userthoughts-faq-dialog #faq-page-div li a{color: #0080FF;text-decoration:none;cursor:pointer;}
div#accept-hit p { padding-bottom: 5px; line-height: 1.3em;}

/*Chrome related suppot*/
#chrome-support-content-div {text-align:center;}
#chrome-support-content-div p{text-align:left}
#chrome-support-content-div img{margin:15px auto;border:1px solid}

#launch-recorder-button {width:50%;left:25%;position:relative;}

#accordion {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

#edit-account-update p.status label,p.status label  {border:none;font-weight:normal;background:transparent;}
#edit-account-update .form-field label.error, p.status label.error{color:red;padding:0px;margin:0px;font-size:0.85em}
p.status label.checked{color:green;font-size:0.85em}
p.status label img{position:relative;top:3px;right:3px}

#create-project-form p.status label img{position:relative;top:3px;left:356px}

/*Invite page alignment*/
#handle_reviewer_main  { padding-left:30%;}
#handle_reviewer_main div.span-11 { width:315px;}
.text_align_center { padding-left:100px;}
#form_text_fields { margin:auto;}
#form_text_fields div.span-4 { padding-left:10px; width:100px; }
#form_text_fields div.span-13 { padding-left:10px; width:250px; }
#handle_reviewer_main div.span-17 { width:380px; padding-left:1px;}
#form_text_fields div.span-10 { padding-left:100px; width:300px; }
#handle_reviewer_main h2 { margin-bottom:0.1em;}
#handle_reviewer_main div.prepend-top { margin-top:0.5em;}

/*quick video page related*/
.blue-border{border:1px solid #78A8F8}
.peach-border{border:1px solid #F8B898}

#try-now-button {
   background: url("/images/orange-less-shadow-button.png") no-repeat scroll -6px -6px transparent;
   display: block;
   height: 68px; 
   width: 240px; 
   padding:20px 0px 0px 0px;
   font-size: 2em;
   font-weight: bold;
   color: white;
   cursor: pointer;
}
#intro-caption { margin:0.5em;}

div.text-container{margin:2px;}
div.video-container{margin:10px 3px 0px 4px;}
div.text-header{ height:2em;padding:5px 0px;}
div.text-header h3{ 
   margin-top: 2px;
}
div.text-description{ height: 100px;
padding: 50px 0px 0px 0px;}
div.video-header{ height:2em;padding:5px 0px;}
div.video-content{padding:15px 10px 10px;}

div.thumbnail{position:relative;}
div.play{position:absolute;top: 70px;left: 85px;width: 58px;height: 41px;background-image: url(/images/play-icon.png);}
.free-slogon {
   font-weight: bold;
   font-size: 2.5em;
   text-align:center;
}
div.action-icon-holder{
   padding-top: 15px;
}
div.arrow-icon-holder{
   padding-top: 50px;
}
div#how-it-works-div{
   margin-left: 20px;
}

#no-java{
   margin-top: 10px;
}
.no-java-center {
   color: grey;
   text-align: center !important;
}

.no-java-header h3{
   color: grey;
}

.supported-platform-subheading{
   color: #66CCFF;
}

#download-java-button{
   display: block;
   width: 212px;
   height: 45px;
   text-indent: -9000px;
   margin: 29px auto 28px auto;
   border: none;
   background: url(../images/download_java.gif) no-repeat;
}