/*---- Snap Surveys Ltd ----*/
/*---- David Mitchell ----*/
/*---- body font 'small' is important! ----*/
body {
    font: small Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    background: #d1eaff;
}

h1 {
    font-size: 150%;
}

h2 {
    font-size: 130%;
}

h3 {
    font-size: 120%;
}

a {
    font-weight:bold;
    color:#0066CC;
    }
pre {
    font: 100%/normal Verdana, Arial, Helvetica, sans-serif;
}

/*---- miscellaneous ----*/
select#source_surveys, select#target_surveys {
    width: 400px;
}

img.padlock {
    float: right;
    margin: 0px;
    padding: 0px;
}

div.width500 {
    width: 500px;
    margin: 0px auto;
    padding: 0px;
}

.builderror{
    color: red;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#pad20 {
    padding: 10px;
    clear: both;
}

.white {
    background: #FFFFFF;
    padding: 5px;
    margin: 0px;
    clear: left;
}

.whiteTabBox {
    background: #FFFFFF;
    padding: 5px;
    margin: 0px;
    border-top: 1px none #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    clear: left;
}

div.floatLeft {
    float: left;
    margin-right: 10px;
}

div.errortext {
    color: #CC3333;
    font-weight: bold;
    font-size: 85%;
}

.whitebg {
    background: #FFFFFF;
}

div.linkStack a {
    clear: left;
    margin-bottom: 1px;
}

div.linkStack {
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    width: 140px;
}

div#splash {
    text-align: center;
    padding: 20px;
    margin-right: auto;
    margin-left: auto;
}

/*---- survey titles ----*/
div#surveytitle {
    color: #0066CC;
    font: bold 130% Verdana, Arial, Helvetica, sans-serif;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

form {
    margin: 0px;
    padding: 0px;
}

table.bars small {
    font-size: 80%;
}

/*---- table.bar class ----*/
table.bars caption {
    background:#99CCFF url(../images/nav-states.gif) repeat-x;
    border: 1px solid #0099CC;
    border-bottom: 1px none #0099CC;
    margin: 0px;
    padding: 5px 0px 5px 7px;
    color: #FFFFFF;
    text-align: left;
    overflow: hidden;
}

table.bars caption a {
    font-size: 85%;
    float: right;
    display: block;
    color: #BBDDFF;
    top: 0px;
}

table.bars caption a:hover {
    color: #FFFFFF;
}

table.bars caption strong {
    float: left;
    display: block;
    margin: 0px;
    font-size: 85%;
    line-height: 1.5em;
}

table.bars {
    border:1px solid #0099CC;
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
}

table.bars th, table.bars td {
    margin:0;
    padding:6px 7px;
    border-bottom: 1px solid #DFDFDF;
    text-align: left;
    font-size: 85%;
    vertical-align: top;
}

table.bars input {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
}

table.bars textarea {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
}

table.bars th {
    font-weight: bold;
    width: 170px;
}

table.bars tr {
background: #FFFFFF;
}

table.bars tr.alt {
background: #F7F7F7;
}

table.bars span.error {
    color: #CC0000;
    background: #FFFFCC;
}

table.bars tr.buttonRow {
    background: #DDDDDD repeat-x left -70px;
}

table.bars caption h3 {
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

/*---- these links want an icon ----*/
table.bars a {
    font-weight:bold;
    color: #0066CC;
    float: left;
    display: block;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 10px;
}

table.bars a:hover {
    color: #009933;
}

/*---- this link doesn't want an icon ----*/
table.bars a.noIcon {
    margin: 0px;
    padding: 0px;
}

/*---- a. class for links with left-side 16x16 icon ----*/
a.addUser {
    background: url(../images/icons/add-user-16x16.gif) no-repeat left top;
}

a.upload {
    background: url(../images/icons/upload-16x16.gif) no-repeat left top;
}

a.start {
    background: url(../images/start-16x16.gif) no-repeat left top;
}

a.trash {
    background: url(../images/trash-16x16.gif) no-repeat left top;
}

a.editUser {
    background: url(../images/icons/user-settings-16x16.gif) no-repeat left top;
}

a.deleteUser {
    background: url(../images/icons/delete-user-16x16.gif) no-repeat left top;
}

a.surveyIcon {
    background: url(../images/icons/16x16-snap-icon.gif) no-repeat left top;
}

a.reload {
    background: url(../images/icons/reload-16x16.gif) no-repeat left top;
}

a.trash {
    background: url(../images/icons/trash-16x16.gif) no-repeat left top;
}

a.startIcon {
    background: url(../images/icons/start-16x16.gif) no-repeat left top;
}

a.pauseIcon {
    background: url(../images/icons/pause-16x16.gif) no-repeat left top;
}

a.restartIcon {
    background: url(../images/icons/restart-16x16.gif) no-repeat left top;
}

a.stopIcon {
    background: url(../images/icons/stop-16x16.gif) no-repeat left top;
}

a.customChart {
    background: url(../images/icons/custom-chart-16x16.gif) no-repeat left top;
}

a.customTable {
    background: url(../images/icons/custom-table-16x16.gif) no-repeat left top;
}

a.addNewMessage {
    background: url(../images/icons/new-message-16x16.gif) no-repeat left top;
}

a.editMessage {
    background: url(../images/icons/edit-message-16x16.gif) no-repeat left top;
}

a.deleteMessage {
    background: url(../images/icons/delete-message-16x16.gif) no-repeat left top;
}

a.testMessage {
    background: url(../images/icons/test-message-16x16.gif) no-repeat left top;
}

a.moveUp {
    background: url(../images/icons/move-up.gif) no-repeat left top;
}

a.moveDown {
    background: url(../images/icons/move-down.gif) no-repeat left top;
}

a.calendarIcon {
    background: url(../images/icons/calendar-16x16.gif) no-repeat left top;
}

a.userLogin {
    background: url(../images/icons/user-login-16x16.gif) no-repeat left top;
}

a.viewSurveyArea {
    background: url(../images/icons/view-survey-area-16x16.gif) no-repeat left top;
}

a.completePartials {
    background: url(../siam/images/icons/complete-partials-16x16.gif) no-repeat left top;
}

a.downloadIcon {
    background: url(../images/icons/download-16x16.gif) no-repeat left top;
}

a.downloadListIcon {
    background: url(../images/icons/download-list-16x16.gif) no-repeat left top;
}

/*---- #smallHeader for pop-ups ----*/
div#smallHeader {
    background: #0054B7 url(../images/header-grad.gif) repeat-x;
    height: 67px;
}

