/*  BROWSER RESET <-- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   Modified by Jon Lukas
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.4;
	/* WAND-144316: IE Scrollbar Transparency fix */
	-ms-overflow-style: scrollbar;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;

/*table {
	border-collapse: collapse;
	border-spacing: 0;*/
}

/* end browser reset */


/* Begin PrO styles */


body {
	background-color: #f6f7f9 !important;
	font-family:'Open Sans', Helvetica, Arial, Sans-Serif;
	font-size: 16px;
	
}
a:link {
	font-family:'Open Sans', sans-serif;
	text-decoration: none;
	color: #0087ce;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #0087ce !important;
}
a:active {
	text-decoration: none;
	color: #0087ce !important;
}
a[disabled="disabled"] {
	color:#ccc !important;
}
/* WAND-145855 Profile Menu Hover Color */
a:link.bluegray {
	color:#6c788a !important;
}
a:link.bluegray:hover {
	color: #0087ce !important;
}

a.blue:link {color: #043f5f; font-family:'Open Sans', Arial, sans-serif; font-size: 10px; font-weight: normal;}
a.blue:active {color: #043f5f; font-weight: normal;}
a.blue:visited {color: #043f5f; font-weight: normal;}
a.blue:hover {color: #043f5f; font-weight: normal;}



a.gold:link {color: #874f00; font-family:'Open Sans', Arial, sans-serif; font-size: 14px; font-weight: bold;}
a.gold:active {color: #874f00; font-weight: bold;}
a.gold:visited {color: #874f00; font-weight: bold;}
a.gold:hover {color: #874f00; font-weight: bold;}


.body10 {
	font-family:'Open Sans', Arial, sans-serif!important;
    font-size: 10px;
    font-weight: normal!important;
    color: #525252!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.body10bold {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #525252;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.body11{
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #525252;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.body11bold {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #525252;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.grayItalics11{font-family:'Open Sans';font-size:11px;color: #736F6E;font-style: italic;}
.body12 {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #525252;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height:15px;
}
.body12bold {
	font-family:'Open Sans', Arial, sans-serif;
    font-size: 12px!important;
    font-style: normal;
    font-weight: bold;
    color: #525252!important;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;;
}
.body12grey {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999;
}
.body12boldgrey {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.body14 {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #525252;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.body14bold {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #525252;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.body14boldgrey {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #999;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.body16 {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #666;
}
.body16bold {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
.body28 {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #666;
}
/***
h1:not(.mat-h1) {
	font-family:'Open Sans', Arial, sans-serif!important;
    font-size: 28px!important;
    font-style: normal!important;
    font-weight: normal!important;
    color: #666!important;
    margin: 0px!important;
    padding: 0px!important;
}
h2:not(.mat-h2) {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	margin: 0px;
	padding: 0px
}
h3:not(.mat-h3) {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #525252;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
h4:not(.mat-h4) {
	font-family:'Open Sans', Arial, sans-serif!important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #525252 !important;
    margin-top: 0px !important;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
***/
.help_logout_login {
	font-family:'Open Sans', Helvetica, sans-serif;
	font-size:10px;
	color: #666;
	font-weight: normal;
}
.horizontal_rule {
	background-color: #CCC;
	height: 2px;
	border:0;
}
			
#page_header_title {
	/*position:absolute;*/
	margin: 10px 0 0 12px;
	width:150px;
	height:29px;
	width: auto;
	text-align:left;
}
.page_header {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	color: #666;
}
.section_header {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 20px!important;
	font-style: normal;
	font-weight: normal;
	color: #666;
}
.footer_text {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
	letter-spacing : +.2mm;
	display:inline-block;
}

.required-text {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal!important;
    font-style: italic!important;
    color: red!important;
    font-size: 12px!important;
}

.subnav {
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-style: italic;
	font-size: 12px;
}
.body10Georgia {
	font-family: Georgia, Times, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #777;
	margin: 0px;
	padding: 0px
}
.body12Georgia {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	margin: 0px;
	padding: 0px;
}
.body12GeorgiaBold {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
	color: #666;
	margin: 0px;
	padding: 0px;
}

.body12GeorgiaBold {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	margin: 0px;
	padding: 0px
}
.body13Georgia {
	font-family: Georgia, Times, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	margin: 0px;
	padding: 0px
}
.body14Georgiabold {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	margin: 0px;
	padding: 0px
}
.body14GeorgiaItal{
	font-family: Georgia, Times, serif;
	font-size: 14px;
	font-style:italic;
	font-weight: normal;
	color: #ccc;
	margin: 0px;
	padding: 0px
}


.headerboldblue12 {
	font-family:'Open Sans', Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #0087ce;
}
.strong {
	font-weight:bold;
}

a.gray:link {color: #666}
a.gray:active {color: #666;}
a.gray:visited {color: #666;}
a.gray:hover {color: #666;}
a.gray:hover {
	color: #666;
	text-decoration:none;
	font-family:'Open Sans', Helvetica, sans-serif;
}


/* END GENERAL FONTS CLASSES HERE */


/* CUSTOM BUTTONS */

.btn-stroke, .btn-default {
	border-color: #6c96bd;
    background-color: #fff;
    padding: 6px 10px 6px 10px;
    border-radius: 4px;
    color: #6c96bd;
}

.btn-stroke.focus, .btn-stroke:focus, .btn-stroke:hover, .btn-default.focus, .btn-default:focus, .btn-default:hover  {
	color: #56748F;
    background-color: #fff;

}
/* END CUSTOM BUTTONS */


#shell {
	position: relative;
	bottom:-2px;
	left: -1px;
	width:980px;
	height:auto;
	background-color: #fff;
	padding: 0px;
	/*-webkit-box-shadow: #666 0px 0px 35px;
	box-shadow: 0px 0px 35px #666;
	-khtml-box-shadow: 0px 0px 35px #666;*/
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #c9d1d7; 	

}

#shell2 {
	position: relative;
	width:1200px;
	height:auto;
	margin: auto;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	margin-top: 11px;
	min-height: calc(100vh - 186px);
}
#banner {
	position:relative;
	width:100%;
	min-width:1200px;
	height: 125px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-width:1px;
	text-align:left;
	background-color: #243346;
	/*padding-left: 110px;*/
    padding-top: 18px;
    margin-bottom: 10px; /*Changed to 10 from 30 to fix Create BO page header*/
}

#banner_logo_container {
	/*width:50%;*/
	float: left;
	/*height: 60px;
	float:left;
	padding-left:22px;
	padding-top:6px;
	line-height:60px;*/
	}
#banner_logo_container img {
	width:88px;  
}
	
#banner_wand_logo {
	position:absolute;
	left:19px;
	top:18px;
	width:186px;
	height:33px;
	z-index:1;
}
#banner_dropdown {
	position:absolute;
	right:11px;
	bottom: 6px;
	width:auto;
	height:25px;
	z-index:2;
}

#more_options_nav {
	position:absolute;
	right:11px;
	bottom: 6px;
	width:auto;
	z-index:2;
}
#more_options {
	position: absolute;
	top: 54px;
	right: 52px;
	width: auto;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-width: normal;
}
#banner_help_logout_login {
	position:absolute;
	right:17px;
	top: 0px;
	margin-left: 12px;
	width: auto;
	line-height:41px;
	height: 41px;
	padding-left: 12px;
	padding-right: 12px;
	background-color:#e1f2f9;
	float: left;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-width:thin;
	border-color: #043f5f;
	z-index:2;
}
#banner_nav {
	position:absolute;
	left:19px;
	bottom: -1px;
	width:790px;
	height:38px;
	z-index:3;
}


#nav-home{
	width: 100px;
}

#nav-requesets{
	width: 130px;
}

#nav-engagements{
	width: 180px;
}

