html {
       height: 100%; 
}

body {
    padding:0px;
       margin:0px;
       background-color:#FFFFFF;
       text-align:center;
       font-size:11pt;
    font-family:sans-serif,Verdana,Arial,Helvetica;
    height: 100%;
}

a:link { color:#FFFFFF}
a:visited {  color:#FFFFFF}
a:hover{color: #FFFFFF;}
a:active{color: #FFFFFF;}

/* Geolocation map link: remove white or gray background */
a[id^="geoLocation-"] {background-color:transparent !important; border:none; padding:3px 0px !important; vertical-align:center; height:25px !important;}
a[id^="geoLocation-"]:hover {background-color:transparent !important; border:none;}

form {
       margin:0;
}


h1  {
       font-size:12pt;
        font-family:sans-serif,Verdana,Arial,Helvetica;
        color:#000000;
        text-align:center;
        position:relative;
        margin-left:auto;
        margin-right:auto;
       font-weight: bold
}

h2  {
       font-size:11pt;
        font-family:sans-serif,Verdana,Arial,Helvetica;
        color:#FFF;
        text-align:center;
       /*font-weight: bold*/
}

img {
       border: #FFFFFF 0px solid;
       vertical-align:middle;
}

/* Geolocation 'no geolocation' icon set padding */
img[id^="geoLocationNone-"], img[id^="geoLocationError-"] {padding:3px 0px !important;}

input {
       font-size:11pt;
        font-family:sans-serif,Verdana,Arial,Helvetica;
}

textarea#supervisorComment {font-size:11pt;font-family:sans-serif,Verdana,Arial,Helvetica;}

#container  {
       width:100%;
       height:100%;
        margin:0px;
       text-align:center;
}

.wrap {
       min-height: 100%;
       height: auto !important;
       height: 100%;
       border: 0;
       margin: 0 0 -40px; /* the bottom margin is the negative value of the footer's height */
       text-align:right;
}

#content_area  {
       width:800px;
    font-family:sans-serif,Verdana,Arial,Helvetica;
    color:#000000;
    vertical-align:top;
       width:auto;
       padding:10px 0px 0 3px;
       text-align:center;
 }

.about {
       font-size:6pt;
        color:#FFFFFF;
        font-family:sans-serif,Verdana,Arial,Helvetica;
       text-align: right;
       padding-right: 30px;
}

.table_container {
  position:relative;
}

.header_cell  {
       font-size:11pt;
       font-weight:normal;
        color:#FFFFFF;
        font-family:sans-serif,Verdana,Arial,Helvetica;
       text-align:left;
       padding:2px;
}
.header_cell  a{
        color:#FFFFFF;
        text-decoration:underline;
}
.header_cell  a:visited{
        color:#FFFFFF;
        text-decoration:underline;
}

#inner_content_container {
}

#menu  {
       height:30px;
}

#innercontent {
       height:100%;
       margin-top: 20px;
}

.inner_content {
        padding:5px;
        min-height: 100%;
              height: auto !important;
              height: 100%;
}

.user_header  {
       background-color:#F7F7F7;
       font-size:11pt;
        padding:3px;
       text-align:center;
       font-weight:bold;
       width:450px;
        margin-left:auto;
        margin-right:auto;
}

.nav_header  {
       background-color:#DDDDDD;
        font-family:sans-serif,Verdana,Arial,Helvetica;
        color:#003366;
       text-align:left;
       font-weight:bold;
       border-bottom: #003366 1px solid;
        padding-left:17px;
       background-image:url(../images/navigate_down.gif);
       background-repeat:no-repeat;
       background-position:0px 0px;
       cursor: pointer;
}

.nav_header_inactive  {
       background-color:#DDDDDD;
        font-family:sans-serif,Verdana,Arial,Helvetica;
        color:#003366;
       text-align:left;
       font-weight:bold;
       border-bottom: #003366 1px solid;
        padding-left:17px;
       background-image:url(../images/navigate_right.gif);
       background-repeat:no-repeat;
       background-position:0px 0px;
       cursor: pointer;
}

.nav_header_disabled  {
       background-color:#DDDDDD;
        font-family:sans-serif,Verdana,Arial,Helvetica;
        color:#A6A6A6;
       text-align:left;
       font-weight:bold;
       border-bottom: #003366 1px solid;
        padding-left:17px;
       background-image:url(../images/navigate_right.gif);
       background-repeat:no-repeat;
       background-position:0px 0px;
       cursor: pointer;
}

.page_navigation {
       font-family:sans-serif,Verdana,Arial,Helvetica;
       color:#003366;
       text-align:left;
       padding:8px;
       text-align:center;
}

.bullet {
}

.cell_message_header  {
       height:30px;
       background-color:#F7F7F7;
       font-size:11pt;
        padding:3px;
       border:1px solid #C0C0FF;
       border-spacing:0px;
       text-align:center;
       font-weight:bold;
}

.cell_message_info  {
       background-color:#E8EFEA;
       font-size:11pt;
        padding:4px;
       border:1px solid #C0C0FF;
       border-spacing:0px;
       text-align:center;
}

.note {
       background-color: #FFFFA0;
       padding: 5px; 
}

.table_list  {
        background-color:#FFFFFF;
        border-collapse:collapse;
        empty-cells:show;
        position:relative;
        margin-left:auto;
        margin-right:auto;
}

.table_list_row  {
       background-color:#FFFFFF;
}


.table_list_row_disabled  {
       color:grey;
}

.table_list_row_fab_pri {
       background-color:#FFFFFF;
}

.table_list_row_fab_alt {
       background-color:#E8EFEA;
}

.table_list_row_comp_time {
       background-color:#E8EFEA;
}

