/* =Global Settings
----------------------------------------------- */
 
html {height: 100%;}

html, body {
  border:0;
  margin:0;
  padding:0;
}
 
body {
  height: 100%;
  margin:0;
  padding:0;
  background-color:#0c6667;
  font:12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  line-height:1.5em;
  text-align:center;
  color:#333;
}

/* =Misc
----------------------------------------------- */ 

.clear         { clear:both; }
.clearer       { overflow: hidden; width: 100%; }
 
.error_message { color:#F00; }

.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:660px; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* =structure
----------------------------------------------- */

#wrapper {
    background:#d2e8e8 url('/media/images/bg.jpg') repeat-x scroll 0 149px;
    text-align:left;
    position:relative;
    min-height: 100%;
    width:960px;
    margin:0 auto;
    padding:0;
    font:small Verdana,Sans-serif;
    line-height:1.6em;
    color:#333;
}

/* =Header
----------------------------------------------- */ 
#header{
    width:100%;
    height:150px;
    background:transparent url('/media/images/bg_header.jpg') repeat-x;
    margin:0;padding:0;
}
#header #h_top{
    height:33px;
    text-align:right;
    padding-right:30px;
}
#header #user-tools{
    float:left;
    padding-left:30px;
}
#header #h_search{
    float:right;
    padding-right:30px;
    padding-top:2px;
}

#h_search label{
    color:#fff;
}
#h_search #base_searchbar {
    border:1px solid #BD4900;
    padding:1px;
    background-color:#ffdbc0;
}

#header #h_search label{
    color:#dcb;
    font-size:.8em;
}
#header #h_banner{
    background:transparent url('/media/images/bg_banner_right.jpg') no-repeat top right;
    height:117px;
}
#header #logo{
    float:left;
    width:329px;
    height:81px;
    margin-left:20px;
    margin-top:16px;
    background:transparent url('/media/images/logo.png') no-repeat;
}
* html #header #logo{
    margin-left:10px;
    background:transparent url('/media/images/logo.gif') no-repeat;
}

#header input[type=submit] {
  background: #cf5001;
  color: #fff;
  border: 0px;
}

/* =Navigation
----------------------------------------------- */ 
#navigation a{
    color: #fff;
    text-decoration: none;
    font-size:1.3em;
}

#navigation .s0{
    background: transparent url('/media/images/left-tab.gif') left top no-repeat;
    padding-left: 8px;
}
#navigation .s1{
    background: transparent url('/media/images/right-tab.gif') right top no-repeat;
    padding-right: 8px;
}
#navigation .s2{
    background: #035455;
    padding:5px 10px;
}
#navigation a.s0:hover{
    color: #ff7522;
    background: url('/media/images/left-tab-hover.gif') left top no-repeat;
}
#navigation a.s0:hover .s1{
    background: url('/media/images/right-tab-hover.gif') right top no-repeat;
}
#navigation a.s0:hover .s2{
    background: #fff;
}

#navigation a, #navigation a span{
    display: block;
    float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span{
    float: none;
}
/* End hide */


ul#navigation{
    padding: 0;
    margin: 86px 10px 0px 0px;
    float:right;
}
/* Safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    ul#navigation { margin-top:83px; }
}

ul#navigation li{
    float: left;
    list-style: none;
    margin: 0;
    margin-left:5px;
}

/* =Navigation Selector
----------------------------------------------- */ 
/* home */
.nav_home #navigation .h .s0{
    color: #ff7522;
    background: url('/media/images/left-tab-hover.gif') left top no-repeat;
}
.nav_home #navigation .h .s1{
    background: url('/media/images/right-tab-hover.gif') right top no-repeat;
}
.nav_home #navigation .h .s2{
    background: #fff;
}
/* measures */
.nav_measures #navigation .m .s0{
    color: #ff7522;
    background: url('/media/images/left-tab-hover.gif') left top no-repeat;
}
.nav_measures #navigation .m .s1{
    background: url('/media/images/right-tab-hover.gif') right top no-repeat;
}
.nav_measures #navigation .m .s2{
    background: #fff;
}
/* researchers */
.nav_researchers #navigation .r .s0{
    color: #ff7522;
    background: url('/media/images/left-tab-hover.gif') left top no-repeat;
}
.nav_researchers #navigation .r .s1{
    background: url('/media/images/right-tab-hover.gif') right top no-repeat;
}
.nav_researchers #navigation .r .s2{
    background: #fff;
}

