/* =====================
    CSS STYLES FOR LRS 
   =====================
*/  

@media all
{
	.vlftblHead	
	{
		font-weight:bold;
		font-size:13pt;
	}
	
	.vlfHeader
	{
		font-size: 13pt;
	}
	
	.bottomLine
	{
		border-bottom: 1px solid black;
		line-height: 0px;
	}
	
	/* text style used  for reports */
	.ReportBodyText
	{
		font-size: 11pt;
		font-family: Arial;
		background-color: white;
		text-align: left;
	}

	.ReportBodyTextDL
	{
		font-size: 10pt;
		font-family: Arial;
		background-color: white;
		text-align: left;
		text-transform: uppercase;	
	}


	
	.ReportMainTitle
	{
		font-size: 12pt;
		font-family: Arial;
		font-weight:bold;
		background-color: white;
	}
	
	.ReportMainTitleDL
	{
		font-size: 12pt;
		font-family: Arial;
		font-weight:bold;
		background-color: white;
		text-transform: none;
	}

	.ReportSubTitle
	{
		font-size: 8pt;
		font-family: Arial;
		font-style:italic;
		background-color: white;
	}

	.ReportSubTitleDL
	{
		font-size: 8pt;
		font-family: Arial;
		font-style:italic;
		background-color: white;
		text-transform: none;
	}

	.ReportHeading
	{
		font-size: 11pt;
		font-family: Arial;
		font-weight:bold;
		border: solid 1px black;
	}
	
	.ReportHeadingDL
	{
		font-size: 12pt;
		font-family: Arial;
		font-weight:bold;
		border: 0px;
	}

	.ReportSubHeading
	{
		background-color:#EEEEEE;
		font-size: 11pt;
		font-family: Arial;
		font-weight:bold;
	}
	
	.ReportSubHeadingDL
	{
		background-color:#EEEEEE;
		font-size: 11pt;
		font-family: Arial;
		font-weight:bold;
		text-transform: none;
	}

	.LabelDL
	{
		font-size: 10pt;
		font-family: Arial;
		font-weight:bold;
		text-transform: uppercase;
		margin-right: 5px;
	}
	
	.ReportBorder
	{
		border: solid 1px black;
	}
	
	.tableHeader_DL {font-size: 9pt; font-family: Arial;}

}

@media print
{
	pre
	{
		vertical-align:top;
	}
	td
	{
		vertical-align:top;
	}
	
	.Border, .mediumbtn, .Stableheader
		{
			display:none;
		}	

	body
		{
			 text-align:center;
		}		
	#tblVLFData 
		{
			font-size: 12px;
			width:640px;
		}	
	#divCalculator
		{
			display:none;
		}
	#divInstructions
		{
			display:none;
		}	
	#txtLicense
		{
			border:none;
		}
	input, textarea
	{
		border 1 solid #ffffff;
		text-align:left;
		text-transform:uppercase; 
	}
	textarea
	{
		border-bottom: 1 solid #000000;
		overflow:hidden; 
	}
		
}

