body{background:white url(../images/topbg.jpg) left top repeat-x;  font-family:"Trebuchet MS",Arial,Sans-Serif; padding:0; font-size:0.74em; margin:0px auto auto auto; color:#444;}
a{color:#365791;}
a:hover{color:black;}
.clear{clear:both;}

h1,h2,h3{color:#365791;}
h1{font-weight:normal; font-size:2em;}

#wrap{width:900px;height: auto;margin:auto;}
#header{width:900px;height:120px;}
#logo{padding:20px 0 0 0px; float:left;}
#content {width:900px; padding-top:5px;}
#footer {clear:both; width:900px; padding:10px 0 10px 0; border-top:1px solid #aaa; margin-top:10px; font-size:0.8em;}

#auth{float:right; padding-top:40px; color:white; font-size:1em;}
#auth a{color:yellow;}

.button{width:71px;height:25px;border:none;cursor:pointer;text-align:center;color:#FFFFFF;background:url(../images/button.gif) no-repeat center;}
a.button{display:block; padding-top:5px; text-decoration:none;}
a.button:hover{color:white;}

.button_big{width:200px;height:25px;border:none;cursor:pointer;text-align:center;color:#FFFFFF;background:url(../images/button_big.gif) no-repeat center;}
a.button_big{display:block; padding-top:5px; text-decoration:none;}
a.button_big:hover{color:white;}

ul.errorlist{ width:250px; margin:0 0 5px 0; padding:0; border:1px solid maroon; background:#FFFDD3; list-style:none;}
ul.errorlist li {margin:0; padding:5px; color:maroon;}

table.form{width:450px;border:1px dashed #DFD1D2; border-collapse:collapse;}
table.form th{text-align:right; padding:5px 5px 5px 10px;}
table.form th.label{color:#666;}
table.form td{padding:5px 5px 5px 10px;}
table.form td input{background-color:#f8f8f8; border:1px solid #879DCA; color:#000; width:250px;}
table.form th.buttonline{text-align:left; width:auto; padding-bottom:10px;}
table.form td.note{font-size:0.8em; color:#aaa; padding-top:10px;}
table.form tr.Required th label{font-weight:bold; color:black;}
table.form tr.Optional th label{font-weight:normal; color:#888;}

table.f th{text-align:left; padding:5px 2px;}
table.f td{padding:5px 2px;}

p.breadcrumb {padding:0; margin:10px 0;}

.indexbut {padding:5px; margin:0 20px 20px 0; background-color:#365791; font-weight:bold; text-align:center; width:300px; float:left;}
.indexbut a{color:white;}

table.grid{ border-collapse:collapse;}
table.grid th{ padding:5px; background:#365791; color:white; font-size:0.9em; border-bottom:1px solid #d0d0d0; border-right:1px solid white; }
table.grid tr.notread td{color:#000066; font-weight:bold;}
table.grid th a{ color:white; }
table.grid th a:hover{ color:yellow;}
table.grid td{ padding:5px; border-bottom:1px solid #e0e0e0; font-size:0.9em; }
table.grid th.l{text-align:left;}
table.grid td.c{text-align:center;}
table.grid td.t{font-size:1em; font-weight:bold;}

.hand {cursor: pointer;}
.plink {cursor: pointer; color:#365791; border-bottom:1px dashed #365791;}
.edit {display:inline; color:black; border-bottom:1px dashed #365791;}
.edit form{display:inline;}

.survey_edit_page{margin:5px 0; padding:5px; background:#E0F2FD; border:1px solid #79B0D5;}
.survey_edit_page h3{margin:0; padding:0 0 5px 0; font-size:1.2em; float:left;}
.survey_edit_page span{color:#444;}

.survey_edit_question{margin:5px 0; padding:3px; background:#FFFFF0; border:1px solid #79B0D5;}
.survey_edit_question h4{margin:0; padding:0 0 3px 0; font-size:1.1em; float:left;}
.survey_edit_question span{color:#444;}
.questiontoolbar{float:right;font-size:0.9em;}

.pagetoolbar{float:right;}

div.pagebreak {font-size:0.8em; font-style:italic; color:#a0a0a0; text-align:center; margin:2px 0 2px 0; background:url(../images/hdot.gif) left center repeat-x;}
div.pagebreak span {background:white !important; padding:0 5px 0 5px;}
div.questionbreak {font-size:0.8em; font-style:italic; color:#a0a0a0; text-align:center; margin:2px 0 2px 0; background:url(../images/hdot.gif) left center repeat-x;}
div.questionbreak span {background:#E0F2FD !important; padding:0 5px 0 5px;}

.survey_choice{padding:2px 0 2px 5px; font-size:1em;}
.survey_choice label{padding-left:3px;}
.survey_descriptive_text{padding:2px 0 2px 5px; font-size:1.1em;}

.survey_essaybox textarea{width:400px; height:100px;}

.survey_matrix{padding:5px 0 5px 0;}
.survey_matrix table{width:100%; border-collapse:collapse;}
.survey_matrix table th{border: 1px solid #eee; border-right:none; background:#E0F2FD; padding:5px;}
.survey_matrix table td{border: 1px solid #eee; border-right:none; padding:5px; text-align:center; font-size:1.1em;}
.survey_matrix table th.label{border-left:none;}
.survey_matrix table td.label{border-left:none; text-align:left;}

.survey_buttons{text-align:center; padding:10px 0 10px 0;}

.description{font-size:0.9em; color:#888; padding:5px 0 5px 0;}

.error{ width:250px; margin:5px 0 5px 0; padding:5px; border:1px solid maroon; background:#FFFDD3; color:maroon;}

input.date {width:80px;}
input.datetime {width:130px;}

.formline {padding:5px 0; float:left; clear:both;}
.formline label{width:100px; display:block; float:left;}
.formline .alabel{float:left; padding-right:10px; padding-top:5px;}
.formline .alabel label{width:auto; padding-right:5px;}
.formline .widget{float:left;}
.formline .widget input{background-color:#f8f8f8; border:1px solid #879DCA; color:#000;}
.formline .widget select{background-color:#f8f8f8; border:1px solid #879DCA; color:#000;}
.formline .widget textarea{background-color:#eee; border:1px solid #879DCA; color:#000;}
.formline .choice{float:left;}
.formline .choice ul{list-style:none; margin:0; padding:0;}
.formline .choice ul li{padding:2px 0;}
.formline .choice ul label{float:none; width:auto; font-size:1.2em;}
.err{width:150px; margin:0 0 5px 0; padding:5px; border:1px solid maroon; background:#FFFDD3; color:maroon;}
.formline .float{float:left; padding-right:20px;}
.formline .float label{width:auto; padding-right:5px;}
.street_address_textarea textarea{width:500px; height:40px; background-color:#eee; border:1px solid #879DCA; color:#000;}
.big_area{margin-bottom:10px;}
.big_area textarea{width:100%; height:100px; background-color:#eee; border:1px solid #879DCA; color:#000;}
.big_area label{float:none; font-weight:bold; padding:5px 0 5px 0; display:block;}

a.pdf{background:url(../images/icon_pdf.gif) left top no-repeat; padding-left:18px; font-size:14px; margin-left:10px;}
a.snapshot{background:url(../images/icon_snapshot.gif) left top no-repeat; padding-left:18px; font-size:14px; margin-left:10px;}
a.ytd{padding-left:18px; font-size:14px; margin-left:10px;}
a.guestupload{background:url(../images/icon_guestupload.gif) left top no-repeat; padding-left:18px; font-size:14px; margin-left:10px;}
a.filters{float:left; background:url(../images/icon_filters.gif) left top no-repeat; padding-left:18px; font-size:14px; margin-left:10px;}
a.download_filters{float:left; background:url(../images/icon_filter_crosstab.gif) left top no-repeat; padding-left:18px; font-size:14px; margin-left:10px;}
a.report_overview{float:left; background:url(../images/icon_filter_flat.gif) left top no-repeat; padding-left:18px; font-size:14px; margin-left:10px;}
div.filter_flat{float:left; background:url(../images/icon_filter_flat.gif) left top no-repeat; padding-left:15px; font-size:14px; margin-left:10px;}
div.filter_crosstab{float:left; background:url(../images/icon_filter_crosstab.gif) left top no-repeat; padding-left:15px; font-size:14px; margin-left:10px;}

.topcatnode {background-color:#eee;}
.costnode {background-color:#FFFDBD;}

.selector {
    width: 270px;
    float: left;
}

.selector select {
    width: 270px;
    height: 17.2em;
}

.selector-available, .selector-chosen {
    float: left;
    width: 270px;
    text-align: center;
    margin-bottom: 5px;
}

.selector-available h2, .selector-chosen h2 {
    border: 1px solid #ccc;
}

.selector .selector-available h2 {
    background: white url(/media/admin/img/admin/nav-bg.gif) bottom left repeat-x;
    color: #666;
}

.selector .selector-filter {
    background: white;
    border: 1px solid #ccc;
    border-width: 0 1px;
    padding: 3px;
    color: #999;
    font-size: 10px;
    margin: 0;
    text-align: left;
}

.selector .selector-chosen .selector-filter {
    padding: 4px 5px;
}

.selector .selector-available input {
    width: 230px;
}

.selector ul.selector-chooser {
    float: left;
    width: 22px;
    height: 50px;
    background: url(/media/admin/img/admin/chooser-bg.gif) top center no-repeat;
    margin: 8em 3px 0 3px;
    padding: 0;
}

.selector-chooser li {
    margin: 0;
    padding: 3px;
    list-style-type: none;
}

.selector select {
    margin-bottom: 5px;
    margin-top: 0;
}

.selector-add, .selector-remove {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -3000px;
}

.selector-add {
    background: url(/media/admin/img/admin/selector-add.gif) top center no-repeat;
    margin-bottom: 2px;
}

.selector-remove {
    background: url(/media/admin/img/admin/selector-remove.gif) top center no-repeat;
}

a.selector-chooseall, a.selector-clearall {
    display: block;
    width: 6em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    color: #666;
    padding: 3px 0 3px 18px;
}

a.selector-chooseall:hover, a.selector-clearall:hover {
    color: #036;
}

a.selector-chooseall {
    width: 7em;
    background: url(/media/admin/img/admin/selector-addall.gif) left center no-repeat;
}

a.selector-clearall {
    background: url(/media/admin/img/admin/selector-removeall.gif) left center no-repeat;
}