#nav-reports {
	width: 130px;
}

#body_content {
	/*position: absolute;*/
	margin-top: 18px !important;
	padding:0 !important;
	height:auto;
	/*right: 11px;*/
	width: 100%;
	font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
}

.expandable-box-popup {
	
	background-color: #FFF;
	margin-top: 18px;
	margin-left: 11px;
	margin-bottom: 25px;
	width: 850px;
	height: auto;
	padding: 10px;
	/*border:thin #CCC;
	border-style: solid;*/
	overflow:hidden;
}
.expandable-box-popup-attachment {
	
	background-color: #FFF;
	margin-top: 18px;
	margin-left: 11px;
	margin-bottom: 25px;
	width: 775px;
	height: auto;
	padding: 10px;
	/*border:thin #CCC;
	border-style: solid;*/
	overflow:hidden;
}
.plain-text {
    font-size: 12px;
    padding-top: 3px!important;
    line-height: 16px;
    color: #666666!important
}

.spacer{
	height: 18px;
	clear: both;
}
.spacer2{
	height: 2px;
	clear: both;
}
.spacer8{
	height: 8px;
	clear: both;
}

.spacer3{
	height: 10px;
	clear: both;
}

.help {
	height: 13px;
	width: 13px;
	display: inline-block;
	background-image: url(/media/web2/images/question.png);
}

.footer_text {
	font-family:'Open Sans', Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
	letter-spacing : +.2mm;

}

#footer-logo{
	margin-right: 30px;
}
.notification_number {
	font-family:'Open Sans', Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
}

.float-left {
	float: left;
}

input {
	color: #666;
}
.selectedLink {
	font-weight: bold;
}

.expandable-box-closed {
	
	background-color: #FFF;
	margin-top: 18px;
	margin-left: 11px;
	margin-bottom: 25px;
	width: 936px;
	height: 32px;
	padding: 10px;
	/*border:thin #CCC;
	border-style: solid;*/
	overflow:hidden;
	
}

.clickable {
	cursor: pointer;
}

/*NEW 1/23/12*/

#back_to {
	position:absolute;
	left:25px;
	top:-20px;
	width:auto;
	height:19px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}
.header_job_title {
	font-family: Georgia, Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	margin: 0px;
	padding: 0px
}
#subnav {
	margin-left:25px;
	margin-top:11px;
	margin-bottom:-13px;
	width:511px;
	height:19px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	color:#666;
	font-style: normal;
	font-size: 12px;

}


.floatright								{float: right;}
.floatleft								{float: left;}
.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}
/* End NEW 1/23/12*/

.wandError {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: red;
}

.error-box {
	border-style:solid;
	border-width:2px;
	border-color:red;
}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:fixed;
z-index: 9001;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

#header-table {width:960px}
#header-table td {
	width: auto;
	padding-right: 20px;
	font-weight: bold;
	/*text-wrap:none;*/
	font-size: 10px;
	padding-top: 3px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	/*text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;*/

}

.data-table {
	width:100%;
	position:relative;
/*th.first-cell,
td.first-cell							{padding-left: 15px;}*/
}
.data-table td {
	border:0;
	border-top:#CCC solid 1px;
	color: #666;
	font-family:'Open Sans', Arial, sans-serif!important;
	font-size:13px; 
	text-decoration: none; 
	text-align: left;
	padding: 6px 0;
	padding-left: 10px;
	padding-right: 2px;
	width: 25% !important;
}

.data-table-nowidth td {
	border:0;
	border-bottom:#CCC solid 1px;
	color: #666;
	font-family:'Open Sans', Arial, sans-serif;
	font-size:13px; 
	text-decoration: none; 
	text-align: left;
	padding: 6px 0;
	padding-left: 10px;
	padding-right: 2px;
	/*width: 25% !important;*/
	
}
.data-table tr:first-child td{
	border:0;
	}
.data-table th {
	border-top:#CCC solid 1px;
	color: #666;
	font-weight: normal; 
	font-family:'Open Sans', Arial, sans-serif;
	font-size:15px; 
	text-decoration: none; 
	text-align: left;
	padding: 6px 0;
	padding-left: 10px;
	padding-right: 2px;
	background:#dbdada;
	font-weight:bold;
	
}
.data-table-header td {
	border-top:#666 solid 1px;
	border-bottom:#666 solid 1px;
	color: #666;
	font-weight: normal; 
	font-family:'Open Sans', Arial, sans-serif;
	font-size:12px; 
	text-decoration: none; 
	background-color:#ddd;
	text-align: left;
	padding: 6px 0;
	padding-left: 10px;
	padding-right: 2px
}
.first-cell{
	padding-left: 15px;

}
.data-table-red td {
	border-bottom:#666 1px solid;
	color: #666;
	font-weight: normal; 
	font-family:'Open Sans', Arial, sans-serif;
	font-size:12px; 
	text-decoration: none; 
	background-color: #eeead0;
	text-align: left;
	padding: 6px 0;
	padding-left: 10px;
	}
	