.table_list_row_overtime {
       background-color: #E8EFEA; 
}

.table_list_row_deleted  {
       background-color:#FFA5A5;
}

.table_list_row_rejected {
	background-color:#FFAA00;
}
.table_list_row_superseded  {
       background-color:#EFEF00;
}

.table_list_cell  {
       font-size:11pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:5px;
        padding-right:5px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:left;
       height:34px;
}

.table_list_cell_rj  {
       color: #000000;
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 11pt;
    padding-right: 10px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    font-weight: normal;
    text-align: right;
    border: 1px solid #DDDDDD;
    height:34px;
       
}

.table_list_cell_lj  {
       font-size:11pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:5px;
        padding-right:5px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:left;
       color:#000000;
       font-weight: normal;
       font-family: sans-serif,Verdana,Arial,Helvetica;
       height:34px;
       
}

.table_list_cell_cj  {
	font-size:11pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:center;
	height:34px;
}

.table_list_cell_rj_sum  {
       font-size:11pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:right;
       font-weight: bold;
       height:34px;
}

.table_list_cell_lj_sum  {
       font-size:11pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:left;
       font-weight: bold;
       text-decoration: underline;
       height:34px;
}

.table_list_cell_blue  {
       background-color:#DDDDFF;
       font-size:11pt;
       width:40px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:center;
       height:34px;
}

.table_list_cell_yellow  {
       background-color:#FFFFDD;
       font-size:11pt;
       width:40px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:center;
       background:url(../images/xt_icons/awaits_action.png) no-repeat center;
       height:34px;
}

.table_list_cell_yellow2  {
       background-color:#FFFFDD;
       font-size:11pt;
       width:40px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:center;
       background:url(../images/xt_icons/partially_approved.png) no-repeat center;
       height:34px;
}

.table_list_cell_warning  {
       background-color:#FFDDDD;
       font-size:11pt;
       width:40px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:center;
       background:url(../images/xt_icons/error.png) no-repeat center;
       height:34px;
}

.table_list_cell_ok  {
       background-color:#DDFFDD;
       font-size:11pt;
       width:40px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:center;
       background:url(../images/xt_icons/approved.png) no-repeat center;
       height:34px;
}

.table_list_cell_grey  {
       font-size:11pt;
       color: #AAAAAA;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:center;
       height:34px;
}

.table_list_cell_sm  {
       font-size:7pt;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:5px;
        padding-right:5px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:center;
}

.table_list_cell_left  {
       font-size:11pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:left;
       height:34px;
}

.table_list_cell_right {
       font-size:11pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:right;
       height:34px;
}

.table_list_cell_right {
       font-size:11pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:left;
       height:34px;
}

.table_list_header  {
       border: 1px solid #DDDDDD;
       background-color:#3f51B5;
       font-size:11pt;
        padding:5px;
       border-spacing:0px;
       text-align:left;
       /*font-weight:bold;*/
       color: #fff;
}

.table_list_header a { text-decoration:underline; }

.table_list_header a:visited { text-decoration:underline; }

.table_list_header_sm  {
       background-color:#F7F7F7;
       font-size:7pt;
        padding:2px;
       border:1px solid #C0C0FF;
       border-spacing:0px;
       text-align:center;
       font-weight:bold;
}

.table_list_cell_button {
       border: 1px solid #DDDDDD;
       font-size:11pt;
       padding:3px;
       text-align:center;
       font-weight:bold;
       white-space:nowrap;
}
.table_list_cell_button_header {
       border: 1px solid #DDDDDD;
       font-size:11pt;
       padding:3px;
       text-align:center;
       font-weight:bold;
       white-space:nowrap;
       background-color: #3f51B5;
       color:#FFFFFF;
}


.table_list_cell_noformat_rj {
	background-color:#FFFFFF;
	font-size:11pt;
        padding:3px;
	border-top: 0px;      
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-spacing:0px;
	text-align:right;
	white-space:nowrap;
}

.table_list_cell_noformat_lj {
	background-color:#FFFFFF;
	font-size:11pt;
    padding:3px;
	border-top: 0px;      
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-spacing:0px;
	text-align:left;
	white-space:nowrap;
}

/** Struts 2 Table List Styles **/
.table_list_form table  {
    border-collapse:collapse;
    empty-cells:show;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    border: none;
}

.table_list_form tr  {
    background-color:#FFFFFF;
}

.table_list_form td  {
    font-size:11pt;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #DDDDDD;
    border-spacing:0px;
    text-align:left;
}

.table_list_form .tdLabel  {
       text-align:right; /* Override general td spec **/
}
.table_list input{
    height: 18px;
}
/** Duplicate of above to override td selector above TODO: change struts 2 tags to have more style control**/
.table_list_form {
	padding:3px;
	border-spacing:0px;
	text-align:center;
	font-weight:bold;
}

.table_list_header  {
       border: 1px solid #DDDDDD;
       padding:5px;
       border:1px solid #C0C0FF;
       border-spacing:0px;
}

.overflow_wrapper {
	width: 100%;
	overflow: auto;	
}

.tab_table {
	top: 0px; width: 980px; height: 40px; font-size: 11pt; margin-top: 0px; margin-left: 1px; position: relative; border-spacing: 0px; empty-cells: show;
}

.tab_row {
	
}

.tab_cell {
	background: #3f51B5; height: 35px; padding-top:15px; margin: 0; float: left; cursor: pointer; overflow: hidden;
}

.tab_cell h2 {
	background: none; margin: -17.5px 0px 0px 0px; padding: 35px 6px 0px 6px; height: 20px; font-size: 9pt; float: left; display: block;
}

