/* 
================================
Skin styles for autopilot Tech Support Layout
Created By John Kovacic
Created on 4/01/2009
================================
    #333333 - Dark Gray
    #0068B3 - Website Blue
    #FF6600 - Website Orange
    #F8C73C - Website Yellow
    #FFFFFF - White
    #036 - Black
    #000 - Black
    #0000FF - Blue (links)
*/   
body 
{
    /* set default font size for skin (Titles etc. will then use a
    percentage to specify their sizes) */
    margin: 0;
    padding: 0;
    line-height: 1.22em;
    font: 13px arial,helvetica,clean,sans-serif;   
    color: #003366;
    background-color: #0068B3;
    background-image: url(img/BGBody.jpg);
    background-repeat: repeat-x;
    /*background-attachment:fixed;*/
    color: #000;
}
h1, h2, h3, h4, h5, h6 {margin:0 0 9px 0; line-height:110%;font-weight:bold;}
h1 {font-size: 26px;color: #003366;}  /* font 26px, blue */
h2 {font-size: 16px;color: #FF6600;}  /* font 16px, orange */
h3 {font-size: 26px;color: #FF6600;}  /* font 26px, orange */
h4 {font-size: 16px;color: #003366;}  /* font 16px, blue */
h5 {font-size: 14px;}                 /* font 14px */
h6 {font-size: 14px;}                 /* font 14px to match body standard */

.pagetitle, .pagetitleunder, .eventtitle {text-align: center;}
.pagetitleunder {text-decoration: underline;}

p, .main {text-align:left; font: 14px arial,helvetica,clean,sans-serif; color: #003366;}
.mainbold, .mainboldorange, .mainbolditalicorange {font-weight: bold;}
.mainboldorange, .mainbolditalicorange, .mainitalicorange {color: #FF6600;}
.mainitalic, .mainitalicorange, .mainbolditalicorange {font-style: italic;}
             
.disclaimer {font-size: 10px;}
.tbd {color: #FF6600; text-decoration: underline;}  /* For TBD Dates message in title of Events Calendar */
.eventdate {font-size: 12px; font-weight: bold;} /* For the custom Date Field In Events Calendar */

#container {
	font-size: 1.2em;
	background-color: #FFFFFF;
	background: url(img/ContainerBG_main.gif) repeat-y;
	margin: 0 auto;
	width: 762px;
}
.logo
{
    float: right;
    width: 260px; 
    text-align: center; 
}
.flashtopleft
{
    float: left;
    width: 497px;
    text-align: center;
}

.pagebanner
{
    clear: both;
    width: 762px;
}
/* Main Layout */
#navlinks
{
    background: url(img/NavBG.gif) repeat-x;
    width: 762px;
    height: 29px;
}
#menuitems
{
    float: left;
    text-align: left;
    width: 762px;
    height: 29px;
}
#loginlinks
{
    float: right;
    font: 70% Verdana, Arial, Geneva, Helvetica, Sans-Serif;
    width: 144px;
    height: 21px;
    text-align: right;
    margin: 0;
    padding: 8px 8px 0 0;
}
#shadows
{
    clear: both;
    background: url(img/NavShadow-bothMain.gif);
    width: 762px;
    height: 18px;
}
#content
{
    float: left;
    width: 479px;
    padding: 0 10px 5px 10px;
}
#sidebar
{
    float: right;
    width: 251px;
    padding: 0 5px 5px 5px;
}
#footer
{
    clear: both;
    width: 762px;
    background-color: #0068B3;
    background-image: url(img/MainBottomShadow.gif);
    background-repeat: repeat-x;
    background-position:top;
    padding: 12px 0 12px 0;
    text-align: center;
    color: #FFFFFF;
}
#footer a, #footer a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}
.SkinItemFooter
{
    font-size: 75%;
    text-decoration: none;
    color: #FFFFFF;
}

/* This sets the style for all skin items that are links */
A.SkinItemFooter:link, A.SkinItemFooter:visited
{
    text-decoration: none;
    /* color: #F8C73C; */
    color: #FFFFFF;
}

A.SkinItemFooter:hover
{
    text-decoration: none;
    color: #FFFFFF; 
}

A.SkinItemFooter:active
{
    text-decoration: none;
    color: #FFFFFF;  
}

A:link
{
    font-size: 10pt;
    font-weight: bold;
	text-decoration: underline;
	/*color: #003366;*/
	color: #0000FF;
}

A:visited
{
	text-decoration: underline;
	font-weight: bold;
	/* color: #003366; */
	color: #0000FF;
}

A:hover
{
	text-decoration: none;
	/* color: #ff0000; */
	color: #F8C73C;
}

A:active
{
	text-decoration: none;
	color: #003366;
}

/*==========================================================================================*/
/*         Standard structural CSS that typically should not need to be changed             */
/*==========================================================================================*/

#HouseMenuNav li:hover {
background-position: 0 0; /* make menus not sticky in IE7 */
} 
#HouseMenuNav li ul {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}
#HouseMenuNav li:hover ul ul, 
#HouseMenuNav li:hover ul ul ul, 
#HouseMenuNav li.sfhover ul ul, 
#HouseMenuNav li.sfhover ul ul ul {
	left: -9999px;
}
#HouseMenuNav li:hover ul, 
#HouseMenuNav li li:hover ul, 
#HouseMenuNav li li li:hover ul, 
#HouseMenuNav li.sfhover ul, 
#HouseMenuNav li li.sfhover ul, 
#HouseMenuNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
	width: 200px;
}
#HouseMenuNav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}
#HouseMenuNav, #HouseMenuNav ul { /* all submenu lists */
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;  /* JMK: menu item text will not wrap around...stays on one line.*/
	position: relative;	
	width: 100%;
	height: 22px;
	_height: 20px;
	line-height: 12px;
	background-color: Transparent;
}
#HouseMenuNav{
    padding: 5px 0 0 0;
}
#HouseMenuNav li { /* all list items */
    position: relative;   /* JMK:  moved to fixed and all menu items were on top of each other */
	display: inline;
	float: left;
	width: 144px;
	height: 22px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	height: 22px;
	_height: 20px;
	/* end hack */
}

