html { overflow:hidden; }
html, body { margin:0; padding:0; height:100%; font-family:arial; background-color:#fff; } 
iframe { display:block; width:100%; border:none; margin:0; padding:0;  }
a { color:#fff; text-decoration:none; }
a:focus { -moz-outline-style:none; }
h1 { margin:0; padding:0; font-size:16px; }
.hidden { display:none; }
#theFrame { position:absolute; top:32px; z-index:1; }

#loader { background:no-repeat url('/Content/Images/Reports/loader.gif'); width:22px; height:25px; float:left; margin-top:2px; }

/* First timer help */
#firstTimeHelp { z-index:100; position:absolute; font-size:0.8em; }
#firstTimeHelp .helpInfo, #firstTimeHelp .helpInfoNoGfx { position:absolute; cursor:pointer; }
#firstTimeHelp .helpInfoNoGfx { background-color:#fff; border:10px solid #ccc; padding:5px; }
#firstTimeHelp .helpInfoNoGfx h2 { padding:0; margin:0; }

#firstTimeHelp .helpInfo ul { list-style-type:none; margin:0; padding:0; width:286px; }
#firstTimeHelp .helpInfo ul li { display:block; }
#firstTimeHelp .helpInfo .helpTop { background:no-repeat url('/Content/Images/Reports/helpTop.png'); width:100%; padding:17px 0 8px 15px; font-weight:bold; color:#fff; }
#firstTimeHelp .helpInfo .helpBody { background:repeat-y url('/Content/Images/Reports/helpBody.png'); width:100%; padding:5px; }
#firstTimeHelp .helpInfo .helpBottom { background:no-repeat url('/Content/Images/Reports/helpBottom.png'); width:100%; }
#firstTimeHelp p { margin:0; padding:5px 0; }
#firstTimeHelp #categoryHelp { left:95px; width:200px; }
#firstTimeHelp #sliderHelp { left:427px; width:200px; }
#firstTimeHelp #testCompleteHelp { left:720px; width:200px; }
#firstTimeHelp #feedbackInformationHelp { left:400px; width:300px; top:150px; }
#firstTimeHelp #noteHelp { left:515px; width:200px; }
#firstTimeHelp #anonymouseHelp { left:95px; width:200px; top:80px; }
#firstTimeHelp #anonymouseHelp a { color:#000; text-decoration:underline; }

/* Top panel */
#liteTestPanel { overflow:hidden; height:34px; background-color:#323232;  width:100%; z-index:999; position:relative; /* padding:5px 0; if we add this in, the scroll bar might look better */ }
#liteTestPanel > div { width:1080px; }
#logo { width:135px; height:34px; margin-left:8px; float:left; cursor:pointer; background:no-repeat url('/Content/Images/logoSmall.png') 0 2px; }
#questions { float:left; }

#actionPanel { float:left;  }
#actionPanel #nextQuestionAction, #prevQuestionAction { display:block; background-color:#ccc; margin-top:8px; height:19px; float:left; }
#actionPanel #nextQuestionAction { width:57px; background:no-repeat url('/Content/Images/Reports/next.png');}
#actionPanel #nextQuestionAction:hover { background-position:-57px 0;}
#actionPanel #prevQuestionAction { width:17px; background:no-repeat url('/Content/Images/Reports/prev.png'); }
#actionPanel #prevQuestionAction:hover { background-position:-17px 0;}

#questionTitle { float:left; margin:5px 20px 0 10px; z-index:999; position:relative; }
#questionTitle .ui-widget { font-size:0.8em; }
#addNoteAction { float:left; display:block; width:21px; height:21px; margin:7px 12px 0 17px; background:no-repeat url('/Content/Images/Reports/feedback.png') -21px center; }
#addNoteAction:hover { background-position:0 center; }
#progress { float:left; }

/* Notes */
#addNote { position:absolute; z-index:999; left:300px; top:50px; background:#e0e0e0 repeat-x url('/Content/Images/Reports/addNoteBackground.png'); width:400px; border:1px solid #bebebe; }
#addNote #noteForm { margin-left:10px; }
#addNote #feedbackNoteHeader { background:no-repeat url('/Content/Images/Reports/feedbackNotes.png'); height:17px; width:157px; margin:5px 0; cursor:move; float:left; }
#addNote #closeNotes { float:right; color:#999; font-size:0.7em; border:1px solid #ccc; margin:3px; padding:0 3px; }
#addNote #noteInput { width:375px; height:95px; border:1px solid #bebebe; }
#addNote #saveNote { background:no-repeat url('/Content/Images/Reports/saveButton.png'); display:block; width:56px; height:24px; float:right; margin:5px 10px 0 0; }
#noteList { font-size:0.8em; clear:right; height:118px; overflow-x:hidden; overflow-y:auto; }
#noteList ul { margin:0 0 0 10px; padding:10px 0; list-style-type:none; width:375px; }
#noteList ul li { background-color:#d7d7d7; padding:2px 10px; margin:2px 0; width:357px; }
#noteList .remove, #noteList .edit { width:16px; height:16px; display:block; float:right; }
#noteList .remove { background:no-repeat url('/Content/Images/Reports/deleteNote.png') -16px 0; } 
#noteList .edit {  background:no-repeat url('/Content/Images/Reports/editNote.png') -16px 0; margin-right:20px; }
#noteList .edit:hover, #noteList .remove:hover { background-position:0 0; }
#noteList .truncatedNote { float:left; display:block;}

#progessPanel { display:block; width:191px; height:25px; padding:0 23px; margin:2px 0 0 10px; float:right; background:no-repeat url('/Content/Images/Reports/testComplete.png') left center; }
#progessPanel #progress { background:no-repeat url('/Content/Images/Reports/testCompleteBar.png') left bottom; /*width:139px;*/ width:0px; height:19px; }
#closeLiteTest { float:right; border:1px solid #ccc; font-size:0.8em; margin-top:5px; padding:2px; display:block; }
#closeLiteTest:hover { background-color:#333; }

/* Question dropdown */
#questionSelect { color:#fff; list-style-type:none; padding:0; margin:0px 0 0 0; font-weight:bold; width:245px; overflow:hidden; height:24px; }
#questionSelect li { margin:0; padding:3px; cursor:pointer; font-size:12px; }
#questionSelect li span {  padding-left:15px; }
#questionSelect .highlight { background-color:#cc5252; }
#questionSelect .highlightItem { background-color:#525252; }

/**** Slider ****/
#slider { list-style-type:none; float:left; margin:9px 0 0 0; padding:0; }
#slider li { float:left;  padding:0; margin:0; height:17px;  }
#slider #sliderBad, #slider #sliderGood { display:block; width:20px; }
#slider #sliderBad { background:no-repeat url('/Content/Images/Reports/sliderBad.png') left center; }
#slider #sliderGood { background:no-repeat url('/Content/Images/Reports/sliderGood.png') right center; }
/*#slider #sliderLabels .slider { margin-top:5px; }*/
#slider #sliderLabels { background:no-repeat url('/Content/Images/Reports/goodBad.png') center top; width:90px; }

.lt_gradable_default, .lt_gradable_hover, .lt_gradable_inactive { height:15px; border:0; cursor:pointer; }
.lt_gradable_default { background:no-repeat url('/Content/Images/starRatingOff.png') left; width:90px;  /*width:101px;*/ }
.lt_gradable_hover { background:no-repeat url('/Content/Images/starRatingOn.png') left; }
/*
.lt_gradable_default { background:no-repeat url('/Content/Images/Reports/sliderOff.png') left; width:101px; }
.lt_gradable_hover { background:no-repeat url('/Content/Images/Reports/sliderOn.png') left; }
.lt_gradable_inactive { background:no-repeat url('/Content/Images/Reports/sliderOn.png') left; }
*/
.lt_gradable_inactive { background:no-repeat url('/Content/Images/starRatingOn.png') left; }
#slider .ui-slider-horizontal { background:no-repeat url('/Content/Images/Reports/slider.png') center; height:15px; border:0; }
#slider .ui-slider-handle { background:no-repeat url('/Content/Images/Reports/sliderHandle.png') center; height:26px; border:0; }

/**** Binary ****/
#binary { list-style-type:none; float:left; margin:6px 0 0 0; padding:0; width:130px; }
#binary li { float:left; padding:0; height:22px; width:31px; display:block; cursor:pointer; }
#binary #yesAnswer {background:no-repeat url('/Content/Images/Reports/yes.png') 0 center; }
#binary #yesAnswer:hover, #binary #noAnswer:hover {background-position:-31px 0 center; }
#binary #noAnswer {background:no-repeat url('/Content/Images/Reports/no.png') 0 center; margin:0 0 0 50px; }

/**** Text ****/
#text { list-style-type:none; float:left; margin:6px 0 0 0; padding:0; width:130px; }
.textAnswer { margin-top:23px; margin-left:-275px; width:615px; height:50px; border:0; padding:0 0 0 9px; font-size:1.1em; background:no-repeat url('/Content/Images/Reports/textAnswerBackground.png'); }
.textQuestionAnswer { border:0; background-color:#e0d6ae; font-size:1.1em; width:469px; margin:13px 10px 0 7px; }

/* Selectmenu
----------------------------------*/

.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden; background-color:#323232; border:0; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { background-color:#424242; }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; color:#f00; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold;  }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }

.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }


.ui-widget-content { border: 1px solid #dddddd; background: #323232 50% top repeat-x; color: #fff; }
.ui-widget-content a { color:#fff; }
.ui-selectmenu-menu .ui-widget { font-family:arial; font-size:1.em; font-weight:normal; }