@charset "UTF-8";
/* CSS Document */

@font-face{
	font-family:'Segoeui_light';
	src:url("webfonts/segoeui_light.woff");
	src:local("Segoe UI Light"),local("Segoe WP Light"),	url("webfonts/segoeui_light.woff") format("woff"),url("webfonts/segoeui_light.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'Segoeui_normal';
	src:url("webfonts/segoeui.woff");
	src:local("Segoe UI"),local("Segoe"),local("Segoe WP"),url("webfonts/segoeui.woff") format("woff"),url("webfonts/segoeui.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'Helvetica_light';
	src:url("webfonts/helvetica.woff");
	src:local("Helvetica Light"),local("HelveticaNeue Light"),url("webfonts/helveticaneue-light.woff") format("woff"),url("webfonts/helvetica-light.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'Helvetica';
	src:url("webfonts/helvetica.woff");
	src:local("Helvetica"),url("webfonts/helvetica.woff") format("woff"),url("webfonts/helvetica.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: 'Lato';
	src: url("webfonts/Lato-Regular.woff");
	src: local("Lato"),url("webfonts/Lato-Regular.woff") format("woff"),url("webfonts/Lato-Regular.ttf") format("truetype");
	font-style: normal;
}

@font-face{
	font-family: 'Lato_light';
	src: url("webfonts/Lato-Light.woff");
	src: local("Lato-Light"),url("webfonts/Lato-Light.woff") format("woff"),url("webfonts/Lato-Light.ttf") format("truetype");
	font-style: normal;
}

/********************************************* Day/Night ***************************************/

/*Common CSS*/
body{
	margin: 0;
	padding:0;
	height: 100%;
	font-family: 'Lato', Calibri, sans-serif;
	color: #231F20;
	background-color: #F2F2F2;
}

.footer{    
    position: fixed;
    bottom: -20px;
    width: 100%;
    height: 30px;
    clear:both;
    background-color: rgba(26,26,26, 0.3);
    color: #fff;
}

.nightmode{
	background: #1C1C1C;
	color: #A5A7AA;
	scrollbar-arrow-color: rgba(164, 153, 131, 1);
	scrollbar-base-color:rgba(56, 56, 56, 1);
	scrollbar-track-color: rgba(22, 41, 56, 1);
}

/* Scrollbar */
::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}

/* Track */
::-webkit-scrollbar-track{
	background: #e0e0e0;
}

.nightmode ::-webkit-scrollbar-track{
	background: #111;
}

/* Handle */
::-webkit-scrollbar-thumb{
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #bcbcbc;
}

.nightmode ::-webkit-scrollbar-thumb{
	background: #383838;
}

::-webkit-scrollbar-thumb:window-inactive{
	background: rgba(51,51,51,0.4);
}

TD, TH{
	font-size: 13px;
}

h3{
	font-family: 'Lato', Calibri, sans-serif;
	font-size: 14px;
}

P, li, span, td, h1{
	font-family: 'Lato', Calibri, sans-serif;
}

A{
	color: #231F20;
}

.nightmode A{
	color: #BABCBE;
}

A:hover{
	color: #231F20;
	text-decoration: none;
}

.nightmode A:hover{
	color: #BABCBE;
	text-decoration: none;
}

.bkwhite{
	background-color: transparent;
}

.ui-widget-overlay{
  background: #FFFFFF;
  opacity: 0.8;
}

.nightmode .ui-widget-overlay{
  background: #000000;
  opacity: 0.7;
}

.nightmode .waitbox_table{
	background-color: rgba(223, 223, 223, 1);
}

/*Component*/
.pagingselect{
    height: 23px;
    width: 60px;
    background: url(../Images/Day/icon_day_page_dropdown.png) no-repeat right #f1f2f2;
}

.nightmode .pagingselect{
    background: url(../Images/Night/icon_night_page_dropdown.png) no-repeat right #424242;
}

SELECT{
	font-size: 13px;
	height: 24px;
	border: 0;
	padding-left: 5px;
	/*padding-right: 20px;*/	
	color: #404041;
	background: url(../Images/Day/icon_day_dropdown_arrow.png) no-repeat right #e6eef1;
	min-width:50px;
	border-radius: 0;
	-webkit-appearance: none; /*Chrome*/
    -moz-appearance: none; /*FF*/
    appearance: none;/*CSS3*/
}

/*IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    SELECT
    {
    	padding-right: 20px;
    }
} 

/* webkit Chrome Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	SELECT  {padding-right: 20px;  }
}

/*FireFox*/
@-moz-document url-prefix() {
	SELECT  {padding-right: 20px;  }
}

/*
INPUT[type="text"][disabled]{
	background-color: #ccc !important;
	opacity: 0.5;
}

SELECT[disabled]{
	background-color: #ccc !important;
	opacity: 0.5;
}
*/

textarea[disabled], select[disabled], input[type='text'][disabled]{
    /* background-color: #ccc !important; */
    opacity: 0.5;
}

.nightmode INPUT[type="text"][disabled]{
	background-color: #191919 !important;
	opacity: 0.5;
}

.nightmode SELECT[disabled]{
	background-color: #191919 !important;
	opacity: 0.5;
}

select::-ms-expand {
    display: none; /*IE*/
}

select[multiple]{
	border: solid 1px #efefef;
	background: transparent;
	background-color: #e6eef1;
	padding-right: 0;
}

.nightmode select[multiple]{
	border: solid 1px #1c1c1c;
	background: transparent;
	background-color: #383838;
}

.nightmode input[type="text"]{
	color: #A5A7AA;
	background-color: #383838;
}

INPUT{
	font-size: 13px;
	height: 24px;
	border: 0;
	padding-left: 5px;
}

INPUT[type="text"]{
	color: #404041;
	background-color: #e6eef1;
	/*margin-top: 0px;*/
}

INPUT[type="password"]{
	color: #404041;
	background-color: #e6eef1;	
}

INPUT[type="checkbox"]{
	height: auto;
}

INPUT[type="radio"]{
	height: auto;
}

.nightmode select{
	color: #A5A7AA;
	background: url(../Images/Night/icon_night_dropdown_arrow.png) no-repeat right #383838;
}

.nightmode TEXTAREA{
	color: #A5A7AA;
	background-color: #383838;
}

TEXTAREA
{
	font-size: 13px;
	border: 0;
	padding: 1px;
	color: #404041;
	background-color: #e6eef1;
}

.comboselect{
	height: 26px;
	width: 23px;
	line-height: 22px;
	border-left: 2px solid #fff;
	background: url(../Images/Day/icon_day_dropdown_arrow.png) no-repeat right #d1e6eb;
}

.nightmode .comboselect{
	border-left: 2px solid #262626;
	background: url(../Images/Night/icon_night_dropdown_arrow.png) no-repeat right #313131;
}

.comboselect_dropdown{
	z-index: 10;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #E6E7E8;
	color: #404041;
	position: absolute;
	height: 150px;
	width: 362px;
	/*background-color: #fff;*/
	background-color: rgba(208, 210, 211, 1);
}

.nightmode .comboselect_dropdown{
	border: 1px solid #3e3e40 !important;
	color: #D5D8DB;
	/*background-color: #484848;*/
	background-color: rgba(31, 30, 30, 1);
}

.cad1
{
	color: #231F20;
	background-color: #D1D3D4;
}

.nightmode .cad1{
	color: #A6A8AB;
	background-color: #1F1E1E;
}

.checkSpell{
    border: 2px solid #d1d2d3;
    padding: 2px 5px;
    cursor: default;
    text-align: center;
    float: left;
    color: #A6A8AB;
}

.nightmode .checkSpell{
    border: 2px solid #555;
    color: #A6A8AB;
}

.datepicker_img{
	padding: 0 5px;
}
/*Component end*/

/*Button*/
.button{
	font-family: 'Lato';
	background-color: #1B98DB;
	color: #fff;
	height: 28px;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 10px;
	margin-right: 0px;
	font-size:14px;
	min-width:90px;
	*min-width:auto;
	cursor: pointer;
}

.button:hover{
	background-color: #76C1E9;
}

.button:disabled{
	background-color: #666;
	color: #ccc;
	opacity: 0.3;
	cursor:default;
}

.button[disabled]{
	background-color: #666 !important;
	color: #ccc !important;
	opacity: 0.3;
	cursor: default;
}

.btnBlue{
	background-color: #1B98DB;
	color: #fff;
	height: 28px;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 0px;
	margin-right: 0px;
	font-size:14px;
	min-width:90px;
	*min-width:auto;
	cursor: pointer;
}

.btnBlue:hover{
	background-color: #76C1E9;
}

.btnBlue:disabled{
	background-color: #1B98DB; transparent:50%;
	color: #ffffff;
	cursor:default;
}

.btnGreen{
	background-color: #48B469;
	color: #fff;
	height: 28px;
	padding-right: 15px;
	padding-left: 15px;
	font-size:14px;
	cursor: pointer;
	margin-left: 3px;
	margin-right: 3px;
	min-width:90px;
	*min-width:auto;
}

.btnGreen:hover{
	background-color: #91D2A5;
}

.btnGreen:disabled{
	background-color: #48B469;
	color: #ffffff; transparent:50%;
	cursor:default;
}
/*Button end*/

/* Multisection*/
.multisection_cmd_add
{	
	font-size: 18px;
	padding: 0 10px;	
	background-color: rgba(38, 149, 197, 1);
	color: #fff;
}

.multisection_cmd_del
{
	font-size: 18px;
	padding: 0 10px;
	margin-left: 8px;
	background-color: rgba(38, 149, 197, 1);
	color: #fff;
}

/*.multisection_grideven
{
	background-color: #eeeeee;
}

.multisection_grideven_td
{
	background-color: #eeeeee;
}

.multisection_gridodd
{
	background-color: #ffffff;
}

.multisection_gridodd_td
{
	background-color: #ffffff;
}*/

/* Multisection end*/

/* Login */
.login-body{
	margin:0;
	padding:0;
	background: #fff url(../Images/bg-login.png) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	min-width: 768px;
	min-height: 600px;
}

.systemname{
	font-family: Segoeui_light, Helvetica_light, sans-serif;
	font-size: 32px;
	color: #fff;
	text-transform: uppercase;
}

.login-input{
	height: 35px;
    width: 285px;
    background-color: rgba(255,255,255,0.30) !important;
    padding-left: 18px;
    margin: 7px auto;
    color: #0A4264;
    font-size: 16px;
}

.login-label{
	font-family: 'Lato_light';
	font-size: 16px;
	position: absolute;
	left: 18px;
	top: 14px;
	color: #fff;
	cursor: text;
	opacity: 0.5;
}

.btnlogin{
    font-family: 'Lato_light';
    border: 1px solid;
    height: 35px;
    background-color: rgba(27,152,219,0);
    font-size: 18px;
    /*padding: 6px 30px 4px;*/
    padding: 0 30px;
    color: #fff;
    margin-top: 15px;
}

.btnlogin:hover{
    background-color: rgba(27,152,219,0.85);
}
/*Login end*/


/*Top Banner*/
.title{
	font-family: Segoeui_normal, Helvetica_light, sans-serif;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

.subtitle{
	font-family: Segoeui_light, Helvetica_light, sans-serif;
	font-size: 16px;
	color: #7CD0F3;
	text-transform: uppercase;
}

.tabBar
{
	background: #0F5885; 
	width:100%;
	min-width: 900px; 
	height: 95px;
	white-space: nowrap;
	border-width:0;
}

.sitelogo{
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 15px;
}

.btnSearch{
	background-color: transparent !important;
	background-image: url(../Images/icon_homesearch.png);
	height: 20px;
	width: 20px;
	margin-left: -32px;
	margin-left: -23px\9;
	*margin-left:-32px;
	vertical-align:middle;
	cursor: pointer;
	position: relative;
	border: 0px;
	background-repeat: no-repeat;
}

.search-input{
	background: #e0e0e0;
}

.nightmode .search-input{
    background: #0b4163;
}

.search-label{
  padding: 2px 1px 1px 4px;
  margin: 0px;
  line-height: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
  color: #A5A7AA;
  cursor: text;
}

.IconTop{
	font-size: 13px;
	cursor:pointer;
	margin-top: 9px;
	vertical-align: top;
}

.IconTop:link{
	color: #fff;
	text-decoration: none;
}

.IconTop:visited{
	color: #fff;
	text-decoration: none;
}

.IconTop:hover{
	color: #66CBF2;
}

/*Top Banner end*/

/*Link Bar*/
.tabBar2{
	color: #1B75BA !important; 
	width:100%;
	min-width: 900px; 
	height: 28px;
	white-space: nowrap;
	border-width:0;
}

.IconTopSplit{
	color:#1B75BA;
	margin: 0 15px;
}

.nightmode .IconTopSplit{
	color:#BABCBE;
}

.LinkTop{
	font-size: 13px;
	cursor:pointer;
}

.LinkTop:link{
	color: #0f5885;
	text-decoration: none;
}

.nightmode .LinkTop:link{
	color: #babcbe;
}

.LinkTop:visited{
	color: #0f5885;
	text-decoration: none;
}

.nightmode .LinkTop:visited{
	color: #babcbe;
}

.LinkTop:hover, .nightmode .LinkTop:hover{
	color: #00A9EA;
}
/*Link Bar end*/


/*Quick Access Panel*/
.panelbg{
	background: #e0e0e0;
    border: 2px solid #d4d4d4;
	border-left: 0px;
}

.nightmode .panelbg{
	background: rgba(35,35,35,0.95);
    border: 2px solid #0f5885;
	border-left: 0px;
}

.moduleDropDown{
}

.nightmode .moduleDropDown{
}

.moduleDropDown select
{
   margin: 10px;
   font-family: 'Lato', Calibri, sans-serif;
   font-size: 14px;
   background: url(../Images/Night/icon_night_dropdown_arrow.png) no-repeat right #bdbdbd;
   width: 250px;
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 26px;
   -webkit-appearance: none;
}

.nightmode .moduleDropDown select{
   color: #E2E3E4;
   background: url(../Images/Night/icon_night_dropdown_arrow.png) no-repeat right #474747;
}

#menu_tblModule{
	border-bottom: 1px solid #bdbdbd;	
}

.nightmode #menu_tblModule{
	border-bottom: 1px solid #1b1b1b;
}

.ui-widget-content{
	border: 1px solid #E6E7E8;
	background: #D1D3D4;
}

.ui-widget-content a{
	font-family: 'Lato', Calibri, sans-serif;
	color: #231F20 !important;
	text-decoration:none;
	font-size: 13px;
	margin-left: 0px;  /*the event calendar will be incorrect*/
	display: block;
	padding-top: 2px;
}

.nightmode .ui-widget-content{
	border: 0px solid #464646;
	background: #383838;	
}

.nightmode .ui-widget-content a{
	color: #A6A8AB !important;
}

.ui-accordion .ui-accordion-header{
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 0px;
	font-size:14px;
	text-transform: uppercase;
	padding-top: 8px;
	padding-bottom: 6px;
}

.ui-accordion .ui-accordion-header-active{
	background: #c7c7c7;
    border-bottom:1px solid #bdbdbd;
}  

.nightmode .ui-accordion .ui-accordion-header-active{
    color: #E2E3E4;
    background: #474747;
    border-bottom:1px solid #232323;
}

.ui-accordion .ui-accordion-content{
	padding-top: 0px; 	
	padding-bottom: 0px; 	
	padding-left: 0px; 	
	padding-right: 0px;
	border-top: 0; 	
	overflow: auto; 	
	zoom: 1; 	
	/*background: #e8e8e8;*/
	background: #f2f2f2;
}

.nightmode .ui-accordion .ui-accordion-content{
	background: #302e2f;
}

.ui-state-active{ 	
	border: 0px;
	font-weight: normal; 	
	color: #333;
}

.ui-widget{
	font-size: 1.1em;
	border: 0px solid #D3D3D3;
	border-radius: 0px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	/*background: #f2f2f2;*/
	background: #e0e0e0;
	font-weight: normal;
	color: #404041;
	border-width:0px;
	border-bottom:1px solid #c7c7c7;
}

.nightmode .ui-state-default, .nightmode .ui-widget-content .ui-state-default, .nightmode .ui-widget-header .ui-state-default{
	background: #292929;
	color: #A5A7AA;
	border-bottom: 1px solid #1b1b1b;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ 
	background: #c7c7c7;
	font-weight: normal;
	color: #404041;
}

.nightmode .ui-state-hover, .nightmode .ui-widget-content .ui-state-hover, .nightmode .ui-widget-header .ui-state-hover, .nightmode .ui-state-focus, .nightmode .ui-widget-content .ui-state-focus, .nightmode .ui-widget-header .ui-state-focus{ 
	background: #474747;
	color: #E2E3E4;
}

.ui-menu .ui-state-hover, .ui-menu .ui-state-focus{
	border: 0px solid #999;
	background: #0f5885 !important;
	font-weight: normal;
	color: #fff !important;
}

.nightmode .ui-widget-content .ui-state-default{
	border: 1px solid #787878;
}

.menuSplit{
	border-bottom:1px solid #d3d3d3;
}

.menuTree td{ 	
	border-bottom: 1px solid #d9d9d9; 
}

.nightmode .menuTree td{ 	
	border-bottom: 1px solid #232323; 
}

.lihover{
	background-color:#d6d6d6;
}

.nightmode .lihover{
	background-color:#424041;
}

.nightmode .FavoriteYes{
	background-image: url(../Images/star_b_enable.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.nightmode .FavoriteNo{
	background-image: url(../Images/star_a_disable.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	opacity: 0.3;
}
/*Panel end*/

/*Section*/
.DesktopHeader{
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 16px;
}

.DesktopHeader span{
	color: #fff;
	font-size: 18px;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: middle;
	margin-top: 4px;
	line-height: 16px;
}

.HeaderInbox{
	background-color: #00A9EA;
}

.HeaderMail{
	background-color: #85B667;
}

.HeaderNews{
	background-color: #A27EB9;
}

.HeaderEvent{
	background-color: #29AFBB;
}

.DesktopBody{
	width: 100%;
}

.nightmode .DesktopBody{
	background-color: rgba(18,18,18,0.6);
}

.BodyInbox{
	border: 2px solid #00A9EA;
	border-top: 0;
}

.BodyMail{
	border: 2px solid #85B667;
	border-top: 0;
}

.BodyNews{
	border: 2px solid #A27EB9;
	border-top: 0;
}

.BodyEvent{
	border: 2px solid #29AFBB;
	border-top: 0;
}

.CountHeader{
	text-align:center;
	padding-left:6px;
	padding-right:6px;
	font-size: 14px;
	background-color:#fff;
	opacity: 0.75;
	display:inline-block;
	vertical-align: middle; 
}

.CountInbox{
	color: #00A9EA;
}

.CountMail{
	color: #85B667;
}

.CountNews{
	color: #A27EB9;
}

.CountEvent{
	color: #29AFBB;
}

.Legend-link a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

.Legend-link a:hover{
	color: rgba(255,255,255,0.5);
}

.InboxCategory{
	font-size: 17px;
	color: #404041;
}

.nightmode .InboxCategory{
	color: #E1E2E3;
}

.InboxEmpty
{
	font-family: 'Lato';
	font-size: 14px;
	vertical-align: middle;
}

.InboxEmpty span{
	background: transparent;
}

.InboxEmpty a{
	font-size: 14px;
	color: #A5A7AA;
	text-decoration: none;
	vertical-align: middle;
}

.nightmode .InboxEmpty a{
	color: #808080;
}

.InboxEmpty .square{
	width: 7px;
	height: 7px;
	background-color: #A5A7AA;
	*vertical-align:middle;
}

.nightmode .InboxEmpty .square{
	background-color: #808080;
}

.InboxNoEmpty{
	font-size: 14px;
	vertical-align: middle;	
}

.InboxNoEmpty a{
	font-size: 14px;
	color: #231F20;
	text-decoration: none;
	vertical-align: middle;
}

.nightmode .InboxNoEmpty a{
	color: #E1E2E3;
}

.InboxNoEmpty .square{
	width: 7px;
	height: 7px;
	background-color: #231F20;
	*vertical-align:middle;
}

.nightmode .InboxNoEmpty .square{
	background-color: #E1E2E3;
}

.InboxEmpty a:hover, .nightmode .InboxEmpty a:hover, .InboxNoEmpty a:hover, .nightmode .InboxNoEmpty a:hover {
	color: #00A9EA;
	text-decoration: none;
}

.InboxCount{
	margin-left: 5px;
	font-size: 12px;
	color: #fff;
	background-color: #F15A29;
	min-width: 18px;
    text-align: center;
    padding-top: 3px;
}

.DesktopBody .itemTitle{
	color: #231F20;
	font-size: 16px;
}

.nightmode .DesktopBody .itemTitle{
	color: #D5D8DB;
}

.DesktopBody .itemContent{
	color: #A5A7AA;
	font-size: 12px;
}

.BodyInbox, .BodyMail, .BodyNews, .BodyEvent{
    background-color: #fff;
}

.nightmode .BodyInbox, .nightmode .BodyMail, .nightmode .BodyNews, .nightmode .BodyEvent{
    background-color: #212121;
}

.lineSplit{
    border-bottom:1px solid #E0E1E3;
    *display: inline-block;
    font-size:3px;
}

.nightmode .lineSplit{
    border-bottom:1px solid #181818;
    *display: inline-block;
    font-size:3px;
}

/*Section end*/

/*Popup*/
.popup_desktop_bar{
	position: fixed;
	top: 128px;
	right: 0px;
	width:223px;
	margin-right:-200px;
	background-color: #F5F5F5;
	border: 1px solid #B6B8BA;
	z-index:499;
}

.nightmode .popup_desktop_bar{
	background-color: rgba(18,18,18,0.9);	
	border: 1px solid #0f5885;
}

.popup_desktop_bar_button{	
	/*width: 6px;*/
	cursor: pointer;
	/*background: #B6B8BA;*/
	background: url(../Images/icon_switch.png) no-repeat;
}

.nightmode .popup_desktop_bar_button{
	background: url(../Images/icon_switch_night.png) no-repeat;
}

.popup_mailinfo{
	width: 250px;
	height: 150px;
	position: fixed;
	right: 10px;
	bottom: 0px;
	border: 1px solid #B6B8BA;
	margin: 0px;
	overflow: hidden;
	background: #F0F0F0;
}

.nightmode .popup_mailinfo{
	border: 1px solid #3e3e40;
	background: rgba(13,13,13,0.9);
}

.popup_mailinfo .title{
	font-size: 16px;
	color: #fff;
	padding: 3px;
	text-transform: uppercase;
	text-align: center;
	background-color: #3f799e;
}

.nightmode .popup_mailinfo .title{
	color: #fff;
	background-color: #0b4163;
}

.popup_mailinfo .con{
	line-height: 3;
	font-size: 14px;
	text-align: center;
}

.popup_mailinfo .close{
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../Images/icon_close.png) no-repeat;
	right: 2px;
	top: 5px;
	cursor: pointer;
}

.popup_version{
	position: absolute;
	left: 10px;
	/*bottom: 30px;*/  /*can't set it*/
	width: 600px;
	border: 1px solid #B6B8BA;
	margin: 0px;
	background-color: #F0F0F0;
}

.nightmode .popup_version{
	border: 1px solid #3e3e40;
	background: rgba(13,13,13,0.9);
}
/*Popup end*/

/*Tab*/
.tab{
	width: 90%; 
	/* margin: 0 10px; */
	overflow: hidden;
	float: left;
	position: relative;
}

.tabbg{
	background-color: #e0e0e0;
	width: 96%; 
	/*height: 64px;*/
	margin: 5px auto 15px;
	margin-left: 30px;
}

.nightmode .tabbg{
	background-color: #383838;
}

.tabSelected{
	font-family: 'Lato', Calibri, sans-serif;
	display: table-cell;
	text-align: left;
	height:32px;
	padding-right: 20px;
}

.tabSelected a{
	color: #fff;
	background-color: #b2b2b2;
	display: inline-block;
	position: relative;
	white-space: nowrap;
	font-size: 14px;
	text-decoration: none;
	width:100%;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 5px;
}

.nightmode .tabSelected a{
	background-color: #58595b;
}

.tabSelected a:visited{
	color: #fff;
	padding-left: 5px;
}

.tabUnSelected{
	display: table-cell;
	text-align: left;
	height:32px;
	padding-right: 20px;
}

.tabUnSelected a{
	color: #231F20;
	padding-left: 5px;
	display: inline-block;
	position: relative;
	white-space: nowrap;
	 font-size: 14px;
	text-decoration: none;
	width:100%;
}

.nightmode .tabUnSelected a{
	color: #D1D3D4;
}

.tabUnSelected a:visited{
	color: #303030;
}

.nightmode .tabUnSelected a:visited{
	color: #D1D3D4;
}

.tabUnSelected a:hover{
	background-color: #BCDEE9;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 5px;
	text-decoration: none;
}

.nightmode .tabUnSelected a:hover{
	background-color: #3d7199;
}

.RedSquare{
	width: 7px;
	height: 7px;
	background-color: #F15A29;
	margin-right: 5px;
	margin-bottom: 1px;
	*margin-bottom: 0px;
	*vertical-align:middle;
}

.tabSelected .RedSquare{
	width: 6px;
	height: 6px;
	background-color: #F15A29;
	margin-right: 5px;
	margin-bottom: 1px;
	*margin-bottom: 0px;
	*vertical-align:middle;
}

.GreySquare{
	width: 7px;
	height: 7px;
	background-color: #BCBEC0;
	margin-right: 5px;
	margin-bottom: 1px;
	*margin-bottom: 0px;
	*vertical-align:middle;
}

.tabSelected .GreySquare{
	width: 6px;
	height: 6px;
	background-color: #BCBEC0;
	margin-right: 5px;
	margin-bottom: 1px;
	border:1px solid #fff;
	*margin-bottom: 0px;
	*vertical-align:middle;
}

.LeftArrow{
	float: left;
	width: 20px;
	cursor: pointer;
}

.RightArrow{
	float: left;
	width: 20px;
	cursor: pointer;
}

.LeftArrowLight{
	float: left;
	width: 20px;
	cursor: pointer;
	background-color: #d1d1d1;
}

.RightArrowLight{
	float: left;
	width: 20px;
	cursor: pointer;
	background-color: #d1d1d1;
}

.nightmode .LeftArrowLight, .nightmode .RightArrowLight{
	background-color: #2e2e2e;
}

.LeftArrowGrey{
	float: left;
	width: 20px;
	cursor: pointer;
}

.RightArrowGrey{
	float: left;
	width: 20px;
	cursor: pointer;
}

.RightArrowIcon{
	width: 7px;
	height: 18px;
	cursor: pointer;
	background-image: url(../images/arrow_right.png);
}

.LeftArrowIcon{
	width: 7px;
	height: 18px;
	cursor: pointer;
	background-image: url(../images/arrow_left.png);
}

.LeftArrowGreyIcon{
	width: 7px;
	height: 18px;
	cursor: pointer;
	background-image: url(../images/arrow_left.png);
	/*background-position: -3px 14px;
	background-repeat: no-repeat;*/
	opacity: 0.3;
}

.RightArrowGreyIcon{
	width: 7px;
	height: 18px;
	cursor: pointer;
	background-image: url(../images/arrow_right.png);
	opacity: 0.3;
}
/*Tab end*/

/*Table*/
TABLE.content{
	width:96%;
	border: 0px;
	margin-left: 30px;
}

TABLE.pupup_content
{
	width:100%;
	border: 0px;
	margin: 0 auto;
}

TABLE.cell{
	border-left: #E0E0E0 0px solid;
}

TD.cellcaption{
	border: #e9e9e9 1px solid;
	padding: 3px 5px 8px;
	font-weight: normal;
	width:20%;
}

.nightmode TD.cellcaption{
	border: #1c1c1c 1px solid;
}

.nightmode TD.cellcontent
{
	border: #1c1c1c 1px solid;
	color: #D5D8DB;
}

TD.columnheader{
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 2px;
	font-size:13px;
	color: #777879;
}

.nightmode TD.columnheader{
	color: #898a8d;
}

TD.columncontent{
	font-size:13px;	
	color: #231F20;
}

/*TD.columncontent span{
	font-family: Helvetica;
}*/

.nightmode TD.columncontent{
	color: #D5D8DB;
}

.section_table{
	border-right: solid 1px #D1D3D4;
	border-left: solid 1px #D1D3D4;
	border-bottom: solid 1px #D1D3D4;
	width: 100%;
	margin-bottom:15px;
	background-color:#fff;
}

.nightmode .section_table{
	border-right: solid 2px #0b4264;
    border-left: solid 2px #0b4264;
    border-bottom: solid 2px #0b4264;
    background-color:#262626;
}

.no_record_message_embed{
	text-align:center;
	color:#58595B;
	font-size:12px;	
}
/*Table end*/

/*Legend*/
.legend{
	height: 30px;
	background-color: #3f799e;
}

.nightmode .legend{
	background-color: #0b4264;
}

.legend_icon_cell{
	width:40px;
	height:30px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.legend_title{
	font-family: 'Lato', Calibri, sans-serif;
	color: #fff;
	font-size: 16px;
	padding-right: 20px;
	white-space: nowrap;
	text-align: left;
	width: 350px;
	padding-top: 3px;
}

.nightmode .legend_title{
	color: #E6E7E8;
}

.legend_icon_general{
	width:12px;
	height:12px;
	background-position:0px 0px;
	margin-left:13px;
	background-image: url('../images/NJ_camden_indicator_SCArrow.png');
}

.legend_icon_subject{
	width:12px;
	height:12px;
	background-position:0px 0px;
	margin-left:13px;
	background-image: url('../images/NJ_camden_indicator_SCArrow.png');
}

.legend_icon_collapse{
	width:12px;
	height:12px;
	background-position:0px 0px;
	margin-left:13px;
	background-image: url('../images/NJ_camden_indicator_ECArrow.png');
}

.legend_button{
	background-color: #91C8DA;
	color: #fff;
	border: 1px solid #fff;	
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 3px;
	margin-right: 3px;
	font-size:13px;
	min-width:75px;
	*min-width:auto;
	cursor: pointer;
}

.nightmode .legend_button{
	background-color: #09467A;
	color: #E6E7E8;
	border: 1px solid #E6E7E8;	
}

.legend_button:hover{
	background-color: #BDDEE9;
}

.nightmode .legend_button:hover{
	background-color: #3A6B95;
}

.legend_button:disabled{
	background-color: #91C8DA;
	border:1px solid #fff;
	color: #fff;
	opacity: 0.35;
}

.nightmode .legend_button:disabled{
	background-color: #09467A;
	border:1px solid #E6E7E8;
	color: #E6E7E8;
	opacity: 0.35;
}

.legend_button[disabled]{
    background-color: #91C8DA;
	border:1px solid #fff;
	color: #fff;
	cursor:default;
	opacity: 0.35;
} 

.nightmode .legend_button[disabled]{
    background-color: #09467A;
	border:1px solid #E6E7E8;
	color: #E6E7E8;
	cursor:default;
	opacity: 0.35;
} 
/*Legend end*/

/*List*/
A.listlink{
	font-weight: bolder;
	color: #231F20;
}

.nightmode A.listlink{
	color: #D5D8DB;
}

A.listlink:visited{
	color: #231F20;
}

.nightmode A.listlink:visited{
	color: #D5D8DB;
}

.gridview_border{
	border: 0px;	
}

.gridview_table{
	border: 2px solid #c9c9c9;
	background-color: #fff;
}

.nightmode .gridview_table{
	border: 2px solid rgba(10, 66, 100, 1);
	background-color: #1c1c1c;
}

.gridview_table_embed{
	border: 0px;
	border-collapse: collapse;
}

.titleColumnHeader{
	font-family: 'Lato';
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	color: #fff;
	background-color: #3F789D;
	text-align: left;
}

.nightmode .titleColumnHeader{
	color: #fff;
    background-color: #0A4264;
}

.titleColumnHeader a{
	color: #fff;
	text-decoration: none;
}

.nightmode .titleColumnHeader a{
	color: #e6e7e8;
	text-decoration: none;
}

.titleColumnHeader a:visited{
	color: #fff;
	text-decoration: none;
}

.titleColumnHeader a:hover{
	color: #66CBF2;
	text-decoration: none;
}


/*embed*/
table.section_table table.gridview_table_embed .titleColumnHeader a{
	color: #58595b;
	text-decoration: none;
}

.nightmode table.section_table table.gridview_table_embed .titleColumnHeader a{
	color: #e6e7e8;
	text-decoration: none;
}


.gridodd{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #fff;
}

.nightmode .gridodd{
	color: #D5D8DB;
	background-color: #1F1F1F;
}

.gridodd > td{
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 0;
}

.section_table .gridodd > td{
}

.grideven{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #f2f2f2;
}

.nightmode .grideven{
	color: #D5D8DB;
	background-color: #262626;
}

.grideven > td{
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 0;
}

.section_table .grideven{
	background-color: #f2f2f2;
}
.nightmode .section_table .grideven{
	background-color: rgba(38, 38, 38, 1);
}

.section_table .grideven > td{
}
/*List end*/

/*Legend List*/
.section_table .titleColumnHeader{
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	color: #58595B;
	background-color: #dcdcdc;
	text-align: left;
	border: 1px solid #f2f2f2;
}

.nightmode .section_table .titleColumnHeader{
	color: #e6e7e8;
	background-color: #07355C;
	border: 1px solid #262626;
}
/*Legend List*/

/*Calendar*/
.ui-datepicker-title{
	color: #919396;
	/*font-size: 16px;
	line-height: 16px;*/
}

.ui-datepicker-calendar{
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	border-left: 2px solid #E5E6E7;
	border-right: 2px solid #E5E6E7;
	border-bottom: 2px solid #E5E6E7;
	color: #6D6E70;
}

.nightmode .ui-datepicker-calendar{
	border-left: 2px solid #383637;
    border-right: 2px solid #383637;
    border-bottom: 2px solid #383637;
    color: #B6B8BA;
}

.nightmode .ui-datepicker-calendar th{
	color: #B6B8BA;
}

.hasDatepicker .ui-widget-content{
	border: 0;
	background-color:transparent;
	color: #A5A7AA;
	font-size:14px;
}

.hasDatepicker .ui-widget-content a{
	color: #A5A7AA;
	cursor:pointer;
}

.hasDatepicker .ui-widget-header{
	border: 2px solid #E5E6E7;
	color: #919396;
	background-color:#E5E6E7;
	background-image:none;
	padding: 5px 0;
}

.nightmode .hasDatepicker .ui-widget-header{
	border: 0px solid #E5E6E7;
	color: #8D8F92;
	background-color: #383737;
}

.hasDatepicker .ui-widget-header .ui-icon{
	background-image:url(../Images/Day/icon_day_calendar_arrow.png);
}

.nightmode .hasDatepicker .ui-widget-header .ui-icon{
	background-image:url(../Images/Night/icon_night_calendar_arrow.png);
}

.hasDatepicker .ui-icon-circle-triangle-w{
	width:23px;
	height:23px;
	background-position: 5px 4px;
	cursor:pointer;
}

.hasDatepicker .ui-icon-circle-triangle-e{
	width:23px;
	height:23px;
	background-position: -15px 4px;
	cursor:pointer;
}

.hasDatepicker .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
	margin-left:-10px;
	margin-top:-11px;
}

.hasDatepicker .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
	 border: 1px solid #00A9EA !important;	 
}

.hasDatepicker .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background-color:#00A9EA !important;    
    background-image:none;
	color:#fff !important;
}

.hasDatepicker .hasData{
	text-align: center;
	font-size: 20pt;
	color: #A5A7AA;
	margin-top: -23px;
	margin-bottom: 23px;
	height: 2px;
}

.selDate{
	font-family: 'Lato_light';
	color: #A5A7AA;
	font-size: 16px;
	line-height: 24px;
}

.eventLegend{
	background-color: #E5E6E7;
	color: #A5A7AA;
}

.nightmode .eventLegend{
	color: #919396;
	background-color: #383737;
}

.eventItem{
	color: #A5A7AA;
}

.eventItem a{
	color: #00A9EA;
	text-decoration: none;
}

.eventItem a:hover{
	text-decoration: underline;
}
/*Calendar end*/


/*Dialog*/
.ui-dialog.ui-widget {
  font-size: 1.1em;
  border: 3px solid #1B75B6;
  background-color: #f2f2f2;
}

.nightmode .ui-dialog.ui-widget
{
	background-color: #1c1c1c;
}

.ui-dialog .ui-widget-header{
  font-weight: normal;
  color: #fff;
  background: #1B75B6;
  border-color: #1B75B6;
}

.ui-dialog .ui-icon{
	background-image: url(../images/icon_close.png);
}

.night .ui-dialog .ui-dialog-content {
  background: #1F1E1E;
}
/*Dialog end*/


/*Tips*/
.tips{
	color: #808285;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 13px;
}

.tips span{
	font-family: 'Lato';
}

.nightmode .tips{
	color: #808285;
}
/*Tips end*/

/*Footer*/
.bottom-text{
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    opacity: 0.5;
}

.tabBarBottom{
	background-color: #0F5885;
    color: rgba(255,255,255,0.45);
	height: 30px; 
	font-size:12px;
	/*min-width: 900px;*/
	width: 100%;
}

.tabBarBottom span{
	font-family: 'Lato_light';
}

.nightmode .tabBarBottom{
	background-color: #072B43; 
    color: rgba(255,255,255,0.45); 
}

.IconBottomSplit{
	color:#fff;
	margin: 0 15px;
}

.nightmode .IconBottomSplit{
	color:#fff;
}

.IconBottom{
	font-size: 13px;
	cursor:pointer;
}

.IconBottom:link{
	color: #fff;
	text-decoration: none;

}
.nightmode .IconBottom:link{
	color: #fff;
	text-decoration: none;
}

.IconBottom:visited{
	color: #fff;
	text-decoration: none;
}

.nightmode .IconBottom:visited{
	color: #fff;
	text-decoration: none;
}

.IconBottom:hover{
	text-decoration: underline;
}

.nightmode .IconBottom:hover{
	text-decoration: underline;
}
/*Footer end*/

table.content_table
{
	background-color: #fff;
}

.nightmode table.content_table
{
	background-color: #262626;
}

.form_table
{
	border:solid 0px #D1D3D4;	
}
 
.nightmode .form_table
{
	border:solid 0px #0b4264;
	background-color: rgba(28, 28, 28, 1);
}

/*********************** My added ***********************/
.nightmode .InboxLighter
{
	background-image: url(../Images/Switch_Inbox_night.png);
}
.nightmode .InboxGrey
{
	background-image: url(../Images/Switch_Inbox_night.png);
}

.nightmode .MailLighter
{
	background-image: url(../Images/Switch_Mail_night.png);
}
.nightmode .MailGrey
{
	background-image: url(../Images/Switch_Mail_night.png);
}

.nightmode .EventLighter
{
	background-image: url(../Images/Switch_Event_night.png);
}
.nightmode .EventGrey
{
	background-image: url(../Images/Switch_Event_night.png);
}

.nightmode .NewsLighter
{
	background-image: url(../Images/Switch_News_night.png);
}
.nightmode .NewsGrey
{
	background-image: url(../Images/Switch_News_night.png);
}

.nightmode .OperationLighter
{
	background-image: url(../Images/Switch_OS_night.png);
}
.nightmode .OperationGrey
{
	background-image: url(../Images/Switch_OS_night.png);
}

.nightmode .MIMLighter
{
	background-image: url(../Images/Switch_MI_night.png);
}
.nightmode .MIMGrey
{
	background-image: url(../Images/Switch_MI_night.png);
}

/*********************** My added end ***********************/
/*fixed popup white border issue*/
.ui-dialog { padding: 0; }

/*set popup top/left white area*/
/*.ui-dialog .ui-dialog-content { padding: .2em .5em; }*/
.ui-dialog .ui-dialog-content { padding: 0em 0em; }

/*fix popup white border under night */
/*.nightmode .ui-widget-content { background-color: rgba(31, 31, 31, 1); }*/

/*popup close icon & tile */
.ui-icon-closethick { background-position: 0px 0px; }
.ui-dialog .ui-dialog-titlebar { padding: 0em 0em 0.2em .5em; }

/********************************************* Day/Night END ***************************************/

A.menuhigh
{
	font-weight: bolder;
	color: black;
	text-decoration: none;
}

INPUT.arrow
{
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-right: gray 1px solid;
	border-bottom: gray 1px solid;
	font-size: 9pt;
	font-family: Webdings;
}
.Line
{
	border-bottom: gray 1px solid;
	font-size: 9pt;
}

.gridformodd
{
	border-bottom: #eeeeee 1px solid;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.gridformodd > td
{
	padding-left:2px;
}
.gridformeven
{
	border-bottom: #eeeeee 1px solid;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #faf5fb;
}
.gridformeven > td
{
	padding-left:2px;
}

TABLE.contentline
{
	border-right: #ffffff 0px solid;
	border-bottom: #eeeeee 1px solid;
}

.bold_label
{
	font-size:9pt;
	font-weight: bolder;
	color: rgb(84,131,169);
}

.titleColumnHeader img
{
	vertical-align:middle;
	padding-bottom:2px;
	padding-right:5px;
}

TR.cellcaption
{
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-right: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	background-color: transparent;
}

TD.cellcontent
{
	border: #e9e9e9 1px solid;
	padding: 3px 5px 8px;
	color: #000000;
}

TR.cellcontent
{
	border-top: #eeeeee 1px solid;
	border-left: #eeeeee 1px solid;
	border-right: #eeeeee 1px solid;
	border-bottom: #eeeeee 1px solid;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	color: #000000;
}

IMG
{
	border-top: medium none;
	border-left: medium none;
	border-right: medium none;
	border-bottom: medium none;
}

TT
{
	font-family: Calibri;
}

TEXTBOX
{
	border-top: #eeeeee 1px;
	border-left: #eeeeee 1px;
	border-right: #eeeeee 1px;
	border-bottom: #eeeeee 1px;
}

.bold
{
	font-weight: bold;
	font-size: 11pt;
	color: #000000;
}

.boldlegend
{
	font-weight: bolder;
	font-size: 11pt;
	color: #5252a7;
	padding-left: 30px;
	background-image: url(../Images/doc.png);
	background-repeat: no-repeat;
	background-position: middle left;
}

TABLE.cnt
{
	margin-top: 6px;
	margin-bottom: 6px;
}

.boldspecial
{
	font-weight: bolder;
	font-size: 11pt;
	color: #ffffff;
	background-color: #6483c5;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

IFRAME
{
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #f5f5f5;
	border-left-width: 1px;
}
A.bookmarkmatch
{
	background-color: GrayText;
	font-size: 12px;
	color: White;
	text-decoration: none;
}
A.bookmarkmatch:hover
{
	background-color: GrayText;
	color: White;
	text-decoration: none;
}
A.bookmarkmatch:visited
{
	background-color: GrayText;
	color: White;
	text-decoration: none;
}
A.bookmarkmatching
{
	background-color: #A5DB92;
	font-size: 12px;
	color: White;
	text-decoration: none;
}
A.bookmarkmatching:hover
{
	background-color: #A5DB92;
	color: White;
	text-decoration: none;
}
A.bookmarkmatching:visited
{
	background-color: #A5DB92;
	color: White;
	text-decoration: none;
}
A.bookmarkunmatch
{
	background-color: #DD7C3B;
	font-size: 12px;
	color: White;
	text-decoration: none;
}
A.bookmarkunmatch:hover
{
	background-color: #DD7C3B;
	color: White;
	text-decoration: none;
}
A.bookmarkunmatch:visited
{
	background-color: #DD7C3B;
	color: White;
	text-decoration: none;
}
.MsoNormal
{
	margin: 0pt;
}
.menutitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #000;
	padding: 0pt 1pt;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#DEC7A4, endColorstr=#FFFFFF,GradientType=1);
}
.accordionHeader
{
	height: 18px;
	border: 1px solid #2F4F4F;
	background-color: #bddddd;
	color: #006699;
	font-weight: bold;
	font-size: 12px;
	font-family: Calibri,Verdana,Times New Roman;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.accordionContent
{
	background-color: #FFFFFF;
	border: 1px dashed #2F4F4F;
	border-top: none;
}

.bkdark
{
	background-color: #336699;
}

.bktrans
{
	background-color: transparent;
	font-size: 1px;
}

.bkdarker
{
	background-color: #2d6793;
}

.bknormal
{
	background-color: #6483c5;
}

.bklight
{
	background-color: #dee9f3;
}

.bklighter
{
	background-color: #f5f9fc;
}

.btm_line
{
	border-bottom: #336699 1px solid;
}

td span
{
	zoom: 1;
	display: inline-block;
}

A.menunormal
{
	font-weight: bolder;
	text-decoration: none;
}

.outlinenormal
{
	border-right: #336699 1px solid;
	border-top: #336699 1px solid;
	border-left: #336699 1px solid;
	border-bottom: #336699 1px solid;
}

.outlinelight
{
	border-top: #dee9f3 1px;
	border-left: #dee9f3 1px;
	border-right: #dee9f3 1px solid;
	border-bottom: #dee9f3 1px solid;
}
    
.button-img
{
	padding: 0px;
	border: outset 1px #AAA;
}

.minibutton
{
	background-color: #2997f0;
	color: #fff;
	font-family: Calibri;
	border: 1px solid #2997f0;	
	border-bottom: 2px solid #2980b9;	
	border-radius: 4px 4px 4px 4px;
	height: 25px;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 2px;
	margin-right: 2px;
	font-size:14px;
	font-weight:bold;
	min-width:25px;
	*min-width:auto;
	cursor: pointer;
}
.minibutton:hover
{
	background-color: #40ABFF;
}
.minibutton:disabled
{
	background-color: #dcdcdc;
	border:1px solid #9d9d9d;
	color: #888888;
	cursor:default;
}
.minibutton[disabled]
{
    background-color: #dcdcdc;
	border:1px solid #9d9d9d;
	color: #888888;
	cursor:default;
} 
.minibutton-img
{
	padding: 0px;
	border: outset 1px #AAA;
}
.updateProgress
{
	position: absolute;
	background-color: #eeeeee;
	filter: alpha(opacity=70);
	mozopacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}

.updateProgress_div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	border: solid 1px #000000;
}
.menuinfo-caption
{
	color: #000;
	font-family: Calibri, Verdana;
	font-size: 9pt;
	font-weight: 500;
	padding-left: 1pt;
}
.menuinfo-content
{
	color: blue;
	font-weight: normal;
	font-family: Tahoma,Calibri;
	font-size: 9pt;
	padding-left: 4pt;
	padding-right: 4pt;
}
A
{
	color: #004165;
}
/*A:visited
{
	color: #3568CC;
}*/

.attachment-link a
{
	color:#009ddc;
	font-size:10pt;
	font-weight:normal;
}
.div-filepath
{
	border: inset 1pt #eee;
	padding: 1pt 2pt;
}

.lookup-category
{
	font-size: 10pt;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Tahoma;
	color: White;
	height: 16pt;
	background-color: #6483C5;
}
.lookup-cell
{
	font-size: 9pt;
	font-family: Tahoma;
	background-color: White;
	padding: 3pt;
}
.lookup_table
{
	border: solid 1pt #6483C5;
}
.floatBlock
{
	margin: 0;
	padding: 1px 4px;
	background-color: #147;
	filter: alpha(opacity='84');
	border: solid 1px yellow;
	position: fixed;
	_position: absolute;
}
.topRight
{
	position: fixed !important;
	position: absolute;
	z-index: 100;
	right: 2px;
	top: 2px;
}
.minuteBlock
{
	font-family: Courier New;
	font-size: 16pt;
	font-weight: 800;
	color: Yellow;
}
.changed
{
	background-color: #FFFFCC;
}

/* Add check box css for MIM Moudle by leo.zhang on 08/18/2011*/
.img-uncheck
{
	background-image: url(../images/sprite.gif);
	width: 18px;
	height: 16px;
	background-position: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: -1379px -2px;
	border: solid 0px black;
	margin-left: 1pt;
}
.img-check
{
	background-image: url(../images/sprite.gif);
	width: 18px;
	height: 16px;
	background-position: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: -1430px -2px;
	border: solid 0px black;
	margin-left: 1pt;
}

.input
{
	/*width: 200px;*/
	border: 1px solid #B6C3D4;
	font-family: "lucida grande" ,tahoma,verdana,Calibri,sans-serif;
	font-size: 12px;
	padding: 3px;
	border-radius: 4px 4px 4px 4px;
}

.showmenu
{
	background: url("../images/order_dsc.png") no-repeat scroll 100% 50% transparent;
	cursor: pointer;
	padding-right: 8px;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	margin-top: 7px;
}

.showmenu_hover
{
	background: url("../images/order_dsc_hover.png") no-repeat scroll 100% 50% transparent;
	cursor: pointer;
	padding-right: 8px;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	margin-top: 7px;
}

.p_pop
{
	background: none repeat scroll 0 0 #FEFEFE;
	border: 1px solid #888;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	min-width: 60px;
	padding: 4px;
}
span > ul
{
	margin-top: 0px; 
	padding-left: 15px;
}
li.navmenu
{
	display: inline;
	text-align: left;
}
li.navmenu a
{
	display: block;
	padding: 3px 5px;
	position: relative;
	font-size: 13px;
	text-decoration: none;
	color: #3b3b3b;
}
li.navmenu a:hover
{
	background-color: #E5EDF2;
	text-decoration: none;
	border-radius: 4px 4px 4px 4px;	
}
li.navmenu a:visited
{
	color: #222;
}
.btnBlue[disabled]
{
    background-color: #dcdcdc;
	border:1px solid #9d9d9d;
	color: #888888;
	cursor:default;
}

.btnRed
{
	background-color: #F15A29;
	color: #fff;
	height: 28px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 14px;
	cursor: pointer;
	margin-left: 3px;
	margin-right: 3px;
	min-width: 90px;
	*min-width:auto;
}

.btnRed:hover
{
	background-color: #F29191;
}

.btnRed:disabled
{
	background-color: #F15A29;
	color: #ffffff;
	transparent: 50% cursor:default;
	opacity: 0.3;
}

.btnRed[disabled]
{
	background-color: #F15A29;
	color: #ffffff;
	transparent: 50% cursor:default;
	opacity: 0.3;
}

.btnGrey
{
	background-color: #2997f0;
	color: #fff;
	font-family: Calibri;	
	height: 28px;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 3px;
	margin-right: 3px;
	font-size:14px;
	font-weight:bold;
	min-width:75px;
	*min-width:auto;
	cursor: pointer;
}
.btnGrey:hover
{
	background-color: #40ABFF;
}
.btnGrey:disabled
{
	background-color: #dcdcdc;
	border:1px solid #9d9d9d;
	color: #888888;
	cursor:default;
}
.btnGrey[disabled]
{
    background-color: #dcdcdc;
	border:1px solid #9d9d9d;
	color: #888888;
	cursor:default;
}

.btnGreen[disabled]
{
    background-color: #dcdcdc;
	border:1px solid #9d9d9d;
	color: #888888;
	cursor:default;
}

.btngreenlink
{
	font-family: 'Lato_light';
	font-size: 13px;
	color: #fff;
	cursor: pointer;
	background-color: #3f799e;
	border: 1px solid #fff;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	/*padding-bottom: 1px;*/
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
	line-height: 16px;
}

.nightmode .btngreenlink
{
	color: #e0e0e0;
	background-color: #0b4163;
	border: 1px solid #d7d7d7;
}

.btngreenlink:hover
{
	color: #fff;
	background-color: #91C8DA !important;
}

.btngreenlink[disabled]
{
	color: #888888;
	border:1px solid #9d9d9d;
	background-color: #dcdcdc;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	cursor: default;
	padding-left:12px;
	padding-right:12px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:3px;
	margin-right:3px;
}

.btngreenlink[disabled]:hover, .btngreenlink[disabled]:focus
{
	color: #888888;
	text-decoration: none;
	cursor: default;
}

.Lighter
{
	width: 100%;
	text-align: center;
	color: #808080;
}
.Grey
{
	width: 100%;
	text-align: center;
	color: #C3C3C3;
}

.InboxLighter
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_Inbox.png);
	background-repeat: no-repeat;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.InboxGrey
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_Inbox.png);
	background-repeat: no-repeat;
	margin-left:20px;
	opacity: .20;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	-khtml-opacity: .20;
	-moz-opacity: .20;
	margin-top:10px;
	margin-bottom:10px;
}
.MailLighter
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_Mail.png);
	background-repeat: no-repeat;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.MailGrey
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_Mail.png);
	background-repeat: no-repeat;
	margin-left:20px;
	opacity: .20;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	-khtml-opacity: .20;
	-moz-opacity: .20;
	margin-top:10px;
	margin-bottom:10px;
}
.EventLighter
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_Event.png);
	background-repeat: no-repeat;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.EventGrey
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_Event.png);
	background-repeat: no-repeat;
	margin-left:20px;
	opacity: .20;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	-khtml-opacity: .20;
	-moz-opacity: .20;
	margin-top:10px;
	margin-bottom:10px;
}
.NewsLighter
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_News.png);
	background-repeat: no-repeat;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.NewsGrey
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_News.png);
	background-repeat: no-repeat;
	margin-left:20px;
	opacity: .20;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	-khtml-opacity: .20;
	-moz-opacity: .20;
	margin-top:10px;
	margin-bottom:10px;
}
.OperationLighter
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_OS.png);
	background-repeat: no-repeat;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.OperationGrey
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_OS.png);
	background-repeat: no-repeat;
	margin-left:20px;
	opacity: .20;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	-khtml-opacity: .20;
	-moz-opacity: .20;
	margin-top:10px;
	margin-bottom:10px;
}
.MIMLighter
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_MI.png);
	background-repeat: no-repeat;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.MIMGrey
{
	width: 40px;
	height: 40px;
	background-image: url(../Images/Switch_MI.png);
	background-repeat: no-repeat;
	margin-left:20px;
	opacity: .20;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	-khtml-opacity: .20;
	-moz-opacity: .20;
	margin-top:10px;
	margin-bottom:10px;
}
.SplitLineBegin
{
	width: 90px;
	height: 2px;
	background-image: url(../Images/home.png);
	background-position: -0px -76px;
	background-repeat: no-repeat;
}
.SplitLineCenter
{
	width: 100%;
	height: 2px;
	background-image: url(../Images/home.png);
	background-position: -0px -82px;
}
.SplitLineEnd
{
	width: 90px;
	height: 2px;
	background-image: url(../Images/home.png);
	background-position: 0px -79px;
	background-repeat: no-repeat;
}
.EventSplitLine
{
	width: 2px;
	height: 130px;
	background-image: url(../Images/split.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/*.InboxEmpty a:hover
{
	color: #cc0033;
	text-decoration: none;
}

.InboxNoEmpty a:hover
{
	color: #cc0033;
	text-decoration: none;
}*/

.FavoriteYes
{
	width: 23px;
	height: 23px;
	background-image: url(../Images/star_a_enable.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 5px;

}

.FavoriteNo
{

	width: 23px;
	height: 23px;
	background-image: url(../Images/star_a_disable.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 5px;
}

.menuTr
{

	height:28px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active 
{
	background: #F4F4F6;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #333;
    text-decoration: none;
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-khtml-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-khtml-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-khtml-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-khtml-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.ui-state-default .ui-icon {
    background-image: url(../Images/menu_icon_blue_normal.png);
}
/*.ui-state-hover .ui-icon {
    background-image: url(../Images/menu_icon_blue_over.png);
}*/
.ui-state-active .ui-icon {
    background-image: url(../Images/menu_icon_active.png);
}
.ui-icon-circle-arrow-s {
    background-position: 0px 0px;
}
.ui-icon-circle-arrow-e {
    background-position: 0px 0px;
}

/*****************  popupWindow  *****************/
.popupWindow .moduleDropDown
{
	width:250px;
	height:25px;
	margin-left:10px;
}
.popupWindow .ui-widget 
{
	border-width:0px;
	font-size: 13px;
}
.popupWindow .FavoriteYes
{
	width: 23px;
	height: 23px;
	background-image: url(../Images/star_b_enable.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 5px;
}
.popupWindow .FavoriteNo
{
	width: 23px;
	height: 23px;
	background-image: url(../Images/star_b_disable.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 5px;
}
.popupWindow .menuSplit
{
	border-bottom:1px solid #3E4C67;
}
.popupWindow .ui-state-default .ui-icon {
    background-image: url(../Images/menu_icon_white_normal.png);
}
.popupWindow .ui-state-hover .ui-icon {
    background-image: url(../Images/menu_icon_white_over.png);
}
.popupWindow .ui-state-active .ui-icon {
    background-image: url(../Images/menu_icon_active.png);
}
.popupWindow .lihover
{
	background-color:#24314A;
}
.popupWindow .ui-widget-content 
{
    color: #fff;
    background-color:transparent;
}
.popupWindow .ui-widget-content a 
{
    color: #fff;
}
.popupWindow .ui-state-default, .popupWindow .ui-widget-content .ui-state-default, .popupWindow .ui-widget-header .ui-state-default {
	border-bottom: 1px solid #3E4C67;
	font-weight: normal;
	/*color: rgba(255, 255, 255, 0.80);*/
	color: #404041;
	background-color:transparent;
}
.popupWindow .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: rgba(255, 255, 255, 0.80);
    text-decoration: none
}
.popupWindow .ui-state-hover, .popupWindow .ui-widget-content .ui-state-hover, .popupWindow .ui-widget-header .ui-state-hover,
.popupWindow .ui-state-focus, .popupWindow .ui-widget-content .ui-state-focus, .popupWindow .ui-widget-header .ui-state-focus {
    font-weight: normal;
    color: #fff;
	background: #2d4e75; /* Old browsers */
	background: -moz-linear-gradient(top, #2d4e75 50%, #2d4e75 50%, #244770 51%, #325379 75%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #2d4e75 50%,#2d4e75 50%,#244770 51%,#325379 75%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2d4e75 50%,#2d4e75 50%,#244770 51%,#325379 75%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2d4e75 50%,#2d4e75 50%,#244770 51%,#325379 75%); /* IE10+ */
	background: linear-gradient(to bottom, #2d4e75 50%,#2d4e75 50%,#244770 51%,#325379 75%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#436184', endColorstr='#325379',GradientType=0 ); /* IE6-9 */
}
.popupWindow .menuTree td 
{ 	
	border-bottom: 1px solid #436184; 
}
.popupWindow .ui-widget-content a
{
	color: #fff;
	text-decoration:none;
	font-size:14px;
	font-family:Calibri;
}
.popupWindow .ui-accordion .ui-accordion-header-active  
{
	color: #fff;
	border-bottom:1px solid #3E4C67;
	font-size:14px; 	
	font-weight:bolder; 
}
.popupWindow .ui-state-active 
{ 	
	border-width:0px;
	font-weight: normal;
	color: #fff;
	background: #2d4e75; /* Old browsers */
	background: -moz-linear-gradient(top, #2d4e75 50%, #2d4e75 50%, #244770 51%, #325379 75%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #2d4e75 50%,#2d4e75 50%,#244770 51%,#325379 75%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2d4e75 50%,#2d4e75 50%,#244770 51%,#325379 75%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2d4e75 50%,#2d4e75 50%,#244770 51%,#325379 75%); /* IE10+ */
	background: linear-gradient(to bottom, #2d4e75 50%,#2d4e75 50%,#244770 51%,#325379 75%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#436184', endColorstr='#325379',GradientType=0 ); /* IE6-9 */
 }
.popupWindow .ui-accordion .ui-accordion-content  
{ 	
	padding-top:0px; 	
	padding-bottom:0px; 	
	padding-left:0px; 	
	padding-right:0px; 	
	border-top: 0; 	
	overflow: auto; 	
	zoom: 1; 	
	background: #3E4C67;
 }
/*****************  popupWindow end *****************/

.IframeContent
{
	width:280px;
	background: #e0e0e0;
	border: 2px solid #d4d4d4;
	margin-top: -190px;
	position:relative;
}

.nightmode .IframeContent
{
	border: 2px solid #0f5885;
}

.popup_menu
{
	position: fixed;
	top: 195px;
	left: 0px;
	width:300px;
	height:450px;
	background-color:transparent;
	z-index:499;
}

.popup_menu_button
{
	width: 22px;
	height: 110px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	vertical-align: top;
	margin-top: 36px;
}

.inbox_menu_button
{
	width: 22px;
	height: 110px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	vertical-align: top;
	margin-top: -67px;
	*margin-top:-55px;
}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	border-width:1px;
	background-color:#DEEEDE;
	background-image:none;
	text-align:center;
}

.hasDatepicker .ui-state-default
{
	border-width:0px;
	/*background-color:transparent;*/
	background-color: #f2f2f2;
	background-image:none;
	text-align:center;
	color: #A5A7AA;
    padding: 4px;
}

.nightmode .hasDatepicker .ui-state-default{
	background-color:transparent;
}

/*.focusIcon
{
	width: 5px;
	height: 8px;
	background-image: url(../Scripts/themes_ui/smoothness/images/ui-icons_cd0a0a_256x240.png);
	background-position: -38px -20px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-left:2px;
}*/

.focusIcon
{
	
}

.event1
{
	width: 20px;
	height: 20px;
	background-image: url(../Images/home.png);
	background-position: -42px 0px;
	background-repeat: no-repeat;
	cursor:pointer;
}
.event2
{
	width: 20px;
	height: 20px;
	background-image: url(../Images/home.png);
	background-position: -70px 0px;
	background-repeat: no-repeat;
	cursor:pointer;
}

.WhiteSquare
{
	width: 7px;
	height: 7px;
	background-color: transparent;
	margin-right: 5px;
	margin-bottom: 1px;
	*margin-bottom: 0px;
	*vertical-align:middle;
}

.tabSelected .WhiteSquare
{
	width: 7px;
	height: 7px;
	background-color: transparent;
	margin-right: 5px;
	margin-bottom: 1px;
	*margin-bottom: 0px;
	*vertical-align:middle;
}

.MenuCount
{
	font-size: 9pt;
	font-weight: bolder;
	color: #fff;
	background-color: #FB613D;
	border-radius: 2px 2px 2px 2px;
}

 
.HeaderClassic
{
	background-color: #75809C;
}
.HeaderBlue
{
	background-color: #0080C0;
}
.HeaderBlueLight
{
	background-color: #00A2E8;
}
.HeaderGreen
{
	background-color: #8ABB67;
}
.HeaderYellow
{
	background-color: #E8BF51;
}
.HeaderCyan
{
	background-color: #00B3B3;
}

.BodyClassic
{
	border: 2px solid #75809C;
}
.BodyBlue
{
	border: 2px solid #0080C0;
}
.BodyBlueLight
{
	border: 2px solid #00A2E8;
}
.BodyGreen
{
	border: 2px solid #8ABB67;
}
.BodyYellow
{
	border: 2px solid #E8BF51;
}
.BodyCyan
{
	border: 2px solid #00B3B3;
}

/*A.greenlink
{
	font-family: Calibri;
	font-size: 14px;
	color: #297fb8;
	font-weight:bold;
	cursor: pointer;
	background-color: #DBE7F5;
	border:1px solid #297fb8;
	padding-left:15px;
	padding-right:15px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:3px;
	margin-right:3px;
	text-decoration: none;
	white-space:nowrap;
	display:inline-block;
}
A.greenlink:hover
{
	background-color: #fff;
}
A.greenlink:visited
{
	color: #297fb8;
}*/


A.greenlink
{
	font-family: 'Lato_light';
	font-size: 13px;
	color: #fff;
	cursor: pointer;
	background-color: #3f799e;
	border: 1px solid #fff;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
	line-height: 16px;
}
.nightmode A.greenlink
{
	color: #e0e0e0;
	background-color: #0b4163;
	border: 1px solid #d7d7d7;
}
A.greenlink:hover
{
	color: #fff;
	background-color: #91C8DA !important;
}
A.greenlink[disabled]
{
	color: #888888;
	border:1px solid #9d9d9d;
	background-color: #dcdcdc;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	cursor: default;
	padding-left:12px;
	padding-right:12px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:3px;
	margin-right:3px;
}
A.greenlink[disabled]:hover, A.greenlink[disabled]:focus
{
	color: #888888;
	text-decoration: none;
	cursor: default;
}
A.greenlink:visited
{
	color: #fff;
}


A.disable_link
{
	color:#888888;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:3px;
	margin-right:3px;
	font-size:14px;
	text-decoration:none;
	border:1px solid #9d9d9d;
	background-color: #dcdcdc;
	border-radius: 5px 5px 5px 5px;
	white-space:nowrap;
	display:inline-block;
}
A.disable_link:hover
{
	color:#888888;
}
A.disable_link:visited
{
	color:#888888;
}
/*@@ 11/01/2013 JACK D. */
a.bluelink
{
	font-family: Calibri;
	font-size: 14px;
	color: #297fb8;
	font-weight:bold;
	cursor: pointer;
	background-color: #DBE7F5;
	border:1px solid #297fb8;
	border-radius: 5px 5px 5px 5px;
	padding-left:15px;
	padding-right:15px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:3px;
	margin-right:3px;
	text-decoration: none;
	white-space:nowrap;
	display:inline-block;
}
A.bluelink:hover
{
	background-color: #fff;
}
A.bluelink:visited
{
	color: #297fb8;
}

.nav_table
{
	width: 100%;
	margin-top:0px;
	margin-bottom:5px;
}

.nav_area
{
	width:100%;
}

.nav_title
{
	width:1%;
}

.nav_action
{
	white-space:nowrap;
}

.content_table
{
	width: 100%;
}

.legend_icon
{
}

.legend_action
{
	text-align:left;
	padding-right:6px;
}

.legend_opt
{
	width: 0px;
}
.split_table
{
	height:0px;
}
.search_condition
{
	color:#888888;
}
.submit_table
{
	margin-top:10px;
	margin-bottom:5px;
}
.legend_split_tr
{
	height:10px;
}
.legend_split_td
{
}

.header_description
{
	font-family: 'Lato_light';
	font-size:10pt;
	color: rgba(234, 234, 234, 1);
}
.header_description a
{
	color:#ffff00;
}
.header_description a:visited
{
	color:#ffff00;
}


/*****************  step by step menu  *****************/
.wf_nav_td
{
	width: 180px;
	vertical-align: top;
}

.wf_nav_container
{
	border-collapse: collapse;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}
.wf_nav_container td
{
	text-align: left;
}
.wf_nav_item_active
{
	background-color: #298DD9;
	background: -moz-linear-gradient(top, #2997F0, #2980B9);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#2997F0), to(#2980B9)); /** Chrome Safari **/
	background: -moz-linear-gradient(top, #2997F0, #2980B9); /** FireFox **/
	background: -o-linear-gradient(top, #2997F0, #2980B9);  /** Opear **/
	background: -ms-linear-gradient(#2997F0 0%,#2980B9 100%);  /** IE9 IE10 **/
}
.wf_nav_item_enable
{
	background-color: #cde5fb;
}
.wf_nav_item_pending
{
	background-color: #cccccc;
}
.wf_nav_item_active a
{
	color: #fff !important;
	text-decoration: none;
}
.wf_nav_item_active a:hover
{
	color: #fff !important;
	text-decoration: none;
}
.wf_nav_item_active a:visited
{
	color: #fff !important;
	text-decoration: none;
}
.wf_nav_item_enable a
{
	color: #000 !important;
	text-decoration: none;
}
.wf_nav_item_enable a:hover
{
	color: #000 !important;
	text-decoration: underline;
}
.wf_nav_item_enable a:visited
{
	color: #000 !important;
	text-decoration: none;
}
.wf_nav_item_pending a
{
	color: #fff !important;
	text-decoration: none;
}
.wf_nav_item_pending a:hover
{
	color: #fff !important;
	text-decoration: none;
}
.wf_nav_item_pending a:visited
{
	color: #fff !important;
	text-decoration: none;
}

.wf_nav_icon
{
	width: 16px;
	height: 16px;
	margin-left:4px;
	background-repeat: no-repeat;
}
.wf_nav_icon_done
{
	background-image: url(../Images/Navigation_check_finished.png);
}
.wf_nav_icon_active
{
	background-image: url(../Images/Navigation_check_finished.png);
}
.wf_nav_icon_pending
{
	background-image: url(../Images/Navigation_check_blank.png);
}
.wf_nav_split
{
}
.wf_nav_split_icon
{
	width: 11px;
	height:29px;
	background-repeat: no-repeat;
}
.wf_nav_split_icon_last
{
	width: 11px;
	height:31px;
	background-repeat: no-repeat;
}
.wf_nav_split_disabled_disabled
{
	background-image: url(../Images/Navigation_disabled_disabled.png);
}
.wf_nav_split_enabled_disabled
{
	background-image: url(../Images/Navigation_enabled_disabled.png);
}
.wf_nav_split_enabled_enabled
{
	background-image: url(../Images/Navigation_enabled_enabled.png);
}
.wf_nav_split_enabled_focused
{
	background-image: url(../Images/Navigation_enabled_focused.png);
}
.wf_nav_split_focused_disabled
{
	background-image: url(../Images/Navigation_focused_disabled.png);
}
.wf_nav_split_focused_enabled
{
	background-image: url(../Images/Navigation_focused_enabled.png);
}
.wf_nav_split_last_step_disabled
{
	background-image: url(../Images/Navigation_last_step_disabled.png);
}
.wf_nav_split_last_step_enabled
{
	background-image: url(../Images/Navigation_last_step_enabled.png);
}
.wf_nav_split_last_step_focused
{
	background-image: url(../Images/Navigation_last_step_focused.png);
}

.wf_nav_title
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-right:20px;
}

/* used in layout */
.wf_nav_confirmed
{
	width: 16px;
	height: 16px;
	background-image: url(../Images/home.png);
	background-position: -430px 0px;
	background-repeat: no-repeat;
}
.wf_nav_confirmed1
{
	width: 16px;
	height: 16px;
	background-image: url(../Images/home.png);
	background-position: -455px 0px;
	background-repeat: no-repeat;
}
.wf_nav_no_confirm
{
	width: 20px;
	height: 20px;
	background-image: url(../Images/home.png);
	background-position: -455px -20px;
	background-repeat: no-repeat;
}
/*****************  step by step menu  *****************/

.dropcheckbox
{
	z-index: 10;
	position: absolute;
	border: 1px solid black;
	height: 200px;
	min-width:50px;
	white-space :nowrap;
	overflow: auto;
	background-color: White;
	display: none;
}
.section_table .gridview_border
{
	border-width:0px;
}
.gridview_border .gridview_border
{
	border-width:0px;
}

.ui-icon-carat-1-n
{
	width:0px;
}
.ui-icon-carat-1-s
{
	width:0px;
}
.gridview_navigation
{
	/*font-weight:bold;*/
}

/*.ui-dialog .ui-state-hover
{
	border: 1px solid #333; background: #2F3D58 none 50% 50% repeat-x; font-weight: bold; color: #1c94c4;
}*/
.IconQuestion
{
	background: url("../images/icon_question.png") no-repeat scroll 100% 50% transparent;
	white-space: nowrap;
	height:20px;
}
.IconRequired
{
	background: url("../images/icon_request.png") no-repeat scroll 100% 50% transparent;
	white-space: nowrap;
	height:20px;
}
.Icon1
{
	background: url("../images/icon_one.png") no-repeat scroll 100% 50% transparent;
	white-space: nowrap;
	height:20px;
}
.Icon999
{
	background: url("../images/icon_unlimit.png") no-repeat scroll 100% 50% transparent;
	white-space: nowrap;
	height:20px;
}

.gridSelectedRow { background-color:#CCCCCC; }

/* Add image list by Rui Chen 02/24/2012*/
.scroll-pane-h {overflow:hidden; width:100%; float:left; vertical-align:top;}
.scroll-pane-h .scroll-content{ float:left; }
.scroll-bar-wrap-h{border:1px solid #CCC; padding:0; height:12px; line-height:12px; vertical-align:middle; text-align:center; margin-top:8px;}
.scroll-bar-wrap-h .scroll-bar{ margin:0; padding:0; border:0;background:#CCCCCC;}
.scroll-bar-wrap-h .ui-slider-handle {background:#CCCCCC; text-align:center; line-height:10px; vertical-align:middle;}

.scroll-pane-h .image .image-middle { padding: 0px; margin: 0px;  width: 140px; border:1px solid #ccc; height: auto; _width: 130px}
.scroll-pane-h .image .image-middle:hover {border:1px solid #FFCC55;background:#FFFCE4}
.scroll-pane-h .image .image-middle .minus{ display:none;}

.scroll-pane-h .image{padding-right: 10px;}
.scroll-pane-h .image .image-middle .image-name {	line-height: 18px; width: 140px; text-overflow: ellipsis; white-space: nowrap; height: auto; color: #0f6f92; font-size: 12px; overflow: hidden; word-break: keep-all; font-weight: bolder; -webkit-text-overflow: ellipsis}
.scroll-pane-h .image .image-middle .image-name .image-name-text{float: left; width: 110px; padding-left: 13px;}
.scroll-pane-h .image .image-middle .image-img {cursor:pointer; text-align: center; line-height: 100px; padding-left: 0px; width: 140px; height: 100px; vertical-align: middle}
.scroll-pane-h .image .image-middle .image-img img {text-align: center; line-height: 100px; max-width: 100px; max-height: 100px; vertical-align: middle}
.scroll-pane-h .image .image-middle .operate { text-align: right; line-height:15px; width: 140px; height: 15px}
.scroll-pane-h .image .image-middle .operate span { margin-right:5px; float:right;text-overflow: ellipsis; white-space: nowrap; height: auto; color: #000000; font-size: 10px; overflow: hidden; word-break: keep-all; font-weight: normal; -webkit-text-overflow: ellipsis;}
.scroll-pane-h .image .image-middle-active {border:1px solid #FFCC55;background:#FFFCE4}

.img_prev_next_main{position:relative; text-align:center;width:100px; height:100px; vertical-align:middle; line-height:100px;}
.img_prev_next_main span.prev{position:absolute;float:right;left:0px; background-color:#EFEFEF; bottom:42px; display:none; z-index:10; width:16px; height:16px;}
.img_prev_next_main span.prev a{color:black;float:left; font-size:12px; font-weight:bold;background:url(../images/prev.gif) no-repeat; width:16px; height:16px; padding:0; text-decoration:none; line-height:16px;}
.img_prev_next_main span.prev a:hover{color:red;}
.img_prev_next_main span.next{position:absolute;float:right;right:0px;background-color:#EFEFEF; bottom:42px; display:none; z-index:10;width:16px; height:16px;}
.img_prev_next_main span.next a{color:black; float:left; font-size:12px; font-weight:bold; background:url(../images/next.gif) no-repeat; width:16px; height:16px; padding:0;text-decoration:none; line-height:16px;}
.img_prev_next_main span.next a:hover{color:red}
.img_prev_next_main img{max-width:100px; line-height:100px; height:auto; max-height:100px; border:0; vertical-align:middle;}
.img_prev_next_main img:hover{ cursor:pointer}


/********* day/night ************/
.FPIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../../images/icon_group.png) -490px -127px no-repeat;
}

.MugshotIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../../images/icon_group.png) -449px -127px no-repeat;
}

.FPIcon:hover
{
	background: url(../../images/icon_group.png) -490px -164px no-repeat;
}

.MugshotIcon:hover
{
	background: url(../../images/icon_group.png) -449px -164px no-repeat;
}

.DownloadIcon:disabled, .PrintIcon:disabled, .MoveIcon:disabled, .BurnIcon:disabled, .SendIcon:disabled .BarcodeIcon:disabled, .EditIcon:disabled, .DeleteIcon:disabled, .ViewdocIcon:disabled, .UploadIcon:disabled, .BatchULIcon:disabled, .FPIcon:disabled, .MugshotIcon:disabled
{
	opacity: 0.2;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.IframeContent
	{
		margin-top:-190px;
	}
	
	.hasDatepicker .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
	{	
		margin-top:-9px;
	}
	
	.InboxCount
	{
		padding-top: 2px;
	}
}


@media all and (-ms-high-contrast:none)
{
     /* IE10 */
     .btnlogin{ font-family: Lato; }
     .button{ font-family: Lato; }
     .tabBarBottom span{ font-family: Lato; }
     .btngreenlink{ font-family: Lato; }
     .tips span{ font-family: Lato; }
     A.greenlink{ font-family: Lato; }
     /*.subtitle{    font-family: Segoeui;}*/
     .header_description{ font-family: Lato; }
     .InboxEmpty{ font-family: Lato; }

     /* IE11 */
     *::-ms-backdrop,.btnlogin{ font-family: Lato; }
     *::-ms-backdrop, .button{ font-family: Lato; } 
     *::-ms-backdrop, .tabBarBottom span{ font-family: Lato; }
     *::-ms-backdrop, .btngreenlink{ font-family: Lato; }
     *::-ms-backdrop, .tips span{ font-family: Lato; }
     *::-ms-backdrop, A.greenlink{ font-family: Lato; }
     /**::-ms-backdrop, .subtitle{ font-family: Segoeui;}*/
     *::-ms-backdrop, .header_description{ font-family: Lato; }
     *::-ms-backdrop, .InboxEmpty{ font-family: Lato; }
}


/************** Document & Image tab action icons  ******************/

.ViewdocIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/icon_viewdoc.png);
}
.ViewdocIcon:hover
{
	background: url(../Images/icon_viewdoc_hover.png);
}

.UploadIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/icon_upload.png);
}
.UploadIcon:hover
{
	background: url(../Images/icon_upload_hover.png);
}

.BatchULIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/icon_batch.png);
}
.BatchULIcon:hover
{
	background: url(../Images/icon_batch_hover.png);
}

.FingerPrintIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/icon_fingerprint.png);
}
.FingerPrintIcon:hover
{
	background: url(../Images/icon_fingerprint_hover.png);
}

.UploadVideoIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/upload_to_youtube.png);
}
.UploadVideoIcon:hover
{
	background: url(../Images/upload_to_youtube_hover.png);
}

.MugshotIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/icon_mugshot.png);
}
.MugshotIcon:hover
{
	background: url(../Images/icon_mugshot_hover.png);
}

.UploadIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/icon_upload.png);
}
.UploadIcon:hover
{
	background: url(../Images/icon_upload_hover.png);
}

.DownloadIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/exportToLocal.png);
}
.DownloadIcon:hover
{
	background: url(../Images/exportToLocal_hover.png);
}

.BurnIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/burncd.png);
}
.BurnIcon:hover
{
	background: url(../Images/burncd_hover.png);
}

.PrintIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/printer.png);
}
.PrintIcon:hover
{
	background: url(../Images/printer_hover.png);
}

.RotateIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/icon_rotate.png);
}
.RotateIcon:hover
{
	background: url(../Images/icon_rotate_hover.png);
}

.EditIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/changeTitle.png);
}
.EditIcon:hover
{
	background: url(../Images/changeTitle_hover.png);
}

.MoveIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/move.png);
}
.MoveIcon:hover
{
	background: url(../Images/move_hover.png);
}

.EmailIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/exportToEmail.png);
}
.EmailIcon:hover
{
	background: url(../Images/exportToEmail_hover.png);
}

.Email2Icon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/exportToEmail2.png);
}
.Email2Icon:hover
{ 
	background: url(../Images/exportToEmail2_hover.png);
}

.DeleteIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/deleteDoc.png);
}
.DeleteIcon:hover
{
	background: url(../Images/deleteDoc_hover.png);
}

.ScanDocIcon
{
	width: 40px;
	height: 38px;
	margin-left: 3px;
	cursor: pointer;
	background: url(../Images/scan.png);
}
.ScanDocIcon:hover
{
	background: url(../Images/scan_hover.png);
}

.EmailIcon:disabled,.Email2Icon:disabled, .DownloadIcon:disabled, .PrintIcon:disabled, .MoveIcon:disabled, .BurnIcon:disabled, .SendIcon:disabled .BarcodeIcon:disabled, .EditIcon:disabled, .DeleteIcon:disabled, .ViewdocIcon:disabled, .UploadIcon:disabled, .BatchULIcon:disabled, .FingerPrintIcon:disabled, .MugshotIcon:disabled, .RotateIcon:disabled,UploadVideoIcon:disabled
{
	opacity: 0.2;
}

/************** Document & Image tab action icons ~~ ******************/

/************** Mix ******************/
.singleselect{
    border: 1px solid #D1D3D4;
}

.nightmode .singleselect{
    border: 0;
}

.nightmode .dropcheckbox
{
	background-color: #383838;
	color: #a5a7aa;
}

	.nightmode .dropcheckbox > input[type='text']
	{
		background-color: #898a8d !important;
		color: #e6e7e8 !important;
	}
/************** Mix ~~ ******************/