/* =Subheader
----------------------------------------------- */ 
.breadcrumbs{
    background-color:#fff;
    padding-left:10px;
}
.breadcrumbs a{
    color:#cf5001;
    text-decoration:none;
}
.subheader{
}
.subheader h1{
    font-family:Verdana;
    color:#cf5001;
    font-size:2em;
    font-weight:normal;
    margin-left:16px;
}
.shbar{
    height:34px;
    width:960px;
    background-color:#99cccc;
    color:#fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .shbar { height:40px; }
}
.shbar div#shtitle{
    margin-left:85px;
    padding-top:5px;
}
.shbar div#toolbar{
    color:#fff;
    padding-top:5px;
    margin-right:85px;
}
.object-tools{
    float:right;
    margin-right:85px;
}
a.view_button,
a.edit_button,
a.delete_button,
a.print_button,
a.submit_button{
    display:block;
    float:right;
    background: url('/media/images/btn_view.jpg') no-repeat;
    width:55px;
    height:22px;
    margin-top:5px;
    margin-left:15px;
}
a.delete_button{
    width:72px;
}
a.print_button{
    width:65px;
}
a.submit_button {
    width: 81px;
}

a.view_button:hover,
a.edit_button:hover,
a.delete_button:hover,
a.print_button:hover,
a.submit_button:hover{
    background: url('/media/images/btn_view_on.jpg') no-repeat;
}
a.view_button span,
a.edit_button span,
a.delete_button span,
a.print_button span,
a.submit_button span{
    display:none;
}

a.view_button{
    background: url('/media/images/btn_view.jpg') no-repeat;
}
a.view_button:hover{
    background: url('/media/images/btn_view_on.jpg') no-repeat;
}
a.edit_button{
    background: url('/media/images/btn_edit.jpg') no-repeat;
}
a.submit_button{
  background: url('/media/images/btn_submit.jpg') no-repeat;
}
a.edit_button:hover{
    background: url('/media/images/btn_edit_on.jpg') no-repeat;
}
a.delete_button{
    background: url('/media/images/btn_delete.jpg') no-repeat;
}
a.delete_button:hover{
    background: url('/media/images/btn_delete_on.jpg') no-repeat;
}
a.print_button{
    background: url('/media/images/btn_print.jpg') no-repeat;
}
a.print_button:hover{
    background: url('/media/images/btn_print_on.jpg') no-repeat;
}
a.submit_button:hover{
  background: url('/media/images/btn_submit_on.jpg') no-repeat;
}

/* =Subheader Options
----------------------------------------------- */ 
#options a{
    color: #d34e00;
    text-decoration: none;
    font-size:1.05em;
}

#options .o0{
    background: transparent url('/media/images/btn_options_l.gif') left top no-repeat;
    padding-left: 7px;
}
#options .o1{
    background: transparent url('/media/images/btn_options_r.gif') right top no-repeat;
    padding-right: 7px;
}
#options .o2{
    background: #ffceb0;
    padding:0px 10px 1px 10px;
}
#options .hilite a,
#options a.o0:hover{
    color: #fff;
    background: url('/media/images/btn_options_l_on.gif') left top no-repeat;
}
#options .hilite a .o1,
#options a.o0:hover .o1{
    background: url('/media/images/btn_options_r_on.gif') right top no-repeat;
}
#options .hilite a .o2,
#options a.o0:hover .o2{
    background: #d34e00;
}

#options a, #options a span{
    display: block;
    float: left;
}

/* Hide from IE5-Mac \*/
#options a, #options a span{
    float: none;
}
/* End hide */

ul#options{
    padding: 0;
    margin: 0;
    float:right;
}
ul#options li{
    float: left;
    list-style: none;
    margin: 0;
    margin-left:5px;
}

/* =Measure Tabs
----------------------------------------------- */
#fragment-1,
#fragment-2,
#fragment-3,
#fragment-4{
    display:none;
}
/* Form layout */
#measure_main fieldset{
    border:none;
}
#measure_main fieldset h2, #fieldset_block h1 {
    font-size:1.2em;
    border-bottom:1px solid #7aa;
    padding:2px 10px;
    color:#7aa;
}
#measure_main .form-row{
    border-bottom:1px solid #eee;
    font-size:11px;
    overflow:hidden;
    padding: 8px 12px;
}
#measure_main label {
    color:#666666;
    font-size:12px;
    font-weight:normal !important;
    cursor:default;
}
#measure_main .aligned label {
    display:block;
    float:left;
    padding:0 1em 3px 0;
    width:8em;
}
#measure_main .wide label{
    width:15em !important;
}

