@import url('../main.css');

/* HTML Element Definitions CSS */
	body
	{ margin:0px 0px 0px 0px; padding:0px;
	  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px !important; line-height:16px;
	  color:#555; background-color:#E0E2E4; }
	td, span, p { text-align:left; }
	a 			{ font-size:11px; color:#024675; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
	a:hover 	{ font-size:11px; color:#600; text-decoration:none; }
	table  		{ font-size:9pt; font-family:arial; }


		/* Help & Log Out Tabs */
		.menulogout { color: #FFF; font-size: 14px; }
		.menulogout a { color: #fff; text-decoration: none; }
		.menutablinklogout 	{ text-decoration:none; color:#fff; }

		/* Tab menu formatting */
		#tabbody {
		   margin: 0 0 0 0;
		   padding: 10px;
		   border: 1px solid #C0BFC3;
		   background-color:#fff;
		   color:#333;
		}

		#tabbody .SearchBox { background-color:#f5f5f6; }

		#tabmenu {
		   margin: 0;
		   text-align: left;
		   font-weight: bold;
		   background-color:#E0E2E4;
		   padding-top:10px;
		   padding-left:5px;
		   border:1px solid #C0BFC3;
		   border-bottom:0px solid #fff;
		}

		#tabnav {
		   padding: 2px;
		   padding-left: 0px;
		   position: relative;
		   margin: 0;
		}

		#tabnav li {
		   margin: 0;
		   margin-left:-1px;
		   padding: 0;
		   display: inline;
		   list-style-type: none;
		}

		#tabnav a:link, #tabnav a:visited {
			padding:3px 11px;
			border-left: 1px solid #666;
			border-top: 1px solid #666;
			border-right:1px solid #666;
			background:url(images/tab2_0.gif) repeat-x;
			font-size: 8pt;
			font-family:arial;
			font-weight: bold;
			text-decoration: none;
			color: #fff;

		}

		#tabnav a:link.active, #tabnav a:visited.active, #tabnav a:hover {
		   border: 1px solid #777;
		   border-bottom: 1px solid #fff;
		   padding-left: 11px;
		   padding-right: 11px;
		   color: black;
		   background: #fff;
		}

		#tabnav a:hover { background: #CFD2D4; background:url(images/tab2_2.gif) repeat-x; border-bottom:1px solid #C0BFC3; }

		/* disabled tab style */
		#tabnav li.disabled a:link, #tabnav li.disabled a:visited, #tabnav li.disabled a:hover { background: #e0e2e4; color: #999; cursor: not-allowed; }
		body #pnlQuickInfoContent.disabled, body #pnlQuickInfoContent.disabled .title, input[type=text][disabled].disabled, select.disabled { background: #ebebe4; }
		#tabnav li.disabled a.active { border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; color: #000; }


