/* default body style */
BODY {
	color: #333333;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
BODY.mainbody {
	background-image: url(../images/matrixbg4.gif);
	background-color: white;
}

.whitebg {
	background-color: white;
	width: 745px;
}

/* default table cell text */
TD {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* default table header text */
TH {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 12px;
   	background-color: #DDDDDD;
	color: black;
	vertical-align: bottom;
}

H1 {
	color: black;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
H2 {
	color: black;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* general links across web site */
A:link, A:visited {
	/* Savicom Blue = #005AAD */
	color: #005AAD;
}
A:active, A:hover {
	color: #AC0000;
	text-decoration: none;
}

/* for subtle links that appear as text except during mouseover */
A.subtle:link, A.subtle:visited {
	color: #333333;
	text-decoration: none;
}
A.subtle:active, A.subtle:hover {
	color: #AC0000;
	text-decoration: none;
}

/* small text for the home page */
TD.hometext {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 20px;
	padding-bottom: 30px;
}

.hometext {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.leftcolumn {
	width: 135px;
	padding-left: 0px;
	padding-right: 4px;
}

TD.leftcolumn {
	padding-top: 22px;
	padding-bottom: 10px;
}

.leftseparator {
	width: 1px;
	background-image: url(../images/separator_dotbar.gif); 
	background-repeat: no-repeat; 
}

.maincolumn {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 50px;
	padding-bottom: 10px;
	width: 418px;
}

.rightseparator {
	width: 1px;
	background-image: url(../images/separator_dotbar.gif); 
	background-repeat: no-repeat; 
}

/* text along the right-most column of pages */
.rightcolumn {
	/* background-color: #F0F0F0; */
	width: 190px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 50px;
	padding-bottom: 10px;
	color: #333333;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* for tables used to create a free-standing column of text */
TD.margintext {
	background-color: #DDE3EC;
	color: black;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* copyright text */
.copyright {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: Gray;
	text-align: center;
}
/* links in the copyright info */
A.copyright:link, A.copyright:visited, A.copyright:hover {
	color: Gray;
	text-decoration: none;
}
A.copyright:active {
	color: #AC0000;
	text-decoration: none;
}

/* links to close the current window */
A.closelink:link, A.closelink:visited, A.closelink:hover, A.closelink:hover {
	color: #005AAD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* captions beneath images */
.caption {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font: italic;
}

/* for footnotes to text */
.footnote {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* any general-purpose reduced size text */
.small {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* for samples of code, etc */
.codesample {
	font-weight: normal;
	font-family: Courier New, Courier, monospace;
	font-size: 10px;
}
.collapsed {
	display: none;
}
.expanded {
	display: inline;
}

UL {
	padding-top: 0px;
}

/* For dynamic drilldown lists... */
UL.drilldown {
	list-style-type: none;
	margin-left: 5px;
	padding-left: 5px;
}
UL LI.collapsed_hdr { 
    margin-top: 8px;
	padding-left: 37px; 
	background: url(../images/control_icons/collapsed_folder.gif) 0px 2px no-repeat; 
}
UL LI.expanded_hdr { 
    margin-top: 8px;
	padding-left: 37px; 
	background: url(../images/control_icons/expanded_folder.gif) 0px 2px no-repeat; 
}
UL LI.collapsed_q { 
    margin-top: 8px;
	padding-left: 30px; 
	background: url(../images/control_icons/collapsed_question.gif) 0px 1px no-repeat; 
}
UL LI.expanded_q { 
    margin-top: 8px;
	padding-left: 30px; 
	background: url(../images/control_icons/expanded_question.gif) 0px 1px no-repeat; 
}
A.drilldown:link, A.drilldown:visited {
	/* Savicom blue = #005AAD */
	color: #005AAD;
	text-decoration: none;
}
A.drilldown:active {
	/* Maroon = #AC0000 */
	color: #AC0000;
}

A.drilldown:hover {
	color: #AC0000;
	text-decoration: none;
}



/* for colored tables */
.plainshaded {
	background-color: #F0F0F0;
	color: black;
}

.darkshaded {
	background-color: #DDDDDD;
	color: black;
}

.lighttinted {
	background-color: #e0e8f8;
	color: black;
}

.darktinted {
	background-color: #d0d8f0;
	color: black;
}

.highlightshaded {
	background-color: #FFCCCC;
	color: black;
}

/* for css-based bottom navigation */
IFRAME.bottomnav {
	height: 60px;
}

TABLE.bottomnav {
	background: url(../images/bottomnav_bg.jpg) 0px 0px no-repeat; 
}
.bottomnav {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
A.bottomnav:link, A.bottomnav:visited {
	/* Savicom blue = #005AAD */
	color: #005AAD;
	text-decoration: none;
}
A.bottomnav:active {
	/* Savicom blue... */
	color: #AC0000;
}

A.bottomnav:hover {
	color: #AC0000;
	text-decoration: none;
}

/* for bottom navigation menu bar */
TABLE.bottommenu {
	width: 430px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
TD.bottommenu {
	color: #001830;
	background-color: #CCCCCC;
	background: url(../images/control_icons/bottommenu_gray_gradient.gif) repeat-x; 
	height: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}
A.bottommenu:link, A.bottommenu:visited {
	/* Savicom blue = #005AAD */
	color: #001830;
	text-decoration: none;
}
A.bottommenu:active, A.bottommenu:hover {
	/* Savicom blue = #005AAD */
	color: #AC0000;
	text-decoration: none;
}


/* for css-based left navigation panel */
.leftnav {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

UL.leftnav {
	list-style-type: none;
	margin-left: 2px;
	padding-left: 2px;
	line-height: 1.3em;
}
UL.leftnavInner {
	list-style-type: none;
	margin-left: 2px;
	padding-left: 2px;
	line-height: 1.3em;
}

UL LI.collapsed_nav { 
    margin-top: 8px; 
	padding-left: 14px; 
	text-indent: -4px;
	background: url(../images/control_icons/collapsed.gif) 0px 3px no-repeat; 
}
UL LI.expanded_nav { 
    margin-top: 8px;
	padding-left: 14px; 
	text-indent: -4px;
	background: url(../images/control_icons/expanded.gif) 0px 3px no-repeat; 
}
UL LI.itembullet { 
	padding-left: 9px; 
	background: url(../images/control_icons/item_bullet.gif) 0px 2px no-repeat; 
}

/* For left navigation panels */
A.leftnav:link, A.leftnav:visited {
	/* Savicom blue... */
	color: #005AAD;
	text-decoration: none;
}
A.leftnav:active, A.leftnav:hover {
	/* Maroon = #AC0000 */
	color: #AC0000;
}

/* initial displays for dynamic content */
.pro {
	display: inline;
}
.cplus {
	display: none;
}
.pub {
	display: none;
}
.dash {
	display: none;
}

/* for css-based top  navigation */
/* Created 5/26/08, Bugzilla 4838 */

IFRAME.topnav {
	height: 108px;
}

.topnav {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
TD.topnav {
	height: 25px;
}

A.topnav:link, A.topnav:visited {
	/* Savicom blue = #005AAD */
	color: #000000;
	text-decoration: none;
}
A.topnav:active, A.topnav:hover {
	/* Savicom blue = #005AAD */
	color: #AC0000;
}
A.topnavlogin:link, A.topnavlogin:visited {
	/* Savicom blue = #005AAD */
	color: #AC0000;
	text-decoration: none;
}
A.topnavlogin:active, A.topnavlogin:hover {
	/* Savicom blue = #005AAD */
	color: #FFFFFF;
	background-color: #AC0000;
}

/* for top navigation menu bar */
TD.menubar {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	color: #001830;
	background-color: #CCCCCC;
	background: url(../images/control_icons/menubar_gray_gradient.gif) repeat-x; 
	height: 20px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
A.menubar:link, A.menubar:visited {
	/* Savicom blue = #005AAD */
	color: #001830;
	text-decoration: none;
}
A.menubar:active, A.menubar:hover {
	/* Savicom blue = #005AAD */
	color: #AC0000;
	text-decoration: none;
}

/* for top navigation dropdown menus */
TD.dropdown {
	color: #BBBBBB;
	background-color: #FFFFFF;
	background: url(../images/control_icons/menubar_gray_gradient.gif) 0px; -1px; repeat-x; 
	/* background-color: #001830; -- dark blue */
	/* background-color: #003566; -- med dark blue */
	border-width: 1px;
	border-style: groove;
	border-color: #B0B0B0;
	height: 18px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

A.dropdown:link, A.dropdown:visited {
	/* Savicom blue = #005AAD */
	color: #001830;
	text-decoration: none;
}
A.dropdown:active, A.dropdown:hover {
	/* Savicom blue = #005AAD */
	color: #AC0000;
	text-decoration: none;
}
IMG.dropshadow {
	opacity:0.4;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
}
/* End top navigation style definitions */
INPUT, TEXTAREA {
	background-color: #FFFFFF;
	background:	url(../images/whitepixel.gif) repeat;
}

.required_field {
	background-color: #E5EEF7;
}

INPUT.required_field, TEXTAREA.required_field, SELECT.required_field {
	background-color: #E5EEF7;
	background: url(../images/palebluepixel.gif) repeat;
}

INPUT.required_field_hilite, TEXTAREA.required_field_hilite, SELECT.required_field_hilite {
	background-color: #FFCCCC;
	background: url(../images/formhilite_pixel.gif) repeat;
}

INPUT:focus, TEXAREA:focus, SELECT.focus {
	border-color: #0030FF;
}

BODY.popup {
	margin: 0px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}

BODY.popupNoscroll {
	margin: 0px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
}

IFRAME.popup {
	border-width: 0px;
}
TD.popup {
	padding-top: 20px;
}

DIV.pagefade {
	background-color: #000000;
	opacity:0.2;
	-moz-opacity:0.2;
	filter:alpha(opacity=20);
}

BODY.slideshow {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #FFFFFF;
}