.data-table-noformat td {
	padding: 0;
	margin: 0;
	border-bottom:1px solid #CCC;
}
.hidden-box {
	display: none;
}
.hidden-expandable-box {
	width: 0px;
 	height: 0px;
}
.normal-table td {
	padding:2px;
	border-width: 1px;
	border-style:solid;
	border-color: #fff;
	/*border-bottom:#CCC thin solid;
	color: #666;*/
}.normal-tablex td {
	padding:0px;
	border-width: 0px;
	/*border-style:solid;
	border-color: #fff;
	border-bottom:#CCC thin solid;
	color: #666;*/
}
.min-height-box {
	min-height:600px;
}
#banner_notification			{position: absolute; top:12px; left:482px; height: 20px; width: 26px; background: url('/media/images/alert.png') no-repeat top left;}
#banner_notification a			{display: inline-block; height: 20px; position: absolute; top: 0; left: 18px; padding-left: 2px;}
#banner_notification span		{display: inline-block; height: 20px; background: url('/media/images/alert.png') no-repeat top right; padding-right: 8px; padding-top: 2px;}
#banner_notification.empty		{background-position: bottom left;}
#banner_notification.empty a	{display: none;}

#mceEditor						{width:950px;height:80px}

#banner_loginpanel {
	white-space: nowrap;
	/*margin-left: 12px;
	margin-right:12px;
	line-height:41px;
	height: 41px;
	padding-left: 12px;
	padding-right: 12px;
	background-color:#e1f2f9;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-width:thin;
	border-color: #043f5f;
	z-index:2;*/
}

#banner_notification_panel {
	margin-top:12px;
	margin-right:16px;
	width:auto;
	float:right;
	height: 20px; width: 26px; background: url('/media/images/alert.png') no-repeat top left;}
	
	
#banner_notification_panel a			{display: inline-block; height: 20px; position: relative; top: 0; left: 18px; padding-left: 2px; text-decoration:none;}
#banner_notification_panel span		{display: inline-block; height: 20px; background: url('/media/images/alert.png') no-repeat top right; padding-right: 8px; padding-top: 2px;}
#banner_notification_panel.empty		{background-position: bottom left;}
#banner_notification_panel.empty a	{display: none;}

.top-align {
	vertical-align:top;
}

.supplier-top-align {}

.supplier-top-align td {
	vertical-align:top;
}

.supplier-wrap td{padding:0!important;}

#banner_calendar {
	margin-top:10px;
	/*margin-right:8px;*/
	width:auto;
	float:right;
}

#searchbar {
	width: 980px;
    margin-left: -1px;
    background-color: #f6f7f9;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #c9d1d7;
    margin-top: -1px;
    border-left: 1px solid #f6f7f9;
}

.widget_table_nav
	{
	border-left: 0px; 
	border-top: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	vertical-align:middle;
	text-align:center;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	background-image:url(/media/images/bg_nav_widget.gif);
	padding: 6px 12px 2px 12px;
	width:auto;
	height: 47px;
	line-height:18px;
	float:left;
	display: block;
	}
	
.widget_table_nav:hover {
	background-image:url(/media/images/bg_nav_widget_on.gif);
	background-color: #f7a200;}
	
.widget_table_nav_on {
	border-top: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	vertical-align:middle;
	text-align:center;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	background-image:url(/media/images/bg_nav_widget_on.gif);
	padding: 6px 12px 2px 12px;
	width:auto;
	height: 47px;
	line-height:18px;
	float:left;	
	}
	
.widget_table_nav_spacer1 {
	border-right: 1px solid #ccc; 
	background-color:transparent;
	width:10px;
	height: 47px;
	line-height:18px;
	float:left;
	}
	
.widget_table_nav_spacer2 {
	border-right: 1px solid #ccc; 
	background-color:transparent;
	padding: 6px 12px 2px 12px;
	width:auto;
	height: 47px;
	line-height:18px;
	float:left;
	}

	
#shortcuts {
	position:absolute;
	right:11px;
	bottom: 0px;
	width:auto;
	z-index:1000;
}


.button_gray {
	width:auto; 
	border:1px solid #ccc; 
	height:auto; 
	padding: 4px 6px 4px 6px; 
	text-align:center; 
	font-family:'Open Sans', Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#666;
	display: inline-block;
	background-color:ccc;
	margin:-30px 10px 0px 0px; 
	line-height:14px;
}
.button_gray:hover {
	background-color:#ddd;
	color:#ccc;

}


	
/*--------------------------
	MORE CODE FOR NEW MOCKUP
	-------------------------*/
	
.info-6-col-wrap{
	overflow:hidden;
	padding:7px 0px 7px 20px;
}
.info-6-col-box{
	width:160px;
	float:left;
	font-family:'Open Sans', Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}
.info-box-title{
	display:block;
	text-transform:uppercase;
	font-size:11px;
}
.info-box-value{
	font-weight:bold;
	font-size:15px;
}
.info-4-col-wrap{
	overflow:hidden;
	padding:7px 0px 7px 20px;
}
.info-4-col-box{
	width:210px;
	float:left;
	font-family:'Open Sans', Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}
.info-4-col-wrap .info-box-title{
	font-weight:bold;
}
.info-4-col-wrap .info-box-value{
	font-weight:lighter;
	font-size:12px;
}
.line-hr{
	border:0;
	border-bottom:1px solid #cccccc;
	clear:both;
	margin:5px 0;
	display:block;
	width:100%;
}
.general-info-section{
	padding:0 8px;
}
/*old tabs*>
.tabs{
	overflow:hidden;
	padding:10px 0 20px;
}
.tabs li{
	overflow:hidden;
	float:left;
	font-family:'Open Sans', Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}
.tabs li a{
	color:#525252;
	text-decoration:none;
	padding:7px 12px;
	display:block;
	}
.tabs li a:hover,.tabs li a:active{
	background:#fff;
	font-family:'Open Sans', Helvetica, sans-serif;
	}
.tabs li a.active{
	background:#fff;
	font-weight:bold;
	}
*/

.expand-box{
	background:#fff;
	margin:10px 10px;
}
.expand-data{
	padding:10px;
	/*display:none;*/
}
.expand-box:active .expand-data{
	display:block;
}
.expand-title{
	font-size: 18px;
	color: #666;
	background:url(../images/arrows.png) no-repeat 10px 8px;
	padding: 2px 0 2px 30px;
	cursor:pointer;
}
.active-tab{
	background-position:10px -102px;
}
.wd-50{
	width:50%
}
.title-inline{
	display:inline-block;
	width:60px;
}
.section-wrap{
	padding:0 10px;
}
.approval-box{
	border:10px solid #fff;
	background:#f3f3f3;
	overflow:hidden;
	padding:10px;
	margin:6px 0 20px;
}
.filter-by{
	width:100px;
	float:left;
	}
.approval-type,.approval-status{
	width:200px;
	float: left;
	margin:0 0 15px 15px;
}
.approval-list-box{
	border:1px solid #dbdada;
	background:#fff;
	color: #666;
	padding:10px;
	margin:6px 0 0;
}
.approval-list-box ul{
	min-height:124px;
}
.approval-list-box li{
	padding:2px;
	}
.approval-list-box li:hover{
	background:#eef8fc;
	}