.tab_cell a {
	background: none; padding: 0px 0px 15px 0px; height: 100%; width: 100%; color: #424242; font-family: sans-serif,Verdana,Arial,Helvetica; text-transform: uppercase; font-size: 9px; margin: -15px 0px; float: left; display: inline-block;
}
.tab_cell_selected {
	background: #e5e5e5; height: 35px; padding-top: 15px; margin: 0; float: left; cursor: pointer; overflow: hidden;
}

.tab_cell_active {
	background: #e5e5e5; height: 35px; padding-top: 15px; margin: 0; float: left; cursor: pointer; overflow: hidden;
}

.tab_cell_selected h2 {
	background: none; margin: -18px 0px 0px 0px; padding: 35px 6px 0px 6px; height: 21px; font-size: 9pt; float: left; display: block; color: inherit;
}

.tab_cell_active h2 {
	background: none; margin: -18px 0px 0px 0px; padding: 35px 6px 0px 6px; height: 21px; font-size: 9pt; float: left; display: block; color: inherit
}

.tab_cell_selected a {
	background: none; padding: 0px 0px 15px 0px; height: 100%; width: 100%; color: #424242; text-transform: uppercase; font-family: sans-serif,Verdana,Arial,Helvetica; margin: -15px 0px; float: left; display: block;
}

.tab_cell_active a {
	background: none; padding: 0px 0px 15px 0px; height: 100%; width:100%; color: #424242; font-family: sans-serif,Verdana,Arial,Helvetica; margin: -15px 0px; float: left; display: block; text-transform: uppercase;
}


.button, .button_active {
float:left;
margin-right:2px;
background:url(../images/button_left.jpg) left top no-repeat;
height:39px;
cursor:pointer;
width: 80px;
padding-left: 5px;
}

/*New Black/Blue Button Styles*/
.btnBox{
	/*for centering*/
	width: 100%; 
	padding: 5px 0px;
	text-align: center;
}
.blckBtnHvr, .blueBtnHvr{
	cursor: pointer;
}
.blckBtn, .blckBtnHvr, .blckBtnDisabled,
.blueBtn, .blueBtnHvr{
	/*border-radius: 5px;*/
	height: 30px;
	margin: 0px 2px 0px 2px;
	overflow: hidden;
	text-align: center;
	padding: 0px;
	display: inline-block;
	color: #ffffff;
	 /*IE7, IE8 fix to insure the buttons appear side-by-side instead of on separate lines. */
	 *display: inline;
}

.blckBtn h2, .blckBtnHvr h2, .blckBtnDisabled h2,
.blueBtn h2, .blueBtnHvr h2{
	height: 30px;
	margin: 0px;
	display: inline-block;
	padding: 6px 8px;
	color: #FFFFFF;
	text-align: center;
    vertical-align: middle;
    /*IE7, IE8 fixes to insure the buttons do not stretch the whole page*/
    zoom: 1;
    *display: inline;
}
.blckBtnDisabled h2{
    /*needed to make sure cursor is correct in IE8*/
    cursor: default;
}
.blckBtn h2, .blckBtnHvr h2,
.blueBtn h2, .blueBtnHvr h2{
    /*needed to make sure cursor is correct in IE8*/
    cursor: pointer;
}
.blckBtnDisabled h2{
	background-color: #ECF0F1;
	color: #BDC3C7;
}
.blckBtn h2{
	background-color: #757575;
}
.blckBtnHvr h2{
	background-color: #212121;
}
.blueBtn h2{
	background-color: #757575;
}
.blueBtnHvr h2{
	background-color: #212121;
}
/*End New Buttons*/

/*Standard Icons*/
a.reset_password_icon{
	background:url(../images/xt_icons/Reset_Password.png) left top no-repeat;
}
a.reset_password_RO_icon{
	background:url(../images/xt_icons/Reset_Password_RO.png) left top no-repeat;
}
a.lock_icon{
	background:url(../images/xt_icons/lock.png) left top no-repeat;
}
a.details_icon{
	background:url(../images/xt_icons/Details.png) left top no-repeat;
}
a.add_icon{
	background:url(../images/xt_icons/Add.png) left top no-repeat;
}
a.add_icon_white{
	background:url(../images/xt_icons/Add_White.png) left top no-repeat;
}
a.edit_icon{
	background:url(../images/xt_icons/Edit.png) left top no-repeat;
}
a.edit_blue_icon{
	background:url(../images/xt_icons/Edit_Blue.png) left top no-repeat;
}
a.select_employee_white_icon{
	background:url(../images/xt_icons/Select_Employee.png) left top no-repeat;
}
a.edit_history_icon{
	background:url(../images/xt_icons/Edit_History.png) left top no-repeat;
}
a.delete_icon{
	background:url(../images/xt_icons/Delete.png) left top no-repeat;
}
a.copy_icon{
	background:url(../images/xt_icons/Copy_Content.png) left top no-repeat;
}
a.history_icon{
	background:url(../images/xt_icons/view_batches.png) left top no-repeat;
}
a.assign_icon{
	background:url(../images/xt_icons/Assign_Entry.png) left top no-repeat;
}
a.movenext_icon{
	background:url(../images/xt_icons/Open_Panel.png) left top no-repeat;
}
a.moveback_icon{
	background:url(../images/xt_icons/Close_Panel.png) left top no-repeat;
}
a.play_icon{
	background:url(../images/xt_icons/Launch.png) left top no-repeat;
}
a.print_icon{
	background:url(../images/xt_icons/Print.png) left top no-repeat;
}
a.print_RO_icon{
	background:url(../images/xt_icons/Print_RO.png) left top no-repeat;
}
a.help_icon{
	background:url(../images/xt_icons/Help.png) left top no-repeat;
}
a.help_RO_icon{
	background:url(../images/xt_icons/Help_RO.png) left top no-repeat;
}
a.expand_icon{
	background:url(../images/xt_icons/expand.png) left top no-repeat;
}
a.expand_icon_large{
	background:url(../images/xt_icons/expand_large.png) left top no-repeat;
}
a.collapse_icon{
	background:url(../images/xt_icons/collapse.png) left top no-repeat;
}
a.collapse_icon_large{
	background:url(../images/xt_icons/collapse_large.png) left top no-repeat;
}
a.email_icon{
	background:url(../images/xt_icons/Email.png) left top no-repeat;
}
a.split_icon{
	background:url(../images/xt_icons/split.png) left top no-repeat;
}
a.preference_icon{
	background:url(../images/xt_icons/Preferences.png) left top no-repeat;
}
a.preference_RO_icon{
	background:url(../images/xt_icons/Preferences_RO.png) left top no-repeat;
}
a.refresh_icon{
	background:url(../images/xt_icons/Refresh.png) left top no-repeat;
}
a.save_icon_black{
	background:url(../images/xt_icons/save_black.png) left top no-repeat;
}
a.reset_password_icon,
a.reset_password_RO_icon,
a.lock_icon,
a.add_icon,
a.add_icon_white,
a.edit_icon,
a.edit_blue_icon,
a.select_employee_white_icon,
a.edit_history_icon,
a.delete_icon,
a.copy_icon,
a.save_icon_black,	
a.history_icon,
a.assign_icon,
a.movenext_icon,
a.moveback_icon,
a.play_icon,
a.print_icon,
a.print_RO_icon,
a.help_icon,
a.help_RO_icon,
a.expand_icon,
a.collapse_icon,
a.email_icon,
a.details_icon,
a.split_icon,
a.preference_icon,
a.preference_RO_icon,
a.refresh_icon
{background-size: 24px 24px;float: left;}

