html, body{height:100%; overflow:hidden;}

/* jQuery UI overrides */
.ui-datepicker{ z-index: 9999 !important;}
/*.ui-front { z-index: 1100 !important; }*/

 .custom-combobox 
 {
	position: relative;
	display: inline-block;
	margin-right: 30px;
}
.custom-combobox-toggle 
{
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
.custom-combobox-input 
{
	margin: 0;
	padding: 0.3em;
	width: 150px;
}

/* Main div*/
.layout
{
    margin: auto;
    position: absolute;
    width: 1020px;
	margin-left: -510px;
	top: 100px;
	left: 50%;
	bottom: 0;
    font-size: 100%;
}
.layout.pinned {width: 1310px; margin-left: -655px;}
.layout-wide
{
    height: 100%;
    margin: auto;
    position: relative;
    width: 1280px;
    font-size: 100%;
}
.layout-wide.pinned {width: 1540px;}
.content
{
	width: 1020px;
	position: relative;
   height: 100%;
}

.content-wide
{
	width: 1280px;
	position: relative;
   /*height: 100%;*/
}

/* Header styles*/
input[type='text'].toolbar-datepicker{width:140px;}
input[type='text'].toolbar-datepicker.short{width:70px;}
.toolbar-datepicker+img { vertical-align: middle; margin-left: 4px; }
.filter-header
{
	height:40px;
	width: 966px;
	margin: 0 auto;
	padding-left: 50px;
	color: #fff;
	position: relative;
}
.filter-header.pinned {width: 1246px;}
.header-wide .filter-header {width: 1218px;}
.header-wide .filter-header.pinned {width: 1478px;}
.filter-header a {color: #fff; text-decoration: none;}
.filter-header a:hover {color: #fff; text-decoration: underline;}
.filter-header>div{line-height: 40px; padding:0px 5px; cursor: default; display: inline-block;}
.filter-header>div>div.show-filter-image>img{cursor: pointer;}
.filter-header span.sp-reset {display:inline-block; margin-bottom:-4px; cursor:pointer;}

.filter-header>div+div+div{float:right;}
.filter-header > div > span#sp-search > a.Filtered {
	background: url(/images/kettleicons/filter-gray.png) 0px 1px no-repeat;
	padding-left: 18px;
	max-width: 80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 14px;
	float: left;
	margin-top: 13px;
}
.show-filter-image{height: 40px; width: 22px; display: inline-block;}
.toolbar-navigate-image{height: 40px; width: 22px; float:left;}
.date-type-container{height: 40px; float:left; cursor:pointer; margin-right: 5px;}
.date-type-container>div:first-child
{
	text-align:center;
	font-size: 0.75em;
	font-weight: bold;
	line-height:22px;
	height: 22px; 
	padding: 0px 6px;
	border:1px solid black; 
	background: rgb(228,228,228); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(201,201,201,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-8 */
}
.current-date-type>div:first-child
{
	background: rgb(181,247,174); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZjdhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4M2U1NzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(181,247,174,1) 0%, rgba(131,229,116,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,247,174,1)), color-stop(100%,rgba(131,229,116,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(181,247,174,1) 0%,rgba(131,229,116,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(181,247,174,1) 0%,rgba(131,229,116,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(181,247,174,1) 0%,rgba(131,229,116,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(181,247,174,1) 0%,rgba(131,229,116,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5f7ae', endColorstr='#83e574',GradientType=0 ); /* IE6-8 */
}
.date-type-container>div+div>img{margin:-3px auto 0px; display:block;}
.date-type-container>div+div{display:none;}
.current-date-type>div+div{display:block;}
#month-date-type{display:none;}
.action-header
{
	/*background: none repeat scroll 0 0 #EDEAE1;*/
	border-bottom: 2px solid #C9C9C9;
	border-top: 2px solid #C9C9C9;
	border-left: 2px solid #C9C9C9;
	border-right: 2px solid #C9C9C9;
	height: 51px;
	padding: 0;
	padding-left: 5px; 
	width: 1010px;
	margin: 0 auto 5px;
}
.action-header.pinned {width: 1300px;}
.header-wide .action-header {width: 1272px;}
.header-wide .action-header.pinned {width: 1532px;}
.action-header>div:first-child{display: inline-block; height: 27px; margin-top: 15px;}
.action-header>div+div{float: right; height: 52px;}
.action-button{float: left; padding: 4px 0 0; text-align: center; cursor:pointer;}    
.action-button:hover{background-color:#F9F8EF;}
.action-button-small{width:45px; float: left; padding: 4px 0 0; text-align: center; cursor:pointer;font-size: .75em; font-weight:bold; margin-top:0px;}    
.action-button-small:hover{background-color:#F9F8EF;}
.action-button .action-image{height: 30px; margin: auto; width: 62px;}
.action-button-small .action-image-small{height: 24px; margin: auto; width: 45px;}
.action-image-small>img.action{width:22px;height:22px;}
.action-button span{font-size: .75em; font-weight:bold;}
.action-button.selected
{
    background: none;
    /*border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;*/
    background-image: url('/images/kettleicons/selector.png');
    z-index:15;
    background-repeat: no-repeat;
    margin-top:-2px;
    width:64px;
    height: 64px;
}
.action-button-small.inactive{opacity: .7; background: #fff; cursor: default;}
.action-button-small.inactive:hover{background-color: #fff;}

/*validation styles*/
.error, .field-validation-error, .ValidationMessage, .validation-summary-errors{color: #ff0000;}
.input-validation-valid, .field-validation-valid, .validation-summary-valid{display: none;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee; outline: none;}
.input-validation-error:focus, input[type="text"].input-validation-error:focus, select.input-validation-error:focus{outline: none;}
.validation-summary-errors span{font-weight: 700;}
.validation-summary-errors ul{list-style: disc inside;}
.validation-summary-errors ul li{font-weight: normal;}
.validation-summary-errors ul li label, .validation-summary-errors ul li span{ display: inline !important; font-weight: normal;}
.validation-summary-warnings span{font-weight: 700;}
.validation-summary-warnings ul{list-style: disc inside;}
.validation-summary-warnings ul li{font-weight: normal;}
.validation-summary-warnings ul li label, .validation-summary-errors ul li span{ display: inline !important; font-weight: normal;}
#error-list{white-space: normal;}
.validation-summary-valid{font: 13px Helmet,Freesans,sans-serif; display: none;}


/* Kettle styles*/
.location
{
    border: 1px solid #C9C9C9;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
    background: none repeat scroll 0 0 #F2F2F2;    
}
.location-heading
{
    border-radius: 4px 4px 0 0;
    line-height: 25px;
    padding: 0 0 0 5px;
    font-weight:bold;
    border: 1px solid #C9C9C9;
}
.location-heading a
{
    font-size: 100%;
	color: #333;
}
.location-heading a.edit-shifts 
{
	background: url(/images/schedule-icon.gif) no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0px 2px -3px 2px;
}
.kettles
{
    position:absolute;
    left:5px;
    right:5px;
    top: 55px;
    bottom: 44px;
    /*margin-top:13px;*/
    overflow-y: auto;
	-moz-transition: bottom 0.3s;
	-webkit-transition: bottom 0.3s;
	transition: bottom 0.3s;
}
.kettle
{
    border: 2px solid #dbdbdb;
    border-radius: 5px 5px 5px 5px;
    height: 90px;
    margin: 5px;
    background: none repeat scroll 0 0 #FFFFFF;
}
.kettle label {cursor: default;}
.kettle.hidden .col1, .kettle.hidden .col2, .kettle.hidden .col3, .kettle.hidden .col4, .kettle.hidden .spacer {visibility: hidden;}
.kettle .status{height: 100%; width: 20px; border-radius: 4px 0 0 4px;}
.kettle .status input{margin: 4px 0 0 4px; padding:0px;}
.kettle span.readonlydisplay { display: none; }
.kettle.readonly span.readonlydisplay { display: inline-block; }
.kettle.readonly input, .kettle.readonly select { display: none; }
span.readonlydisplay.job { width: 105px; }

.kettle>div{float:left;}
.kettle select{width:105px;}
/*.kettle input[type='text']{border-radius: 4px; border:1px solid #C9C9C9;}*/
.kettle input, .kettle select{border:1px solid #AAAAAA;}
.kettle input{height: 15px;}
.kettle input.shift-time{font-size:.9em; text-align: center;}
.kettle input.break-time{text-align: center;}
.kettle .income-field input.disabled {background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #BBBBBB;}


.kettle label, label{font-weight:bold; font-size:.9em;}
.col1, .col2, .col3, .col4{height:100%;}
.col1{width:15%;}

.col1 > div{margin: 3px 8px 0;}
.col1.group-assigned > div{margin: 1.3px 8px 0 !important;}
.col1>div:first-child {height: 15px; width:100px; overflow: hidden; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; margin-top: 6px;}
.col1>div:first-child.disabled {cursor: default; text-decoration: none;}
.col1>div.group-name{
	background: url(/images/kettleicons/group_icon.png) left top no-repeat;
	padding-left: 20px;
	margin-top: 3px;
	height: 15px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis;
}
.col1>div>img.weather-icon {float: left; margin-right: 5px;}
.col2{width:25%;}
.col2 .row2>div:first-child {float:left; width: 110px; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.col2>.row1 input{width:20px;}
.col2>.row2 input{width:52px;}

.col3{width:43%;}
.col3 span{color:#8C8C8C;}

.col4{width:12.5%; text-align: center;}
.col4 > div{margin:8px;}
.col2>.row1, .col2>.row2,.col3>.row1, .col3>.row2{line-height:36px; white-space: nowrap;}

.income-field{width:25%; float:left; text-align: right;}
.income-field input{width:46px; text-align:right; margin-right: 4px;}
.noincome .income-field{visibility:hidden;}
.spacer{height:100%; width:2px; background-color:#C9C9C9; float: left;}
.kettle .spacer{margin-left: 1%;}

button.post, button.toggle, button.schedule-status, button.add-check
{
    height: 32px;
    margin: auto;
    width: 110px;
    border:none;
    border-radius: 4px 4px 4px 4px;    
    font-weight:bold;
    border: 1px solid #ACACAC;    
}
button.post{margin-top: 22px;}
button.toggle{height: 22px; vertical-align: middle; width: 50px}
button.schedule-status{height: 20px; width: 35px;}
button.add-check{height: 28px;}

.nonposted button.post{display:inline-block;}

.posted .col4 > div{display:block;}
.shift .col4 > div,
.pending .col4 > div,
.disapproved .col4 > div, 
.nonposted .col4 > div, 
.posted button.post,
.shift button.schedule-status,
.disapproved button.schedule-status,
.nonposted button.schedule-status,
.posted button.schedule-status,
.voided button.schedule-status,
.rkv button.schedule-status,
.voided button.post,
.disapproved button.post,
.shift button.post,
.pending button.post
{display:none;}

.invalidcopy>li,.invalidcancel>li,.invalidpost>li,.invalidvoid>li {color:Red;}

/* Footer Styles*/
.footer-container {
	position: absolute;
	right: 0;
	left: 0 !important;
	background: #333;
	color: #b3b3b3;
	-moz-transition: top 0.3s;
	-webkit-transition: top 0.3s;
	transition: top 0.3s;
}
.footer-container span.item {float: left; padding: 0; margin: 0 20px 0 0; cursor: default; white-space: nowrap;}
.footer-container span.item-row {white-space: nowrap;}
.footer-container span.item-row span.item {float: none; display: inline-block;}
.footer-container span.item>span.clear-filter {cursor: pointer;}
.footer-container span.item>span.title {color: #b3b3b3; white-space: nowrap;}
.footer-container span.item>span.stat {color: #fff;}
.footer-container .clickable {cursor: pointer; text-decoration: underline;}

.footer-container span.item.clear-filter {float: right; margin: 0;}
.footer-container span.item.clear-filter>span {cursor: pointer;}
.footer-container span.item.clear-filter span.title {text-decoration: underline;}

.footer-container>.footer {position: relative; padding: 0 10px; width: 1020px; height: 44px; line-height: 44px; margin: 0 auto;}
.footer-container>.footer>span.footer-status {float: right;}

.footer-denom-container {position: relative; padding: 0; background: #666;}
.footer-denom-container>.footer-denom {position: relative; padding: 10px 0; width: 1020px; margin: 0 auto;}
.footer-denom-container>.footer-denom>.caret {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #666;
	position: absolute;
	top: -8px;
	display: none;
}
.footer-denom-container>.footer-denom table {width: 100%;}
.footer-denom-container>.footer-denom td.footer-coin-header {width: 1%;}
.footer-denom-container>.footer-denom td.footer-coin {padding-right: 5px;}
.footer-denom-container>.footer-denom td.footer-currency-header, .footer-denom-container>.footer-denom td.footer-currency.last {width: 1%; padding-left: 10px; border-left: 1px solid #b3b3b3;}
/*.footer-denom-container>.footer-denom td.footer-currency {}*/
.footer-denom-container>.footer-denom span.item {line-height: 22px; margin: 2px 10px 0 0;}
.footer-denom-container>.footer-denom span.item.big {line-height: 24px; margin: 0 6px 0 0; white-space: normal; font-size: 18px;}
.footer-denom-container>.footer-denom span.item.big>span.title {font-weight: bold; text-transform: uppercase;}
.footer-denom-container>.footer-denom span.item.big>span.stat {display: block;}

.footer-container.pinned>.footer {width: 1320px;}
.footer-container.pinned .footer-denom {width: 1320px;}

.footer-batch
{
    height:25px;
    text-align:center;
    vertical-align:middle;
    margin-top: 5px;
}

/* Misc styles*/
.h2{font-size:1.2em; font-weight:bold;}
.h3{font-size:.9em; font-weight:bold;}
.underline{text-decoration:underline;}

/* Status Colors */
.blue, .kettle.shift>.status
{
    background: rgb(153,204,255);
}

.yellow, .kettle.pending > .status, .kettle.rkv > .status 
{
	background: rgb(250,250,160);
}

.green, .kettle.nonposted>.status, .post
{
    background: rgb(181,247,174);
}

.grey, .kettle.posted>.status
{
    background: rgb(228,228,228);
}

.red, .kettle.voided>.status, .kettle.disapproved>.status
{
    background: rgb(242,174,174);
}

.post
{
    background: rgb(181,247,174); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZjdhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4M2U1NzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(181,247,174,1) 0%, rgba(131,229,116,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,247,174,1)), color-stop(100%,rgba(131,229,116,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(181,247,174,1) 0%,rgba(131,229,116,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(181,247,174,1) 0%,rgba(131,229,116,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(181,247,174,1) 0%,rgba(131,229,116,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(181,247,174,1) 0%,rgba(131,229,116,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5f7ae', endColorstr='#83e574',GradientType=0 ); /* IE6-8 */
}

.location-heading.grey
{
    background: rgb(228,228,228); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(201,201,201,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-8 */
}

label[for=select-all-kettles]
{
	font-size: 11px;
    font-weight: bold;
	padding-left: 3px;
	cursor: pointer;
}
label[for=select-all-kettles]:hover{text-decoration:underline;}
label[for=select-all-kettles].disabled{cursor:default; color:gray;}
label[for=select-all-kettles].disabled:hover{text-decoration:none;}

/*legend*/
.kettle-legend .legend-item{padding-right: 15px; font-weight: bold; font-size: 11px; line-height: 16px; vertical-align: middle; cursor: pointer;}
.kettle-legend .legend-item:hover{text-decoration: underline;}
.kettle-legend .legend-item .legend-color{display: inline-block; border: 1px solid #c9c9c9; width: 16px; height: 16px; margin-right: 2px; background-repeat: no-repeat;}
.kettle-legend .legend-item.checked{font-weight: bold;}
.kettle-legend .legend-item.checked .legend-color.blue{background: url(/images/kettleicons/legend-colors.png) 0px -16px;}
.kettle-legend .legend-item.checked .legend-color.yellow{background: url(/images/kettleicons/legend-colors.png) -16px -16px;}
.kettle-legend .legend-item.checked .legend-color.green{background: url(/images/kettleicons/legend-colors.png) -32px -16px;}
.kettle-legend .legend-item.checked .legend-color.grey{background: url(/images/kettleicons/legend-colors.png) -48px -16px;}
.kettle-legend .legend-item.checked .legend-color.red{background: url(/images/kettleicons/legend-colors.png) -64px -16px;}
.kettle-legend .legend-item.disabled{color: GrayText; cursor: default;}
.kettle-legend .legend-item.disabled:hover{text-decoration: none;}
.kettle-legend .legend-item.disabled .legend-color.blue{background: url(/images/kettleicons/legend-colors.png) 0px -32px; border: 1px solid #e5e5da;}
.kettle-legend .legend-item.disabled .legend-color.yellow{background: url(/images/kettleicons/legend-colors.png) -16px -32px; border: 1px solid #e5e5da;}
.kettle-legend .legend-item.disabled .legend-color.green{background: url(/images/kettleicons/legend-colors.png) -32px -32px; border: 1px solid #e5e5da;}
.kettle-legend .legend-item.disabled .legend-color.grey{background: url(/images/kettleicons/legend-colors.png) -48px -32px; border: 1px solid #e5e5da;}
.kettle-legend .legend-item.disabled .legend-color.red{background: url(/images/kettleicons/legend-colors.png) -64px -32px; border: 1px solid #e5e5da;}
.kettle-legend .legend-item.checked.disabled .legend-color.blue{background: url(/images/kettleicons/legend-colors.png) 0px -48px; border: 1px solid #e5e5da;}
.kettle-legend .legend-item.checked.disabled .legend-color.yellow{background: url(/images/kettleicons/legend-colors.png) -16px -48px; border: 1px solid #e5e5da;}
.kettle-legend .legend-item.checked.disabled .legend-color.green{background: url(/images/kettleicons/legend-colors.png) -32px -48px; border: 1px solid #e5e5da;}
.kettle-legend .legend-item.checked.disabled .legend-color.grey{background: url(/images/kettleicons/legend-colors.png) -48px -48px; border: 1px solid #e5e5da;}
.kettle-legend .legend-item.checked.disabled .legend-color.red{background: url(/images/kettleicons/legend-colors.png) -64px -48px; border: 1px solid #e5e5da;}

.input-prompt{position: absolute; font-style: italic; color: #aaa; margin: 0.3em 0 0 0.3em;}
.filter-panel-unpinned, .filter-panel-unpinnable
{
	position:absolute; 
	z-index:1000; 
	background-color: white; 
	width: 500px; 
	padding: 5px; 
	height: 260px; 
	border:1px solid #c9c9c9;
}
.filter-panel-pinned
{
	position:absolute; 
	z-index:1000;
	background-color: white; 
	width: 250px; 
	height: auto; 
	border:1px solid #c9c9c9;
	-moz-transition: bottom 0.3s;
	-webkit-transition: bottom 0.3s;
	transition: bottom 0.3s;
}
.column-panel
{
	position:absolute; 
	z-index:1000; 
	background-color: white; 
	width: 200px; 
	height: 200px; 
}
.show-column-image{height: 22px; width: 22px; display: inline-block;}
.search-panel
{
	position:absolute; 
	z-index:1000; 
	padding: 21px 5px 5px;  
	border:1px solid #c9c9c9;
	background-color: #EDEAE1;
	width: 330px;
}
.search-panel-container
{
	border:1px solid #c9c9c9;
	background-color: white; 
	margin-bottom: 5px;
}
.search-panel-icons
{
	position: absolute;
	top:3px;
	right:5px;
	z-index:1100;
}
.search-panel-description
{
	color: #999;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	padding-top: 4px;
	border-top: 1px solid #c9c9c9;
	margin-top: 5px;
	text-align: center;
}
.search-panel .search-panel-icons span.ui-icon-closethick
{
	cursor: pointer;
}
.search-panel-container input[type=text]
{
	width: 314px;
}
.search-panel-container td
{
	padding: 5px;
}
.search-panel-search-option-label 
{
	display:inline-block;
	vertical-align:middle;
	font-size: 1.1em;
}
.search-panel-search-option 
{
	vertical-align: middle !important;
}
/* DepositsPanel */
.deposits-panel
{
	position:absolute; 
	z-index:1000; 
	background-color: white; 
	width: 400px; 
	padding: 10px; 
	height: 30px; 
	border: 1px solid black;
	-webkit-box-shadow: 0px 0px 7px 2px #666;
	-moz-box-shadow: 0px 0px 7px 2px #666;
	box-shadow: 0px 0px 7px 2px #666;
}
.row-dp:hover td {background: #f0f0f0;}

/* FilterTreePanel */
.filter-tree-panel-container
{
	position: absolute;
	bottom: 0px;
	top:0px;
	right:0px;
	left:0px;
	background-color: #EDEAE1;
	z-index:1000;
}
.filter-panel-icons
{
	position: absolute;
	top:3px;
	right:5px;
	z-index:1100;
}
.filter-panel-unpinned .filter-panel-icons span.ui-icon-pin-w
{
	display:block;
	cursor: pointer;
}
.filter-panel-unpinned .filter-panel-icons span.ui-icon-pin-s
{
	display:none;
}
.filter-panel-pinned .filter-panel-icons span.ui-icon-pin-w
{
	display:none;
}
.filter-panel-pinned .filter-panel-icons span.ui-icon-pin-s
{
	display:block;
	cursor: pointer;
}
.filter-panel-unpinnable .filter-panel-icons span.ui-icon-pin-w, .filter-panel-unpinnable .filter-panel-icons span.ui-icon-pin-s
{
	display:none;
}

.filter-tree-panel-tree-container
{
	overflow: auto;
	position: absolute;
	bottom: 45px;
	top:21px;
	right:5px;
	left:5px;
	border:1px solid #c9c9c9;
	background-color: White;
	z-index:1001;
}
.filter-tree-panel-buttons
{
	position: absolute;
	bottom: 10px;
	left: 5px;
	right: 5px;
	height:30px;
	z-index:1100;
}

.filter-tree-panel-buttons input, .filter-tree-panel-buttons span
{
	float: right;
}
.filter-panel-pinned .filter-tree-panel-close-button
{
	display:none;
}
/* DepositMenu */
/*.deposit-menu
{
	position: absolute; 
	z-index: 1000; 
	background-color: white; 
	min-width: 150px;  
	border: 1px solid #c9c9c9;
}
.deposit-menu > hr
{
	margin: 3px 3px 2px;
}
.deposit-menu > span
{
	display: block;
	padding: 5px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
.deposit-menu > span:hover
{
	background: #f0f0f0;
}*/
/* DROP DOWN MENU */
.drop-down-menu, .sort-panel
{
	position: absolute; 
	z-index: 1000; 
	background-color: white; 
	min-width: 150px;  
	border: 1px solid #c9c9c9;
}
.drop-down-menu > hr
{
	margin: 3px 3px 2px;
}
.drop-down-menu > div.heading
{
	display: block;
	padding: 5px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	cursor: default;
	border-bottom: 1px solid #C9C9C9;
	border-top: 1px solid #C9C9C9;
	/*background: #EDEAE1;*/
    background: rgb(228,228,228); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(201,201,201,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-8 */
}
.drop-down-menu > div.heading:first-child
{
	border-top: none;
}
.drop-down-menu > a, .drop-down-menu > span, .sort-panel > a, .sort-panel > span
{
	display: block;
	padding: 5px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	color: #333;
}
.drop-down-menu > a:hover, .drop-down-menu > span:hover, .sort-panel > a:hover, .sort-panel > span:hover
{
	background: #f0f0f0;
	color: #333;
}
/*Copy Schedules*/
.schedules-copy-schedules {margin-top:15px}
.schedules-copy-schedules > div ul{border-bottom: 1px solid;}
.schedules-copy-schedules ul {display: inline-table; padding: 0.5em 0; width: 100%;}
.schedules-copy-schedules li {float: left; text-align: left; vertical-align: middle;width: 16.5%; font-size:.9em;}
.copy-schedules-heading li {font-weight:bold}
/*Cancel Schedules, Post Income, Void income*/
.schedules-cancel-schedules,.post-income,.void-income {margin-top:15px}
.schedules-cancel-schedules > div ul,.post-income > div ul,.void-income > div ul{border-bottom: 1px solid;}
.schedules-cancel-schedules ul,.post-income ul,.void-income ul{display: inline-table; padding: 0.5em 0; width: 100%;}
.post-income li,.void-income li{float: left; text-align: left; vertical-align: middle;width: 14.28%; font-size:.9em;}
.schedules-cancel-schedules li{float: left; text-align: left; vertical-align: middle;width: 11.1%; font-size:.8em;}
.cancel-schedules-heading li,.post-income-heading li,.void-income-heading li {font-weight:bold}

/*WorkerQuickView*/
.schedule-table-wqv td, .worker-detail-table-wqv td { padding:3px; }
.worker-detail-panel-wqv 
{
	position:absolute; 
	z-index:100; 
	background-color: white; 
	width: 865px; 
	padding: 1em; 
	border:1px solid #c9c9c9;
}
.overlay-wqv{background: url("/content/jquery-ui/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA;opacity: 0.3; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 1050;}
.add-closed-wqv { height: 400px; width: 602px; }
.add-open-wqv { height: 700px; }
.update-closed-wqv { height: 400px; width: 602px; }
.update-open-wqv { height: 700px; }
.add-closed-wqv tr.nonessential,.update-closed-wqv tr.nonessential,.add-closed-wqv .admin-right-column,.update-closed-wqv .admin-right-column  {display:none;}
.add-closed-wqv>div.worker-detail-title-wqv,.add-open-wqv>div.worker-detail-title-wqv,.update-closed-wqv>div.worker-detail-title-wqv+div.worker-detail-title-wqv,.update-open-wqv>div.worker-detail-title-wqv+div.worker-detail-title-wqv { display:block; }
.add-closed-wqv>div.worker-detail-title-wqv+div.worker-detail-title-wqv,.add-open-wqv>div.worker-detail-title-wqv+div.worker-detail-title-wqv,.update-closed-wqv>div.worker-detail-title-wqv,.update-open-wqv>div.worker-detail-title-wqv { display:none; }
.worker-detail-title-wqv{margin-bottom:1em; font-size: 18px; font-weight: bold}
.add-closed-wqv #tr-workertype-wqv,.add-closed-wqv #tr-schedule-wqv,.add-open-wqv #tr-schedule-wqv,.update-closed-wqv #tr-schedule-wqv { display:none; }
.add-open-wqv #tr-workertype-wqv,.update-closed-wqv #tr-workertype-wqv,.update-open-wqv #tr-workertype-wqv,.update-open-wqv #tr-schedule-wqv { display: table-row; }
.worker-detail-panel-icons-wqv
{
	position: absolute;
	top:3px;
	right:5px;
	z-index:1200;
	display:block !important;
}
.worker-detail-panel-icons-wqv span.ui-icon-closethick
{
	cursor: pointer;
}
/*styles for forms from admin*/
a,a:hover {color:Black}
a.disabled,a.disabled:hover{color:Gray}
.admin-right-column div { margin-bottom: 10px; }
.button-row { padding-bottom: 5px; }
.button-row-right{text-align: right;}
.admin-tb-wide { width: 505px; }
.admin-tb-med { width: 280px; }
.admin-tb { width: 117px; }
.admin-tb-small { width: 60px; }
.admin-tb-email { width: 250px; }
.field-label{min-width: 80px; white-space: nowrap; color: #000000; font-size: 9pt; font-weight: bold; vertical-align: middle;}
.field-label-mod{white-space: nowrap;color: #000000; font-size: 9pt; font-weight: bold; vertical-align: middle;}
.field-label-quickview{min-width: 80px; white-space: nowrap; color: #000000; font-size: 9pt; font-weight: bold; vertical-align: middle;}
.field-label-mod-quickview{white-space: nowrap;color: #000000; font-size: 9pt; font-weight: bold; vertical-align: middle;}
.admin-comments{width: 505px; height: 50px;}
.admin-right-column{padding-left: 15px; float: left; width: 210px;}
.admin-right-content{bottom: 0px;left: 230px; padding: 1em .5em 1em .5em; position: absolute; right: 0px; top: 0px;}
.required{color: #ff0000; font-weight: bold;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.float-right{float: right;}
.float-left{float: left;}
.float-center{margin: auto;}
.pad2-right{padding-right: 2px;}
.pad2-left{padding-left: 2px;}
.pad3{padding: 3px;}
.pad5{padding: 5px;}
.pad8{padding: 8px;}
.pad10{padding: 10px;}
td.vmiddle{vertical-align: middle;}
td.vtop{vertical-align: top;}
table#people-form { float: left; }
table#people-form td { padding-left: 3px; padding-top: 3px; padding-bottom: 3px; }
table.worker-form td { padding: 3px; }
.worker-data-container 
{
	border: 1px solid #000000;
	background: #ccc;
	display: table;
}
#workerType_peo, #ethnicity_peo { width: 160px; }
.assign-units-people-filters
{
	position: absolute;
	bottom: 10px;
	top: 50px;
	right: 10px;
	left: 10px;
	overflow: auto;
	border: 1px solid #ccc;
}
li.filtertree-disabled > a{color:#ccc !important;}
li.filtertree-disabled > a > ins.jstree-checkbox{display:none !important;}

/*grids*/
.grid div
{
	font-size: 7pt !important;
}

.is-posted-cell, .availability-cell
{
	margin: 0px !important;
	padding-top: 4px !important;
	padding-right: 2px !important;
	padding-left: 4px !important;
	height: 100% !important;
}

.disabled-cell
{
	margin: 0px !important;
	padding-top: 4px !important;
	padding-left: 4px !important;
	padding-right: 2px !important;
	height: 100%;
	background: rgb(228,228,228);
}

.pinned-cell
{
	background: white;
}

.disabled-pinned-cell
{
	background: rgb(228,228,228);
}

.last-pinned-cell
{
	background: white;
	border-right-color: Black !important;
	border-right-width: 2px !important;
}

.open-worker
{
	color: black;
	display: inline-block;
	border: 1px solid transparent;
}
.open-worker:focus, select.approval-drop:focus
{
    border: 1px solid #9ecaed;
}

/*calendar*/
.calendar-kettle
{
	padding: 3px;
}
.calendar-kettle .fc-event-time
{
	font-size: 12px !important;
	font-weight: bold !important;
	background-color:rgba(0,0,0,0.2);
	margin-bottom:3px;
}
.fc-widget-header{height:30px;vertical-align:middle !important;background-color:#DCE5ED}
.calendar-selected{border:2px solid black !important;}
.fc-event
{
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	-khtml-border-radius: 6px !important;
	border-radius: 6px !important;
}
td.income-field{width:auto}
td.income-field input{font-size: 0.9em;width:75px}
td.income-field span{margin-right:2px;color: #8C8C8C;}
table.kettle-detail td{padding:3px}
table.kettle-detail input.shift-time{font-size:0.9em; text-align:center; width:60px}
a.location-link[disabled]{color:Gray}

/*IncomeFields Styles*/
.income-field-panel{height: 250px; position: absolute; width: 250px; z-index:2000;}
.income-field-panel-content{height:100%;}

/*CurrencyField styles*/

.currency-field > div{background: none repeat scroll 0 0 #DDDDDD; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 0.5em; text-align: center; font-size:.85em;}
.currency-field ul{display: inline-table; width:100%; padding-top:.3em;}
.currency-field li{float:left;}
.currency-field li:first-child{padding-right: 4%; text-align: right; width: 30%;}
.currency-field li:first-child + li{width: 66%;}
.currency-field li:first-child + li input{width: 85%;}

/*CoinField styles*/
.coin-field > div{background: none repeat scroll 0 0 #DDDDDD; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 0.5em; text-align: center; font-size:.85em;}
.coin-field ul{display: inline-table; width:100%; padding-top:.3em;}
.coin-field li{float:left;}
.coin-field li:first-child{padding-right: 4%; text-align: right; width: 40%;}
.coin-field li:first-child + li{width: 56%;}
.coin-field li:first-child + li input{width: 85%;}

/*CheckField styles*/
.check-field{height:100%;}
.check-field > div:first-child, .check-field{border-top-left-radius: 4px; border-top-right-radius: 4px;}
.check-field > div:first-child + div{position: absolute; top: 32px; bottom: 37px; overflow: auto; width:100%;}
.check-field > div:first-child > ul{background:#dddddd; font-size: 0.85em; border-top-right-radius: 4px; border-top-left-radius: 4px;}
.check-field ul{padding: 0.5em 0;display:inline-table; width:100%;}
.check-field li{float:left;}
.check-field li:first-child{margin-left: 1%; width: 6%; height: 20px;}
.check-field li.disabled:first-child{display:none;}
.check-field li:first-child + li{width: 52%;}
.check-field li.disabled:first-child + li{width: 58%;margin-left: 1%;}
.check-field li:first-child + li > input {width:96%;}
.check-field li:first-child + li + li{width: 20%;}
.check-field li:first-child + li + li > input{width:90%; text-align:right;}
.check-field li:first-child + li + li + li{width: 20%;}
.check-field li:first-child + li + li + li > input{width:94%; text-align:right;}
.check-field > div.add-check-panel{position: absolute; padding: 4px; bottom: 0; left: 0; right: 0; border-top: 1px solid #aaa;}

/*OtherField styles*/
.other-field{height:100%;}
.other-field, .other-field > div:first-child, .other-field > div:first-child > ul{border-top-left-radius: 4px; border-top-right-radius: 4px;}
.other-field > div:first-child + div{position:absolute; top: 32px; bottom:0; overflow : auto;} 
.other-field > div:first-child > ul{ background:#dddddd; font-size: 0.85em;}
.other-field ul{padding: 0.5em 0; display: inline-table; width: 100%;}
.other-field li{float:left;}
.other-field li:first-child{margin-left:1%; width:10%; height:20px;}
.other-field li:first-child + li{width: 69%;}
.other-field li:first-child + li > input{width: 94%;}
.other-field li:first-child + li + li{width: 20%;}
.other-field li:first-child + li + li > input{width: 78%; text-align:right;}

/*replicate jqxGrid in table*/
.jqTable{width:100%}
.jqTable tr:first-child{background-color:#E2DED3}
.jqTable td{padding:3px;border:1px solid #AAAAAA}

.row-grey{background:#eee;}
.disabled-input{background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #ADADAD;}

/* disabled elements */
textarea:disabled, input:not([type]):disabled, input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, select:disabled {
  background-color: #F2F2F2;
  color: #888;
  border: 1px solid #BBBBBB;
}

div.disappearing-status-message {
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	background: #fff5cf;
	border: 1px solid #777;
	border-top: 0px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	font-size: 15px;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	z-index: 3000;
}

#weather-popup {color: #fff; position: absolute; background-color: #333; border-radius: 4px; padding: 10px 15px;}
#weather-popup>span.caret {display: block; position: absolute; top: -5px; left: 10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #333;}
#weather-popup img.weather-icon {display: inline-block; width: 50px; height: 50px;}
#weather-popup .weather-avg-temp {display: inline-block; font-size: 38px; line-height: 50px; margin: 0 4px 0 10px;}
#weather-popup td.weather-details {padding-left: 6px;}
#weather-popup .weather-temps {color: #b3b3b3; display: inline-block; margin-top: 2px; line-height: 26px;}
#weather-popup td>.weather-temps:first-child {padding-right: 4px;}
#weather-popup .weather-desc {color: #b3b3b3;}
/*#weather-popup table.action-links {width: 100%; margin: 15px 0 5px;}
#weather-popup table.action-links td {width: 50%; text-align: center;}*/
#weather-popup span.cc-license {float: left; font-size: 8px; margin-top: 6px; color: #b3b3b3;}
#weather-popup a.action-link {color: #fff; float: right;}
/*#weather-popup a.action-link img {display: inline-block; width: 40px; height: 40px; margin: 0 auto 10px;}*/

#addt-popup {color: #fff; position: absolute; background-color: #333; border-radius: 4px; padding: 10px 15px;}
#addt-popup>span.caret {display: block; position: absolute; top: -5px; left: 10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #333;}
/*#weather-popup a.action-link img {display: inline-block; width: 40px; height: 40px; margin: 0 auto 10px;}*/

.header-container {background-color: #333;}
#sp-locations {font-weight: normal; font-size: 14px; cursor: pointer;}
#sp-locations:hover {text-decoration: underline;}
.toolbar.pinned #sp-locations {cursor: default;}
.toolbar-help-icon {background-color: #aaa; border-radius: 10px;}
.toolbar-help-icon:hover {background-color: #888;}
.volunteer-admin-btn {background: #333; border: 1px solid #fff; border-radius: 4px; padding: 0;}
.volunteer-admin-btn span {color: #fff; padding: 4px 12px; display: inline-block;}
.volunteer-admin-btn span.rkv-registration-count {background: #cc3333; color: #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; font-weight: bold;}

.nav-expand {
	position: absolute;
	left: 0;
	overflow: hidden;
	max-width: 40px;
	height: 40px;
	padding: 0 !important;
	background: #fff;
	white-space: nowrap;
	-moz-transition-property: max-width,box-shadow;
	-webkit-transition-property: max-width,box-shadow;
	transition-property: max-width,box-shadow;
	-moz-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.nav-expand:hover {max-width: 1000px; box-shadow: 5px 0 3px -3px #000; -moz-transition: max-width 0.6s; -webkit-transition: max-width 0.6s; transition: max-width 0.6s;}
.nav-expand a {float: left; font-size: 13px; color: #000; text-decoration: none; padding: 0 10px;}
.nav-expand a>span.kettleicon {float: left; color: #acacac; margin: 9px 10px 0 0; font-size: 20px;}
.nav-expand a:first-child>span.kettleicon {color: #cc3333;}
.nav-expand a:hover {color: #000; text-decoration: none; background: #f2f2f2;}
.nav-expand a:hover>span.kettleicon {color: #cc3333;}

.ui-toolbar.ui-icon {background-image: url(/Content/Jquery-ui/smoothness/images/ui-icons_aaaaaa_256x240.png) !important; }

#sp-sort {color: #b3b3b3;}
#sp-sort span, #sp-sort a {float: left; margin-right: 4px;}
#sp-sort a {max-width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.invalid{background: none repeat scroll 0 0 #F17D7D;}

.clear {display: block; clear: both; float: none !important;}

@media print {
	html, body {width: 100%; height: auto !important; overflow: auto !important;}
	#filter-panel {display: none !important;}
	.header-container {background-color: #fff;}
	#sp-locations {color: #000;}
	.filter-header {overflow: visible; position: relative; width: auto; height: auto; top: auto; right: auto; bottom: auto; left: auto;}
	.filter-header>div, .show-filter-image {display: none;}
	.filter-header>div:first-child, .filter-header>div:first-child+div {display: inline-block; float: none;}
	.action-header {overflow: visible; position: relative; width: auto; height: auto; top: auto; right: auto; bottom: auto; left: auto; height: auto; border: none;}
	.action-header>div:first-child {margin-top: 0;}
	.action-buttons, .toolbar-navigate-image, .date-type-container, .date-type-container>div:last-child {display: none;}
	.date-type-container.current-date-type {display: block;}
	.layout, .layout-wide {overflow: visible; position: relative; width: auto; height: auto; top: auto; right: auto; bottom: auto; left: auto; margin: 0 !important;}
	.content, .content-wide {overflow: visible; position: relative; width: auto; height: auto; top: auto; right: auto; bottom: auto; left: auto;}
	.content>div:first-child, .content>div.list-hideable {display: none !important;}
	.content-wide>div {display: none !important;}
	.content-wide>div#kettles {display: block !important;}
	.kettles {overflow: visible; position: relative; height: auto; top: auto; right: auto; bottom: auto !important; left: auto !important;}
	.location {clear: both; page-break-inside: avoid;}
	.location-heading {clear: both;}
	.kettle {font-size: 90%; clear: both; height: auto !important; padding-left: 30px; position: relative; page-break-inside: avoid;}
	.kettle .col1>div {margin-left: 0 !important;}
	.kettle>div {float: left; width: auto !important; margin-right: 10px;}
	.kettle>div.spacer {display: none;}
	.kettle .status {position: absolute; left: 0; top: 0; bottom: 0; width: 20px !important;}
	/*.kettle select {width: 60px;}*/
	.kettle .income-field {width: auto; white-space: nowrap;}
	.kettle.hidden .col1, .kettle.hidden .col2, .kettle.hidden .col3, .kettle.hidden .col4, .kettle.hidden .spacer {visibility: visible;}
	/*.col2 .row2>div:first-child {width: auto;}*/
	.location-heading a.edit-shifts {display: none !important;}
	#scroll-loading {display: none !important;}
	.footer-container {display: none !important;}

	.clear {display: block; clear: both; float: none !important;}
}