﻿body { margin:0; padding:0; font-family:Arial; background-color:#fff; }
img { border:0; }
p { margin:0; padding:0; font-size:0.9em; }
.hidden { display:none; }
h2 { color:#444; }
h1 { color:#fff; text-shadow:2px 2px 0 rgba(0, 0, 0, 0.15); }
.text { border:1px solid #ccc; width:200px; }
dl { display:inline-table; margin:0; padding:0; width:400px; }
dl dt, dl dd { display:inline-block; *display:inline; zoom:1; padding:4px 0; font-size:0.9em; }
dl dt { width:130px; }
dl dd { width:200px; }
ul { margin:0; padding:0; list-style-type:none; }
ul li { display:inline-block; *display:inline; zoom:1; margin:0; padding:0;}
.roundedPanel { background:#f1f1f1 repeat-x url('/Content/Images/shadePanel.png') top; }
.dropdown { width:200px; }
a, a:active { color:#55f; -moz-outline-style:none; }
a:hover { color:#f55; }

/* Error */
.field-validation-error { color:#c00; font-size:0.8em; font-weight:bold; display:block; }
.input-validation-error { border:1px solid #f00; }

/* Corners */
.corners, .cornersSmall { border:1px solid #ccc; }
.cornersThick { border:2px solid #ccc; }
.redCorners { border:1px solid #f00; }

/* Buttons */
.silverButtonLinkRight { display:inline-table; text-align:center; text-decoration:none; line-height:44px; display:block; background:no-repeat url('/Content/Images/silverButtonRight.png') center right;  }
.silverButtonLinkLeft { display:inline-block; padding-left:48px; background:no-repeat url('/Content/Images/silverButtonLeft.png');  }
.silverButton, .silverButtonLinkRight { padding:0 38px 0 0; height:44px; color:#000; font-size:0.9em; }
.silverButton { text-align:center; margin:0; background:no-repeat url('/Content/Images/silverButtonRight.png') center right; border:0; cursor:pointer; padding:0 19px 4px 0; }
.silverButtonLinkLeft .silverButtonLinkRight { text-decoration:none; }

.buttonLinkRight { display:inline-table; text-align:center; text-decoration:none; line-height:44px; display:block; background:no-repeat url('/Content/Images/buttonRight.png') center right;  }
.buttonLinkLeft { display:inline-block; padding-left:17px; background:no-repeat url('/Content/Images/buttonLeft.png');  }
.button, .silverButtonLinkRight { padding:0 38px 0 0; height:44px; color:#000; font-size:0.9em; }
.button { text-align:center; margin:0; background:no-repeat url('/Content/Images/buttonRight.png') center right; border:0; cursor:pointer; padding:0 19px 4px 0; }
.buttonLinkLeft .silverButtonLinkRight { text-decoration:none; }

.silverButton { display:inline-block; padding-left:37px; background:no-repeat url('/Content/Images/refreshButton.png');  }
.greyButton, .greyButtonLinkRight { padding:0 20px 0 0; height:33px; color:#000; font-weight:bold; }
.greyButton { text-align:center; margin:0; background:no-repeat url('/Content/Images/greyButtonRight.png') center right; border:0; cursor:pointer; padding:0 19px 4px 0; }
.greyButtonLinkRight { display:inline-table; text-align:center; text-decoration:none; line-height:32px; display:block; background:no-repeat url('/Content/Images/greyButtonRight.png') center right;  }
.greyButtonLinkLeft { display:inline-block; padding-left:19px; background:no-repeat url('/Content/Images/greyButtonLeft.png');  }
.greyButtonLinkLeft .greyButtonLinkRight { text-decoration:none; }
.greyButtonLinkRight:hover { color:#000; }


/* Pager */
.pager ul li { padding:5px; }
.pager ul li a { text-decoration:none; color:#444; }
.pager ul li .selected { font-weight:bold; }

/* List footer */
.listFooter { padding:10px; background-color:#eee; border-top:1px solid #ccc; border-bottom:1px solid #fff; }
.listFooter > div { width:960px; margin:0 auto; }

/* Top nav */
#topNav { background: repeat-x url('/Content/Images/topNav.png'); position:relative; padding:0; margin:0 0 0px 0; z-index:10; clear:both; }
#topNav a { color:#fff; }
#topNav #navContainer { width:960px; margin:0 auto; height:58px; padding:20px 0 0; }
#topNav #navContainer #logo { float:left; padding-top:3px; }
#topNav #navContainer ul { float:right; padding:5px 0 0; }
#topNav #navContainer ul li { float:left; margin:0 8px; }
#topNav #navContainer ul li span { background:no-repeat url('/Content/Images/topMenuLeft.png'); float:left; padding:0 0 0 16px; }
#topNav #navContainer ul li a { display:block; text-decoration:none; padding:10px 16px 7px 0; font-size:0.8em; text-transform:uppercase; background:no-repeat url('/Content/Images/topMenuRight.png') right; }
#topNav #navContainer ul li a:hover { color:#ccc; }

.rssButton, .twitterButton { display:inline-block; width:25px; height:24px; background-repeat:no-repeat; margin:10px 5px 0 0; }
.rssButton { background:url('/Content/Images/rssButton.png'); }
.twitterButton { background:url('/Content/Images/twitterButton.png'); }

/* First title */
#subTitle { background: repeat-x url('/Content/Images/greenHomeBack.png'); border-top:1px solid #9ed965; border-bottom:1px solid #000; }
#subTitle h1 { width:960px; margin:0px auto; color:#fff; padding:10px 0; }

/* Top message */
.topMessage { background-color:#eee; padding:10px 0; border-bottom:1px solid #d5d5d5; }
.topMessage > div, .topMessageInfo > div { width:960px; margin:0 auto; }
.topMessageInfo { background-color:#d1e4ee; border-bottom:1px solid #86b2c9; }
.topMessageInfo > div { background:no-repeat url('/Content/Images/info.png') center left; padding:10px 0 10px; }
.topMessageInfo > div > p { padding-left:25px; }
.topMessage ul li { margin:0 5px; }
.topMessage a { display:inline-block; font-size:0.8em; text-decoration:none; padding:0 4px; }
.topMessage a:hover { background-color:#fff; }

/* Footer */
#footer { background:#000 repeat-x url('/Content/Images/footerBack.png'); color:#fff; clear:both; display:block; width:100%; text-align:center; }
#footer > ul { width:960px; margin:0 auto; padding:0; display:inline-table; }
#footer > ul > li { display:inline-block; *display:inline; zoom:1; padding:10px; }
#footer a { text-decoration:none; color:#fff; font-size:0.9em; }

/* Home */
#home { background: repeat-x url('/Content/Images/greenHomeBack.png'); clear:both; border-top:1px solid #9ed965; border-bottom:1px solid #000; }
#homeContainer { width:960px; margin:0 auto; height:302px; padding-top:65px; }
#homeContainer #videoContainer { background: no-repeat url('/Content/Images/videoShadow.png') 0px 0px; padding:7px; margin:0 0 -60px 0; float:left; position:relative; z-index:10; }
#homeContainer #videoContainer > div { padding:2px; }
#homeContainer #mainHeader { float:left; color:#fff; margin-left:105px; padding-top:21px; width:410px; }
#homeContainer #mainHeader h1 { margin:0; padding:0; font-weight:normal; font-size:1.6em; }
#homeContainer #mainHeader p { font-style:italic; padding:10px 0; }
#greyShade { min-height:195px; background: repeat-x url('/Content/Images/greyShade.png'); clear:both; border-top:1px solid #fff; }
#greyShade > div { width:960px; margin:0 auto; }
#greyShade #thumbnails { float:left; width:435px; margin-top:60px; }
#greyShade #thumbnails > ul { list-style-type:none; display:inline-table; margin:0 0 0 12px; padding:0; font-size:0.7em; text-transform:uppercase; }
#greyShade #thumbnails > ul > li { cursor:pointer; width:116px; padding:78px 0 0 8px; background: no-repeat url('/Content/Images/videoThumb.png'); list-style-type:none; display:inline-block; *display:inline; zoom:1; }
#greyShade #thumbnails > ul > .paddedVideo { margin:0 22px;  }
#greyShade #features { float:left; padding-left:30px; width:490px; padding-top:10px; height:115px; }
#greyShade h3 { color:#444; margin:0 0 5px; padding:0; }

#greyShade #news { float:right; width:251px; background-color:#fff; padding:11px; }
#greyShade #news p { padding-top:10px; }
#greyShade #news h4 { padding:0; margin:0; }
#greyShade #homepageItems { float:left; width:513px; margin:60px 0 0 0; padding:0; list-style-type:none; color:#444; }
#greyShade #homepageItems h2 { margin:0; padding:0 0 5px 0; font-weight:normal; font-size:1.3em; }
#greyShade #homepageItems li { padding-left:60px; margin:0px 0; }
#greyShade #homepageItems #whatsLiteTest { background: no-repeat url('/Content/Images/questionBouble.png'); border-bottom:1px solid #272727; padding-bottom:20px; }
#greyShade #homepageItems #howItWorks { background: no-repeat url('/Content/Images/lightbulb.png'); border-bottom:1px solid #272727; margin-top:20px; padding-bottom:20px; }
#greyShade #homepageItems #whatsTheCost { background: no-repeat url('/Content/Images/sale.png'); margin:20px 0; }

/* Main content */
#mainContent, .copy { width:960px; margin:10px auto; }
#lp { width:660px; float:left; }
#lpNav { float:left; width:300px; }
#lpNav ul { display:block; }
#lpNav ul li { display:block; }
#lp ul { display:list-item; }
#lp ul li { display:list-item; list-style-type:disc; margin:10px; }

/* Test and Concept list */
#testList #tests { margin:0; padding:0; list-style-type:none; width:620px; margin:0 auto; }
#testList #tests a, #testList #tests { text-decoration:none; color:#444; }
#testList #tests > li { padding:0 10px 10px 10px; margin:9px; width:161px; display:inline-block; *display:inline; zoom:1; border:1px solid #ccc; background:#f1f1f1 repeat-x url('/Content/Images/shadePanel.png') top; }
#testList #tests img { border:1px solid #ccc; }
#testList #tests h5 { padding:0; margin:0; font-weight:normal; font-size:0.7em; }
#testList #tests h5 > a { color:#000; }
#testList #tests > li ul { display:inline-table; margin:0; padding:0; font-size:0.7em; }
#testList #tests > li ul li { display:inline-block; *display:inline; zoom:1; padding:0 5px 0 17px; }
#testList #tests .testSite { background: no-repeat url('/Content/Images/testSite.png'); border-right:1px solid #ccc; }
#testList #tests .reports { background: no-repeat url('/Content/Images/siteReports.png'); margin-left:5px; }

.testListHome .pager { width:620px; margin:0 auto; }

/* Register */
#mainContent.registrationHome { margin-top:10px; }
.registrationHome .text { width:150px; }
.registrationHome #signInDetails, .registrationHome #userDetails { padding-left:5px; }

.registrationHome #accountDetails { width:470px; float:left; }
.registrationHome #accountDetails dt { width:130px; }
.registrationHome #accountDetails dd { padding-left:0; margin-left:0; }
.registrationHome #signInDetails { border-bottom:1px solid #ccc; background:#eee no-repeat url('/Content/Images/padlock.png') top right; }
.registrationHome #signInDetails dt { width:130px; }
.registrationHome #userDetails { border-bottom:1px solid #ccc; background:no-repeat url('/Content/Images/user.png') top right; margin:10px 0; padding-bottom:10px; }
.registrationHome .infoBox { float:left; background-color:#fff; width:445px; }
.registrationHome .infoBox h2 { margin-top:0; }
.registrationHome .infoBox ul { list-style-type:none; margin:10px 0 10px 0; padding:0; font-size:0.8em; }
.registrationHome .infoBox ul li { background:no-repeat url('/Content/Images/plus.png'); padding:0px 0 5px 20px; }
.registrationHome .infoBox #infoButton { background:no-repeat url('/Content/Images/info.png'); text-decoration:none; padding:3px 0 3px 25px; margin-top:10px; }
.registrationHome .infoBox #facebookConnect { margin-top:10px; padding-top:10px; border-top:1px solid #ccc; }
.registrationHome #avatarPanel { clear:both; }
.registrationHome #avatarPanel h3 { padding:0; margin:0 0 5px 0; }
#captchaPanel { background-color:#eee; padding:10px; width:400px; font-size:0.8em; margin:10px 0; }
#captchaPanel p { width:240px; padding-left:5px; }
#captchaPanel ul { list-style-type:none; margin:0; padding:0; display:inline-table; }
#captchaPanel ul li { display:inline-block; *display:inline; zoom:1; vertical-align:top; }
#captchaPanel ul li .silverButton { margin:9px 0 0 10px; }
#captchaPanel #captchaInput { font-size:2.0em; width:149px; padding:5px 0; }
.registrationHome #tandc { padding:10px 0; }
.registrationHome #submitRegistration { margin-bottom:10px; }
.registrationHome #submitRegistration .button { font-size:1em; }

/* Accounts */
#emailCommunication { margin:10px 0; }
#signInDetails { background:no-repeat url('/Content/Images/Unlock.png') top right; padding:10px 30px 20px 0; width:350px; margin:10px 0 0; }
#signInDetails dd, #signInDetails dt { padding:5px 0; margin:0;  }
#signInDetails dd {  }
#signInDetails dt { width:100px; }

.defaultPanel dl { width:400px; }
.defaultPanel dl dt { width:120px; }
.defaultPanel dl dd { padding-left:0; margin-left:0; }

.paymentHistoryItem dl { width:400px; border-bottom:1px solid #000; }
.paymentHistoryItem dl dt { width:200px; }

#accountDetails > ul { list-style-type:none; margin:10px 0 0; padding:0; display:inline-table; }
#accountDetails > ul > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; }
#accountDetails #signInButtonPanel dl dt { width:auto; margin-right:10px; }
#accountDetails #accountDetailsSummary { font-size:0.9em; }
#accountDetails #accountDetailsSummary dl dt, #accountDetails #accountDetailsSummary dl dd{ margin:0; padding:2px 0; }
#accountDetails #accountDetailsSummary h2 { margin:0; }
#accountDetails #manageAccount .greyButtonLinkRight { font-size:0.8em; width:120px; }
#accountDetails .section { display:inline-table; vertical-align:top; *display:inline; zoom:1; }
#accountDetails .section #uploadImage { display:block; }
#accountDetails .section #uploadImage > li { display:block; }
#accountDetails #facebookConnect { padding:2px 0 10px 0; border-top:1px solid #999; width:400px; }
#accountDetails #facebookConnect p { padding:2px 0; }
.reportItem { padding:10px 0 0 180px; font-size:0.8em; border-bottom:1px solid #ccc; height:120px; }
.reportItem a { text-decoration:none; }
.reportItem h4 { margin:0; padding:0; font-size:1.2em; }
.reportItem ul { display:block; }
.reportItem ul li { display:block; }
#reportHistory { margin-top:10px; }
#reportHistory h3 { margin:0; padding:0; }
#reportHistory dl { display:block; width:500px; }
#reportHistory dl dt { width:200px; }

/* Help and copy */
.help ul { display:block; width:100%; }
.help ul li { display:block; width:100%; }
.help ul li ul li { background-color:#f8f8f8; margin:2px 0; }
.copy p { margin:8px 0; }

.copy .hoverclass { display:block; width: 135px; height:37px; background: url('/Content/Images/Knowledgebase/csshoverimage.png') 0 0 no-repeat; text-decoration: none; }
.copy .hoverclass:hover { background-position: 0 -37px; }
.copy .code { font-family:monospace, Courier New, Verdana; background-color:#eee; font-size:0.8em; }

#siteMapHome h4 { margin:0; }
#siteMapHome ul { display:block; }
#siteMapHome ul li { display:block; }
#siteMapHome > ul > li { margin:10px 0; }

#benefits { background: url('/Content/Images/Lp/postit.jpg') top right no-repeat; padding:20px 0; }
#benefits li { width:600px; background:no-repeat url('/Content/Images/plus.png'); padding:0 0 10px 20px; line-height:14px; }

/* Plans */
.plansBanner { width:960px; background: url('/Content/Images/Lp/putSite.png') 0 20px no-repeat; padding:15px 0 0 25px; color:#fff; margin:10px auto; }
.plansBanner h1 { margin:0 0 10px; padding:0 0 0 350px; font-size:1.6em; }
.plansBanner h3 { color:#fff; font-weight:normal; font-size:1.5em; margin:0 0 15px 0; padding:0; }
.plansBanner > ul { padding-left:350px; list-style-type:disc; margin-bottom:20px; }
.plansBanner > ul > li { background:no-repeat url('/Content/Images/plus.png'); padding:0px 0 5px 20px; width:100%; }

#plansShade { min-height:195px; background: repeat-x url('/Content/Images/greyShade.png'); clear:both; border-top:1px solid #fff; padding:10px 0; }
#plansShade > div { width:960px; margin:0 auto; }

#plansShade #plans { padding:0; margin:0; list-style-type:none; }
#plansShade #plans p { margin:0; padding:0; font-weight:bold; }
#plansShade #plans > li { padding-left:180px; height:158px; margin:0 0 10px 0; }
#plansShade #plans > li > ul { list-style-type:disc; padding:10px 0 2px 15px; }
#plansShade #plans > li > ul > li { padding:2px 0 2px 0; }
#plansShade #plans > #year { background: url('/Content/Images/Lp/peryear.png') 0 0 no-repeat; }
#plansShade #plans > #month { background: url('/Content/Images/Lp/permonth.png') 0 0 no-repeat; }
#plansShade #plans > #free { background: url('/Content/Images/Lp/free.png') 0 0 no-repeat; }

/* Payment */
.paymentHome dl { width:500px; }
.paymentHome dl dt { width:250px; }

.subscriptionPanel #plans { display:inline-table; margin:10px 0; padding:0; list-style-type:none; }
.subscriptionPanel #plans > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0; padding:0; }
.subscriptionPanel #plans > li > ul { margin:0 10px 0; padding:0; display:block; }
.subscriptionPanel #plans > li > ul > .title { list-style-type:none; font-weight:bold; font-size:1.2em; margin:0; padding:0 0 5px 0; background:none; }
.subscriptionPanel #plans > li > ul > li { background:no-repeat url('/Content/Images/plus.png'); padding:0px 0 5px 20px; font-size:0.9em; display:block; }

/* Gradable */
.lt_gradable_default { background:no-repeat url('/Content/Images/ratingOff.png'); width:152px; height:39px; cursor:pointer; }
.lt_gradable_hover { background:no-repeat url('/Content/Images/ratingOn.png'); height:39px; }
.lt_gradable_inactive { background:no-repeat url('/Content/Images/ratingInactive.png'); height:39px; }

.lt_binary_default { background:no-repeat url('/Content/Images/binaryRating.png'); width:25px; height:25px; cursor:pointer; }

/* Offsite testing */
#offsiteTestHome .binaryRating { background:no-repeat url('/Content/Images/binaryRating.png'); width:25px; height:25px; cursor:pointer; margin:5px 5px 0; }
#offsiteTestHome dl { width:auto; }
#offsiteTestHome dl dt { vertical-align:top; width:250px; font-size:1.1em; font-weight:bold; line-height:32px; }
#offsiteTestHome dl dd { padding:0; margin:0;  }
#offsiteTestHome #noteList .remove, #noteList .edit { width:16px; height:16px; display:block; float:right; }
#offsiteTestHome #noteList .remove { background:no-repeat url('/Content/Images/Reports/deleteNote.png') -16px 0; } 
#offsiteTestHome #noteList .edit {  background:no-repeat url('/Content/Images/Reports/editNote.png') -16px 0; margin-right:20px; }
#offsiteTestHome #noteList .edit:hover, #noteList .remove:hover { background-position:0 0; }
#offsiteTestHome #noteInput { width:425px; height:80px; }
#offsiteTestHome #noteList ul { margin:10px 0 0; padding:0; list-style-type:none; width:500px; }
#offsiteTestHome #noteList ul li { padding:2px 10px; margin:2px 0; background-color:#d7d7d7; }
#offsiteTestHome #addNoteAction { cursor:pointer; padding-left:20px; background:no-repeat url('/Content/Images/addNote.png') 0px center; font-size:1.2em; font-weight:bold; }

/* Test complete notification */
#testComplete { position:absolute; border:1px solid #000; z-index:500; background:#f1f1f1 repeat-x url('/Content/Images/shadePanel.png') top; width:424px; }
#testComplete > div { background:#f1f1f1 no-repeat url('/Content/Images/Reports/testCompleted.png') center; height:145px; }
#testComplete > div > div > div { text-align:right; margin-top:3px; }
#testComplete > div > div > div > #closeTestAction { border:1px solid #ccc; margin-right:6px; color:#ccc; font-size:0.7em; padding:0 3px; }
#testComplete div #backToLiteTest { text-align:center; margin-top:65px; }
#testComplete div p { margin:0; padding:0; }

/* Create test request */
#createTestHome { margin:0; width:674px; }
#createTestHome .text { width:180px; }
#createTestHome #testNavigation ul { width:654px; margin-bottom:10px; }
#createTestHome #createTestPanel { padding:20px 0 20px 20px; }
#createTestHome #createTestPanel > ul { display:inline-table; margin:0; padding:0; list-style-type:none; width:100%; }
#createTestHome #createTestPanel > ul > li { display:inline-block; *display:inline; zoom:1; margin:0; padding:0; vertical-align:top; width:150px; }
#createTestHome #createTestPanel > ul > #siteDetails { width:440px; margin-left:40px; }
#createTestHome #createTestPanel .bigText { width:175px; }
#createTestHome #createTestPanel .bigTextArea { width:362px; border:1px solid #ccc; font-size:1.2em; }
#createTestHome #createTestPanel #uploadPanel img { border:1px solid #ccc; }
#createTestHome #createTestPanel #uploadPanel div { text-align:center; }
#createTestHome #createTestPanel #uploadPanel #uploadScreenshot { margin-top:23px; }
#createTestHome #createTestPanel #uploadPanel #uploadAction { margin-top:5px; font-size:0.75em; }
#createTestHome #createTestPanel dl { margin:0 0 0 5px; padding:0; width:180px; display:inline-block; *display:inline; zoom:1; }
#createTestHome #createTestPanel dl dt, #createTestHome dl dd { margin:3px; padding:0; }
#createTestHome #createTestPanel dl dt { }
#createTestHome #createTestPanel dl dt label { font-size:0.85em; font-weight:bold; }
#createTestHome #createTestPanel dl dd { }
#createTestHome #createTestPanel dl dt #isPrivateLabel { font-size:0.85em; }
#createTestHome #createTestPanel .checkboxItem { display:inline-table; width:100%; }
#createTestHome #createTestPanel .checkboxItem  dt { width:180px; }
#createTestHome #createTestPanel .checkboxItem  dt, #createTestHome #createTestPanel .checkboxItem dd { display:inline-block; *display:inline; zoom:1; }
#createTestHome #fieldCounts { background-color:#eee; text-align:center; margin:10px 0; padding:3px 0; }
#createTestHome #saveTest { margin:10px 0; }

#createTestHome #count { font-weight:bold; }
#createTestHome #testUpdateWarning {  margin:5px 0; padding:5px; font-size:0.8em; background-color:#fcc; }

#createTestHome #updateRevisionPanel { padding:10px; }

#createTestHome .testsNotification { padding:10px; margin-bottom:10px; }
#createTestHome .testsNotification p { margin:5px 0; padding:0; }
#createTestHome .testsNotification span { font-weight:bold; }
#createTestHome .testsNotification a { text-decoration:underline; }

#myQuestions { margin-top:10px; padding:10px; }
#myQuestions h3 { margin:0; padding:0; }

.selectable { display:inline-table; margin:0; padding:0; font-size:0.8em; }
.selectable li { width:210px; display:block; float:left; margin:2px; background-color:#ccc; padding:8px 0 8px 8px; background-position:20px; font-size:0.9em; }
.selectable li, .selectable li label { cursor:pointer; }
.selectable .selected { color:#fff; font-weight:bold; background-image:url('/Content/Images/selectedQuestionBackground.png');}
.selectable .hover { background-color:#fee; }

/* Dialogue */
.lt-dialogue-container .lt-dialogue-header { background:no-repeat url('/Content/Images/helpTop.png'); width:100%; padding:17px 0 4px 15px; font-weight:bold; color:#fff; }
.lt-dialogue-container .lt-dialogue-message { background:repeat-y url('/Content/Images/helpBody.png'); width:267px; padding:5px 10px; }
.lt-dialogue-container .lt-dialogue-footer { background:no-repeat url('/Content/Images/helpBottom.png'); width:100%; height:10px; }

/* View notes and report */
.reportFilter { border-bottom:1px solid #000; }
.reportFilter h2 { margin:0; padding:0; }

.viewReportHome { width:470px; }
.viewReportHome .filter { padding:10px; }
.viewReportHome .reportPanel { padding:10px 0 10px 20px; margin:0 0 10px 0; }
.viewReportHome .reportPanel .reportResultData { font-size:0.8em; font-weight:normal; line-height:20px; }
.viewReportHome ul { /*display:inline-table;*/ margin:0; padding:0; list-style-type:none; width:470px; }
.viewReportHome li { width:233px; display:inline-block; *display:inline; zoom:1; }
.viewReportHome li > span, .viewReportHome li > dl > dt > span { font-size:1.3; color:#5d5d5d; font-weight:bold; display:block; margin-left:10px; } 
.viewReportHome li > div { width:176px; }
.viewReportHome li > div > div { padding:12px 0; }
.viewReportHome .rating li > div { background:no-repeat url('/Content/Images/barEmpty.png'); width:176px; }
.viewReportHome .rating li > div > div { background:no-repeat url('/Content/Images/barFull.png'); padding:12px 0; }

.viewReportHome #actionPanel { margin:10px 0; }

.viewReportHome .binary li { width:100%; }
.viewReportHome .binary li dl { display:inline-table; margin:0; padding:0; }
.viewReportHome .binary li dt, .viewReportHome .binary li dd { display:inline-block; *display:inline; zoom:1; margin:5px 0; height:26px; }
.viewReportHome .binary li dt { width:280px; }
.viewReportHome .binary li dt span { padding:10px 0 0; }
.viewReportHome .binary li dd { width:80px; vertical-align:middle; }
.viewReportHome .binary li dd ul { display:inline-table; }
.viewReportHome .binary li dd ul li { display:inline-block; *display:inline; zoom:1; height:26px; padding-left:28px; width:35px; }
.viewReportHome .binary li dd ul .no, .viewReportHome .binary li dd ul .yes { height:26px; padding-left:28px;  line-height:27px; }
.viewReportHome .binary li dd ul .no { background:no-repeat url('/Content/Images/noMarkLong.png'); }
.viewReportHome .binary li dd ul .yes { background:no-repeat url('/Content/Images/yesMarkLong.png'); }

.viewReportHome #showExtendedInfoAction { text-decoration:underline; }
.viewReportHome .system { margin-top:0; }
.viewReportHome .system li { width:100%; }
.viewReportHome .system li dl { display:inline-table; margin:0; padding:0; }
.viewReportHome .system li dt, .viewReportHome .binary li dd { display:inline-block; *display:inline; zoom:1; margin:5px 0; height:26px; }
.viewReportHome .system li dt { width:280px; }
.viewReportHome .system li dt span { padding:10px 0 0; }
.viewReportHome .system li dd { width:80px; }
.viewReportHome .system li dd ul { display:inline-table; }
.viewReportHome .system li dd ul li { display:inline-block; *display:inline; zoom:1;  }
.viewReportHome .system li dd ul .no { background:no-repeat url('/Content/Images/noMark.png'); }
.viewReportHome .system li dd ul .yes { background:no-repeat url('/Content/Images/yesMark.png'); }

.viewReportHome .textResult ul { width:100%; }
.viewReportHome .textResult ul > li { display:block; width:100%; }
.viewReportHome .textResult ul > li div { margin:2px 0; font-size:1.1em; padding:8px 4px; display:block; background-color:#f3f3f3; width:100%; }
.viewReportHome .textResult ul > li span { display:inline; font-size:0.8em; }
.viewReportHome .textResult ul > li div li { display:list-item; }
.viewReportHome .textResult .textResultContainer { background-color:#fff; width:100%; }
.viewReportHome .textResult .textResultContainer dt { vertical-align:top; }
.viewReportHome .textResult .textResultContainer dd { width:780px; }

.viewReportHome #premium { margin-bottom:10px; }
.viewReportHome #premium a { text-decoration:underline; }

#disqualifyReason { width:380px; height:80px; margin-bottom:10px; }

.viewNotesHome #feedback { width:500px; }
.viewNotesHome ul { list-style-type:none; margin:0; padding:0; }
.viewNotesHome ul li { margin:0; padding:0; }
.viewNotesHome > ul > li { margin:10px 0; padding:0; border-bottom:1px solid #ccc; }
.viewNotesHome > ul > li > ul { display:inline-table; margin:0; padding:0; width:100%; }
.viewNotesHome > ul > li > ul > li { display:inline-block; *display:inline; zoom:1; margin:0; padding:0; vertical-align:top; }
.viewNotesHome .scoreAction a { width:12px; height:10px; display:inline-block; margin-right:1px; }
.viewNotesHome .negativeScoreAction { background:no-repeat url('/Content/Images/negativeFeedbackSmall.png') 0px 0; }
.viewNotesHome .positiveScoreAction { background:no-repeat url('/Content/Images/positiveFeedbackSmall.png') 0px 0; }
.viewNotesHome > ul > li > ul > li .authorName, .viewNotesHome .authorName a { color:#666; font-size:0.9em; border-bottom:1px dashed #666; }
.viewNotesHome > ul > li > ul > li .authorName span { color:#000; border-bottom:0; font-size:1.2em; }

.viewNotesHome .author { width:400px; }
.viewNotesHome .author > ul { display:inline-table; }
.viewNotesHome .author > ul > li { display:inline-block; *display:inline; zoom:1; margin:0; padding:0; vertical-align:middle; }
.viewNotesHome > ul > li > ul > li span { font-size:0.9em; }

.viewNotesHome .noteControl .deleteNoteAction { background:no-repeat url('/Content/Images/deleteNote.png') 0px 0; width:16px; height:16px; display:inline-block; }
.viewNotesHome .noteControl .addNoteCommentAction { background:no-repeat url('/Content/Images/addNoteComment.png') 0px 0; width:16px; height:16px; display:inline-block; }
.viewNotesHome .noteControl .disqualifyReport { background:no-repeat url('/Content/Images/disqualifyReport.png') 0px 0; width:16px; height:16px; display:inline-block; }
.viewNotesHome .noteControl .requalifyReport { background:no-repeat url('/Content/Images/requalifyReport.png') 0px 0; width:16px; height:16px; display:inline-block; }
.viewNotesHome .deleteCommentAction { background:no-repeat url('/Content/Images/deleteComment.png') 0px 0; width:10px; height:10px; display:inline-block; }
.viewNotesHome .noteCommentText { border:1px solid #ccc; width:300px; }

.viewNotesHome .comments { width:100%; }
.viewNotesHome .comments dl { display:inline-table; margin:2px 0; padding:0; width:100%; background-color:#f6f6f6; color:#333; }
.viewNotesHome .comments dd, .viewNotesHome .comments dt { display:inline-block; *display:inline; zoom:1; margin:0; padding:0px 0; }
.viewNotesHome .comments dt { font-size:0.8em; vertical-align:top; padding:2px 5px 0 2px; width:auto; }
.viewNotesHome .comments dd { vertical-align:top; width:440px; }

.viewNotesHome .redCorners { padding:10px; }