div#smallHeader #leftLogo {
    display: block;
    width: 148px;
    float: left;
    height: 60px;
}

div#smallHeader #rightLogo {
    display: block;
    width: 264px;
    float: right;
    height: 67px;
}

/*---- #navHeader with buttons and logos ----*/
div#navHeader {
    background: #0054B7 url(../images/header-grad.gif) repeat-x;
    height: 83px;
    width: 100%;
}

div#navHeader #leftLogo {
    display: block;
    width: 148px;
    float: left;
    height: 60px;
}

div#navHeader #rightLogo {
    display: block;
    width: 264px;
    float: right;
    height: 67px;
}

/*---- top buttons and activation styles ----*/
ul#navButtons {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    float: left;
    top: 60px;
    left: 0px;
    background: url(../images/nav-states.gif) repeat-x;
    color: #FFFFFF;
    width: 120%;
}

ul#navButtons li {
    display: inline;
}

ul#navButtons a {
    text-decoration: none;
    font-size: 85%;
    font-weight: bold;
    line-height: normal;
    color: #BBDDFF;
}

ul#navButtons a span {
    display: block;
    float: left;
    padding: 5px 12px 5px 10px;
    margin: 0px;
    background: url(../images/nav-divider.gif) no-repeat right;
    /*-- force the hand icon KEEP ORDER! --*/
    cursor:pointer;
    cursor:hand;
}

ul#navButtons a:hover {
    color: #FFFFFF;
    background: url(../images/nav-states.gif) repeat-x left -46px;
    float: left;
    display: block;
}

/*-- active styles: {body class="page-???????"} --*/
body.page-panels li#btn-panels a, body.page-panelinfo li#btn-panelinfo a, body.page-surveys li#btn-surveys a, body.page-interviews li#btn-interviews a, body.page-analyses li#btn-analyses a, body.page-admin li#btn-admin a, body.page-sysadmin li#btn-sysadmin a, body.page-sysstatus li#btn-sysstatus a, body.page-useradmin li#btn-useradmin a, body.page-logout li#btn-logout a {
    color: #FFFFFF;
    background: url(../images/nav-states.gif) repeat-x left -46px;
    float: left;
    display: block;
}

/*-- temporarily redundant DO NOT DELETE --*/
body.page-surveys li#btn-surveys span, body.page-interviews li#btn-interviews span, body.page-analyses li#btn-analyses span, body.page-admin li#btn-admin span, body.page-sysadmin li#btn-sysadmin span, body.page-sysstatus li#btn-sysstatus span, body.page-useradmin li#btn-useradmin span, body.page-logout li#btn-logout span {
}

/*-- tabs --*/
/*
div.tabnav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-left: 20px;
    height: 20px;
    display: block;
}

.tabnav a {
    display: block;
    float:left;
    height: 20px;
    width: 111px;
    margin-right: 2px;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    color: #0066CC;
    background: url(../images/agent-tab-inactive.gif) no-repeat left top;
}

.tabnav a:hover {
    color: #003676;
}

.tabnav a.active {
    color: #000000;
    background: url(../images/agent-tab-active.gif) no-repeat left top;
}

*/
#tabBorder {
    background: url(../images/tab-bottom-border.gif) repeat-x left bottom;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    height: 22px;
}

ul#tabs {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    float: left;
    width: 500px;
    display: block;
}

#tabs li {
    background: url(../images/inactive-tab-right.gif) no-repeat right top;
    float: left;
    margin: 0px 2px 0px 0px;
    padding: 0px;
}

#tabs li a {
    font-weight: bold;
    text-decoration: none;
    font-size: 85%;
    background: url(../images/inactive-tab-left.gif) no-repeat left top;
    display: block;
    float: left;
    color: #0066CC;
    padding: 4px 5px;
    margin: 0px;
}

#tabs li a:hover {
    color: #003676;
}

#tabs li#active {
    float: left;
    list-style: none;
    margin-right: 2px;
    background: url(../images/active-tab-right.gif) no-repeat right top;
}

#tabs li#active a {
    font-weight: bold;
    text-decoration: none;
    font-size: 85%;
    background: url(../images/active-tab-left.gif) no-repeat left top;
    display: block;
    float: left;
    color: #000000;
    padding: 4px 5px 5px;
    margin: 0px;
}

/*-- properties table --*/
table.properties {
    border:1px solid #0099CC;
    background: #d1eaff;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
    font-size: 85%;
}

table.properties td {
    padding: 5px;
}

table.properties tr, table.properties th, table.properties td {
    text-align: left;
    margin: 0px;
    padding: 3px;
}

table.properties .buttonRow td {
    background: #ddd;
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 5px;
    text-align: center;
    }
#resprops .properties .buttonRow input {
    width: 60px;
}

.surveyselect {
    width: 100%;
}