@charset "utf-8";
/* CSS Document */
a, img {
	outline:none;
}
.header_text {
	font-family:sans-serif,Verdana,Arial,Helvetica;
	color:#5a5858;
	font-size:12px;
}
.wht_text {
	color:#fff;
	font-size:12px;
	font:sans-serif,Verdana,Arial,Helvetica;
}
.footer {
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:11px;
	color: #23b5e5;
	text-align:left;
	padding:15px 0 15px 10px;
	position:absolute;
	bottom:5px;
	valign: bottom;
}
.link_img {
	float:left;
	width:79px;
	text-align:center;
	background-color:#FFF;
}
.link a {
	float:left;
	width:79px;
	padding-top:5px;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	/*font-size:9pt;*/
	color:#757575 !important;
	text-align:center;
}
.link_RO a {
	float:left;
	width:79px;
	padding-top:5px;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	/*font-size:9pt;*/
	color:#212121 !important;
	text-align:center;
}
.linkselected a {
	float:left;
	width:79px;
	padding-top:5px;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	/*font-size:9pt;*/
	color:#3F51B5 !important;
	font-weight: bold;
	text-align:center;
}
.top_tabs {
	background:url(../images/tab_bg.png) repeat-x;
	padding:5px 15px;
	display:block;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	color:#333;
	border-right:1px solid #35daff;
}
.top_tabs:hover {
	background:url(../images/tab_bg_ov.png) repeat-x;
	color:#fff;
}
.selected {
	background:url(../images/tab_bg_ov.png) repeat-x;
	color:#fff;
}
.month_bg {
	background-color:#ff7c4f;
	border-top:1px solid #00afd6;
	padding-left:15px;
}
.month {
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:18px;
	color:#333;
}
.month_disp {
	float:left;
	padding-right:10px;
	height:33px;
	padding-top:9px;
}
.planbtn {
	background:url(../images/pln_btn_bg.png) no-repeat;
	text-align:center;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	color:#fff;
	width: 148px;
	height:34px;
	border:0px;
}
.header_lnktext {
	color:#0e5787;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	text-decoration:underline;
}
.breadcrumlink {
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	color:#333;
	text-decoration:none;
}
.brselected {
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	color:#004575;
	text-decoration:none;
}
.br_bg {
	background:url(../images/br_bg.jpg) repeat-y;
	padding-left:7px;
	background-color:#f0f0f0;
}
.closepanel {
	float:right;
	margin:6px 8px 8px 8px;
	position:absolute;
	margin-top:5px;
	margin-left:215px;
	left: 0;
}
a {
outline:none;
}
.collapse {
	float:right;
	margin:6px 8px 8px 8px;
	position:absolute;
	margin-top:5px;
	margin-left:0px;
}
/* EMPLOYEE MAINTENANCE */
img {
	border:0px;
}
.table_border {
	border:1px solid #d9dbdd;
}
.tr_blue1 {
	background-color:#d3ebfd;
}
.tr_blue2 {
	background-color:#f0f7fc;
}
.table_border td {
	border-right:1px solid #bbe1fe;
	border-bottom:1px solid #d9dbdd;
	height:30px;
	vertical-align:middle;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	color:#2e2e2e;
	font-weight:normal;
}

.table_simple_border, 
.table_simple_border td
 {
	border-width:1px;
	border-style:solid;
	border-color:#DDDDDD;
	border-spacing:0px;
}