a.reset_password_icon:link, .reset_password_icon:visited,
a.reset_password_RO_icon:link, .reset_password_RO_icon:visited,
a.lock_icon:link, .lock_icon:visited,
a.add_icon:link, .add_icon:visited,
a.add_icon_white:link, .add_icon_white:visited,
a.edit_icon:link, .edit_icon:visited,
a.edit_blue_icon:link, .edit_blue_icon:visited,
a.select_employee_white_icon:link, .select_employee_white_icon:visited,
a.edit_history_icon:link, .edit_history_icon:visited,
a.delete_icon:link, .delete_icon:visited,
a.copy_icon:link, .copy_icon:visited,
a.save_icon_black, .save_icon_black:visited,
a.history_icon:link, .history_icon:visited,
a.assign_icon:link, .assign_icon:visited,
a.movenext_icon:link, .movenext_icon:visited,
a.moveback_icon:link, .moveback_icon:visited,
a.play_icon:link, .play_icon:visited,
a.print_icon:link, .print_icon:visited,
a.print_RO_icon:link, .print_RO_icon:visited,
a.help_icon:link, .help_icon:visited,
a.help_RO_icon:link, .help_RO_icon:visited,
a.expand_icon:link, .expand_icon:visited,
a.collapse_icon:link, .collapse_icon:visited,
a.email_icon:link, .email_icon:visited,
a.details_icon:link, .details_icon:visited,
a.split_icon:link, .split_icon.visited,
a.preference_icon:link, .preference_icon.visited,
a.preference_RO_icon:link, .preference_RO_icon.visited,
a.refresh_icon:link, .refresh_icon.visited
{width: 24px;height: 24px;}

a.reset_password_icon:hover,
a.reset_password_RO_icon:hover,
a.lock_icon:hover,
a.add_icon:hover,
a.add_icon_white:hover,
a.edit_icon:hover,
a.edit_blue_icon:hover,
a.history_icon:hover,
a.edit_history_icon:hover,
a.delete_icon:hover,
a.copy_icon:hover,
a.save_icon_black:hover,
a.assign_icon:hover,
a.movenext_icon:hover,
a.moveback_icon:hover,
a.play_icon:hover,
a.print_icon:hover,
a.print_RO_icon:hover,
a.help_icon:hover,
a.help_RO_icon:hover,
a.expand_icon:hover,
a.collapse_icon:hover,
a.email_icon:hover,
a.details_icon:hover,
a.split_icon:hover,
a.preference_icon:hover,
a.preference_RO_icon:hover,
a.refresh_icon:hover
{width: 24px;height: 24px;background-color: transparent;}