.approval-box .update-list{
	margin:143px 0 0 15px;
	float:left;
	}
.h1-hd{
	font-size:22px;
}
.h3-hd{
	font-size:15px;
	display:block;
	color: #666;
}
.field-set{
	padding:5px 15px;
	border:0;
}
.field-set .form_hd{
	margin:0px -15px 10px;
	background:#dbdada;
	font-size:15px;
	padding:5px;
	clear:both;
}
.field-set label{
	float:left;
	width:130px;
	height:21px;
	line-height:21px;
	margin:0 0 10px;
}
.field-set .in{
	float:left;
	width:230px;
	height:21px;
	margin:0 200px 10px 0;
}
.section-form{
	float:left;
	width:642px;
}
.clear{
	clear:both;
}
.search-btn{
	margin:-35px 0 0;
}
.address-section{
	float:right;
	width:320px;
	margin:10px 10px 0 0;
}
.news-box{
	padding:10px;
	background:#fff;
	margin:0 0 15px;
	color: #666;
	min-height:127px;
	}
.contact-info{
	padding:10px;
	background:#fff;
	color: #666;
	margin:0 0 15px;
	}
.contact-info p,.contact-info h3{
	padding:4px 0;
	}
.bold-txt{
	font-weight:bold;
	}
.address-table td{
	border-top:1px solid #ccc;
	color: #666;
	font-weight: normal;
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 12px;
	padding:10px;
	vertical-align:top;
}
.address-table td.remit-address-section{
	background:#eef8fc;
	width:200px;
}
.address-table td a,.data-table td a{
	font-weight:bold;
}
.address-table td ul li{
	padding:3px 0;
	}
.address-table td ul li.active a{
	color:#666666;
	}
.address-table td h4{
	padding:3px 0;
	border-bottom:1px solid #ccc;
	margin:0 0 5px;
	}
.dummy-section{
	margin:20px 0 -10px -10px;
	border-top:10px solid #fff;
	clear:both;
	width:940px;
}
.add-note-icon{
	width:90px;
	height:17px;
	background:url(../images/add_note.png) no-repeat 0 0;
	display:block;
	font-weight:bold;
	padding:0 0 0 20px;
}
.expand_collapse{
	text-align:right;
	padding:0 10px;
}
.left-section{
	width:294px;
	float:left;
	margin:15px 0 0 10px;
}
.right-section{
	width:660px;
	float:right;
	margin:-10px 0 0 0;
	position:relative;
}
.bolder-line{
	position:absolute;
	width:1px;
	height:100%;
	top:25px;
	left:-3px;
	border-left:1px solid #ccc;
}


.left_calender{
	float:left;
	width:253px;
	border-right:1px solid #cdcdcd;
}
.left_calender_inner{
	float:left;
	width:200px;
}
a.days:link { width:24px; height: 20px; line-height: 20px; margin:8px; float:left; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;}
a.days:visited { width:24px; height: 20px; line-height: 20px; margin:8px; float:left; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;}
a.days:hover { width:24px; height: 20px; line-height: 20px; margin:8px; float:left; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; background-color:#eee;}
.days_active { width:24px; height: 20px; line-height: 20px; margin:8px; float:left; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; background-color:#eee;}

	
.right_table{
	float:left;
	width:687px;
	border-left:1px solid #cdcdcd;
	margin:0 0 0 -1px;
}
.inner_right_table{
	float:left;
	width:740px;
}
.header_sec{
	/*background:#f2f2f2;*/
	overflow:hidden;
	padding:7px;
	font-size:12px;
	font-family:'Open Sans', Helvetica, sans-serif;
	color:#666561;
	line-height:21px;
	margin:0 0 5px;
}
.header_sec img{
	vertical-align:middle;
	}
.header_sec1{
	width:auto;
	margin-right: 18px;
	float:left;
	text-align:left;
}
.header_sec2{
	width:240px;
	float:left;
}
.header_sec1 span,.header_sec2 span{
	font-weight:bold;
	}
.header_sec3{
	float:right;
	text-align:right;
}

.role_client_dropdown {
	width:auto;
	float:left;
	margin-top: -10px;
	margin-right:10px;
	clear:both;
	text-align:right;
}

.calendar_total {
	width:735px; 
	float:right; 
	height:24px; 
	line-height:24px; 
	background-color:#efefef; 
	text-align:center; 
	vertical-align:middle; 
	margin-top:-24px;
}
.uppercase {
	text-transform:uppercase;
}

//*RESKIN CLASSES*//

.header1 td {
	font-family:'Open Sans', Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#f3f3f3;
	padding:2px;
	width:auto;
	white-space:nowrap;*/
}
/* RESKIINED tabs */
.tabs td {
	overflow:hidden;
	padding:10px;
	background-color:#f3f3f3;
	font-weight:bold;
	color: #999;
	font-size:12px;
}
.tabs li{
	overflow:hidden;
	float:left;
	font-family:'Open Sans', Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:bold;
}
.tabs li a{
	color:#666;
	text-decoration:none;
	padding:7px 12px;
	font-family:'Open Sans', Helvetica, sans-serif;
	display:block;
	font-size:12px;
	font-weight:bold;
}
.tabs li a:hover,.tabs li a:active{
	background:#fff;
	font-family:'Open Sans',Arial, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	}
.tabs li a.active{
	background:#fff;
	font-family:'Open Sans',Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	background-color:#fff;
	}
/*END RESKINNED TABS*/
	
.bg-blue-light{
	background:#eef8fc;
	font-family:'Open Sans', Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#666;
}
.bg-grey-light{
	background:#f3f3f3;
}
.wd-25{
	width:25%;
}
.wd-235{
	width:235px;
}
.mgn{
	margin:10px 0 0;
}
.mgn1{
	margin:-3px 10px 0px 0px;
}
.mgn2{
	margin:4px 10px 0px 0px;
}
.mgn3{
	margin:4px 30px 0px 0px;
}
.mgn4{
	margin:4px 0px -20px 0px;
}
.mgn5{
	margin:10px 10px 0px 30px;
}
.left-sec{
	width:450px;
	float:left;
}
.right-sec{
	width:470px;
	float:right;
}
.details-box{
	background:#f3f3f3;
	padding:15px 20px;
}
.setting-btn{
	margin:-30px 0 0;
	float:right;
}
.chart-data-display {
	float: right;
	margin-right: 25px;
	margin-top: 10px;
}
.chart-data-display2 {
	float: right;
	margin-top: 25px;
}
.h2-hd{
	padding:10px 10px 10px 30px; 
	font-size:16px;
	font-weight:bold;
	font-family:'Open Sans', Helvetica, sans-serif;
	color:#3dafe3;
	line-height:21px;
}
.section-left-560{
	float:left;
	width:560px;
}
.section-left-465{
	float:left;
	width:465px;
}
.section-right-465{
	float:right;
	width:465px;
}
.section-right-340{
	float:right;
	width:340px;
}
	
/*INTEGRATED FROM UIX.CSS */
/* CORRECTED CLASSES FOR IE 7 */

#submit #draft {
	margin-left: 585px;
}
.expandable-box {
	
	background-color: #FFF!important;
    margin-top: 18px!important;
   /* margin-left: 10px !important;
    margin-right: 10px!important;*/
    margin-bottom: 25px!important;
    width: 1200px!important;
    height: auto!important;
    padding: 10px!important;
    text-align: left!important;
    overflow: hidden!important;
    border-radius: 3px;
    border: 1px solid #c9d1d7;
    box-shadow: 2px 2px 4px #efefef;
}
.expandable-box-short-border {
	
	background-color: #FFF;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: 960px;
	height: auto;
	padding-top:5px;
	padding-right:10px;
	padding-left:10px;
	overflow:hidden;
}

.expandable-header {
	background-color: #FFF;
	margin-top: 18px;
	margin-left: 10px;
	margin-right: 10px;
	width: 960px;
	height: auto;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	overflow:hidden;
}
.expandable-slider {
	
	background-color: #FFF;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top:5px;
	padding-right:10px;
	padding-left:10px;
	width: 960px;
	height: auto;
}


#expenseEntryDiv0 .expandable-box {
	
	background-color: #FFF;
	margin: 0;;
	height: auto;
	padding: 0;
	width: 940px;
}

