﻿body {
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	


	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	


INPUT, TEXTAREA, SELECT, OPTION	{	
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

A {
	text-decoration: underline; 
	color: blue;
	cursor: hand;
}

/*  -------------   */

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url('images/calendar_arrow_left.gif');}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url('images/calendar_arrow_right.gif');}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}


/*  -------------   */


.SiteTitle
{
	color: Blue;
	font-weight: bold;
	font-size: 16px;
}

.PageTitle
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: silver 2px solid;
}

.UserInfo
{
	font-weight: bold;
}
.Menu
{
	background-image: url(images/menu_back.gif);
}

.MenuItem 
{
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(images/menu_saperator.gif) no-repeat right 50%; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	HEIGHT: 27px;
	cursor:pointer;
}

.MenuItem A
{
	PADDING-RIGHT: 9px;
	PADDING-LEFT: 9px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 5px 0px 0px; 
	WHITE-SPACE: nowrap; 
	color: #ffffff;
	font-size: 11px;
	font-weight:Bold;
	text-decoration: none;
	height: 27;
	display: block;
	padding-top: 6;
	font-family: Arial;
}

.MenuItem A:hover
{
	TEXT-DECORATION: underline;
}

.SubMenu
{
	BORDER-RIGHT: #858585 3px solid; 
	BORDER-TOP: #858585 3px solid; 
	BORDER-LEFT: #858585 3px solid; 
	BORDER-BOTTOM: #858585 3px solid; 
	FLOAT: left; 
	FONT: bold 11px Arial; 
	WHITE-SPACE: nowrap; 
	POSITION: relative; 
	background-image: url(images/menu_back.gif);
	TEXT-ALIGN: left;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 0px; 
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; 
}

.SubMenuItem {
	DISPLAY: block; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 0px; 
	MARGIN: 0px 0px 0px 0px; 
	COLOR: #ffffff; 
	WHITE-SPACE: nowrap; 
	TEXT-DECORATION: none;
	FONT: bold 11px Arial; 
}

.SubMenuItem A:hover
{
	TEXT-DECORATION: underline;
}



/*  -------------   */


.NoWrap
{
	white-space:nowrap;
}

.NoLink
{
	text-decoration: none;
}


.GrayFont
{
	color: Gray;
}

.ErrorFont
{
	color: red;
}

.BoldFont
{
	font-weight: bold;
}

.NormalFont
{
    FONT-WEIGHT: normal;
}

.MediumFont
{
	font-size: 12px;
}

.CenterText
{
	text-align: center;
}

.AlignRight
{
	text-align: right;
}


.Copyright 
{
	color: Gray;
	font-size: 9px;
}


.Pager
{
	font-size:	10px;
	color: gray;
}

.Pager A
{
	text-decoration: none;   
}

.Pager A:link	
{	
	color:	blue;
	text-decoration: none;   
}	
		
.Pager A:visited
{	
	color:	blue;
	text-decoration: none;   
}	
		
.Pager A:active
{	
	color:	blue;
	text-decoration: none;   
}	
		
.Pager A:hover
{
	color:	blue;
	text-decoration: none;   
}

.ErrorMessage
{
	color: red;
	font-weight: bold;
	background-color: LightYellow;
	border-color: red;
	border-width: 3px;
	border-style: Solid;
	padding: 2px 2px 2px 2px;
}

.SuccessMessage
{
	color: green;
	font-weight: bold;
	background-color: LightYellow;
	border-color: green;
	border-width: 3px;
	border-style: Solid;
	padding: 2px 2px 2px 2px;
}

.HorizontalSeparator
{
	background-color:#cdcdcd;
	color: #cdcdcd;
	height: 2px;
}

.HorizontalSeparatorThin
{
	background-color: #cdcdcd;
	color: #cdcdcd;
	height: 1px;
}


.AdminPanelHeader
{
	color: Black;
	background-color: WhiteSmoke;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-top: solid 1px gray;
	border-bottom: solid 2px gray;
	padding-top: 2px;
	padding-bottom: 2px;
}

.AdminPanelHeader A
{
	color: Black;
	text-decoration: none;
}


.LoginTextBox
{
	font-size: 12px;
	color: Black;
}

