﻿html
{
	width: 100%;
	height: 100%;	
}

body 
{
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	background-color: #FFFFFF;
	margin:0px 0px 0px 0px;
}

.HighlightField
{
	background-color: #FFFFCC;
}

.watermark
{
	background-color: #FFFFFF;
	color: black;
}

.Menu_DynamicMenuStyle
{
	border: solid 1px #5889B9;
	z-index: 100; /* IE8 Fix */
}

/* AMSButton Normal */
.AMSButton_Normal
{
	text-decoration: none;
	color: #000000;
	background-image: url(/images/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	width: 73px;
	height: 21px;
}

.AMSButton_MouseOver_Normal
{
	text-decoration: none;
	color: #000000;
	background-image: url(/images/button.png);
	background-repeat: no-repeat;
	background-position: 0px -21px;
	text-align: center;
	width: 73px;
	height: 21px;
}

.AMSButton_MouseDown_Normal
{
	text-decoration: none;
	color: #000000;
	background-image: url(/images/button.png);
	background-repeat: no-repeat;
	background-position: 0px -42px;
	text-align: center;
	width: 73px;
	height: 21px;
}

.AMSButton_Panel_Normal
{
	margin-top: 3px;
}

.AMSButton_PanelMouseOver_Normal
{
	margin-top: 3px;
}

.AMSButton_PanelMouseDown_Normal
{
	margin-top: 4px;
}

/* AMSButton Large */
.AMSButton_Large
{
	text-decoration: none;
	color: #000000;
	background-image: url(/images/button_large.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	width: 146px;
	height: 21px;
}

.AMSButton_MouseOver_Large
{
	text-decoration: none;
	color: #000000;
	background-image: url(/images/button_large.png);
	background-repeat: no-repeat;
	background-position: 0px -21px;
	text-align: center;
	width: 146px;
	height: 21px;
}

.AMSButton_MouseDown_Large
{
	text-decoration: none;
	color: #000000;
	background-image: url(/images/button_large.png);
	background-repeat: no-repeat;
	background-position: 0px -42px;
	text-align: center;
	width: 146px;
	height: 21px;
}

.AMSButton_Panel_Large
{
	margin-top: 0px;
    padding-top: 2px;
}

.AMSButton_PanelMouseOver_Large
{
	margin-top: 3px;
}

.AMSButton_PanelMouseDown_Large
{
	margin-top: 4px;
}

.High
{ 
	background-color: #FF3300; 
	color: Black;
}

.Medium
{ 
	background-color: #FFFF00;
	color: Black;
 }

.Low
{ 
	background-color: #CCFF00;
	color: Black;
 }

.VeryLow
{ 
	background-color: White;
	color: Black;
}

/* Styles all grid views to have the same header style */
.TollScheduleTableHeader
{
	background-image: url(/images/gridview_header_bg.png);
	background-repeat: repeat-x;
	white-space: nowrap;
	display: block;
	height:23px;
	vertical-align: middle;	
}

.TollScheduleTable
{
	margin: 0px 25px 0px 25px;
}

.TollScheduleTableHeader td
{
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
}

table tr th
{
	background-image: url(/images/gridview_header_bg.png);
	background-repeat: repeat-x;
	white-space: nowrap;
}

.MainMenu_DynamicMenuItemStyle
{
	text-align: left;
	border-bottom: solid 1px #5889B9;
}

.SideMenu_StaticMenuItemStyle
{
	display: block;
	background-image: url(/images/Menu/bullet_right.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}

.ModalPopup_Background
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 998;
}

.ModalPopup_No_Background
{
	filter:alpha(opacity=70);
	opacity:0.7;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 998;
}

.ModalPopup_Progress
{
	text-align:center;
	color : #006699;
	font-weight: bold;
	padding-top: 30px; 
	border-style:solid; 
	border-width:1px; 
	background-color:White; 
	width:300px; 
	height:100px;
	/* top:100px; */
	
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-180px;
	z-index: 999;
}

.top { vertical-align : top; }
/* Data Grid */
.defaultGridHeaderText			{font :  9pt Arial, Sans-Serif; color: #FFFFFF; background-color: #4682B4}
.defaultGridItemStyle			{font : 8.5pt Arial, Sans-Serif; color: #000000; height: 20px; background-color: #FFFFFF}
.defaultGridAlternateStyle		{font : 8.5pt Arial, Sans-Serif; color: #000000; height: 20px; background-color: #E6EDF5}

.pager							{font: bold 9.0pt Arial, Sans-Serif; color: #E74708; text-align: center;}
.pager a						{font: 9.0pt Arial, Sans-Serif; color: #0000ff; text-align: center}

/***** Fonts *****/
.blak9 				{font : normal 9pt Arial, Sans-Serif; color: #000000;}
.blak8	 			{font : normal 8pt Arial, Sans-Serif; color: #000000;}
.blak7 				{font : normal 7pt Arial, Sans-Serif; color: #000000;}

.blakBold9 				{font : bold 9pt Arial, Sans-Serif; color: #000000;}
.blakBold8	 			{font : bold 8pt Arial, Sans-Serif; color: #000000;}
.blakBold7 				{font : bold 7pt Arial, Sans-Serif; color: #000000;}
.blakBold8left	 		{font : bold 8pt Arial, Sans-Serif; color: #000000; float: left; text-align:left;}
.blakBold8right	 		{font : bold 8pt Arial, Sans-Serif; color: #000000; float: right;}
.blakBold9left	 		{font : bold 9pt Arial, Sans-Serif; color: #000000; float: left;text-align:left;}
.blakBold9right	 		{font : bold 9pt Arial, Sans-Serif; color: #000000; float: right;}


.white9 				{font : normal 9pt Arial, Sans-Serif; color: #FFFFFF;}
.white8 				{font : normal 8pt Arial, Sans-Serif; color: #FFFFFF;}
.white7 				{font : normal 7.5pt Arial, Sans-Serif; color: #FFFFFF; padding:2px;}

.blueBold9 				{font : bold 9pt Arial, Sans-Serif; color: #016BB6;}
.blueBold8	 			{font : bold 8pt Arial, Sans-Serif; color: #016BB6;}
.blueBold7 				{font : bold 7pt Arial, Sans-Serif; color: #016BB6;}
.blueBoldleft	 		{font : bold 8pt Arial, Sans-Serif; color: #016BB6; float: left; text-align:left;}
.blueBold8right	 		{font : bold 8pt Arial, Sans-Serif; color: #016BB6; float: right;}
.blueBold9left	 		{font : bold 9pt Arial, Sans-Serif; color: #016BB6; float: left;text-align:left;}
.blueBold9right	 		{font : bold 9pt Arial, Sans-Serif; color: #016BB6; float: right;}
.blueBold24 			{font : bold 24pt Arial, Sans-Serif;color: #016BB6;}
/***** End Fonts  *****/


textarea
{   
	font-family: Arial;
	font-size: 10pt;
}

.ErrorPopup
{
	background-color: White;
	border: solid 1px Black;
	width: 400px;
	z-index: 9999;
}

.ErrorPopupTitleBar
{
	color: White;
	background-color: #990000;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: solid 1px black;
	padding: 3px 3px 3px 3px;
	cursor: move;
	height:18px;
}

.ErrorPopupBody
{
	width: 400px;
	text-align: left;
	vertical-align: middle;
}

.ErrorPopupCloseButton
{
	cursor: pointer;
}

.ErrorPopupIcon
{
	float: left;
	padding: 0px 15px 0px 5px;
}

.ErrorPopupBackground
{
	background-color: #330000;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}



/* Calendar Style Classes */
.Calendar .ajax__calendar_container
{
	padding:4px;
	position:absolute;
	cursor:default;
	width:170px;
	font-size:11px;
	text-align:center;
	font-family:tahoma,verdana,helvetica;
	border:1px solid #646464;
	background-color: #E5EFFF;
	color: #006699;
}

.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_year
{
	color: #B8B8B8;
}

.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year
{
	color: #000000;
}

.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year
{
	color: #000000;
	border:1px solid #646464;
}

.Calendar .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.Calendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.Calendar .ajax__calendar_container TABLE {font-size:11px;}
.Calendar .ajax__calendar_header {height:20px;width:100%;}
.Calendar .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(/images/calendar_previous.gif);}
.Calendar .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(/images/calendar_next.gif);}
.Calendar .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.Calendar .ajax__calendar_footer {height:15px;}
.Calendar .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.Calendar .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.Calendar .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.Calendar .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.Calendar .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.TopMenuLocation{
	float: right;    
}

a[disabled]{ color:Grey; text-decoration:none; }

/******Buttons ****/
.defaultButtonBlueCenter 
{
	border: #699AD0 1px solid;
	padding: 1px;
	color: white;
	font-family: Arial, san-serif;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	cursor: pointer;
	background-color: #016BB8;
}

.scroll 
{
	overflow:auto;
}

/***** Backgrounds ********/

.HeaderTextWhite25 
{
	height:25px;
	background-color: #016BB8;
	font-weight: bold; 
	font-size: 10pt; 
	font-family: veradana; 
	color:#FFFFFF;
}
.SubHeaderTextWhite20 
{
	height:20px;
	background-color: #699AD0;
	font-weight: bold; 
	font-size: 10pt; 
	font-family: veradana; 
	color:#FFFFFF;
}

.image20 
{
	height:20px;
	font-family: veradana; 
	color:#FFFFFF;
}

.image10 
{
	height:10px;
	font-family: veradana; 
	color:#FFFFFF;
}

/***** Fonts *****/
.blak9 				{font : normal 9pt Arial, Sans-Serif; color: #000000;}
.blak8	 			{font : normal 8pt Arial, Sans-Serif; color: #000000;}
.blak7 				{font : normal 7pt Arial, Sans-Serif; color: #000000;}

.blakBold9 				{font : bold 9pt Arial, Sans-Serif; color: #000000;}
.blakBold8	 			{font : bold 8pt Arial, Sans-Serif; color: #000000;}
.blakBold7 				{font : bold 7pt Arial, Sans-Serif; color: #000000;}
.blakBold8left	 		{font : bold 8pt Arial, Sans-Serif; color: #000000; float: left; text-align:left;}
.blakBold8right	 		{font : bold 8pt Arial, Sans-Serif; color: #000000; float: right;}
.blakBold9left	 		{font : bold 9pt Arial, Sans-Serif; color: #000000; float: left;text-align:left;}
.blakBold9right	 		{font : bold 9pt Arial, Sans-Serif; color: #000000; float: right;}


.white9 				{font : normal 9pt Arial, Sans-Serif; color: #FFFFFF;}
.white8 				{font : normal 8pt Arial, Sans-Serif; color: #FFFFFF;}
.white7 				{font : normal 7.5pt Arial, Sans-Serif; color: #FFFFFF; padding:2px;}

.blueBold9 				{font : bold 9pt Arial, Sans-Serif; color: #016BB6;}
.blueBold8	 			{font : bold 8pt Arial, Sans-Serif; color: #016BB6;}
.blueBold7 				{font : bold 7pt Arial, Sans-Serif; color: #016BB6;}
.blueBoldleft	 		{font : bold 8pt Arial, Sans-Serif; color: #016BB6; float: left; text-align:left;}
.blueBold8right	 		{font : bold 8pt Arial, Sans-Serif; color: #016BB6; float: right;}
.blueBold9left	 		{font : bold 9pt Arial, Sans-Serif; color: #016BB6; float: left;text-align:left;}
.blueBold9right	 		{font : bold 9pt Arial, Sans-Serif; color: #016BB6; float: right;}

/***** End Fonts  *****/

.headerLeft { 
	float: left;
	font-size: 20px;
	line-height: 20px;
}

.headerRight {
	float: right;
	font-size: 20px;
	line-height: 20px;
}

.sectionHelpfulHintsPopup {
	color : #990000;
	font-size : 11px;
	font-weight : bold;
	background-color: #F2EDD7;
	padding: 3px;
	border: 1px solid #E4DDC1;
	width: 99%;

}

.defaultButtonBlueCenter
{
	border: #699AD0 3px solid;
	padding: 1px;
	color: white;
	font-family: Arial, san-serif;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	cursor: pointer;
	background-color: #016BB8;
}

.LoginLogo
{
    background: url('/images/login_logo.jpg') no-repeat;
    width: 420px;
    height: 120px;
}

.autoCompletionList {
  list-style:none;
  border: 1px solid buttonshadow;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:100002 !important;
}