@media screen
{
#tblVLFData 
{
	/*font-family: Courier;*/
    font-size: 12px;
    width:640px;
    
}




/* style for the text of the site title */
.SiteTitle {
    font-family:Verdana, Arial;
    font-size:64px;
    font-weight:normal;
    color:#040204;
}

/* style for borders (header, left) */
.Border
{
	background-color: #97B3E6;
	table-layout: fixed;
}

/* style for borders (header, left) */
.Footer
{
	background-color:Transparent;
	table-layout: fixed;
}

/* style for the TD containing the left menu */
.LeftColumn 
{
	width: 152px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#97B3E6;
}

/* LICENSE PLATE TEXT */
.LicenseText
{
    border-style:inset;
    border-width:thin;
    WIDTH: 100px;
    HEIGHT: 23px;
    font-weight: bold;
    font-family: Tahoma;
    font-size: medium;
    color: Red;
}

/* LICENSE PLATE TEXT */
.PlateText
{
	font-family:Brougham;
	font-weight:bold;
	COLOR: #130d7b;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BACKGROUND-COLOR: transparent;
	BORDER-BOTTOM-STYLE: none;
	font-size: 20pt;
	Width:140px;
	Height:41px;
}

/* style for the main body area */
.MainBody
{
	background-color: #EEECFD;
	margin:0 0 0 0;
	padding:0 0 0 0;
	table-layout:fixed;
	border-collapse:collapse;
}

/* style for small buttons (left nav) */
.mediumbtn
{
	border:1px solid #000000;
	background-color:#F7F7F7;
	color:#4A3C8C;
    FONT-FAMILY: Verdana, Arial;
	font-size:11px;
	font-weight:bold;
    text-align:center;
    CURSOR: hand;
    width: 60px; height: 30px;
}

/* style for small buttons (left nav) */
.smallbtn
{
	border:1px solid #000000;
	background-color:#EEECFD;
	font-size:10px;
	color:#1F407C;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial;
    width: 50px; height: 20px;
    text-align:center;
}

/* style for big buttons (left nav) when mouse is OFF of it */
.bigbtnOFF
{
	border:1px solid #000000;
	background-color:#1F407C;
	font-size:11px;
	font-weight:bold;
	color:#ffebdc;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial;
    height: 25px;
}

/* style for big buttons (left nav) when mouse is hovering ON it */
.bigbtnON
{
	border:1px solid #000000;
	background-color:#FCCE0F;
	font-size:11px;
	font-weight:bold;
	color:Purple;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial;
    height: 25px;
}

/* style for header buttons (e.g. Admin) */
.HeaderButton
{
	border:0px solid Transparent;
	background-color:Transparent;
	font-size:9px;
    font-weight:bold;
	color:#000000;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial;
    width: 50px; height: 20px;
}

/* General body text */
.BodyText
{
	font-family:Arial;
	font-size:1;
}

/* text style used for small print (help, notes, etc) */
.FinePrint
{
	color:#1F407C;
    font-family: Arial;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px
}

/* Shaded Heading */
.FormTitle
{
	color:#1F407C;
	height:70px;
	font-family:Arial;
	font-size:x-large;
	font-weight:bold;
	text-align:center;
}

.FormLabel
{
	color:#1F407C;
    font-family: Arial;
    font-size: 12px;
}

.FormField
{
    font-family: Arial;
    font-size: 12px;
    border-style:inset;
    border-width:thin;
}

.DMVResponse
{
    /*font-family: Courier*/
    font-size: 12px;
    font-weight: 400;
    width:640px;
    
}

/* Shaded Heading */
.ShadedHeading
{
	background-color: #1F407C;
	color:#ffebdc;
	font-family:Arial;
	font-size:smaller;
	font-weight:bold;
}

.ColumnHeading
{
	font-weight:bold;
	text-align:left;
	color:"#FFFFFF";
    font-family: Arial;
    font-size: 12px;
}

/* text style used for informational messages and errors */
.InfoMessage
{
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    background-color: #ffff99;
    line-height: 12px
}

/* text style used for informational messages and errors */
.StatusMessage
{

    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px
}

/* text style used solely for error messages */
.ErrorMessage
{
    font-family: Arial;
    font-size: 14px;
    color:Red;
    font-weight: bold;
    line-height: 16px
}

/* Panel Style for dialog boxes */
.PanelDialog
{
	background-color:#E0E0E0;
	border-width:3px;
	border-style:groove;
	border-color:Blue;
}

.TableHeader
{
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 18px;
    height: 40px;
}

.TableEntry
{
	color:#1F407C;
    font-family: Arial;
    font-size: 12px;
}

.UserSupplied
{
	color:#1F407C;
    font-family:Courier New;
    font-size: 12px;
}

.TableSubHeader
{
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
 	color:#1F407C;
 	height:20;
 	vertical-align:sub;
 	margin-top:15;
 	text-align:center
}

.TableSubSubHeader
{
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
 	color:#1F407C;
 	height:20;
 	vertical-align:sub;
 	margin-top:15;
}
  
/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Arial;
    font-size:  18px;
    font-weight:    normal;
    color: #666644;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Arial;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Arial;
    font-size:  11px;
    font-weight:    bold;
    text-align:center;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px    
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold
}

.NormalBold_DL
{
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold
}
.NormalBold_VR
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold
}
.NormalBold_ANI
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold
}



/***** FOR TABS ******/
.TabUnSelectedBackground
{
	BACKGROUND-IMAGE: url(../Images/msntabs/unselected_background.gif);
	BACKGROUND-REPEAT: repeat-x;
	font-family: Verdana, Arial;
    font-size:  11px;
    font-weight:    bold;
    text-align:center;
    color: black;
    text-decoration: none;
}

.TabUnSelectedEnd
{
	BACKGROUND-IMAGE: url(../Images/msntabs/unselected_end.gif);
	BACKGROUND-REPEAT: no-repeat;
	font-family: Verdana, Arial;
    font-size:  11px;
    font-weight:    bold;
    text-align:center;
    color: black;
    text-decoration: none;
}

.TabSelectedBackground
{
	BACKGROUND-IMAGE: url(../Images/msntabs/selected_background.gif);
	BACKGROUND-REPEAT: repeat-x;
	font-family: Verdana, Arial;
    font-size:  11px;
    font-weight:    bold;
    text-align:center;
    color: black;
    text-decoration: none;
}

.TabSelectedEnd
{
	BACKGROUND-IMAGE: url(../Images/msntabs/selected_end.gif);
	BACKGROUND-REPEAT: no-repeat;
	font-family: Verdana, Arial;
    font-size:  11px;
    font-weight:    bold;
    text-align:center;
    color: black;
    text-decoration: none;
}

/*Styles for the datetime picker*/
.CSCCalendar
{
   border-right: lightgrey ridge;
   border-top: lightgrey ridge;
   font-size: 8pt;
   filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' ) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=96, FinishX=100, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=0, FinishX=0, StartY=97, FinishY=100);
   border-left: lightgrey ridge;
   border-bottom: lightgrey ridge;
   font-family: Arial;
   background-color: white;
}