#measure_main .form-row input{
    vertical-align:middle;
}
/* Form input */
#measure_main input[type="text"],
#measure_main input[type="password"],
#measure_main textarea,
#measure_main select,
#measure_main .vTextField {
    border:1px solid #CCCCCC;
}

#measure_main input,
#measure_main textarea,
#measure_main select {
    font-family:"Lucida Grande",Verdana,Arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    margin:2px 0;
    padding:2px 3px;
}

#measure_main textarea {
  width: 510px;
}

#measure_main input:-moz-read-write,
#measure_main textarea:-moz-read-write {
    -moz-user-modify:read-write !important;
}
#measure_main input[type="text"] {
    -moz-appearance:textfield;
    -moz-binding:url(chrome://global/content/platformHTMLBindings.xml#inputFields);
    -moz-user-select:text;
    -x-system-font:-moz-field;
    background-color:-moz-field;
    color:-moz-fieldtext;
    cursor:text;
    font-size-adjust:-moz-use-system-font;
    font-stretch:-moz-use-system-font;
    font-style:-moz-use-system-font;
    font-variant:-moz-use-system-font;
    letter-spacing:normal;
    line-height:normal !important;
    text-align:start;
    text-indent:0;
    text-rendering:optimizelegibility;
    text-transform:none;
    word-spacing:normal;
}
#measure_main .aligned label.inline {
    display:inline;
    float:none;
}
#measure_main .vCheckboxField{
    float:left;
    margin-right:5px;
}

#id_phone { width: 100px; }
#id_addr_state { width: 30px; }
#id_addr_zip { width: 70px; }
#id_instrument_name { width: 300px; }

#fieldset_block {
  width: 600px;
  margin: 2em auto;
  padding: 5px;
  background-color: #fff;
}

.required_tag{
    color:#c00;
    font-size: 0.8em;
    font-style: italic;
}

.errorlist, .errornote {
  margin: 0;
  padding: 5px;
  border: 1px solid #c00;
  color: #c00;
  background-color: #fcc;
}

.messagelist {
  margin: 0;
  padding: 5px;
  border: 1px solid #363;
  color: #363;
  background-color: #cfc;
}

.errorlist li, .errornote li, .messagelist li {
  list-style: none;
}

.help {
  color: #999;
  font-size: 0.8em;
}

/* Form submit */
.submit-row{
    float:right;
}
.submit-row input.default {
    background-color:#7CA0C7;
    border:2px solid #5B80B2;
    color:white;
    font-weight:bold;
}
.submit-row input {
    margin:0 0 0 5px;
    background:#e1e1e1;
    border-color:#ddd #aaa #aaa #ddd;
    border-style:solid;
    border-width:1px;
    color:black;
    padding:3px;
}

/* =Content
----------------------------------------------- */ 
#container{
    margin:0 25px;
}
#content-home{
    margin-top:15px;
}
#content-main{
    background-color:#fff;
    margin:0 60px;
    padding:15px;
}
#toolbar{
    float:right;
    padding-bottom:10px;
}
.clear{
    clear:both;
}
.indent{
    padding-left:25px;
}
#measure_main .wide .indent label{
    width:12.9em !important;
}
#measure_main .wide .tableform td{
    vertical-align:middle;
}
#measure_main .wide .tableform label{
    width:auto !important;
}
a.addnew{
    display:block;
    background: url('/media/images/btn_addnewmeasure.jpg') no-repeat;
    width:147px;
    height:22px;
}
a.addnew span{
    display:none;
}
a.addnew:hover{
    background: url('/media/images/btn_addnewmeasure_on.jpg') no-repeat;
}
a.addnew_researcher{
    display:block;
    background: url('/media/images/btn_addnew.jpg') no-repeat;
    width:83px;
    height:22px;
}
a.addnew_researcher:hover{
    background: url('/media/images/btn_addnew_on.jpg') no-repeat;
}
a.addnew_researcher span{
    display:none;
}
a.psychometric{
    display:block;
    background: url('/media/images/btn_psychometric.jpg') no-repeat;
    width:285px;
    height:22px;
}
a.psychometric span{
    display:none;
}
a.psychometric:hover{
    background: url('/media/images/btn_psychometric_on.jpg') no-repeat;
}
.list_table{
    width:100%;
}
.list_table thead th{
    background-color:#0c6667;
    color:#fff;
    padding:5px;
}
.list_table tbody th,
.list_table tbody td{
    padding:5px;
}
.list_table tbody .row1 th,
.list_table tbody .row1 td{
    background-color:#efe;
}
.list_table tbody .row2 th,
.list_table tbody .row2 td{
    background-color:#fff;
}
.list_nice{
    list-style-image: url('/media/images/bullet.jpg');
    list-style-type: circle;
    padding-top:0px;
    padding-left:17px;
}