.scrollarea {
	overflow: x-scroll;
	width:100%;
	position:relative;
}
.table_heading {
	width:100%;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	background-color:#3f51B5;
}
.main_tabs {
	float:left;
	width:100%;
}
/* NORMA TAB */
.tab {
	float:left;
	margin-right:2px;
	background:url(../images/blue_left.png) left top no-repeat;
	height:50px;
	cursor:pointer
	
}
.tab h2 {
	background:url(../images/blue_bg_white.png) repeat-x;
	margin:0;
	padding:0;
	margin-left:16px;
	height:50px;
	float:left;
	display:block;
}
.tab span {
	background:url(../images/blue_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;
}
.tab_white_bg {
	float:left;
	margin-right:2px;
	background:url(../images/blue_white_left.png) left top no-repeat;
	height:50px;
	cursor:pointer;
	padding-left:0px;
	
}
.tab_white_bg h2 {
	background:url(../images/blue_bg_white.png) repeat-x;
	margin:0;
	padding:0;
	margin:-17px 0 0 9px;
	height:50px;
	float:left;
	display:block;
	padding:20px;
	color:#ffffff;
}
.tab_white_bg span {
	background:url(../images/blue_white_right.png) right top no-repeat;
	height:50px;
	float:left;
	padding:17px 15px 0 2px;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:16px;
	font-weight:bold;
	
}
/* SELECTED TABB */
.tab_selected {
	float:left;
	margin-right:2px;
	background:url(../images/gray_left.png) left top no-repeat;
	height:50px;
	cursor:pointer;
}
.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 span {
	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;
}

.tab_selected_white_bg {
	float:left;
	margin-right:2px;
	background:url(../images/gray_left.png) left top no-repeat;
	height:50px;
	cursor:pointer;
}
.tab_selected_white_bg h2 {
		background:url(../images/gray_right.png) right top no-repeat;
	height:50px;
	float:left;
	padding:13px 15px 0 0;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin-top:0px;
}
.tab_selected_white_bg span {
	background:url(../images/gray_bg.png) repeat-x;
	margin:0;
	padding:0;
	margin-left:16px;
	height:50px;
	float:left;
	display:block;
}
/* SUBTABS */
.subtabs {
	background-color:#a8afb2;
	height:40px;
}

/* suprabha added css for subtabs */

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

.tab_selected_white_bg_secure h3 {
background:url(../images/subtab_gray_right.png) right top no-repeat;
height:50px;
float:left;
padding:13px 15px 0 0;
font-family:sans-serif,Verdana,Arial,Helvetica;
font-size:12px;
color:#fff;
margin-top:0px;
}

.tab_selected_white_bg_secure span {
background:url(../images/subtab_bg2.png) repeat-x;
margin:0;
padding:0;
margin:0 0 0 9px;
height:50px;
float:left;
display:block;
}


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

.tab_white_bg_secure h3 {
background:url(../images/subtab_selected_right.png) right top no-repeat;
height:50px;
float:left;
padding:13px 15px 0 0;
font-family:sans-serif,Verdana,Arial,Helvetica;
font-size:11pt;
color:#fff;
margin-top:0px;
}

.tab_white_bg_secure span {
background:url(../images/subtab_bg1.png) repeat-x;
margin:0;
padding:0;
margin:0 0 0 11px;
height:50px;
float:left;
display:block;
}
/* suprabha added css for subtabs */


.panel1 {
	width:70%;
	float:left;
	left:0;
	overflow:scroll;
}
.panel2 {
	width:30%;
	float:right;
	right:0;
}
.subtab_text {
	 font-family:sans-serif,Verdana,Arial,Helvetica;
	 font-size:16px;
	 font-weight:bold;
	 color:#fff;
	 display:none;
	 padding:7px;
}
.subtab_text_first {
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding:7px;
}
.subbuttons {
	float:left;
	margin-right:2px;
}
.clearboth {
	clear:both
}
.table_scroll {
	float:left;
	width:100%;
}
.content {
	max-height:300px;
	overflow:scroll;
}
.last_name_textbox {
	background:url(../images/textbox_bg1.jpg) left top no-repeat;
	width:239px;
	height:27px;
	border:0px;
	~padding-top:6px;
	~padding-left:2px;
}
.last_name {
	font-family:sans-serif,Verdana,Arial,Helvetica;
}
/* TABLE SCROLL */

	.tableWidget_headerCell, .tableWigdet_headerCellOver, .tableWigdet_headerCellDown, .table_header {	/* General rules for both standard column header and mouse on header of sortable columns */
	cursor:pointer;
	border-bottom:3px solid #C5C2B2;
	border-right:1px solid #ACA899;
	border-left:1px solid #FFF;
	background-color: #3f51B5;
	color:#fff;
}
.header_td{ 
	background-color:#3f51B5 !important; 
	font-family:sans-serif,Verdana,Arial,Helvetica; 
	font-size:11pt !important; 
	color:#fff !important; 
	/*font-weight:bold !important;*/
	}
.tableWidget_headerCell {	/* Standard column header */
	border-top:2px solid #ECE9D8;
}
.tableWigdet_headerCellOver {	/* Rollover on sortable column header */
	border-top:2px solid #FFC83C;
}
.tableWidget tbody .tableWidget_dataRollOver {	/* Rollover style on mouse over (Data) */
	background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */
}
.tableWigdet_headerCellDown {
	border-top:2px solid #FFC83C;
	background-color:#DBD8C5;
	border-left:1px solid #ACA899;
	border-right:1px solid #FFF;
}
.tableWidget td {
	margin:0px;
	padding:2px;
	border-bottom:1px solid #d9dbdd;
	border-right:1px solid #bbe1fe;
	height:30px;
	vertical-align:middle;	/* Border bottom of table data cells */
	overflow: hidden;
}
.color2{ background-color:#ECF0F1 !important;}
.color1{background-color: white !important;}
.groupingcolor{color:white;background-color:black;font-style: italic}
.posstaffingcolor{
	text-align:center; 
	background-color:lightgreen !important;
	padding: 3px; 
	border-radius: 5px;
	margin: 1px;
	border: thin solid black;
}
.negstaffingcolor{
	text-align:center; 
	background-color:tomato !important;
	padding: 3px; 
	border-radius: 5px;
	margin: 1px;
	border: thin solid black;
}

.tableWidget tbody {
	background-color:#FFF;
}
.tableWidget {
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	width:100%;
}
/* End layout CSS */
	
	
	div.widget_tableDiv {
	border:1px solid #ACA899;	/* Border around entire widget */
	width:100%;
}
html>body div.widget_tableDiv {
	/*overflow-y: scroll;*/
	width:100%;
}
.tableWidget thead {
	position:relative !important;
}
.tableWidget thead tr {
	position:relative !important;
	top:0px;
	bottom:0px;
}

.tableWidget .scrollingContent {
	overflow-y:scroll;
	overflow:-moz-scrollbars-vertical;
	width:100%;
	max-height:300px;
}

.tableWidget .scrollingContent td{ font-family:sans-serif,Verdana,Arial,Helvetica; font-size:12px; color:#000;}

/*STANDARDIZED LISTING STYLES*/
.blueborder{
	background-color: #D8DFE5;
}
.blueborder .list_cell_noformat_rj {
	background-color:#FFFFFF;
	font-size:11pt;
	border-top: 0px;      
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-spacing:0px;
	text-align:right;
	white-space:nowrap;
}

.blueborder .list_cell_noformat_lj {
	background-color:#FFFFFF;
	font-size:11pt;
	border-top: 0px;      
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-spacing:0px;
	text-align:left;
	white-space:nowrap;
}
.blueborder .list_header{
	height: 30px;
	text-align: left;
	vertical-align: middle;
	background-color: #3f51B5;
	overflow: hidden;
	padding: 0px 5px 0px 5px;
}
.blueborder a.add_entry{
	background:url(../images/xt_icons/Add.png) left top no-repeat;
	background-size: 24px 24px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
.blueborder a.add_entry_white{
	background:url(../images/xt_icons/Add_White.png) left top no-repeat;
	background-size: 24px 24px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
.blueborder a.add_entry:link, .blueborder a.add_entry:visited,
.blueborder a.add_entry_white:link, .blueborder a.add_entry_white:visited
{
	width: 24px;
	height: 24px;
}
.blueborder a.add_entry:hover,
.blueborder a.add_entry_white:hover
{
	width: 24px;
	height: 24px;
	background-color: transparent;
}
.blueborder a.edit_entry:link, .blueborder a.edit_entry:visited, 
	.blueborder a.edit_history_entry:link, .blueborder a.edit_history_entry:visited, 
		.blueborder a.copy_entry:link, .blueborder a.copy_entry:visited,
	.blueborder a.delete_entry:link, .blueborder a.delete_entry:visited,
	.blueborder a.publish_entry:link, .blueborder a.publish_entry:visited,
	.blueborder a.unpublish_entry:link, .blueborder a.unpublish_entry:visited,
	.blueborder a.details_entry:link, .blueborder a.details_entry:visited,
	.blueborder a.assign_entry:link, .blueborder a.assign_entry:visited,
	a.assign_entry:link, a.assign_entry:visited,
	.blueborder a.play_entry:link, .blueborder a.play_entry:visited,
	.blueborder a.preview_entry:link, .blueborder a.preview_entry:visited,
	.blueborder a.view_batches_entry:link, .blueborder a.view_batches_entry:visited, 
	.blueborder a.offer_entry:link, .blueborder a.offer_entry:visited,
	.blueborder a.offer_group:link, .blueborder a.offer_group:visited,
	.blueborder a.refresh_entry:link,.blueborder  a.refresh_entry:visited,
	a.refresh_entry:link, a.refresh_entry:visited,
	.blueborder a.split_entry:link,.blueborder  a.split_entry:visited,
	.blueborder a.volunteer_entry:link, .blueborder a.volunteer_entry:visited,
	.table_list a.delete_entry:link, .table_list a.delete_entry:visited,
	.table_list a.publish_entry:link, .table_list a.publish_entry:visited,
	.table_list a.unpublish_entry:link, .table_list a.unpublish_entry:visited,
	.table_list a.play_entry:link, .table_list a.play_entry:visited,
	.table_list a.preview_entry:link, .table_list a.preview_entry:visited{
	width: 24px; 
	height: 24px;	
}


div.image_div{
	width: 24px; 
	height: 24px;
	margin: auto;
	border: none;	
}
.blueborder a.edit_entry:hover, 
	.blueborder a.edit_history_entry:hover, 
	.blueborder a.copy_entry:hover, 
	.blueborder a.publish_entry:hover, 
	.blueborder a.unpublish_entry:hover, 
	.blueborder a.delete_entry:hover,
	.blueborder a.details_entry:hover,
	.blueborder a.assign_entry:hover,
	a.assign_entry:hover,
	.blueborder a.play_entry:hover,
	.blueborder a.preview_entry:hover,
	.blueborder a.view_batches_entry:hover,
	.blueborder a.offer_entry:hover,
	.blueborder a.offer_group:hover,
	.blueborder a.refresh_entry:hover,
	a.refresh_entry:hover,
	.blueborder a.split_entry:hover,
	.blueborder a.volunteer_entry:hover,
	.table_list a.publish_entry:hover,
	.table_list a.unpublish_entry:hover,
	.table_list a.delete_entry:hover,
	.table_list a.play_entry:hover,
	.table_list a.preview_entry:hover{
	width: 24px;
	height: 24px;
	background-color: transparent;	
}


.blueborder a.edit_entry{
	background:url(../images/xt_icons/Edit.png) no-repeat center;
}
.blueborder a.edit_history_entry{
	background:url(../images/xt_icons/Edit_History.png) no-repeat center;
}
.blueborder a.copy_entry{
	background:url(../images/xt_icons/Copy_Content.png) no-repeat center;	
}
.blueborder a.delete_entry{
	background:url(../images/xt_icons/Delete.png) no-repeat center;
}
.table_list a.delete_entry{
	background:url(../images/xt_icons/Delete.png) no-repeat center;
}
.blueborder a.publish_entry{
	background:url(../images/xt_icons/publish.png) no-repeat center;
}
.table_list a.publish_entry{
	background:url(../images/xt_icons/publish.png) no-repeat center;
}
.blueborder a.unpublish_entry{
	background:url(../images/xt_icons/unpublish.png) no-repeat center;
}
.table_list a.unpublish_entry{
	background:url(../images/xt_icons/unpublish.png) no-repeat center;
}
.blueborder a.view_batches_entry{
	background:url(../images/xt_icons/view_batches.png) no-repeat center;
}
.blueborder a.details_entry{
	background:url(../images/xt_icons/Details.png) no-repeat center;
}
.blueborder a.assign_entry{
	background:url(../images/xt_icons/Assign_Entry.png) no-repeat center;
}
a.assign_entry{
	background:url(../images/xt_icons/Assign_Entry.png) no-repeat center;
}
.blueborder a.play_entry{
	background:url(../images/xt_icons/Launch.png) no-repeat center;
}
.table_list a.play_entry{
	background:url(../images/xt_icons/Launch.png) no-repeat center;
}
.blueborder a.preview_entry{
	background:url(../images/xt_icons/preview.png) no-repeat center;
}
.table_list a.preview_entry{
	background:url(../images/xt_icons/preview.png) no-repeat center;
}
.blueborder a.offer_entry{
	background:url(../images/xt_icons/offer_shift.png) no-repeat center;	
}
.blueborder a.offer_group{
	background:url(../images/xt_icons/offer_group_24.png) no-repeat center;	
}
.blueborder a.refresh_entry{
	background:url(../images/xt_icons/Refresh.png) no-repeat center;
}
a.refresh_entry{
	background:url(../images/xt_icons/Refresh.png) no-repeat center;
}
.blueborder a.volunteer_entry{
	background:url(../images/xt_icons/volunteer_shift_24.png) no-repeat center;
}
.blueborder a.split_entry{
	background:url(../images/xt_icons/split_shift_24.png) no-repeat center;
}
.blueborder a.edit_entry, 
	.blueborder a.edit_history_entry, 
		.blueborder a.copy_entry, 
	.blueborder a.publish_entry, 
	.blueborder a.unpublish_entry, 
	.blueborder a.delete_entry,
	.blueborder a.details_entry,
	.blueborder a.assign_entry,
	a.assign_entry,
	.blueborder a.play_entry,
	.blueborder a.preview_entry,
	.blueborder a.view_batches_entry,
	.blueborder a.offer_entry,
	.blueborder a.offer_group,
	.blueborder a.refresh_entry,
	a.refresh_entry,
	.blueborder a.split_entry,
	.blueborder a.volunter_entry,
	.table_list a.preview_entry,
	.table_list a.play_entry,
	.table_list a.delete_entry,
	.table_list a.publish_entry,
	.table_list a.unpublish_entry{
	background-size: 24px 24px;
	float: left;
}

.blueborder div.warning_entry{
	background:url(../images/xt_icons/awaits_action.png) no-repeat;
	background-size: 24px 24px;
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	margin: 5px 0px 5px 5px;
}


.blueborder div.error_entry{
	background:url(../images/xt_icons/error.png) no-repeat;
	background-size: 24px 24px;
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	margin: 5px 0px 5px 5px;
}


.blueborder .list_header div.actions_header{
	width: 100%;
	height: 100%;
	padding: 11px 0px 0px 0px;
	margin-bottom: -10px;
	margin-left: 40px;
	
}

.blueborder .sortable_header{
	text-align: left;
	vertical-align: middle;
	background-color: #3f51B5;
	overflow: hidden;
}
.blueborder .sortable_header div.arrow_up,.blueborder .sortable_header div.arrow_down{
	width: 8px; 
	height: 7px;
	padding: 0px;
	margin: 0px;
	position: relative;
	left: -5px;
	top: 7px;
}

.blueborder .sortable_header div.arrow_up{
	background:url(../images/arrow_up.png) center left no-repeat;
}
.blueborder .sortable_header div.arrow_down{
	background:url(../images/arrow_down.png) center left no-repeat;
}
.blueborder a:link{
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	height:100%;
	padding: 5px 0px 5px 5px;
	overflow: hidden;
}
.table_list a:link{
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	height:100%;
	padding: 5px 0px 5px 5px;
	overflow: hidden;
}
.blueborder a:visited{
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	height:100%;
}
.blueborder a:hover{
	display:inline-block;
	color:#212121;
	background-color:#EEEEEE;
	text-decoration:none;
	width:100%;
	height:100%;
}
.blueborder .list_text_data{
	text-align: left;
	vertical-align: middle;	
	word-wrap: break-word;
	height: 30px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
    padding-right:5px;
	font-size: 11pt;
}

/*Availability/Vacancies Styles*/
.blueborder .matches_hdr{
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #FFF;
}
.matches_hdr h2{
	font-family: sans-serif,Verdana,Arial,Helvetica;
	text-size: 11pt;
}

.blueborder .matches_subHdr,.matches_subHdr_noBrdr{
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}
.matches_subHdr{
	border-right: 1px solid #FFF;
}
.matches_subHdr_noBrdr{
	border-right: none;
}

.match{
	display: block;
	width: 100%;
	height: 100%;	
}

/*END STANDARDIZED LISTING STYLES*/





/* ACTION BUTTONS TAB */
.button_btm {
	float:left;
	margin-right:2px;
	background:url(../images/button_left.jpg) left top no-repeat;
	height:39px;
	cursor:pointer
}
.button_btm h4 {
	background:url(../images/button_bg.jpg) repeat-x;
	margin:0;
	padding:0;
	margin-left:11px;
	height:50px;
	float:left;
	display:block;
}
.button_btm span {
	background:url(../images/button_right.jpg) right top no-repeat;
	height:28px;
	float:left;
	padding:11px 15px 0 0;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
/* ACTION BUTTONS TAB */


/* CALL TO ACTION BUTTONS TAB */
.button_btmright {
	float:right;
	margin-right:2px;
	background:url(../images/bluebtm_left.jpg) left top no-repeat;
	height:39px;
	cursor:pointer
}
.button_btmright h6 {
	background:url(../images/bluebtm_bg.jpg) repeat-x;
	margin:0;
	padding-left:5px;
	margin-left:9px;
	height:39px;
	float:left;
	display:block;
}
.button_btmright span {
	background:url(../images/bluebtm_right.jpg) right top no-repeat;
	height:28px;
	float:left;
	padding:11px 14px 0 0;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:11pt;
	font-weight:bold;
	color:#fff;
}
.button_btmright a{
font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	
}
/* CALL TO ACTION BUTTONS TAB */

.button_btm span img{ padding-left:7px;}

.sorting_arrows{ float: right; width: 18px; padding-top:0px;padding-top:3px\9;}
.sorting_name{ float:left; padding-top:6px; height:20px; line-height:90%;}
.select_header{ float:left;padding-top:0px; padding-top:3px\9; height:18px;}
.headerSorting_name{ float:left; padding-top:4px; height:27px;}

.sorting_img{ padding-bottom:2px;}
.sorting_img_timescreen{ padding-bottom:5px;}


.tab_textbox1 {
    border: 1px solid #A2C4D8;
    height: 18px;
}
.taextbox_text {
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 11pt;
}
/*Role Add styles defined*/
.roleAddMainDivStyle {
	margin-left:50px;
}

.inDivtopLft {
	background:#3f51B5;
	width:730px;
}
.inDivtopLftstyle {
	background:#F0F7FC;
	width:730px;
}
.scndinDivtopLftstyle {
	margin-left:189px;
}
.scndinDivtopLftstyleOne {
	display:inline;
	margin-left:36px;
}
.scndinDivtopLftstyleTwo {
	display:inline;
}

.inDivtopLftstyleScndT {
	background:#CAE5FA;
	width:730px;
}
.scndinDivtoprftstyle {
	margin-left:189px;
}


/* Second Tba role_Add */
.stack
{
	margin: 0;
	padding: 0;
}
.form
{
	margin: 0px;
	padding: 10px;
	width: 667px;
}
.formbox{
	margin: 0px 0px 15px;
	padding: 0px;
}
.formbox h4
{
	margin: 0px 0px 5px;
	padding: 0px;
	color: #999999;
	font-size: 0.8em;
	font-weight: bold;
	float:left;
}
.formbox .checkbox{
	float:right;
	margin:20px;
}
.form_box{
	margin: 0px 0px 15px;
	padding-bottom: 40px;
	border-bottom: dashed 1px #d0cfcf;
}
.form_box h6{
	margin-left:7px;
}
.form_box p{
	float:left;
	width:620px;
}
.form_box a{
	color:#000;
	text-decoration:none;
	font-size:1.0em;
}
.form_box a:hover{
	color:#000;
	text-decoration:underline;
	font-size:1.0em;
}
.formbox_left{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 260px;
}
.formbox_right{
	padding: 0px 0px 0px 10px;
	width: 260px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}
.formbox_center
{
	margin:  0 0 10px;
	padding: 0;
	text-align: center;
}
.form_top
{
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 689px;
}
.form_bot
{
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 689px;
}
#all_orgunits_dataaccess, #all_orgunits_notifications 
{
	font-size: 0.8em;
	background-color:white;
	color: #666;
	padding-left:30px;
	padding-top:0px;
	margin: 0px;
	border-top: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #666;
	width: 500px;
	height: 325px;
	resize: none;
	float:left;
	overflow:auto;
}
#selected_users
{
	font-size: 0.8em;
	background: #FFF;
	color: #666;
	line-height: 2.4em;
	padding-left: 5px;
	margin: 0px 0px 0px 10px;
	border-top: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #666;
	width: 273px;
	height: 282px;
	resize: none;
	float:left;
	overflow:auto;
}
#selected_users .innertxt2
{
	font-size: 0.8em;
	color:#666666;
	display:inherit;
	border-bottom: dashed 1px #cccccc;
	padding-bottom:25px;

}
#selected_users .innertxt2 img
{
	float:left;
	border: solid 1px #cccccc;
	margin:5px 5px 5px 0;
}
#selected_users .innertxt2 strong
{
	color:#666666;
	font-size:11px;
	font-weight:bold;	
}
#selected_users .innertxt2 li
{
	color:#666666;
	font-size:11px;
	font-weight:normal;
	margin:-15px 0 -15px 0;	
	text-align:left;
	list-style-type:none;
}
.form_button
{
	background:#7F8C8D;
	height: 30px;
	overflow: hidden;
	text-align: center;
	padding: 0px;
	display: inline-block;
	color: #ffffff;
	height: 30px;
	margin: 0px;
	display: inline-block;
	padding: 6px 8px;
	color: #FFFFFF;
	text-align: center;
    vertical-align: middle;
    border-style: none;
}
.form_button:hover
{
	background:#000000;
	height: 30px;
	overflow: hidden;
	text-align: center;
	padding: 0px;
	display: inline-block;
	color: #ffffff;
	height: 30px;
	margin: 0px;
	display: inline-block;
	padding: 6px 8px;
	text-align: center;
    vertical-align: middle;
    border-style: none;
}
.form p 
{
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0px;
	padding: 5px 20px 10px 5px;
}
.form h2
{
	margin: 0px;
	padding: 12px 0 0 210px;
	color: #666666;
	font-size:1em;
	font-weight: bold;
	text-transform:uppercase;
}
.form h3
{
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 0.8em;
	font-weight: bold;
}
.form h4
{
	margin: 0px 0px 5px;
	padding: 0px;
	color: #999999;
	font-size: 0.8em;
	font-weight: bold;
}
.form h5
{
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
}
.form h6{
	font-size: 0.7em;
	color: #666666;
	margin-bottom: 5px;
}
.float_break
{
    margin:0;
	padding: 0;
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0;	
}


.secure_left_bar {
    background: url("../images/blk_rept.jpg") repeat scroll 0 0 transparent;
    height: auto;
    width: 6%;
}

/* added by arjun */
.showhideimagestyle {
	width:24px;
	height:24px;
	cursor:hand;
	margin-top: -7px !important;
}

.iconPHLink {
	margin-left: -15px;
}
.imgIconHolderDiv {
	float:left;
	margin-left: -40px;
	margin-top: -16px;
}
.imgIconHolderDivHide {
	float:left;
	margin-left: 0px;
	margin-top: 48px;
}

 .imgclass_name {
pointer-events: none;
cursor: default;
}

.blborder {
 	background-color: #D8DFE5;
    border: 1px solid  #1C94C4 !important;
}

.blborder td {

border-left: 1px solid #B9DAF2 !important; }

.showhideimagestyle {
    height: 24px;
    margin-left: -390px;  
    width: 24px;
}

.icons{
	/*min-width:422px;*/
}	




body {
/*background: none repeat scroll 0 0 #F0F0F0;*/
background: #FFFFFF;
color: #4A4143;
font: 11pt sans-serif,Verdana,Arial,Helvetica;
margin: 0;
padding: 0;
text-align: center;
}
 



.bl_button_btm {

float:left;

margin-right:2px;

background:url(../images/bluebtm_left.jpg) left top no-repeat;

height:39px;

cursor:pointer;

}

.bl_button_btm h4 {

background:url(../images/bluebtm_bg.jpg) repeat-x;

margin:0;

padding:0;

margin-left:11px;

height:50px;

float:left;

display:block;

}

.bl_button_btm span {

background:url(../images/bluebtm_right.jpg) right top no-repeat;

height:28px;

float:left;

padding:11px 14px 0 0;

font-family:sans-serif,Verdana,Arial,Helvetica;

font-size:11pt;

font-weight:bold;

color:#fff;

}



.secColor2{
	background-color: #EAF4FB !important;
}


#emptab1,#emptab2,#emptab3,#emptab4{
	background-color:#E5E5E5;
	margin-left:76px;
	padding:1px;
	width:690px;
	min-width:690px;
}

.imgIconPlcHldrTd {
	background:url(../images/button_right_Rect_Corner.png) right top repeat;
	height:38px;	
}


.imgIconPlcHldrTdHideIconHide {
	background:url(../images/downarrow-Sepearator.gif) left top no-repeat;
	padding-left: 5px;
	margin-top: 9px;
	margin-left: 33px;
	float:left;
}

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

.addCertTrStyle, .addCertTr2Style{
	
}


.sorting_img_btm{
	padding-bottom:3px;
	 padding-top: 4px;
}
/* Use securesorting_img_btm for having less space between the sorting arrows*/
 
.securesorting_img_btm{
	 margin-top:-5px;
	 *margin-top:-5px;
	 ~margin-top:-5px;
  	 margin-top: 0px\9; /* changed from -5px to 0px on 18/01/2012 for resolving JIRA issue no:243*/
	 padding-bottom:3px;
	 padding-top: 4px;
}


/* Use securesorting_arrows for reducing the height of the blue bar header*/
 
.securesorting_arrows{
 float: right; 
 width: 10px; 
 padding-top:0px;
 padding-top:4px\9;
}

.securesorting_arrows_timescreen{
 float: right; 
 width: 18px; 
 padding-top:10px;
}

.showLightBackground {
	background-image: url("../images/btn_sidebar_180px_RO.png");
    background-position: right center;
}

.imgIconPlcHldrTdDiv {
	background-color: #EEEEEE;
	/*background:url(../images/button_right_Rect_Corner.png) right top repeat;*/
	height:30px;
	margin-top: -9px;
	margin-bottom: 5px;
	vertical-align: middle;
}

.imgIconPlcHldrTdHideIconShow {
	padding-left: 5px;
	margin-top: 9px;
	margin-left: 10px;
	float:left;
}
/* End role_add second tab */

.tab_white_bg_emp h2 {
	background:#e5e5e5; margin: -17px 0px 0px 9px; padding: 18px; height: 0px; color: rgb(255, 255, 255); float: left; display: block;
}

.tab_white_bg_emp {
	background:#e5e5e5; height: 36px; padding-left: 0px; margin-right: 2px; float: left; cursor: pointer;
}
.tab_white_bg_emp span {
	background:#e5e5e5; padding: 17px 15px 0px 2px; height: 19px; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 11px !important; font-weight: bold; float: left;
}
.tab_selected_white_bg_emp {
	background:#e5e5e5; height: 36px; margin-right: 2px; float: left; cursor: pointer;
}
.tab_selected_white_bg_emp span {
	background: #e5e5e5; margin: 0px 0px 0px 16px; padding: 0px; height: 36px; float: left; display: block;
}
.tab_selected_white_bg_emp h2 {
	background: #e5e5e5; padding: 13px 15px 0px 0px; height: 23px; color: #424242; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 16px; font-weight: bold; margin-top: 0px; float: left;
}

/*STANDARDIZED SUB TAB STYLES*/

/*
We should consider renaming these classes.  Currently the classes with the 'selected' keywords apply to unselected items
And selected/hover items use the class without the 'selected' keyword.  We should rename these to something more standard such as 
sub_tab_white and sub_tab_white_selected.  
*/
  
.tab_selected_white_bg_secure_emp {
	background: #e5e5e5; height: 40px; margin-right: 0; float: left; cursor: pointer; overflow: hidden;
}

.tab_selected_white_bg_secure_emp span {
	background: #e5e5e5; margin: 0px; padding: 0px; height: 30px; float: left; display: block;
}

.tab_selected_white_bg_secure_emp h3 {
	background: #e5e5e5; padding: 13px 0px 0px 0px; height: 20px; color: #424242; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 9pt; margin-top: 0px; margin-right: 0; float: left;text-transform: uppercase;
}

.tab_selected_white_bg_secure_emp h3 a {
	color: #424242; padding: 40px 13px;
}

.tab_white_bg_secure_emp {
	background: #ccc; height: 40px; margin-right: 0px; float: left; cursor: pointer; overflow: hidden;
}
.tab_white_bg_secure_emp span {
	background: none; margin: 0px; padding: 0px; height: 30px; float: left; display: block;
}

.tab_white_bg_secure_emp h3 {
	background: none; padding: 13px 0px 0px 0px; height: 20px; color: #424242; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 9pt; margin-top: 0px; margin-right: 0; float: left;text-transform: uppercase;
}

.tab_white_bg_secure_emp h3 a {
	color: #424242; padding: 40px 13px;
}
/*END STANDARDIZED SUB TAB STYLES*/

#chnPwdAll {
	color:#09456D;
}

#chnPwdAll:hover {
	color:#3191C4;
}

.trade_selected_white_bg_secure_emp {
	background: #e5e5e5; height: 40px; margin-right: 0; float: left; cursor: pointer;
}

.trade_selected_white_bg_secure_emp span {
	background: #e5e5e5; margin: 0px 0px 0px 13px; padding: 0px; height: 30px; float: left; display: block;
}

.trade_selected_white_bg_secure_emp h3 {
	background: #e5e5e5; padding: 13px 13px 0px 0px; height: 20px; color: #424242; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 12px; margin-top: 0px; margin-right: 0; float: left;text-transform: uppercase;
}

.trade_white_bg_secure_emp {
	background: #ccc; height: 40px; margin-right: 0px; float: left; cursor: pointer;
}

.trade_white_bg_secure_emp span {
	background: none; margin: 0px 10px; padding: 0px; height: 30px; float: left; display: block;
}

.trade_white_bg_secure_emp h3 {
	background: none; padding: 13px 10px; height: 5px; color: #424242; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 9pt; margin-top: 0px; margin-right: 0; float: left;text-transform: uppercase;
}

.button_btmleft {
	float: left;
}
.button_btmleft label {
	font-family: sans-serif,Verdana,Arial,Helvetica;
	font-size: 11pt;
	font-type: normal;    
    font-weight: normal;
}

.button_btnNormal {	
	margin-right:2px;
	background:url(../images/bluebtm_left.jpg) left top no-repeat;
	height:39px;
}

.button_btnNormal h6 {
	background:url(../images/bluebtm_bg.jpg) repeat-x;
	margin:0;
	padding-left:5px;
	margin-left:9px;
	height:39px;
	float:left;
	display:block;
}
.button_btnNormal span {
	background:url(../images/bluebtm_right.jpg) right top no-repeat;
	height:28px;
	float:left;
	padding:11px 14px 0 0;
	font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:11pt;
	font-weight:bold;
	color:#fff;
}
.button_btnNormal a{
font-family:sans-serif,Verdana,Arial,Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	
}

.timescreen_sorting_alg
{

    height: 36px;
    width: 150px;
}

.clr{
	clear:both;
}

.sorting_name_timescreen{
	 float: left;
    height: 20px;
    padding-top: 10px;
}

.button_btnalign {
	margin-left: 20px;
}



.ms_req_button{
	        height:auto;
			width:auto;
}
.ms_btn_left {
    /*background: url("imag/left.png") no-repeat scroll 0 0 transparent ;*/
    background:url(../images/mys_left.png) no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 12px;
	float: left;
}
.ms_btn_middle {
    background:url(../images/mys_middle.png) repeat-x scroll 0 0 transparent;
    color: #000000;
    float: left;
    height: 32px;
    line-height: 30px;
    text-align: center;
    width: 125px;
}
.ms_btn_right {
    background:url(../images/mys_right.png) no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    width: 12px;
}
.fc-header {
	border: 0px none !important;	
}
.selectedColor {
    background-color: #1589FF;
}