.CSCCalendar TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

.CSCCalendarNoFilter
{
   border-right: lightgrey ridge;
   border-top: lightgrey ridge;
   font-size: 8pt;
   border-left: lightgrey ridge;
   border-bottom: lightgrey ridge;
   font-family: Arial;
   background-color: white;
   }
.CSCCalendarNoFilter TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}


.CSCWeekRowsTable
{
   border-right: black 1px solid;
   border-top: black 1px solid;
   font-size: 8pt;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   font-family: Arial;
   background-color: white;
}

.CSCDay
{
   cursor: pointer;  /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */
   cursor: hand;
}

.CSCSelectedDay
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}
.CSCSelectedToday
{
   font-weight: bold;
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}
.CSCToday
{
   font-weight: bold;
   cursor: pointer;
   cursor: hand;
}
.CSCSpecialDay
{
   cursor: pointer;
   cursor: hand;
   background-color: lemonchiffon;
}

.CSCOtherMonthDays
{
   cursor: default;
   color: gray;
}

.CSCWeekNumberColumn
{
   border-right: blue 1px solid;
   background-color: lightblue;
}

.CSCDayHeader
{
   border-bottom: blue 1px solid;
}

.CSCDayHeader TR
{
   font-size: 7pt;
   background-color: lightblue;
}

.CSCDayHeaderCell
{
   font-size: 7pt;
}

.CSCHeaderTable
{
   font-size: 8pt;
   border-bottom: blue 1px solid;
   font-family: Arial;
}

.CSCHeaderRows
{
   font-size: 8pt;
   font-family: Arial;
   cursor: default;
}

.CSCHeaderRows TR
{
   background-color: inherit;
}

.CSCIncrementalButtons
{
   cursor: pointer;
   cursor: hand;
   color: mediumblue;
}

.CSCIncrementalButtonsPressed
{
   cursor: pointer;
   cursor: hand;
   color: darkblue;
}

.CSCJumpButtons
{
   color: mediumblue;
   cursor: pointer;
   cursor: hand;
}

.CSCJumpButtonsPressed
{
   color: darkblue;
   cursor: pointer;
   cursor: hand;
}

.CSCCloseButton
{
   cursor: default;
}

.CSCCloseButtonPressed
{
   cursor: default;
}
.CSCHelpButton
{
   cursor: default;
}

.CSCHelpButtonPressed
{
   cursor: default;
}

.CSCFooterTable
{
}

.CSCFooterTable TABLE
{
}

.CSCFooterButton
{
   border-right: lightgrey thin outset;
   border-top: lightgrey thin outset;
   border-left: lightgrey thin outset;
   color: black;
   border-bottom: lightgrey thin outset;
   background-color: lightblue;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterButtonPressed
{
   border-right: lightgrey thin inset;
   border-top: lightgrey thin inset;
   border-left: lightgrey thin inset;
   border-bottom: lightgrey thin inset;
   background-color: lightblue;
   color: black;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterCurrentDate
{
}

.SD_Selectable1
{
   background-color: mistyrose;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM1
{
   background-color: powderblue;
   cursor: pointer;
   cursor: hand;
}
.SD_Selectable2
{
   background-color: palegoldenrod;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM2
{
   background-color: gainsboro;
   cursor: pointer;
   cursor: hand;
}
.SD_Unselectable1
{
   color: gray;
   background-color: mistyrose;
}
.SD_UnselectableOM1
{
   color: gray;
   background-color: powderblue;
}
.SD_Unselectable2
{
   color: gray;
   background-color: palegoldenrod;
}
.SD_UnselectableOM2
{
   color: gray;
   background-color: gainsboro;
}

.DTBToggleCalendar
{
}

.DTBToggleCalendarPressed
{
}

.DTBHelpButton
{
}

.DTBHelpButtonPressed
{
}

.MYPMonthYearPicker
{
   border-right: gray 1px solid;
   border-top: gray 1px solid;
   font-size: 8pt;
   border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   font-family: Arial;
   background-color: white;
}

.MYPMonthYearPicker TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

.MYPMonthTable
{
}

.MYPYearTable
{
}

.MYPMonthCell
{
   cursor: pointer;
   cursor: hand;
}

.MYPSelectedMonthCell
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}


.MYPYearCell
{
   cursor: pointer;
   cursor: hand;
}
.MYPSelectedYearCell
{
   cursor: pointer;
   cursor: hand;
   background-color: gold;
}

.MYPOutOfRangeCell
{
   color: gray;
}

.MYPMoveYearsButtons
{
}

.MYPMoveYearsButtonsPressed
{
}

.MYPTogglePicker
{
}

.MYPTogglePickerPressed
{
}


.PDPContextMenu
{
   border-right: lightgrey 1px solid;
   border-top: lightgrey 1px solid;
   font-size: 8pt;
   border-left: lightgrey 1px solid;
   border-bottom: lightgrey 1px solid;
   font-family: Arial;
   background-color: white;
}

.PDPContextMenu TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}
}