#expenseEntryDiv1 .expandable-box {
	
	background-color: #FFF;
	margin: 0;;
	height: auto;
	padding: 0;
	width: 940px;
}

#expenseEntryTotal .expandable-box {
	
	background-color: #FFF;
	margin: 0;;
	height: auto;
	padding: 0;
	width: 940px;
}


#graph_area {
	background-color: #FFF;
	margin-top: 18px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	width: 960px;
	height: auto;
	padding: 10px;
}
#leftcol {
	position:relative;
	width: 490px;
	float:left;
}

#rightcol {
	position:relative;
	width:490px;
	float:left;
}
#footer {
	width: 980px;
    height: 50px;
    background-color: #f6f7f9;
    position: relative;
    border-top: 1px solid #c9d1d7;
    left: -1px;
    top: 1px;
    line-height: 4;
    z-index: 999;
    font-size: 12px;
    color: #7f94ae;
    margin-bottom: 0;
    border: 1px solid #c9d1d7;
}
#footer2 {
	width: 100%;
    height: 50px;
    background-color: #f6f7f9;
    position:relative;
    border-top: 1px solid #c9d1d7;
    left: -1px;
    bottom: 0;
    line-height: 4;
    z-index: 999;
    font-size: 12px;
    color: #7f94ae;
    text-align:center;
}
footer.fixed {
	width:978px !important;
	margin-left:0 !important;
}
/*position-detail-ab {
width: 150px;
}*/
.myGrayButton {
    font-family:'Open Sans', Helvetica, sans-serif !important;
    font-size: 12px!important;
    font-weight: bold!important;
    text-align: center!important;
    color: #666!important;
    text-decoration: none;
    width: auto;
    border-bottom-color: #c8c8c8!important;
    border-left-color: #d4d4d4!important;
    border-top-color: #e3e3e3!important;
    border-right-color: #d4d4d4!important;
    border-width: 1px!important;
    border-style: solid!important;
    padding-left: 8px!important;
    padding-right: 8px!important;
    background-image: url(/media/web2/images/btn_gray_bg_off.gif)!important;
    background-repeat: repeat-x;
    background-position: center;
    height: 25px;
    line-height: 25px!important;
    margin: 0 10px;
    border-radius: 0 !important;
    padding: 0 12px!important;
    border-color: #ccc!important;
}


a.myGrayButton, .myGrayButton{color:#666!important; float:left;}
a:hover.myGrayButton{text-decoration:none;}

.myGrayButton:hover {
		background-image: url(/media/web2/images/btn_gray_bg_on.gif)!important;
}

#req_add_req,
#worker_approvals 							{width: 475px; padding: 10px; margin: 10px;position:relative;background-color: #FFF;}

#worker_approvals							{margin-left: 5px;}

#req_pending_req,
#worker_active_workers						{width: 475px;height: 412px; padding: 10px; margin: 10px;position:relative;background-color: #FFF;}

#worker_active_workers						{margin-left: 5px;}

#viewall									{width: 464px; text-align:right; /* increased the width to match the container increase but these are positioned absolutely */}

#view_delegate_records {
	position: absolute;
	top:10px;
	right: 17px;
	width:140px;
}

.header-box {
	background-color: #FFF;
	margin-top: 4px;
	margin-left: 11px;
	margin-bottom: 14px;
	width: 956px;
	height: auto;
	padding: 10px;
	/*border:thin #CCC;
	border-style: solid;*/
	overflow:hidden;
}
#discussionMessage {
	width:550px
}

#email-body{
height: 465px;
overflow: auto;
padding: 10px;
}

.expand-collapse {
	padding-right:22px; 
	text-align:right;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	margin: 0px;
	
}
.selectedLinkBackground {
	background-color: #eeeeee;
}


/*END INTEGRATED UIX.CSS*/


