/* bootstrap fixes */
.nav > li > a { padding: 10px 20px !important; }
div.row, div.rowalt { margin: 1em 0; padding: .5em; background: #eee; border-radius: 5px; }
input[type="checkbox"],input[type="radio"] { margin: 0 .3em !important; }
td, th{
    transition: all .3s ease-out;
}
td:before, td:after, th:before, th:after, tr:before, tr:after{
    display: none;
}
.row::before, .rowalt::before{
    content:normal;
}
#main{width:100%; padding:0 9px 0 14px !important}
.nofbsupplies {font-size:1.1em; background: #D5D5D5 !important; margin-bottom: 20px !important; padding:3px 0}
.nofbsupplies label{ width:auto !important;  margin:0px !important;}

.modelalert{background: #EFEFEF}
/* project specific */
body { background: #fff    }
h1 { color: #FB00FF;}
h1,h2,h3,h4,h5,h6  {
		font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
		letter-spacing: -1px;

	}
h2,h3,h4,h5,h6 {color: #000;   line-height: 15px}
h2{font-size:1.7em;}
.totalSuppliesSelected{font-size:12px}
.table-bordered {
    /*border: none !important;*/
}
div.preview .table-bordered {
    border: none !important;
}

div.preview .table-bordered td.viewRoomSetSupplyTypeHeader{
    border: none !important;
     background: #ddd !important;
}

div.preview .table-bordered  tr.viewRoomSetSupplyRow{
    border-right:  1px solid #ddd !important ;
    border-left:  1px solid #ddd !important ;
    border-bottom:  1px solid #ddd !important ;
}
select~span.select2-container.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="email"].form-control 
 {
     min-width: auto !important; */
}
#StaffReportOptions #navcontainer ul{
    margin-bottom: 0px;
}
#StaffReportOptions #navcontainer ul li{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0 ;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
    border-bottom:none;
}
#StaffReportOptions #navcontainer ul li a{
    border:none;
    color:#998e8e ;
}

#StaffReportOptions #navcontainer ul li a:hover, #StaffReportOptions #navcontainer ul li a.active{
    color: #FB00FF;
}
/*

div.preview .table-bordered td.detailInfo , div.preview .table-bordered td.detailNotes{
    border-right:  1px solid #ddd !important ;
    border-left:  1px solid #ddd !important ;
    margin:0 !important;
    padding:5px 2px;
}

*/

div.preview .table-bordered td.detailInfo , div.preview .table-bordered td.detailNotes{
    border: none !important;
    margin:0 !important;
    padding:5px 2px;

}



div.preview .table-bordered td.detailInfo {
    border-right:  1px solid #ddd !important ;
    /*border-left:  1px solid #ddd !important ;*/
    margin:0 !important;
    padding:5px 2px;
    width:20% !important;
    min-width: 20% !important;
}
 div.preview .table-bordered td.detailNotes{
    width:auto !important;
 }
.table-bordered tr.rowalt{
   background:#f9f9f9 !important; 
   
}

div.preview .table-bordered td h2{
    font-size: 1.5em;
    border: none !important;
    border-top: 1px solid #ddd !important;
    background: #ddd !important;
    padding:4px;
    margin:0px !important;

}




#wrapper { margin: 0; padding: 0; width: 100%; background: transparent; }
#blankcontent { padding: 1em; background: #fff; padding: .6em; }
#header {
    margin: 0px auto;
    /*padding: 10px 10px 0px 10px;*/
    width: 90%;
    max-height: 300px;
    background: #83C34D; 
    text-align:center;
}

#header img {max-height:50%; max-height: 300px; margin:0 auto; width:100%;}