.col_1{
    float:left;
    width:305px;
    border-right:1px solid #c73100;
    padding-right:20px;
    margin-right:20px;
}
.col_2{
    float:left;
    width:305px;
    padding-right:20px;
}
#content-home .col_1,
#content-home .col_2{
    font-size:.8em;
}
.col_content{
    padding-left:5px;
}
.item_line{
    width:725px;
    height:1px;
    border-top:1px solid #fff4e2;
    background:#eb9654;
    border-bottom:1px solid #edba9d;
    margin:15px 0px;
    font-size:1px;
}
.item_head{
    width:600px;
}
.item_head span{
    font-weight:bold;
    text-decoration:none;
    color:#000;
}
.item_action{
    width:150px;
    text-align:right;
}
.item_action a, .pagination a{
    color:#cf5001;
}
.item_action a:hover, .pagination a:hover{
    color:#ef8031;
}
#psychometriclist{
    margin-bottom:30px;
    clear:both;
}

#search_help {
  background-color: #ffc;
  width: 500px;
  position: absolute;
  top: 260px;
  right: 15%;
  color: #000;
  border: 1px solid #000;
  padding: 5px;
  font-size: 8pt;
  line-height: 1.2em;
}

#search_help a {
  color: #990;
}

#search_help a:hover {
  color: #000;
}

#search_help_link {
  color: #fff;
  font-size: 0.9em;
}

/* =Footer
----------------------------------------------- */
#footer {
    clear:both;
    position: relative;
    margin: 0 auto;
    width: 880px;
    padding:1em 40px .5em 40px;
    font-size: 85%;
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    background-color: #d2e8e8;
}

/* =General
----------------------------------------------- */
h1.section_head {
    font-family:Verdana;
    color:#fe5319;
    font-weight:normal;
}
h3.section_head {
    font-family:Verdana;
    color:#c73100;
    font-weight:normal;
    font-size:1.75em;
    margin-bottom:0px;
}

/* =Login
----------------------------------------------- */
#login{
    float:left;
    width:237px;
}
#login_box{
/*    background:#d2e8e8;*/
    background:#f18b4d;
    border:2px solid #cc4500;
    color:#fff;
    padding:18px;
}
#login_box a{
    color:#fff;
}
#login_box .login_field{
    padding-left:20px;
    margin-top:3px;
}
#login_box .login_field input{
    width:170px;
    border:1px solid #cc4500;
    padding:3px;
}
#login_box .login_button{
    text-align:right;
    margin-bottom:20px;
}
#login_box .login_button .lb{
    border:none;
    background: url('/media/images/btn_login.gif');
    width:56px;
    height:16px;
}
#login_box .login_button .lb:hover{
    background: url('/media/images/btn_login_on.gif');
}
#login_top{
    padding-top:3px;
    font-size:.75em;
}
#login_top label{
    color:#fff;
}
#login_top #id_username,
#login_top #id_password{
    border:1px solid #BD4900;
    padding:1px;
    background-color:#ffdbc0;
}
#login_top #id_username{
    margin-right:15px;
}
#profile_top{
    color:#aaa;
}
#profile_top a{
    color:#eee;
    text-decoration:none;
}
#profile_top a:hover{
    color:#fff;
    text-decoration:underline;
}
#profile_top{
    margin:0;
    padding:0;
}

/* Comments */
#comments h3 {
  background: #999;
  text-transform: uppercase;
  font-weight: 100;
  color: #fff;
  padding: 5px;
  vertical-align: top;
  margin: 1em 0 0 0;
}

#comments form {
  margin-top: 1em;
}

#comments .pagination {
  background: #f1f1f1;
  text-align: center;
}

#comments p {
  color: #000;
  font-size: 0.8em;
}

/* Cheap IE6 hacks */
* html #header #h_search{
    padding-right:10px;
}
* html #header #user-tools{
    padding-left:10px;
    height:33px;
}
* html #header #user-tools #login_top{
    margin-top:-20px;
}
* html #h_banner{
    margin-top:-13px;
}
* html ul#options{
    float:none;
    margin-top:20px;
}
* html #wrapper {
    background:#fff;
}
* html #footer {
    background:#fff;
}
* html #content-main{
    background-color:transparent;
}
* html #measure_main .aligned label {
    float:none;
}
/* Cheap IE7 hacks */
*+html #header #user-tools #login_top{
    margin-top:-20px;
}