/* CLASSES FROM CientUIStyles.css MODIFIED FOR RESKIN */
.featuretitle {font-weight: bold; font-size:16px; font-family:'Open Sans', Arial, sans-serif; color: #666;}
.subTableTitle {font-weight: bold; text-decoration: none; font-size:11px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color: #657281; background-color:#dddddd; height:20px; line-height:20px; vertical-align:middle; padding-left:8px;}
.subfeaturetitle {font-weight: bold; text-decoration: none; font-size:11px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color: #657281; background-color:#dddddd; height:20px; line-height:20px; text-align:left;}
.subTableHeader {background-color: #dddddd; text-align:left;}
.subfeaturegrey {font-weight: bold; text-decoration: none; font-size:10px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color: #747168; background-color:#eee; height:20px; line-height:20px; white-space:nowrap; border-bottom:1px #ddd solid;}
a.drkgreyLink:link {text-decoration: none; font-size:11px;font-family:'Open Sans', Arial, Helvetica, sans-serif; color: #666666!important;}
a.drkgreyLink:visited {text-decoration: none; font-size:11px;font-family:'Open Sans', Arial, Helvetica, sans-serif; color: #666666!important;}
a.drkgreyLink:hover{text-decoration: underline; font-size:11px;font-family:'Open Sans', Arial, Helvetica, sans-serif; color: #666666!important;}
a.drkgreyLink:active {text-decoration: none;font-size:11px;font-family:'Open Sans', Arial, Helvetica, sans-serif; color: #666666!important;}
a.drkgreyBoldLink:link {text-decoration: none; font-size:11px;font-weight: bold;font-family:'Open Sans', Arial, Helvetica, sans-serif; color: #666666!important;}
a.drkgreyBoldLink:visited {text-decoration: none; font-size:11px;font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight: bold;color:#666666!important;}
a.drkgreyBoldLink:hover{text-decoration: underline; font-size:11px;font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight: bold; color: #666666!important;}
a.drkgreyBoldLink:active {text-decoration: none; font-size:11px;font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight: bold;color:#666666!important;}
.subhead {font-weight: bold; text-decoration: none; font-size:12px; font-family:'Open Sans', Arial, sans-serif; color: #666666!important;}
/* END CLASSES FROM CientUIStyles.css MODIFIED FOR RESKIN */

/* CLASSES TO REPLACE TD BACKGROUND COLOR FROM OLD UI */
.tdbgcolor1 {background-color: none} /*old UI bgcolor="#a7bfcd"*/
.tdbgcolor2 {background-color: none} /*old UI bgcolor="#B7B5AB"*/
.tdbgcolor3 {background-color: none} /*old UI bgcolor="#5C88A1*/
.tdbgcolor4 {background-color: none} /*old UI bgcolor="#F1F2E4"*/
.tdbgcolor5 {background-color: #DDD} /*old UI bgcolor="#DDDDCD"*/
.tdbgcolor6 {background-color: #EEF8FC} /*old UI bgColor="#F0F5F7"*/
.tdbgcolor7 {background-color: #EEF8FC} /* old UI bgcolor="#EEF8FC"*/
.tdbgcolor8 {background-color: #EEF8FC} /* old UI bgcolor="#E9FBFC*/
.tdbgcolor9 {background-color: #EEE} /*old UI bgcolor="#D8DDE0"*/
/* END CLASSES TO REPLACE TD BACKGROUND COLOR FROM OLD UI */


table.navtable td { margin: 0 10px 0 20px; background-color:#ddd; padding-left:6px; padding-right:6px; line-height: 25px; }
table.subnavtable td { padding-left:6px; padding-right:6px; line-height: 25px; text-align: left;}


.drkgreyBoldLink br {display:none} /* this disables the br tag for the client nav that auto brings in br tag */

.alphabet_container {
	width:940px; 
	text-align:left; 
	margin-top:14px;
	margin-left:16px;
}
a.alphabet:link { width:28px; margin:4px; padding:4px; text-align:center; text-decoration:none; }
a.alphabet:hover { width:28px; margin:4px; padding:4px; text-align:center; text-decoration:none; background-color:#ddd; }
a.alphabet:visited { width:28px; margin:4px; padding:4px; text-align:center; text-decoration:none; display:inline; }
.alphabet-active { width:28px; margin:4px; padding:4px; text-align:center; text-decoration:none; background-color:#ddd; }

.searchInvoice {
	width:110px; float:left; margin-top:6px;
}
.searchInvoiceSmall {
	width:80px; float:left; margin-top:6px;
}

.style2 {color: #FF6633 !important}
.radiogreen{background-image:url(/media/images/icon_rb_green.gif); background-repeat:no-repeat; background-position:left}
.radioyellow{background-image:url(/media/images/icon_yell_alert.gif); background-repeat:no-repeat; background-position:left}
.radiored{background-image:url(/media/images/icon_red_alert.gif); background-repeat:no-repeat; background-position:left}


.error {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-align:left !important;
}
div.scrollbar
{
  scrollbar-face-color: #F0F5F7;
  scrollbar-shadow-color: #D8DDE0;
  scrollbar-highlight-color: #F0F5F7;
  scrollbar-3dlight-color: #D8DDE0;
  scrollbar-darkshadow-color: #F0F5F7;
  scrollbar-track-color: #F0F5F7;
  scrollbar-arrow-color: #797966;
  height:130px;
  min-height:130px;
  overflow:auto;
  overflow-y:auto;
  overflow-x:hidden;
 }


#billingExpenseCommand table  td.body11 b{ text-align:left; float:left;  width:98%; clear:both;}

.required {
	font-size:12px;
	color:#F00;
	padding-top:8px;
}

.edit {
    float: right;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal!important;
    font-size: 12px!important;
}

.header_supplier {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #525252;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
.header_supplier_bold {
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #525252;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.manager-combo-disabled {
}
.popbox_expense_day_date{
    display: none;
    position: absolute;
    z-index: 99999;
    padding: 4px;
    background: #EEEFEB;
    color: #000000;
    border: 1px solid #4D4F53;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    font-family:'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
}

.chart-help{
	margin-left: 8px;
    height: 12px; 
    width: 12px;
    display: inline-block;
    background-repeat: no-repeat;
 	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0UxRDEzRDVFM0E5MTFFNDkwNjJENkQ2OTgzNThFRjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0UxRDEzRDZFM0E5MTFFNDkwNjJENkQ2OTgzNThFRjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRTFEMTNEM0UzQTkxMUU0OTA2MkQ2RDY5ODM1OEVGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRTFEMTNENEUzQTkxMUU0OTA2MkQ2RDY5ODM1OEVGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpvRk0UAAAEHSURBVHjaYvz//z8DCGRPO8APpCKBOASI1YCYEYhvA/FaIF46NcvhA0gdI0gDULECkD0biF0YsIN9QJwG1HSX+bWYgyCQswyInZEUXADiIiCWAmJZIFYEYsNtpx9sZgIywoHYEc3E90C8HojvI4nZAnEUC1QDMngOxOxAfAmIldHkwkA2qKAJXgTiRCCuAuJfaHIKTNDQYECzWhKI3wDxX3TfgzTcQRN7BMTHgdgTiLnR5B6CNKxCE7wLDD6QU0D++44mtxqkYSUQH0YSNADGSzqQfgfEn5DET4AiEBZxytCIc8QRcSADU4E232REShqgCIwF4mCk4LwHxOuAeBFQMchGBoAAAwDY6Ei9HwmeMgAAAABJRU5ErkJggg==');
}

/* WAND-23245: Bootstrap fix for header searchbar */
input { line-height: initial !important; }
img { vertical-align: initial !important; }

.OrangeCheckbox, .OrangeRadio {
  margin  : 0;
  padding : 0;
  opacity : 0;
}
input[type=radio].OrangeRadio:not(old) + label,
input[type=checkbox].OrangeCheckbox:not(old) + label{
  display      : inline-block;
  margin-left  : -21px;
  margin-top   : 0;
  padding 	   : 0 0 0 21px;
  line-height  : 21px;
  background-size:21px !important;
}

input[type=checkbox].OrangeCheckbox:not(old):checked + label{
  background   : url('/media/images/OrangeCheck_Enabled.png') no-repeat;
  background-position : top left;
}
input[type=checkbox].OrangeCheckbox:not(old) + label{
  background   : url('/media/images/OrangeCheck_Enabled.png') no-repeat;
  background-position : bottom left;
}
input[type=checkbox].OrangeCheckbox:not(old):checked:disabled + label{
  background   : url('/media/images/OrangeCheck_Disabled.png') no-repeat;
  background-position : top left;
}
input[type=checkbox].OrangeCheckbox:not(old):disabled + label{
  background   : url('/media/images/OrangeCheck_Disabled.png') no-repeat;
  background-position : bottom left;
}

input[type=radio]:not(old).OrangeRadio:checked + label{
  background   : url('/media/images/OrangeRadio_Enabled.png') no-repeat;
  background-position : top left;
}
input[type=radio].OrangeRadio:not(old) + label{
  background   : url('/media/images/OrangeRadio_Enabled.png') no-repeat;
  background-position : bottom left;
}
input[type=radio].OrangeRadio:not(old):disabled + label{
  background   : url('/media/images/OrangeRadio_Disabled.png') no-repeat;
  background-position : bottom left;
}
.ng-submitted input[type=radio].OrangeRadio.ng-invalid:not(old) + label {
    background: url('/media/images/OrangeRadio_Error.png') no-repeat;
}

/** HINT/GHOST/PLACEHOLDER TEXT START **/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #c9d1d7 !important;
	font-size:12px;
	font-family: 'Open Sans' !important;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #c9d1d7 !important;
	font-size:12px;
	font-family: 'Open Sans' !important;
}

input:-moz-placeholder, textarea:-moz-placeholder {
	/* Older versions of Firefox */
	color: #c9d1d7 !important;
	font-size:12px;
	font-family: 'Open Sans' !important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #c9d1d7;
	font-size:12px;
	font-family: 'Open Sans';
}

.ieplaceholder {
	color: #c9d1d7;
	font-size:12px;
	font-family: 'Open Sans';
}
/** HINT/GHOST/PLACEHOLDER TEXT END **/

#ptnl-payrolee-td {
	color:gray;	
}
#payrolee-warning {
	padding:10px 15px 10px 40px;
	border-radius:3px;
	border:1px solid #cccccc;
	font-size:11px;
}

/** WAND-24764 **/
.ts-profile-img {
	width: 40px !important;
	height: 40px !important;
	border-radius: 3px;
}

/** WAND-25478 Avatar dimensions fix **/
#avatarImg {
	height:38px;
	width:38px;
	border-radius:4px;
}

/**Part of WAND-2588 - This is to override the introduction of Bootstrap css on to the UI **/
hr {
    margin-top: 0 !important;
    margin-bottom: 0.5em !important;
    border-width: 1px !important;
    border-style: inset !important;
}

/** WAND-25446 **/
#specificWorkerModal {
	padding:15px;
}


/* WAND 45314 */
#search_worker_category1, #search_worker_location1 {
	width: 220px;
}


/* SCOREBOARD START */
/* SCOREBOARD MISC STYLES */
.scoreboard .modal-body { padding-bottom:0; }
.scoreboard .avatar-icon { height:52px; width:52px;	}
.avatar-initials{ width: 52px; height: 52px; line-height:52px; font-size: 21px; 
				  display: table-caption; background: lightgray !important; text-transform: uppercase; }
.scoreboard .close_adj { top: -20px !important; right:-15px; }
.scoreboard-tooltip { margin-left: 0 !important; margin-bottom: 0; border-color: rgb(102,102,102); }
[popup-class='scoreboard-tooltip'] { opacity:1 !important; }
[popup-class='scoreboard-tooltip'] .tooltip-inner {
	border-radius:0; color:rgb(102,102,102); font-style:italic; font-weight:600;
}
.scoreboard footer { padding-top:1px; }

/* SCOREBOARD GENERAL CSS */
.scoreboard .modal-content { display:table; margin:auto; }

/* SCOREBOARD CONTAINER CSS */
.scoreboard #top-hdr-container { overflow-x:hidden; margin-left: 238px; }
.scoreboard #left-hdr-container { overflow-y:hidden; height:200px; width:235px; }
.scoreboard #middle-container { display: inline-block; overflow:auto; height:200px; margin-left:-4px; }
.scoreboard #top-hdr-container, .scoreboard #middle-container { max-width:calc(100vw - 350px); }

/* SCOREBOARD ROW CSS */
.scoreboard .question, .scoreboard .middle-container-row { height:auto; border-top:1px solid #cccccc; }
.scoreboard .question:nth-child(even), .middle-container-row:nth-child(even) { background: #fafafa; }
.scoreboard .question { padding:20px 0 20px 5px; }
.scoreboard .question:last-of-type { margin-bottom: 30px; }
.scoreboard .score-cell { padding:15px 0 20px 5px; }
.scoreboard .top-hdr-container-row { height:165px; }

/* SCOREBOARD COLUMN CSS */
.scoreboard .top-header, .scoreboard .score-cell { display:table-cell; width:160px; }

.modal-85percent { width:85%; height:85vh; }

@media (min-width: 768px) {
	.scoreboard .modal-dialog {
	    width: inherit;
	    margin: 10px auto;
	}
}
/* END SCOREBOARD */

/* WAND-97600 header misalignment for MSP */
#collaborator-headings h4.sortable { margin-top:20px !important; }
#collaborator-headings .sortable-i-div { margin-top:7px; }

/* WAND-81749 */
[ng-app=mspCollaborationApp] #appr_header_div {
    padding: 30px 0 0 16px;
}

/* WAND-97530 Fixes grid wrapping issues */
#collaboratorGridId [class^='col-xs-'] {
    padding-right: 0;
    padding-left: 0;
}

.avatarClass {
	width: 38px;
    height: 35px;
    line-height:30px;
    padding-top: 5px;
    font-size: 15px;
    font-weight:300;
}

/* WAND-60901 avatar images too large in IE9*/
.avatarParentDiv img {
	width:32px;
	height:32px;
}

/* BEGIN IMPORTANT COMMON CSS */
.br-3 { border-radius:3px !important; }
.bg-f93 { background-color: #ff9933!important; }
.m-t-sm { margin-top:10px !important; }
.m-t-md { margin-top: 20px !important; }
.m-t-lg { margin-top: 30px !important; }
.m-b-lg { margin-bottom: 30px !important; }
.w250 { width:250px !important; }
.h-auto { height:auto !important; }
/* END IMPORTANT COMMON CSS */

.auto-`-small {
	padding:10px 15px 10px 15px;
	border-radius:4px;
	float:left;
}

.msp-card {
    overflow: visible;
    margin-bottom: 10px;
    box-shadow: 6px 7px 5px -6px #eee;
    border: 0;
    padding-top:20px;
    padding-bottom:20px;
    background:white;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0470588235294118);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0470588235294118);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0470588235294118);
}

.white-gray-striped-row:nth-child(odd) { 
	background:white;
}
.h-auto { height:auto !important; }
.white-gray-striped-row:nth-child(even) { 
	background:rgba(249, 249, 249, 1);
}

/** Fixes sortable plugin drag jumping issue 
http://stackoverflow.com/questions/2483943/jquery-ui-sortable-listitem-jumps-to-top-in-safari-and-chrome **/
body { 
	overflow-x:initial !important; 
}
.p-r-sm { padding-right:10px !important; }
/* END IMPORTANT COMMON CSS */

.x-body {
    font-family: 'Open sans', sans-serif!important;
}
.x-panel-header-text-default,
.x-panel-header-text-default-framed {
    font-family: 'Open sans', sans-serif!important;
}

/** Bootstrap btn-group CSS Start **/
.btn-group.dropdown.open .btn {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.btn-group.dropdown .dropdown-menu {
	border:2px solid #6c96bd;
	margin-top:0;
	border-top-left-radius:0;
}
.btn-group.dropdown li {
	cursor:pointer;
	background:white;
	color:#6C96Bd;
	padding:8px 0 8px 12px;
	font-weight:600;
}
.btn-group.dropdown li:hover {
	background:#e2eaf2;
}
/** END Bootstrap btn-group CSS **/

.cursor-default {
	cursor: default;
}

/** Start WAND-123813 Dropdown-menu color fix **/
.dropdown-menu > li > a:hover{
  color:#666 !important;
}
.dropdown-menu > li > a strong{
  color:#ff9933;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: white !important;
}
/** End WAND-123813 Dropdown-menu color fix **/


/* WAND-142455 tooltip color fix */
.tooltip-inner {text-align: left;font-size: 12px;font-weight: normal;padding: 24px 18px; width: 300px; border-radius: 7.5px; white-space:normal;}

.tooltip.top .tooltip-arrow {
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000;
}
/* END WAND-142455 tooltip color fix */

.loadingOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    background: #808080 \9;
    filter: alpha(opacity=50);
    z-index: 10000;
    text-align: center;
    vertical-align: middle;
    top:0;
    left:0;
}

/* WAND-139077 Fix for h1 in browser requirements pop-up */
#browserReq h1 {
	height:35px;
}

/** Blue Progressbar start */
.blue-progressbar {
	height:1px;
	width:460px;
	margin:0 auto 0 auto !important;
	background-color:rgb(201,209,215);
	z-index:-1;
}
.blue-progressbar .progress-bar {
	background-color:rgb(86,154,209);
}
#progress-circles {
	margin:-13px auto 0 auto;
	text-align:center;
	font-size: 11px;
    font-weight: 600;
}
#progress-circles span {
	display:inline-block;
	line-height: 21px;
   	width: 23px;
    border-radius: 50%;
    background: white;
    color:black;
  	border: 1px solid rgb(201,209,215);
    color:lightgray;
}
#progress-circles span.complete {
    border: 1px solid rgb(86,154,209);
    color:rgb(86,154,209);
}
/** End Blue Progressbar */


#progress-circles2 {
	    width: 1200px;
	    text-align: center;
	}
	#progress-circles2 span {
     	display: inline-block;
    	line-height: 21px;
    	width: 23px;
    	border-radius: 50%;
    	background: white;
    	border: 1px solid rgb(86,154,209);
    	color: rgb(86,154,209);;
    }
    .progdiv {
    	width:20%;
    	opacity: 0.3;
    }	
	.blue-progressbar {
	    height: 1px;
	    width: 1000px;
	    margin: 0 auto 0 auto !important;
	    background-color: rgb(201,209,215);
	    z-index: -1;
	}
	ol, ul {
    	list-style: none;
	}
	.save-cancel {
		background: #fff;
    	width: 100%;
    	z-index: 99999;
    	height: auto;
    	padding: 20px;
    	position: fixed;
    	text-align: center;
    	bottom: 0;
    	left:0;
    	-webkit-box-shadow: 0px -4px 3px rgba(10, 10, 10, 0.15);
    	-moz-box-shadow:   0px -4px 3px rgba(10, 10, 10, 0.15);
   		 box-shadow: 0px -4px 3px rgba(10, 10, 10, 0.15);
	}
	#progdiv {
	    width: 100%;
	    height: 60px;
	    z-index: 99;
	}
	.posi {
	    position:fixed;
	    margin-top: 0;
	    top:0;
	}
	
	.Highlight-ColumnTitleBlue	{
	    background-color: #fff;
    padding: 4px 6px;
    box-shadow: 2px 2px 4px #efefef;
    font-size:12px;
    }
    
    img[src="/media/images/or_sq.gif"] {display:none;}
/* ALL GENERAL FONT CLASSES HERE */ 
    
/** Keyboard Navigation Start (WAND-158559 WAND-158624) **/
/* Default Styling */ 
a:focus, select:focus, input:focus, textarea:focus {
    outline: #5299d3;
    outline-style: auto;
}

/* MSP Config Banner Menu */ 
#banner a:focus,
#banner select:focus, #banner .dropdown-toggle:focus {
	color:#ccc !important;
	outline: none !important;
}
#banner select:focus option {
	color:#2a394f !important;
}
/* MSP Config Left Nav Menu */
#side-menu ul.nav a:focus, ul#side-menu > li > a:focus {
    background:#eee !important;
	outline: none !important;
}

/* Banner Profile Dropdown Menu */
#banner ul.profile-links > a:focus {
	background-color:#f3f8fc !important;
	color:#5299d3 !important;
	outline: none !important;
}
#banner ul.profile-links > a:nth-child(1):focus {background-image: url(/wand/images/icon-user-on.png);}
#banner ul.profile-links > a:nth-child(2):focus {background-image: url(/wand/images/icon-help.png);}
#banner ul.profile-links > a:nth-child(3):focus {background-image: url(/wand/images/icon-email-on.png);}
#banner ul.profile-links > a:nth-child(4):focus {background-image: url(/wand/images/icon-logout-on.png);}
/* End Keyboard Navigation (WAND-158559 WAND-158624) */