/* Main Content */
	table.MainTable { width:100%; padding-bottom:10px; margin-right:3px; }
	.ContentBackground { background:#f5f5f6; padding:10px; border:1px solid #C0BFC3; }

/* Page Title and Sub Title */
	.ContentTitle { margin-bottom:5px; }
	.ContentTitle table { width:100% }
	.PageTitle { padding:3px 5px; font-size:16px; font-family:arial; color:#600; }
	.PageSubTitle { padding:3px 3px 3px 15px; color:#000; border:1px solid #C0BFC3; background: url(images/pagesubtitle_bg.gif) no-repeat 5px 6px #fff; }

	.HighlightMessages { font-size:10pt; font-family:arial; color: #FF0000; font-weight: bold; }


	.ButtonClass { font-size:9pt; font-weight:normal; color:#222; font-family:MS Sans Serif; background: #CFD2D4; background:url(images/btn_bg.gif) repeat-x; ;
					border-top:1px solid #C0BFC3; border-left:1px solid #C0BFC3; border-bottom:1px solid #333; border-right:1px solid #333; cursor:pointer; }


	/* Data Grids */
	.HeaderClass th, .HeaderClass td { border:1px solid #999; color:#333; background:url(images/tab2_1.gif) repeat-x; font-family:verdana; font-size:8pt; }
	.HeaderClass a	 		{ color:#333;  }
	.HeaderClass a:hover	{ color:#990000;  }
	.ItemClass td		 	{ background-color:#FFFfff; border:1px solid #ccc; color:#333; font-size:9pt; }
	.AlternatingClass td 	{ background-color:#f5f5f6; border:1px solid #ccc; color:#333; font-size:9pt; }
	.DatagridClass 			{ border-collapse:collapse; }


	/* Input Fields */
	.TextBoxClass			{ border:1px solid #A5ACB2; font-family: MS Sans Serif; font-weight: normal; font-size: 9pt; padding-left: 4px; color:#333; }
	.MaskEditClass			{ border:1px solid #A5ACB2; font-family: MS Sans Serif; font-weight: normal; font-size: 9pt; padding-left: 4px; color:#333; }
	.DropDownClass			{ border:1px solid #A5ACB2; font-family: MS Sans Serif; font-weight: normal; font-size: 9pt; padding-left: 4px; color:#333; }
	.ListBoxClass			{ border:1px solid #A5ACB2; font-family: MS Sans Serif; font-weight: normal; font-size: 9pt; padding-left: 4px; color:#333; width:140px; }
	.DatePickerClass		{ border:1px solid #A5ACB2; font-family: MS Sans Serif; font-weight: normal; font-size: 9pt; padding-left: 4px; color:#333; }

	/* Pop Ups */
	.PopUpTitle { background-color:#B3B7BA; font-weight:bold; color:#fff; background:url(images/tab2_0.gif) repeat-x; }

	/* Footer */
	#ApplicationFooter 			{ text-align:center; }
	#ApplicationFooter hr 		{ margin:0; padding:1px;  border-top:1px solid #C0BFC3; }
	#ApplicationFooter table 	{ width:100%; text-align:center;padding:10px 0;  border-top:0px solid #C0BFC3; }
	#ApplicationFooter td 		{ text-align:center; color:#C0BFC3; }
	#ApplicationFooter a		{ color:#650000; display:inline; padding:5px; }
	#ApplicationFooter a:hover	{ color:#024675; }
	#ApplicationVersion		{ text-align:center; font-size:8pt; font-family:arial; }
	#ApplicationCopyRight	{ text-align:center; font-size:8pt; font-family:arial; color:#999; }

/* Control Definitions CSS */
/* Paging CSS */
	.current { font-weight: bold; font-size:16px; color:#ff0; }
	.text { text-decoration: none; color:#EE0000; }
	a:hover.text { font-weight: bold; }
	.turnoff,a:hover.turnoff { text-decoration: none; color:#ccc; }


	.SearchBar /* UNKNOWN! */
	{
		 font-size:9pt;border:1px solid #666;background:#EAEAEA;width:100%;
	}
	.SearchBox
	{
		font-size:9pt;border:1px solid #C0BFC3;border-left:1px solid #D0CFD3;background:#fff;width:100%
	}

/* Calender */
	.CalenderTabSelected 	{ background:#999; padding-left:5px; padding-top:5px; color:#fff; }
        .menu_highlight_cal a {color:#000; background:url(images/tab_ace_1.gif) no-repeat; display: block;  width:50px; text-align: center; padding-top: 2px; position: relative; top: 1px;}
        .menu_cal a:hover{color: #000;}
        .menu_cal a {color:#fff; background:url(images/tab_ace_0.gif) no-repeat; display: block;  width:50px; text-align: center; padding-top: 2px; position: relative; top: 1px;}
	.CalenderTabUsSelected	{ background:#ccc; padding-left:5px; padding-top:5px; }
	.CalenderTabText 		{ text-decoration:none; color:#fff; font-size:8pt; font-weight: bold; }

	.AnnounceDate 			{ font-family:arial; font-size:8pt; font-weight:bold; }
	.AnnounceSubject 		{ font-family:arial; font-size:8pt; }
	.AnnounceBody			{ font-family:arial; font-size:8pt; }

	.CalendarClass 		{ border-collapse:collapse; font-family:Arial; text-align:center; border:1px solid #666; }
	.CalendarClass td	{ text-align:center; }
	#smCalendarGrid .HeaderClass th	{ border:1px solid #999;  background-color:#fff; }

	.TodaySelected 		{ font-size:11px; font-family:Arial; color:#900; border-bottom:1px solid #000; font-weight:bold; }
	.TodayUnSelected	{ font-size:11px; font-family:Arial; color:#000; border-bottom:1px solid #000; }
	.Selected			{ font-size:11px; font-family:Arial; color:#900; font-weight:bold; }
	.UnSelected			{ font-size:11px; font-family:Arial; color:#777; }

/* Report CSS */
	.reportmenu_highlight {
		float: left; border-top:0px solid #778899; border-right:1px solid #E0E0E0; padding:4px; padding-bottom:3px; color: #FF0000; background:#E9EBEB; font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	.reportmenu {
			float: left; border-top:0px solid #AABBCC; border-right:1px solid #E0E0E0; padding:4px; padding-bottom:3px; background:#BBBBBB; font-size:9pt;
	}
	.reportmenutablink {
		text-decoration:none; color:#000000; font-size:8pt; font-weight: normal;
	}
	.ReportTabSubMenu { background:#fff;width:100%; }



	#mainbar .Company{
		font-size:14pt;
		font-family:arial;
		color:#fff;
		padding-top: 18px;
	}
	#mainbar .User{
		font-size:12pt;
		font-family:arial;
		color:#fff;
		text-align:right;
		padding: 14px 20px 0 0; 
		font-weight: bold;
	}

	.TabBackground {
		width: 100%;
		height: 30px;
		background: none;
		font-family: Arial;
		margin-top:-31px;
	}

	.TabBackground .menu,
	.TabBackground .menu_highlight {
		display:inline;
	}

	#mainbar {
		width: 100%; 
		background-color: #650000; 
		background: url(images/header_bg-20150403.jpg); 
		height: 100px; 
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.TabBackground .menutablink {
		float: left;
		background: #063150;
		background: -moz-linear-gradient(top, #063150 0%, #0a4a77 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#063150), color-stop(100%,#0a4a77));
		background: -webkit-linear-gradient(top, #063150 0%,#0a4a77 100%);
		background: -o-linear-gradient(top, #063150 0%,#0a4a77 100%);
		background: -ms-linear-gradient(top, #063150 0%,#0a4a77 100%);
		background: linear-gradient(to bottom, #063150 0%,#0a4a77 100%);
		height: 30px;
		font-size: 12px;
		line-height: 30px;
		margin-right: 5px;
		padding: 0 15px;
		text-decoration: none;
		border-top: 1px solid transparent;
		color: #b9e6ff;
		border-radius: 5px 5px 0 0;
	}

	.TabBackground .menutablink:hover {
		color: #FFF;
		border-top: 1px solid #2bb4ff;
	}

	.TabBackground .menu_highlight .menutablink:hover {
		color:#005e91;
	}

	.TabBackground .menu_highlight .menutablink {
		background: #FFF;
		color: #063150;
		border-radius: 5px 5px 0 0;
		border-top: 1px solid ;
		border-right: 1px solid ;
		border-left: 1px solid ;
	}
	.TabBackground .menu_highlight .menutablink {
		background: #FFF;
		color: #063150;
		border-radius: 5px 5px 0 0;
	}
	.logo {
		margin:10px 20px 0px 20px; 
		height: 50px;
	}
	.TabBackground .menulogout { color: #b9e6ff; font-size: 14px; }
	.TabBackground .menulogout a { color: #fff; text-decoration: none; }