.LoginTitle
{
	font-size: 12px;
	font-weight: bold;
	color: Gray;
}

.TableHeader 
{
	font-weight: bold;
}

.FieldName 
{
	font-weight: bold;
}


.PanelTitle
{
	font-size: 11px;
	font-weight: bold;
}


.GridView
{
}

.DetailsView
{
}

.DetailsViewFieldHeader
{
	font-weight: bold;
}
	

.DataBox
{
	border-style:Solid;
	border-collapse:collapse;
	border-color: #FB7241;
	border-width: 3px;
}

.HomeBox
{
	border-style: Solid;
	border-collapse:collapse;
	border-color: #dcdcdc;
	border-width: 4px;
}

.HomeBox TH
{
	background-color: #dcdcdc;	
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: Black;
	font-size: 12px;
}

.HomeBox TD
{
	font-size: 11px;
	text-decoration: none;
}

.HomeBox A
{
	text-decoration: none;
}

.HomeBox A:hover
{
	text-decoration: underline;
}

.HomeBoxRowSeparator
{
	border-top: dotted 1px #dcdcdc;
}



.TabSelected
{
	border-style:Solid;
	border-color: Silver;
	border-width: 3px;
	border-bottom-width: 0px;
	white-space:nowrap;
	padding: 4px 4px 4px 4px;
	font-weight: bold;
	background-color: LightYellow;
	width: 1%;
	text-align: center;
}

.TabSelected A
{
	text-decoration: none;
	color: Black;
}

.Tab
{
	border-style:Solid;
	border-color: Silver;
	border-width: 3px;
	white-space:nowrap;
	padding: 4px 4px 4px 4px;
	width: 1%;
	text-align: center;
}

.Tab A
{
	text-decoration: none;
	color: blue;
}

.Tab A:hover
{
	text-decoration: underline;
}

.TabBegin
{
	border-bottom: solid 3px Silver;
	white-space: nowrap;
	width: 30px;
}

.TabSpace
{
	border-bottom: solid 3px Silver;
	white-space: nowrap;
	width: 20px;
}

.TabEnd
{
	border-bottom: solid 3px Silver;
	white-space: nowrap;
}

.EditTip
{
	font-size: 10px;
	color: Gray;
}

.PopupPanel{
	background-color: #f5f5f5;
	visibility:hidden;
	border: solid 1px silver;
	padding: 4px 4px 4px 4px;
}

.UpdateProgress 
{
	color: Red;
	font-size: 11px;
	font-weight: normal;
}

.InboxAlarmSubject
{
	background-image: url('images/alarm_on_inbox.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

.InboxAlarmSubjectRead
{
	background-image: url('images/alarm_off_inbox.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

.AlarmIncident
{
	border: solid 2px red;
	padding: 6px 6px 6px 6px;
	text-align: center;
	
}

.AlarmIncidentRead
{
	border: solid 2px silver;
	padding: 6px 6px 6px 6px;
	text-align: left;
	
}
/* xp theme */
.CustomTabStyle .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url('images/tab-line.gif') repeat-x bottom;}
.CustomTabStyle .ajax__tab_outer {padding-left:0px;background:url('images/tab-right.gif') no-repeat right;height:21px;}
.CustomTabStyle .ajax__tab_inner {padding-left:3px;background:url('images/tab-left.gif') no-repeat;}
.CustomTabStyle .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url('images/tab.gif') repeat-x;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {background:url('images/tab-hover-right.gif') no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {background:url('images/tab-hover-left.gif') no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {background:url('images/tab-hover.gif') repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url('images/tab-active-right.gif') no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url('images/tab-active-left.gif') no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab {background:url('images/tab-active.gif') repeat-x;}
.CustomTabStyle .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10px;
    border:1px solid #999999;
    border-top:0;
    padding:4px;
    background-color:#ffffff;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

.GoogleLabelClass{
	text-align: center; 
	background-color: #FFFFCC; 
	color: Blue; 
	padding: 1px 1px 1px 1px; 
	margin: 0px 0px 0px 0px; 
	border: solid 1px red; 
	font-size: 10px; 
	font-family: Verdana 
}