.preview_headerWrapper {font-weight: bold; font-size: 1.3em; border-bottom: solid 1px #000;}
#content {
    padding: 0px;
    width: 100%;
    min-height: 400px;
    opacity: 0.94;
    background: #fff none repeat scroll 0% 0%;
    border-radius: 0px 0px 0px;
}
.supplyTypeDesc {font-style: italic;; padding:4px 0 10px 0;}
.functionRequestDetails {font-size:0.9em;}
.functionRequestDetails textarea{ margin-bottom:8px; width:90%; border:1px solid #ccc;}
.functionRequestDetails th{width:25%; font-size:1.2em !important; padding-left:2px; margin-top:3px;}
tr.functionRequestDetailsRow > td{ border:1px solid #ccc; height:50px;}
.functionRequestDetailsRowNote input{ width:98%; margin:2px;}
.functionRequestActions{white-space: nowrap; }
.functionRequestDetailsRow {vertical-align: top}
.functionrequestsupplydesc {
    margin-left: 25px !important;
    width: 90% !important;
}
td[id^=supplyTypeNoteCont] {
    padding-top:10px !important;
}
#documentFilename{padding-left:25%;}
.functionRequestDetailsRow label, .functionRequestDetails  label {
    position: relative;
    top: -5px;
    width: auto !important;
    vertical-align: top !important;
    text-align: left !important
}
#supplyTypeNoteCont_920 > label:nth-child(1) {text-right; top:0}
#supplyTypeNoteCont_921 > label:nth-child(1) {top:0}
#supplyTypeNoteCont_1542 > label:nth-child(1) {top:0}
#supplyTypeNoteCont_924 > label:nth-child(1) {top:0}
#supplyTypeNoteCont_1600 > label:nth-child(1) {top:0}
#supplyTypeNote_1562{width:100%;}
@media only screen and (max-width: 767px) {
    .functionRequestActions{white-space: normal; margin-left: 0px }

}
/*#header a {margin-left:1%; }*/


#content a{color: #0f4b7d; text-decoration: none; border-bottom:1px dashed #D8D8D8;}
#content a:hover{ text-decoration: none; border-bottom:1px dashed #0f4b7d;}
#content a.btn, #content a.btn:hover  {color:#fff; border:1px solid transparent; font-size:100%; margin-bottom: 4px; }
.documentaction{ color:#fff;}
a.editFunctionRequestLink, .documentaction a{
    color: #fff !important;
    border: 1px solid #30486A !important;
    font-size: 90% !important;
    margin-bottom: 4px;
    width: 133px !important;
    padding-right: 2px !important;
    padding-left: 2px !important;
    background-color: #243b7a !important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
        padding-right: 12px;
        padding-left: 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

a.enterFB, a.submitRequestApproval{
    color: #fff !important;
    background-color: #0066ff!important;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #313232;
}
a.editFunctionRequestLink:hover, .documentaction a:hover{
    opacity: 0.9;
    filter: alpha(opacity=70);
}
.functionRequeststatus{white-space: nowrap;}
#footer { 
    margin: 0 10px 0 10px;
    text-align: right;
/*    width: 100%;*/
    color: #313232;
    padding: 10px;
    background: #d5d7d7;
    
}
#footer a { color: #555; font-size: 95%; padding:3px;}
#footer .text-left a:hover { color: #fff; text-decoration: none; background:#999999; border-radius: 5px }
#footer .text-right a:hover { color: #ccc; text-decoration: none; }
.text-left {
    text-align: left;
    float: left;
}
#support { margin-top: 2em; font-size: 95%; }
.username{color:#fff; font-size: 1.5em; float:left; font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif; letter-spacing: -1px;
		margin-top:10px; margin-left:10px;}
.navbar-default { background: #5a6771; border-top:8px solid #CCCCCC }
#aidashboard-nav {
    min-height: 35px !important;
    background-color: #f8f8f8 !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 0px !important;
    margin: 10px 22px 10px 14px;
}
/*.navbar { margin: 0 auto; width: 90%; border-radius: 0; }*/
.navbar-nav > li > a { color: #fff !important; font-size: 16px; font-weight: normal;
    font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif; letter-spacing: -0.5px;transition: all .9s ease-out; padding-left:30px; padding-right:30px;		}
.navbar-nav > li > a:hover { color: #000 !important; border-top:8px solid #FDD74D }
/*.navbar-nav > li{border-left:1px solid #ccc; }*/
.navbar-nav > li:hover { color: #000}
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li:first-child {border-left:none;}
.navbar-right li a{
    padding-left:10px !important; padding-right:10px !important; font-size:1.1em !important;
}
.container-fluid { width: 100%; margin: 0 auto; padding-left:0px !important;; }
.navbar-toggle { border-color: #811F62 !important;
    background-color: #811F62;
    border-radius: 4px;
}
.navbar-toggle:hover { background-color: #D068AE !important; }

.navbar-collapse { border-color: #055A88 !important; padding-left:0px !important; }
.icon-bar { background: #fff !important; }

/* Abstract navigation list */
#navcontainer  {margin:3px 0 30px 0 ; background: transparent; border-bottom: 3px solid #ccc;}
ul#navlist {margin: 0; padding: 0; list-style-type: none; white-space: nowrap; border: none; background: transparent;}
ul#navlist li {display:inline-table; font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;    letter-spacing: -1px; font-size: 1.3em; font-weight: normal; margin: 2px 0px 2px 0px; padding: 2px 0 4px 0; }
#navlist a, #navlist a:link { margin: 0; padding: 5px 9px 9px 9px; color: #004979; text-decoration: none; border-top: 2px solid #B0B0B0; border-right: 2px solid #B0B0B0; border-left: 2px solid #B0B0B0; border-radius: 5px 5px 0 0 ; transition: all .1s ease-out;}
ul#navlist li.active {color: #FFFFFF; border: 1px solid #FF7400;}
#content #navlist a:hover {text-decoration:none; border-bottom:none; background:#E7E6E1; border-bottom:1px solid #E7E6E1; padding-bottom:12px}
#navlist a.active{color: #004979; background-color: #e1f6c4;}
#navcontainer .navtitle {font-weight: bold; font-size: 1em; margin: 0; padding: 5px; color: #333;}
.current{color: #FFFFFF; background-color: #8CC400;}
#navcontainer .incomplete {padding: 3px;}
#navcontainer .status {background-color: #F2F2F2; color: #004979; text-align: left; font-weight: normal; font-size: 0.8em; margin: 0; padding: 2px;}
#navcontainer .status .incomplete {font-size: 1.1em; padding: 3px;}
#navcontainer .message {padding: 3px;}
#navlist a.stepRequired {color: #660000; background-color: #EED5D2;}
#navlist a.stepCompleted {color: #333; background-color: #BDD7D4;}
#navlist a.stepOptional {color: #004979; background-color: #C6E2FF;}
#content #navlist a.stepCurrent { font-weight: bold; background:#E7E6E1; border-bottom:1px solid #E7E6E1; padding-bottom:12px}
#navlist a.stepOptional:hover, #navlist a.stepCurrent:hover,#navlist a.stepCompleted:hover, #navlist a.stepRequired:hover {text-decoration: none;}


form div, .formedit div { margin: .4em 0; }
.formedit label, .signin label, #FinalizeSubmission fieldset label { width: 25%; text-align: right; }
.formedit dd { padding-left: 25px; }
#EditAbstract label { width: auto; text-align: left; }
#editOrderTable th { font-size: 110%; text-align: center; }
#SignIn div { margin: .5em 0; }
#SignIn label { width: 150px; }
#FinalizeSubmission label { width: auto; }
.formedit div.dataentryhint {left: 27%; width: 73%; position: relative; padding: 0 0 0 5px; font-weight: normal; padding: 0 5px 0 0; font-size: 90%;}
span label { width: auto; }

#EditRSVP label {width: auto;}


/* Classes */
.action {color: #273363;}
.alignright {text-align: right;}
.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.aligncenterwithpad {text-align: center; padding: 10px;}
.answer {font-size: 90%; color: #666666; background-color: transparent; font-weight: normal;}
.answertext {color: #666666; background-color: transparent;  margin: 0 0 5px 0; padding: 0 0 0 10px; font-size: 0.9em;}
.backtotop {font-size: 90%; padding: 0 10px 0 0; text-align: right;}
.breadcrumbtrail {font-size: 80%; padding: 0 0 5px 0;}
.boldred {color: #D52B1E; background-color: transparent; font-weight: bold;}
.blue {color: #0000FF; }
.centerwithpad {text-align: center; padding: 10px 0;}
.centerwithpad label { width: auto; text-align: left; }
.centerwithoutpad {text-align: center;}
.certificationSectionInstructions{ padding:8px; margin:2px ;font-size:1.2em; text-shadow:0px 0px 1px #555; background:#D4D4D4; border-radius: 4px; border:1px solid #999999 border-right:0px ; border-left:0px; font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
		letter-spacing:-0.5px;}
.clear { clear: both; height: 0px;}
.circuitcontent{text-align: left; margin: 5px 0 0 5px;}
.colorprimary {color: #02559A;}
.colorsecondary {color: #02559A;}
.colortertiary {color: #81BC41;}
.columntitle {color: #666666; background-color: #EDF3F6; font-weight: bold;}
.conflict {font-size: 90%; background-color: #FFF000;}
.content {text-align: left; width: 100%;}
.contentcenter{text-align: center;}
.contentright{text-align: right;}
.contentnav {font-size: 90%; vertical-align: middle; color: #273363; font-weight: bold; text-align: center; white-space: nowrap; border-bottom: 1px dotted #273363;  padding: 2px 0 2px 0; margin: 0 0 8px 0; width: 95%;}
.crossout {text-decoration: line-through; color: #666666;}
.disclosureadd {width: 40px; height: 40px; font-weight:bold;}
.disclosureanswer {vertical-align: middle; font-size: 1.2em; text-align: center; border: 1px black solid; padding: 2px;}
.disclosureremove {text-decoration: none; font-weight: bold; color: #D52B1E; padding-bottom: 10px;}
.disclosureresponse {vertical-align: middle; text-align: left; border: 1px black solid; padding: 2px;}
.disclosuretable {border: 1px black solid;}
.editnote {font-size: 85%; color: #B6B6B6; background-color: transparent; font-weight: bold;  vertical-align: middle; text-decoration: none;}
.editpreview {font-size: 130%; color: #D52B1E; font-weight: bold;}
.floatleft {float: left; margin: 0 0px 0 0px;}
.floatright {float: right; margin: 0 0px 0 0px;}
.floatnone {float:none}
.fontnormal {font-size:normal}
.fontsmall {font-size: small;}
.fontmedium {font-size: medium; }
.fontlarge {font-size: large;}
.fontxlarge {font-size: x-large;}
.fontprimary {font-family: Verdana;}
.fontsecondary {font-family: Tahoma;}
.fonttertiary {font-family: Arial;}
.formrow, .formskinnyrow {font-size: 95%; padding: 1px 0 1px 0; clear: both; vertical-align: middle; clear:both; }
.formnote {padding: 0 0 0 0; margin: 0 0 0 0; display: inline;}
.formtitle {margin-left: 10px; color: #666666;}
.green {color: #4B6D24;}
#downloadSelectionWrapper{right:12%;}
.downloadselection  {
    display: inline-block;
margin-bottom: 0px;
font-weight: 400;
text-align: left;
vertical-align: middle;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 9px;
font-size: 14px;
line-height: 1.42857;
border-radius:4px;
-moz-user-select: none;
color: #FFF;
background-color: #5CB85C;
border-color: #4CAE4C;
}
#signInSubmit {background-color:#243b7a; border-color:#243b7a;}
.downloadselection a, .downloadselection  a:hover {text-decoration: none; border:none !important; color:#FB00FF !important; display:block; padding:3px;}
.downloadselection div{ background:transparent;}
.downloadselection a:hover{ background:#51A951;}
.hidden {height: 0; width: 0; overflow: hidden; position: absolute;}
.highlightdetail {color: #990000;}
.incomplete {color: #D52B1E; font-weight: bold;}
.indent {padding-left: 15px;}
.message { text-align: center; }
.messagealert { text-align: center; color:red;}
.message ol, .messagealert ol { text-align: left; }
.navigationoptions { text-align: right; color:#fff;}
.nowrapping { white-space: nowrap;}
.previewmultiline {left: 25%; width: 75%; position: relative; padding: 0 0 0 5px;}
.previewmessageline {left: 21%; width: 75%; position: relative; padding: 0 0 0 0px;}
.previewbar {color: #273363; border-bottom: 1px dotted; margin: 10px 0 10px 0; text-align: left;}
.question dt { margin: 1em 0 0 0; }
.question dd { margin: .4em 0; }
.questiontext {width: 100%; margin: 0 0 5px 0; padding: 0 0 0 10px; font-size: 0.9em; /*color: #003263; border-bottom: 1px solid #666666; font-size: 1.25em; font-weight: bold;*/}
.red {color: #D52B1E;}
.required {color: #D52B1E; font-weight: bold; padding: 0 2px 0 0;}
.results {width: 100%;}
.pluslink {padding:0px 1px 0px 1px; margin:0px 2px 0px 2px ; background:#fff; font-size:.8em; text-decoration: none; border:1px solid #666666; color:#666666; text-align:center; vertical-align: middle;}
.resultscount { font-weight: bold; text-align: center; margin: 0 0 10px 0;}
.scrolltext {font-family: courier,monospace; color: black; border: thin solid #666666; background-color: #CCCCCC; overflow-x: auto; overflow-y: auto; max-height: 200px; padding: 4px 4px 4px 4px; line-height: 15px; margin: 5px 0pt 5px 0pt;}
.searchcriteria {width: 100%;}
.sectionbar {color: #FFFFFF; background-color: #273363; font-weight: bold; text-align: center; margin: 0 0 10px 0;}
.sectiondesc {font-size: 90%;}
.sectiontitle {font-size: 1em; font-weight: bold;  font-variant: small-caps;}
.yellow {color: #60490C;}
.small {font-size: 85%; font-weight: normal;}
.smallbold {font-size: 85%; color: #666666;  background-color: transparent; font-weight: bold;  vertical-align: middle; text-decoration: none;}
.smallcapitols {font-variant: small-caps;}
.smallcaps {font-size:90%; height: 90%; color: #273363;  background-color: transparent; font-weight: bold;  font-variant: small-caps;  vertical-align: middle;}
.smallwarning {color: #D52B1E; font-size: 85%; font-weight: normal;}
.sponsor{font-size: 150%; height: 150%; color: #D52B1E;  background-color: transparent; font-weight: bold;  vertical-align: middle; padding: 0 0 10px 0;}
.title {font-size: 150%; height: 150%; color: #273363;   background-color: transparent; font-weight: bold;  vertical-align: middle; padding: 0 0 10px 0;}
.underline {text-decoration: underline;}
.products {width: 100%;}
.products td {padding: 2px;}
.products td .product {width: 100%;}
.products .quantity {width: 15%; text-align: center; padding: 0 3px 0 0;}
.products .price { text-align: right; padding: 0 3px 0 0;}
.product {color: #676767;}
.products strong a {color: #655D51; text-decoration: underline; font-weight:normal} /*text-decoration: none;*/
.products stong a:hover {color: #655D51;text-decoration: underline; font-weight:normal} /*text-decoration: underline;*/
.switchPlannerOptions{margin:0 5px 10px 0; font-size:1.5em;}
.leftsupplycolumn > textarea.form-control  {width:100%;}
tr.functionRequestDetailsRow td {padding:8px 2px 2px 2px;}
.leftsupplycolumn > label  , tr.functionRequestDetailsRow td label{text-align:left; width:auto; margin:5px 0 0px 0; }


/*
ol {
    padding: 0px;
    margin-bottom: 4em;
 }
li.row
{
counter-increment: myIndex;
list-style: none
}

li.rowalt, li.row{

    margin:5px 0px 15px 0px;
    padding: 1em;
    background-color: #D5D5D5;
    background: #ddd;
    transition: all .3s ease-out;
    border-left: 30px solid #555;
    font-size:1em;
}
ol li:hover{
    background: #eee;

}
li.row::before
{
content:counter(myIndex);
content: counter(myIndex) '.';
color: green;

}
*/
ol {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 5em;
    padding: 0;
    counter-reset: li-counter;
}
ol> li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 2px solid #D5D5D5;
    margin:5px 0px;
    padding: 1em;
    background-color: none;
    transition: all .3s ease-out;
    font-size:1em;
    border-radius: 0px 8px 8px 0px
}

ol li:hover{
    background: #D5D5D5;
    border-left: 2px solid #E8E8E8;
	border-radius:8px;
}
ol > li:before, ol >li.row:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em;
    font-size: 3em;
    line-height: 1;

    text-align: right;
    color: #000;
 	text-shadow: 0px 0px 1px #555;

    content: counter(li-counter);
    counter-increment: li-counter;
}

.results th  {color:#000 !important; background-color:#D5D5D5 !important; font-size:1.1em}

.downarrow {
    width: 15px;
    height: 15px;
    padding: 0px 2px;
    font-size: 0.5em;
    background: #B5B5B5 none repeat scroll 0% 0%;
    border-radius: 90%;
    border: 1px solid #A49D9D;
    margin: 8px 0px 0px 4px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-shadow: 1px 1px 2px #555;
}
.downarrow:hover {
	color: #5F534C;
   	text-shadow: 2px 2px 2px #fff;
   	cursor: pointer;
}

.staffGridOptionsContainer {
    background: #efefef;
    border: 1px solid #ccc;
    display: inline-block;
    padding: .2em .5em;
    min-width: 300px;
    max-width: 330px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 20px;
}

.staffGridOptionsContainer h2 {
    text-align: left;
}

.staffGridOptionsContainer input {
    width: 130px;
}

.staffGridOptionsContainer select {
    vertical-align: top;
}

.staffTimeGrid {
    font-size: 10px;
    margin: 0;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    table-layout: fixed;
}

.staffTimeGrid tr {
    min-height: 2em;
}

.staffTimeGrid th , .staffTimeGrid td{
    width:5%;
    text-align: center;
}

.staffTimeGrid th {
    /*width: 120px;*/
    font-size: 10px;
    font-weight: 400;
    padding: 12px 5px;
    border-top: 1px solid D5D5D5 !important;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    color: #fff;
    white-space: nowrap;
}


.staffTimeGrid th:first-child {
    border-left: 1px solid #D5D5D5 !important;
}

.staffTimeGrid th:last-child {
    border-right: 1px solid #D5D5D5 !important;
}

.staffTimeGrid td {
    text-align: left;
   /* width: 120px;*/
    padding: 2px;
    border: 1px solid #D5D5D5 !important;
    color: #000;
    background-color: c0c0c0;
    height: 50px;
}

.staffTimeGrid .horheader {
    color: #000 !important;
    background-color: #D5D5D5 !important;
    font-size: 1.1em;
    border-bottom: 1px solid #fff;
}


.staffTimeGrid a {
    color: #000;
    text-decoration: underline;
}

.staffTimeGrid a:hover {
    color: #000;
    text-decoration: none;
}

.staffTimeGrid_Assigned, td.staffTimeGrid_Assigned,.staffTimeGrid_Assigned div,.staffTimeGrid_Assigned div a {
    background-color: #9ca8b1;
    color: #fff;
}

.staffTimeGrid_Conflicts, td.staffTimeGrid_Conflicts,.staffTimeGrid_Conflicts div,.staffTimeGrid_Conflicts div a {
    background-color: #8A1F03;
    color: #fff;
}

.staffTimeGrid_Assigned div a:hover,.staffTimeGrid_Conflicts div a:hover {
    color: #fff;
}

.staffTimeGrid_cancelled {
    font-weight: 700;
    background: #FFFCCF;
    color: #8A1F03;
}
@media print {
    #header, #menu, .navigationoptions, .breadcrumbtrail, #footer, #poweredby, .onpagenavigationoptions, .backtotop {display: none;}
    #primarycontent {width: 95%; margin: 0; min-height: 500px;}
    a {text-decoration:none; color: #000000;}
    .scrolltext {font-family: monospace; color: black; border: none; background-color: #FFFFFF; overflow-x: visible; overflow-y: visible ; max-height: none; line-height: normal; font-size: 0.9em;}
    select {font-size: 90%;}
    input {color: #000000; background-color: #FFFFFF; font-size: 90%}
    kbd {font-size: 105%;}
    optgroup {font-size: 95%;}
    select {font-size: 90%;}
    textarea {font-size: 90%;}
    dl, dt, dd {clear:both;}
}

@media screen and (min-width : 320px) and (max-width : 600px) {
	/*#header a {margin-left:10%;}*/
	#header img {width:80%;}
	#content{margin:0px 2px 0px 2px;}
    .navbar {  width: 100%;}
}

@media only screen and (max-width: 1024px) {
	#header, #content, .container-fluid { width: 100% !important; }
	/*#header a {margin-left:10%;}*/
     .navbar {  width: 100%}
     #header img {width:100%; }
}
@media only screen and (max-width: 767px) {
	h1 { font-size: 26px; }
	h2 { font-size: 24px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
	.formedit label, .signin label, #FinalizeSubmission fieldset label { display: block; width: 100%; text-align: left; }
    .navbar {  width: 100%}
     #header img {width:100%; }
    .navbar-nav > li > a {
        color: #00517E;
        font-size: 20px;
        font-weight: normal;
        margin-top: -8px;
        border-top: 8px solid #fff;
        font-family: "Myriad Pro","Myriad",helvetica,arial,sans-serif;
        letter-spacing: -0.5px;
        transition: all 0.9s ease-out 0s;
        padding-left: 40px !important;
        padding-right: 30px;
    }


	#abs-steps-dropdown-label { display: block !important; margin: 1em 0 0 0; }
	#abs-steps-dropdown { display: block !important; margin: 0 0 1em 0; font-size: 140%; }
	#content { font-size: 95%; }
	#navlist { display: none; }
	input.form-control, select.form-control, textarea.form-control { width: 100%; }
	.container-fluid { padding-left: 15px; }
	.navigationoptions { text-align: center; }
	.navigationoptions a { margin: 1em 0; }
	.navigationoptions a, input[type="text"], input[type="submit"] { display: block; width: 100%; }
	}