div.accept_shift_icon_16{
	background:url(../images/xt_icons/arrow-1_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.accept_shift_icon_24{
	background:url(../images/xt_icons/arrow-1_24.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.partial_accept_shift_icon_16{
	background:url(../images/xt_icons/arrow-1_16-half-stroke.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.partial_accept_shift_icon_24{
	background:url(../images/xt_icons/arrow-1_24-half-stroke.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.trade_shift_icon_16,div.openended_shift_icon_16{
	background:url(../images/xt_icons/arrow-2_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.trade_shift_icon_24,div.openended_shift_icon_24{
	background:url(../images/xt_icons/arrow-2_24.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.partial_trade_shift_icon_16,div.partial_openended_shift_icon_16{
	background:url(../images/xt_icons/arrow-2_16-half-stroke.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.partial_trade_shift_icon_24,div.partial_openended_shift_icon_24{
	background:url(../images/xt_icons/arrow-2_24-half-stroke.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.drop_shift_icon_16{
	background:url(../images/xt_icons/arrow-3_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.drop_shift_icon_24{
	background:url(../images/xt_icons/arrow-3_24.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.partial_drop_shift_icon_16{
	background:url(../images/xt_icons/arrow-3_16-half-stroke.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.partial_drop_shift_icon_24{
	background:url(../images/xt_icons/arrow-3_24-half-stroke.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.pickup_shift_icon_16{
	background:url(../images/xt_icons/arrow-4_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.pickup_shift_icon_24{
	background:url(../images/xt_icons/arrow-4_24.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.partial_pickup_shift_icon_16{
	background:url(../images/xt_icons/arrow-4_16-half-stroke.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.partial_pickup_shift_icon_24{
	background:url(../images/xt_icons/arrow-4_24-half-stroke.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.offer_shift_icon_16{
	background:url(../images/xt_icons/offer_shift_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.offer_shift_icon_24{
	background:url(../images/xt_icons/offer_shift.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.partial_offer_shift_icon_16{
	background:url(../images/xt_icons/offer_shift_16-half-stroke.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.partial_offer_shift_icon_24{
	background:url(../images/xt_icons/offer_shift-half-stroke.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.group_offer_icon_16{
	background:url(../images/xt_icons/offer_group_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.group_offer_icon_24{
	background:url(../images/xt_icons/offer_group_24.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.volunteer_shift_icon_16{
	background:url(../images/xt_icons/volunteer_shift_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 18px;
	margin-right: 5px;
}
div.split_shift_icon_16{
	background:url(../images/xt_icons/split_shift_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 16px;
	margin-right: 5px;
}
div.accept_icon_16{
	background:url(../images/xt_icons/checkmark_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 16px;
	margin-right: 5px;
}
div.decline_icon_16{
	background:url(../images/xt_icons/decline_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 16px;
	margin-right: 5px;
}
div.withdraw_icon_16{
	background:url(../images/xt_icons/withdraw_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 16px;
	margin-right: 5px;
}
div.reset_icon_16{
	background:url(../images/xt_icons/reset_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 16px;
	margin-right: 5px;
}
div.reset_icon_24{
	background:url(../images/xt_icons/reset_24.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.cancel_icon_16{
	background:url(../images/xt_icons/cancel_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	padding-left: 16px;
	margin-right: 5px;
}
div.cancel_icon_24{
	background:url(../images/xt_icons/cancel_24.png) left top no-repeat;
	display: block;
	width: 24px;height: 24px;
}
div.shift_continues_icon_16{
	background:url(../images/xt_icons/shift_continues_16.png) right top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	float: right;
}
div.shift_continued_icon_16{
	background:url(../images/xt_icons/shift_continued_16.png) left top no-repeat;
	display: inline;
	width: 16px;height: 16px;
	float: left;
}
/*End Standard Icons*/

.securebutton, .securebutton_active {
       
float:left;
margin-right:2px;
background:url(../images/button_left.jpg) left top no-repeat;
height:39px;
cursor:pointer;
width: 80px;
padding-left: 5px;
}


.securebutton a, .securebutton_active a {
    background: url("../images/button_right_new.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    margin-left: 5px;
    padding-right: 16px;
    padding-top: 10px;
    text-transform: none;
}

.securebutton img, .securebutton_active img {
    float: right;
    padding: 0 0 0 3px;
}

.cal {
       float:left;
margin-right:2px;
background:url(../images/button_left.jpg) left top no-repeat;
height:39px;
cursor:pointer
}


.button a, .button_active a{

       background: url("../images/button_right_new.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    margin-left: 5px;
    padding-right: 16px;
    padding-top: 10px;
    text-transform: none;
}

.button_timesheet a, .button_active_timesheet a{

    background: url("../images/button_right_Timesheet_small.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    margin-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    text-transform: none;
}


.button, .button_active {
       float:left;
margin-right:2px;
background:url(../images/button_left.jpg) left top no-repeat;
height:39px;
cursor:pointer;
width:auto;
}

.button_pagenav {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(240, 240, 240);
	background-image: url("../images/button_left.jpg");
	background-origin: padding-box;
	background-position-x: 2px;
	background-position-y: 2px;
	background-repeat: no-repeat;
	background-size: auto;
	border-style: none;
	color: #003366;
	cursor: pointer;
	float: left;
	font-family: sans-serif,Verdana,Arial,Helvetica;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 39px;
	line-height: normal;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	text-align: center;
	width: auto;
}

.button_pagenav_active {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #6699cc;
	background-image: url("../images/button_left.jpg");
	background-origin: padding-box;
	background-position-x: 2px;
	background-position-y: 2px;
	background-repeat: no-repeat;
	background-size: auto;
	border-style: none;
	color: #003366;
	cursor: pointer;
	float: left;
	font-family: sans-serif,Verdana,Arial,Helvetica;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 39px;
	line-height: normal;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	text-align: center;
	width: auto;
}

.button_pagenav a, .button_pagenav_active a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/button_right_new.png");
	background-origin: padding-box;
	background-position-x: right;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: auto;
	color: #000000;
	cursor: pointer;
	display: block;
	font-family: sans-serif,Verdana,Arial,Helvetica;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 29px;
	line-height: normal;
	margin-left: 5px;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	padding-right: 16px;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
}

.button_timesheet, .button_active_timesheet {
       float:left;
margin-right:2px;
background:url(../images/button_left_Timesheet_small.png) left top no-repeat;
height:29px;
cursor:pointer;
width:auto;
}



button_active1 a {
       background: url("../images/button_right_new.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    height: 39px;
    margin-left: 6px;
    padding-right: 16px;
    text-transform: none;
    padding-top: 10px;
    clear:both;
       
       
}


.button img, .button_active img{
                float:right;
                padding: 0 0 0 3px;            

}
.button_disabled{
       font-weight:bold;
       background-color:#F0F0F0;
       color:#CCD1CB;
    margin:2px;
    padding:2px;
       border:1px solid #AAAAAA;
}

.button:hover {
       cursor: pointer;
      
    margin:3px;
    padding:2px;
}

.button a{
       font-weight: bold;
       text-decoration: none
}

.page_header {
       background-color:#9b9fa1;
       color: #FFFFFF;
       font-size:11pt;
       font-family: sans-serif,Verdana,Arial,Helvetica;
       border-left:1px solid #DDDDDD;
       border-right:1px solid #EEEEEE;
    padding:5px;
    text-align: left;
}

.cal_head {
       position:absolute;
       -moz-box-sizing:border-box;
       box-sizing:border-box;
       z-index:3;
       text-align: left;
       vertical-align: middle;
       padding-top: 2px;
       padding-left: 5px;
       font-weight: bold;
       color: #888888;
       border: 1px solid #C0C0FF;
       background-color: #DDDDDD;
       layer-background-color: #DDDDDD;
}

.cell_noncurrent {
       position:absolute;
       -moz-box-sizing:border-box;
       box-sizing:border-box;
       z-index:2;
       padding: 3px;
       text-align: right;
       background-color: #F0F0F0;
       layer-background-color: #F0F0F0;
       font-size: 11px;
       color: #AAAAAA;
       font-weight: bold;
       border: 1px solid #AAAAAA;
}

.cell_current {
       position:absolute;
       -moz-box-sizing:border-box;
       box-sizing:border-box;
       z-index:2;
       padding: 3px;
       text-align: right;
       background-color: White;
       layer-background-color: White;
       font-size: 11px;
       color: #AAAAAA;
       font-weight: bold;
       border: 1px solid #AAAAAA;
}

.entry_orange {
       position:absolute;
       background-color: #FFC999;
       layer-background-color: #FFC999;
       box-sizing:border-box;
       -moz-box-sizing:border-box;
       border: 1px solid #FF7700;
       font-size: 10px;
       text-align: left;
       padding-left: 1px;
       padding-top: 1px;
       overflow: hidden;
}

.entry_red {
       position:absolute;
       background-color: #FFB2B6;
       layer-background-color: #FFB2B6;
       box-sizing:border-box;
       -moz-box-sizing:border-box;
       border: 1px solid #E20A16;
       font-size: 10px;
       text-align: left;
       padding-left: 1px;
       padding-top: 1px;
       overflow: hidden;
}

.entry_green {
       position:absolute;
       background-color: #80FFBB;
       layer-background-color: #80FFBB;
       box-sizing:border-box;
       -moz-box-sizing:border-box;
       border: 1px solid #00A94E;
       font-size: 10px;
       text-align: left;
       padding-left: 1px;
       padding-top: 1px;
       overflow: hidden;
}

.error {
    color:red;
    margin:3pt;
    line-height: 16pt;
    padding:3pt;
}

.warning {
    background-color:#CCCC99;
    margin:3pt;
    line-height: 16pt;
    padding:3pt;
}

.message {
    background-color:#F7F7F7;
    margin:3pt;
    line-height: 16pt;
    padding:3pt;
}

/* styles for tooltips. usage: <span class="info">normal text<span>tooltip text</span></span> */
a.info{
    position:static; /*this is the key*/
    z-index:2048;
    color:#000000;
    text-decoration:none}

a.info:hover{
       z-index:2049;
       background-color:#F7F7F7;
}
.tooltip_data_container {
       display:none;
}

a.alert{
    position:relative; /*this is the key*/
    z-index:2048;
    color:#000000;
    text-decoration:none}

a.alert:hover{
       z-index:2049;
       background-color:#F7F7F7;
}

.errorMessage{
       color:red;
       font-style: italic;
}

/** Calendar **/

div.schedule-detailed-evolution .entry, div.schedule-detailed-evolution div.entry-selected {
       background-color:#FFFFFF;
       border-width:2px;
}

div.schedule-detailed-evolution .entry:hover{
       cursor:pointer;
}

div.schedule-detailed-evolution div.entry-selected .pending{
       width:100%;
       height:100%;
       background-color:#ffc999;
}

div.schedule-detailed-evolution div.entry-selected .approved{
       width:100%;
       height:100%;
       background-color:#80ffbb;
}

div.schedule-detailed-evolution div.entry-selected .declined{
       width:100%;
       height:100%;
       background-color:#E8E8E8;
}

div.schedule-detailed-evolution div.entry-selected .transferred{
       width:100%;
       height:100%;
       background-color:#FFFF7A;
}

div.schedule-detailed-evolution div.entry-selected .processed{
       width:100%;
       height:100%;
       background-color:#7000E0;
}

div.schedule-compact-evolution td.content td .pending {
       border:2px solid #ffc999;
}

div.schedule-compact-evolution td.content td .approved {
       border:2px solid #80ffbb;
}

div.schedule-compact-evolution td.content td .declined {
       border:2px solid #E8E8E8;
}

div.schedule-compact-evolution td.content td .transferred {
       border:2px solid #FFFF7A;
}

div.schedule-compact-evolution td.content td .processed {
       border:2px solid #7000E0;
}

.tab_selected{ 
	background: url(../images/gray_left.png) no-repeat scroll left top transparent; 
	cursor: pointer;
	float:left;
	height:50px;
	margin-right: 2px;
}

.tab_selected h2{
	background: url(../images/gray_bg.png) repeat-x;
	margin:0;
	padding:0;
	margin-left:16px;
	height:50px;
	float:left;
	display:block;	

}

.tab_selected a{
	background: url(../images/gray_right.png) right top no-repeat;
	height:50px;
	float:left;
	padding:17px 15px 0 0;
	font-family: sans-serif,Verdana,Arial,Helvetica;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

.requirementTd{
	color:#000000;
}

.blue_text {
    color: #3486B7;
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 12px;
}

.black_text {
	color: #000000;
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 11pt;
    font-weight:normal;	
}

.massWLHl, .massWLHl:hover {
	color: #FFFFFF;
}

.buttonBlackNew {
	margin-right:2px;
	background:url(../images/button_left_24.png) left top no-repeat;
	margin-left: 5px;
	height:24px;
	cursor:pointer;
	width:16px;
	margin-top:-2px;
}

.buttonBlackNewLinks {
	background: url(../images/button_right_new_24.png) no-repeat scroll right top transparent;
	color:#FFFFFF;
	padding-right:10px;
	height:24px;
	margin-top: -2px;
	margin-left:-5px;
	padding-top:3px;
}

.buttonBlackNewLinkSPans {
	color:#FFFFFF;
	height:24px;
	margin-top: -2px;	
}

.buttonBlackNewLinks a {
	font-family: sans-serif,Verdana,Arial,Helvetica;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF !important;
}





.tab_cell_emp_maint  {
       float:left;
	   margin-right:2px;/*changed from 2px to 4px on 18/01/2012 for resolving JIRA issue no:216*/
       background:url(../images/blue_left.png) left top no-repeat;
       height:50px;
       cursor:pointer;
}
.tab_cell_emp_maint h2{    
    background: url("../images/blue_bg.png") repeat-x 0 0 transparent;
    display: block;
    float: left;
    height: 50px;
    padding: 20px 0;
    margin:-18px 0;
}
.tab_cell_emp_maint a{       
    background: url("../images/blue_right.png") no-repeat right -1px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 11.3px;
    font-weight: bold;
    height: 50px;
    margin-top: 0px;
    margin-left: 6px;
    padding: 17px 6.3px 0 0;
    white-space: no-wrap;
}

.tab_cell_selected_emp_maint, .tab_cell_active_emp_maint  {
      float:left;
      margin-right:2px;
      background:url(../images/gray_left.png) left top no-repeat;
      height:50px;
      cursor:pointer;
}
.tab_cell_selected_emp_maint h2, .tab_cell_active_emp_maint h2{
	background: url("../images/gray_bg.png") repeat-x 0 0 transparent;
    display: block;
    float: left;
    height: 50px;
    padding: 20px 0;
    margin:-18px 0;
}

.tab_cell_selected_emp_maint a, .tab_cell_active_emp_maint a {
    background: url("../images/gray_right.png") no-repeat right -1px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 11.3px;
    font-weight: bold;
    height: 50px;
    margin-left: 6px;
    margin-top: 0px;
    padding: 17px 6.3px 0 0;

}


.table_list_cell_button_time_inquiry {
       border: 1px solid #FFFFFF;
       font-size:11pt;
       padding:3px;
       text-align:center;
       font-weight:bold;
       white-space:nowrap;
}

/*------Fixes for  13-02-2012 for left logo & navigator-------*/



#navigator  {
       background-color:#EEEEEE;
       font-family:sans-serif,Verdana,Arial,Helvetica;
       font-size:11pt;
       vertical-align:top;
}

.leftnav_dropdwn{
	float:left;
}

.leftnav_dropdwn{
	~clear:both;
}


/*text-align is changed to left from center for ManageTimeOff screen */
.table_list_cell_grey_manage_time_off  {
       font-size:11pt;
       color: #AAAAAA;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
       border:1px solid #DDDDDD;
       border-spacing:0px;
       text-align:left;
}


.timesheet_header {
	color:#0D5E8D;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size: 18px;
	padding:3px;
	text-align:center;
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

/*--------------- LEFT PANEL FOOTER---------------*/
 #leftcol{
	border:0;
	height: auto !important;
	min-height: 100%;
		
}

.left_bar_footer {
    height: auto;
    float: left; 
    color:#2c3e50;
    text-align: left; 
    font: 8pt sans-serif,Verdana,Arial,Helvetica;
  }

.left_bar_footer_td {
    vertical-align:bottom;
    height:1px !important;
    background-color: #DCDCDC;
|}

.clr{
	clear:both;
}

.filtered  {
	color: #757575;
}
.active_filters  {
	color: green;
}

/*SCHEDULE FILTER STYLES*/
.filterForm{
	width:100%;
	heigth:100%;
}
.filterForm .filter_btns{
	width:100%;	
	padding-top: 10px;
}
.filter_btns .center_filter_btns{
	width: 500px;
	margin: auto;	
}
.filter_btns .filter_btn_left, .filter_btns .filter_btn_right{
	width: 40%;
	margin: auto auto 5px auto;
}
.filter_btns .filter_btn_left{
	margin-left: 100px;	
}
.filter_btns .filter_btn_right{
	float: right;
}
.filterForm select{
	width: 90%;
	height: 50px;
	margin: 5%;
}
.filterForm .form_text{
	border-right: 1px solid #C0C0C0;
	margin-right: 5%;
}
/*END SCHEDULE FILTER STYLES*/
/*CLICKABLE DIVS*/
.clickableemployee, .clickableshift, .clickablebenefit,
.emptyday, .draggable, .draggabletime, .openshift,
.match, .match_hvr, .clickablebenefittime, .clickableshifttime, 
.draggabletimestart, .draggabletimeend{
	cursor: pointer;
	
}
.clickableshift, .clickablebenefit, .emptyday, .draggable{
	padding: 3px; 
	border-radius: 5px;
	margin: 1px;
	border: thin solid black;
	min-height: 17px; 	
}
.droppable{
	padding: 0px;	
}
.draggabletime, .clickablebenefittime, .clickableshifttime, .draggabletimestart, .draggabletimeend, .openshift{
	border-radius: 5px;
	border: thin solid black;
	min-height: 17px; 	
}

.emptyday{
	color: transparent;
	width: 100%;
	height: 100%;
	margin: 0px;
	border: none;
}
.match_hvr{
	background-color: #9b9fa1;	
}
/*END CLICKABLE DIVS*/

/*START DIALOG OVERLAYS*/
    .web_dialog_overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #000000;
        opacity: .15;
        filter: alpha(opacity = 15);
        -moz-opacity: .15;
        z-index: 101;
        display: none;
    }

    .web_dialog {
        display: none;
        position: fixed;
        width: 350px;
        height: 200px;
        top: 60%;
        left: 60%;
        margin-left: -190px;
        margin-top: -100px;
        background-color: #ffffff;
        border: 2px solid #336699;
        padding: 0px;
        z-index: 102;
        font-family: Verdana;
        font-size: 10pt;
    }

    .web_dialog_title {
        border-bottom: solid 2px #336699;
        background-color: #336699;
        padding: 4px;
        color: White;
        font-weight: bold;
    }

    .web_dialog_title a {
        color: White;
        text-decoration: none;
    }
    /*END DIALOG OVERLAYS*/
    
    /*Login page styles*/

	.styledInput {
		border:none;
		background-color: #edf0f1;	
		color: #424242;
		padding-left: 10px;
	}
	#LoginBox {
		background-color: #fff;
		border-radius: 5px;
		width: 350px;
		padding: 10px;
	}
	#LoginBox .username {
			background-image: url(../images/xt_icons/login_user_bg.png);
			background-repeat: no-repeat;
			background-position:center;
			width: 294px;
			height: 16px;
			padding: 15px 10px;
	}
	#LoginBox .password {
		background-image: url(../images/xt_icons/login_pass_bg.png);
		background-repeat: no-repeat;
		background-position:center;
		width: 294px;
		height: 16px;
		padding: 15px 10px;
	}
	.LoginbtnBox {
		padding: 0px; 
		width: 100%; 
		text-align: center;
		vertical-align: middle;
		letter-spacing: 1px;
		font-weight: normal;
		margin-bottom: 15px;
	}
	
	.LoginblueBtn { 
		height: 40px; 
		width: 304px;
		text-align: center; 
		color: rgb(255, 255, 255); 
		overflow: hidden; 
		display: inline-block;
		border-radius: 3px;
		background: #757575;
	}
	
	.LoginbtnBox h2 {
		padding: 10px; 
		height: 20px; 
		width: 284px;
		margin: 0;
		display: inline-block;
		vertical-align: middle;
		font-weight: normal;
		/*IE7, IE8 fixes to insure the buttons do not stretch the whole page*/
	    zoom: 1;
	    *display: inline;
	}

	.LoginblueBtnDisabled { 
		height: 40px; 
		width: 304px;
		text-align: center; 
		color: #BDC3C7;
		overflow: hidden; 
		display: inline-block;
		border-radius: 3px;
		background-color: #ECF0F1;
	}

	.LoginblueBtnHvr {
		height: 40px; 
		width: 304px;
		text-align: center; 
		color: rgb(255, 255, 255); 
		overflow: hidden; 
		display: inline-block;
		border-radius: 3px;
		background: #212121;
	}
	#LoginBox .loginLocation{
		letter-spacing: .5px;
		font-size: .8em;	
	}
	#PayPeriodLockedMessage {
		color: red;
		font-weight: bold;
	}
	#PayPeriodProcessedMessage {
		color: black;
		font-weight: bold;
        font-style: italic;
		text-align: center;

}
.modal_please_wait {
    display:    none;
    position:   fixed;
    z-index:    100000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .5 ) 
                url('../images/xt_icons/executime_logo_spin.gif') 
                8px 17px 
                no-repeat;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:30pt;
	color: #083b53;
}
.nonmodal_please_wait {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     89px;
    width:      66px;
    background: rgba( 255, 255, 255, .5 ) 
                url('../images/xt_icons/executime_logo_spin.gif') 
                8px 17px 
                no-repeat;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:30pt;
	color: #083b53;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.modal_loading {
    overflow: hidden;   
}
body.nonmodal_loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.modal_loading .modal_please_wait {
    display: block;
}body.nonmodal_loading .nonmodal_please_wait {
    display: block;
}

.errorIndicatorBorder { 
	border-color: red !important;
}

.validation-advice {
	text-align:center;
	color:red;
}

.hidden-validation-advice  {
	visibility:collapse;
	display:none;
}

.hidden-validation-advice  {
	visibility:collapse;
	display:none;
}
/* Min Width classes for default table cell classes. */

.table_list_row_pri td.table_cell_min_width_65,
.table_list_row_alt td.table_cell_min_width_65{
	min-width:65px;
}
.table_list_row_pri td.table_cell_min_width_175,
.table_list_row_alt td.table_cell_min_width_175{
	min-width:175px;
}
/* End Min Width classes */

/* jQuery UI dialog properties */
.jquery-dialog  {
	display:none;
	font-family:sans-serif,Verdana,Arial,Helvetica;
}
/* End jQuery UI dialog properties */

/* column widths for roster list views */
.col-width-1 {min-width:40px !important; max-width:40px !important;}
.col-width-1-5{min-width:60px !important; max-width:60px !important;}
.col-width-2 {min-width:80px !important; max-width:80px !important;}
.col-width-3 {min-width:100px !important; max-width:100px !important;}
.col-width-4 {min-width:120px !important; max-width:120px !important;}
.col-width-5 {min-width:200px !important; max-width:200px !important;}

.horiz-align-center{text-align:center !important;}
.sorting_name_dummy {float: left;padding-top: 3px;height: 20px;line-height: 90%;}