﻿BODY
{
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-COLOR: #ffffff;
    BACKGROUND-POSITION: left top;
    COLOR: #000000;
    FONT-SIZE: 12px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    LINE-HEIGHT: normal;
    MARGIN: 0px;
    BORDER: 0px;
    margin-right:0px;
    margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
    TEXT-ALIGN: left
}
TD, .TD
{
    COLOR: black;
    FONT-SIZE: 12px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal
}
H1, .H1
{
    COLOR: #193f6a;
    FONT-FAMILY: Georgia, Times New Roman, Arial, Helvetica, sans-serif;
    FONT-SIZE: 20px;
    FONT-WEIGHT: normal;
    padding: 8px 0px 0px 0px;
    margin: 0px;
}
H2, .H2
{
    COLOR: #4c4c4c;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: normal;
    padding: 0px;
    margin: 0px;
}
H3, .H3
{
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold
}
h4, .h4
{
    color: White;
    font-family: Verdana, arial, helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: bold;    
}
A
{
    COLOR: Navy;
    text-decoration: none
}
A:link, A:visited
{
    COLOR: Navy;
    text-decoration: none
}
A:active, A:hover
{
    COLOR: Red;
    text-decoration: none
}
.TABLE_Frame, .TABLEFRAME
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT:   #CCCCCC 1px solid;
    BORDER-RIGHT:  #CCCCCC 1px solid;
    BORDER-TOP:    #CCCCCC 1px solid;
    background-color: #FFFFFF;
}
.TABLE_H1, .TABLEHEADER
{
	background-color: Navy;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px
}
.TABLE_H2
{
    background-color: #3A5297;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px
}
.TABLE_H3
{
    background-color: Red;
    color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px
}
.HEADER, .HEADER:link, .HEADER:visited, .HEADER A, .HEADER A:link, .HEADER A:visited
{
    background-color: #3A5297;
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.HEADER:active, .HEADER:hover, .HEADER A:active, .HEADER A:hover
{
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.sitenav 
{
    height: 23px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #90b6d6;
    background-image: url(/App_System/Lib/Image/Navigation/nav_back.gif);
    background-repeat: repeat-x;
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.sitenav ul
{
    height: 23px; 
    margin: 0px;
    padding: 0px 0px 0px 50px;  
    list-style: none;
}
.sitenav  ul li, .sitenav li
{
    float: left;
    width: 95px;
    height: 23px;
    text-align: center;
    border-right: solid 1px white;

}
.sitenav ul li:active, .sitenav ul li:hover, .sitenav li:active, .sitenav li:hover
{
    background-image: url(/App_System/Lib/Image/Navigation/nav_highlight.gif);  
    background-repeat: repeat-x;
}
.sitenav A, .sitenav A:visited
{
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    line-height: 20px;
    padding: 5px 10px 5px 10px;
    margin: auto;
}
.sitenav A:active, .sitenav A:hover
{
    COLOR: #093861;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none;
    line-height: 20px;
    padding: 5px 10px 5px 10px;
    margin: auto;
}
.SUBNAV, .SUBNAV:link, .SUBNAV:visited, .SUBNAV A, .SUBNAV A:link, .SUBNAV A:visited
{
    COLOR: #CCCCCC;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.SUBNAV:active, .SUBNAV:hover
{
    COLOR: #555555;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.FOOTER, .FOOTER:link, .FOOTER:visited, .FOOTER A, .FOOTER A:link, .FOOTER A:visited
{
	color: #999999;
	font-family: Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	TEXT-DECORATION: none
}
.FOOTER:active, .FOOTER:hover, .FOOTER A:active, .FOOTER A:hover
{
	COLOR: Black;
	font-family: Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	TEXT-DECORATION: none
}
.COPYRIGHT
{
    COLOR: #9A9A9A;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    padding: 10px;
}
.COPYRIGHT A:link, .COPYRIGHT A:visited
{
    COLOR: #9A9A9A;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    TEXT-DECORATION: underline
}
.COPYRIGHT A:active, .COPYRIGHT A:hover
{
	COLOR: Navy;
}
.ODD  { BACKGROUND-COLOR: #EDEDFF }
.EVEN { BACKGROUND-COLOR: #FFFFED }
.SHOW { display: block }
.HIDE { display: none }
.B	  { FONT-WEIGHT: bold }
.INFO, .MESSAGE-INFO
{
	COLOR: green;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.ERROR, .MESSAGE-ERROR
{
	COLOR: red;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.VDIRECTIONS
{
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.updateProgress
{
	position: absolute;
	background-color: #fff;
	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: 45%;
}
.BlueText
{
	color: #216dae;
	font-family: Tahoma, verdana, Arial, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	height: 25px;
	vertical-align: top;
}
.GreenText
{
	color:Green;
}
.RedText
{
	color: #700000;
	font-family: tahoma, Verdana, Arial, Sans-Serif;
	font-weight: bold;
}
.accountstatus{ padding: 5px;margin-bottom: 10px;}

html, body, form, .tallElement {height: 100%;}

/* Style for: Maintenance / Search Screens */

.DisplayRecords, .SortInfo
{
	font-family: Arial;
	font-size: small;
	font-weight:normal;
	color: #636363;
}
.MaintenanceTable
{
	color: #333333;
	background-color: #F7F6F3;
	width: 500px;
	border-style: none;
	text-align: justify;	
	border-width: 0px;
	border-spacing: 0px;		
 }
.MaintenanceTableRow
{
	background-color: #F7F6F3;
	color: #333333;
}
.MaintenanceTablePager
{
	background-color: #cbd6a6;
	color: #505b2d;	
	text-align: center;
}
.MaintenanceTableHeader
{
	background-color: #b8cdde;
	color: #193f6a;
	font-weight: bold;
}

.MaintenanceTableAlternateRow{
	background-color: #d4d9df;
	color: #000000;
}

.AdminNavCol {float:left; width: 200px; margin-right: 25px; background-color: #DDDDDD;}
.AdminScreenCol {float:right;}

/* VFormBuilder Fields */ 
#VForm { border: solid 0px silver; background-color: transparent}
#VFormItems { }
#VFormItem {clear: both; padding: 5px;}
#VFormItemLabel { text-align: left; margin: 0px 10px 0px 5px;}
#VFormItemObject { text-align: left; margin: 0px;}
#VFormItemSubmit { text-align: center; clear: both; }



/* Styles for Research Screen */ 
.ValidatedData
{
	color: Black;
}

.MatchedData
{
 background-color: Yellow;
 color: Black;  
}
.XMLData
{ 
 color: #216dae;  
}
/* Styles For Event Calendar and popup */
.calDetailViewModalPopup
{
	background-color:#F0F8FF;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	width:400px;
	height:200px;
	padding:0px;
}
.calDetailViewPopupDragHandle
{
	background-image:url(../image/content/VEventCalDayHeaderBack.gif);
	background-repeat:repeat-x;
	cursor: move;
	border:solid 1px Gray;
	color:Black;
	text-align:center;
	font-size:3.5mm;
	font-weight:bold;
	font-family:Arial;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
/* VEventCalendar Classes */
.VEventCalDayStyle 
{
	background-image:url(../image/content/VEventCalDayHeaderBack.gif);
	background-repeat:repeat-x;
	width:50px;
	text-align:left;
	vertical-align:top;
	font-size:2.5mm;
	font-family:Arial;
    background-color:#FFEEB5;
}

.VEventCalOtherMonthDayStyle 
{
	background-image:url(../image/content/VEventCalDayHeaderBack.gif);
	background-repeat:repeat-x;
	width:50px;
	text-align:left;
	vertical-align:top;
	font-size:2.5mm;
	font-weight:bold;
	font-family:Arial;
	background-color:#CECECE;
	color: #A5A5A5;
}
.VEventCalDayHeaderStyle
{
	text-align:center;
	font-size:2.0mm;
	font-weight:normal;
	font-family:Arial;
	background-color:#F0F8FF;
	color: black;
}
.VEventCalNextPrevStyle
{
	background-image:url(../image/content/VEventCalDayHeaderBack.gif);
	background-repeat:repeat-x;
	font-size:2.5mm;
	font-weight:bold;
	font-family:Arial;
	width:75px;
	text-align:center;
	border: solid 1px #CDC9FF;
}
.VEventCalendarButtonStyle
{
	background-image:url(../image/content/VEventCalDayHeaderBack.gif);
	background-repeat:repeat-x;
	height:20px;
	font-size:2.5mm;
	font-weight:bold;
	font-family:Arial;
	padding: 0 0 0 0;
}
.VEventCalTitleStyle
{
	text-align:center;
	font-size:3.0mm;
	font-weight:bold;
	font-family:Arial;
	background-color:#F0F8FF;
	color: black;
}
.VEventCalMainStyle
{
	background-color:#F0F8FF;
	border-left: solid 3px #B7B7B7;
	border-top: solid 3px #B7B7B7;
	border-bottom: solid 6px #3D3D3D;
	border-right: solid 6px #3D3D3D;
	width: 400px;
	height:200px;
}
#VEventCalCalloutStyle
{
	background-image:url(../image/content/VEventCalovalCallout.gif);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
}
#VEventCalCalloutTextStyle
{
	font-size:3.0mm;
	font-weight:normal;
	font-family:Arial;
	text-align:center;
	vertical-align:middle;
	width:200px;
	height:400px;
	margin-left:-20px;
	margin-top:20px
}
.VEventCalDDLLocations
{
	width:75px;
	font-size:2.5mm;
	font-weight:normal;
	font-family:Arial;
}
.VEventCalDDLCategories
{
	width:75px;
	font-size:2.5mm;
	font-weight:normal;
	font-family:Arial;
}
.VEventCalLabelStyle
{
	font-size:2.5mm;
	font-weight:bold;
	font-family:Arial;
}
.gvCalDayEventEditAddButtons
{
	font-size:2.5mm;
	font-weight:bold;
	font-family:Arial;
}
.gvCalDayEventEditAddHeaderStyle
{
	background-image:url(../image/content/VEventCalDayHeaderBack.gif);
	background-repeat:repeat-x;
	font-size:3.0mm;
	font-weight:bold;
	font-family:Arial;
}
.gvCalDayEventEditAddAltRowStyle
{
	background-color:#F0F8FF;
	font-size:3.0mm;
	font-weight:normal;
	font-family:Arial;
}
.gvCalDayEventEditAddRowStyle
{
	font-size:3.0mm;
	font-weight:normal;
	font-family:Arial;
}
.gvCalDayEventEditAddEditRowStyle
{
	font-size:3.0mm;
	font-weight:normal;
	font-family:Arial;
}
.gvCalDayEventEditAddCalendarStyle .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.gvCalDayEventEditAddCalendarStyle .ajax__calendar_other .ajax__calendar_day,
.gvCalDayEventEditAddCalendarStyle .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.gvCalDayEventEditAddCalendarStyle .ajax__calendar_hover .ajax__calendar_day,
.gvCalDayEventEditAddCalendarStyle .ajax__calendar_hover .ajax__calendar_month,
.gvCalDayEventEditAddCalendarStyle .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.gvCalDayEventEditAddCalendarStyle .ajax__calendar_active .ajax__calendar_day,
.gvCalDayEventEditAddCalendarStyle .ajax__calendar_active .ajax__calendar_month,
.gvCalDayEventEditAddCalendarStyle .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}	

.CalScreenHeadingStyle
{
	font-size: 5mm;
	font-weight:bold;
	width:100%;
	text-align:center;
	font-family: Arial;
	color:Navy;
}
.appDetailsModalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
	height:300px;
	padding:10px;
}
.appPopupDragHandle
{
	cursor: move;
	background-color:#DDDDDD;
	border:solid 1px Gray;
	color:Black;
	text-align:center;
}

.appPopupDetailsLegend{ font-size: 3mm;}
.appPopupContentTable{height:460px;}
.appPopupContentTableRow{ width:100%; height:10px;}
.appPopupContentLabelCell{ vertical-align:top; width:175px;}
.appPopupContentDataCell{ vertical-align:top; font-size: 2.5mm;}
.appPopupContentLabel{font-size: 2.5mm;}
.appPopupContentTextBox{ width:250px; font-size: 2.5mm;}
.appPopButton{font-size: 2.5mm;}
.appPopupSmallLabel{ font-size: 2.5mm;}
.appPopContentDropDownList{ font-size: 2.5mm; }
.appPopupCheckBox{ font-size: 2.5mm; }
.appPopupCheckBoxList{  }
.appPopupListTable{}