#HouseMenuNav li li { /* all items under the top level */
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 134px;
	_width: 144px;
	/* end hack */
}

#HouseMenuNav a { /* Main Menu Item Text Formatting.*/  /*all links within the menu wrapper */
	display: block;
    font: bold 85% Verdana, Arial, Geneva, Helvetica, Sans-Serif; /* governing menu text*/
	text-decoration: none;
	letter-spacing: -0.7pt;
	color: #000;
	background-color: transparent;
	padding: 0.1em 1.2em 0.8em 1.2em;  /*Use this For Menu Item Spacing.  Don't Forget a:hover section must match*/
	width: auto;
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width: 100%;
	height: 12px;
	_height: 20px;
	/* end hack */
}
#HouseMenuNav li li a { /* all item links under the top level */
	padding: 0.2em 1em 0.8em 1em;
	height: 20px;
	font: bold 70% Verdana, Arial, Geneva, Helvetica, Sans-Serif; /* second level text*/
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 178px;
	_width: 170px;
	height: 12px;
	_height: 20px;
	/* end hack */
    border-bottom: solid 1px #999;
}
#HouseMenuNav li a:hover {  /* Main Menu Item Formatting When Hovering  */
	padding: 0.1em 1.2em 0.8em 1.2em;
	background-color: Transparent; 
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 12px;
	_height: 20px;
	/* end hack */
}

#HouseMenuNav li li a:hover {
	color: #fff;
	background-color: #003366; 
	width: 178px;
	padding: 0.2em 1em 0.8em 1em;
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 12px;
	_height: 20px;
	/* end hack */
}

#HouseMenuNav li ul { /* second-level lists */
	width: 170px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -2px 0 0 0;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	margin: 0;
	/* end hack */
	line-height: 12px;
	background-color: #ececed;
	height: auto;
	border: solid 1px #999;
}

#HouseMenuNav li ul ul { /* third-and-above-level lists */
	margin: -21px 0 0 169px;
	line-height: 12px;
	background-color: #ececed;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#HouseMenuNav #houseMenuParentItem a
{ /* all links under the parent item (li) */
	background-color: transparent; 
	text-decoration: none;
}

#HouseMenuNav a#houseMenuParentLink
{ /* parent link itself */
	background-color: transparent; 
	text-decoration: none;
}

#HouseMenuNav a#houseMenuCurrentLink
{ /* current link itself */
	padding: 0.2em 0.5em 0.8em 0.5em;
	color: #fff; 
	background-color: #D71909; 
	text-decoration: none;
}
/*============================================================*/
/*                End of Menu Settings                        */
/*============================================================*/

.StandardButton {
  background: #7994cb none; 
  color: #000;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333; 
}

.FAQQuestion
{
    font: 130% Verdana, Arial, Geneva, Helvetica, Sans-Serif;
    color: #0000FF;
    padding: 0 0 0 5px;
    font-weight: bold;
    line-height: 1.3;
}

.FAQAnswer
{
    font: 100% Verdana, Arial, Geneva, Helvetica, Sans-Serif;
    color: #333;
    padding: 0 0 0 30px;
    font-weight: bold;
    line-height: 1.3;
}
.DateModified
{
    font: 6px Verdana, Arial, Geneva, Helvetica, Sans-Serif;
    color: #333;
    padding: 0 0 0 30px;
    line-height: 1.3;
}