/* Master styles */

* {
	margin: 0;	 
	padding: 0;	 
}
body {
	background-color: #DADDE0;
	text-align: center; /** To center whole page in quirky browsers **/
	/* height: 100%; */
}

/* Begin bounding table cells of the three middle columns */
#bodytable { width: 770px; }
.bodytable_left, .bodytable_middle, .bodytable_right { vertical-align: top; } 
.bodytable_left { width: 200px; }
.bodytable_right { width: 200px; background: #FFF no-repeat top left; }

/* End bounding table */

body, p, td, ul, ol, li, dl, dt, dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} /* Be Nice to Netscape 4.x */

/* Begin Common Page Elements */
h1,h2,h3,h4 {
	color: #005293;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;
}
h1+h2 {
	margin-top: 5px;
}
h2+h3 {
	margin-top: 5px;
}
h1 {
	font-size: 1.8em;
	font-weight: normal;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1em;
}
p {
	margin: 1em 0 1em 0;
}
a img {
	border: 0 none;
}
.small, .sm, .sup {
	font-size: .85em;
}
.sup {
	vertical-align: super;
} /* Superscript for paragraph text (ie. Xng) */
h1 .sup, h2 .sup, h3 .sup, h4 .sup {
	font-size: .5em;
} /* Superscript for page heading (R)'s */
.subhead {
	font-style: italic;
}
hr {
	border: 1px solid #666;
	height: 0px;
}
.leftcallout, .rightcallout {
	color: #D42E12;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}
.leftcallout {
	float: left;
	padding: 1px 10px 1px 0;
	display: block;
}
.leftcallout {
	float: left;
	text-align: left;
}
.rightcallout {
	float: right;
	text-align: right;
}
img.prodicon {
	float: left;
	padding: 5px 10px 5px 0;
	display: block;
}
img.callout {
	float: right;
	padding: 1px 0 1px 10px;
	display: block;
}
.clear {
	clear: both;
}
.crumb, .crumb a {
	color: #999;
	font-size: 11px;
	text-decoration: none;
}
.crumb a:hover {
	text-decoration: underline;
}

#content ul {
	list-style-type: disc;
	margin-left: 2em;
	margin-top: 0em;
}
#content ol {
	/* list-style-type: alpha; */
	margin-left: 2.5em;
	margin-top: 0em;
}
#content ul ul {
	list-style-type: circle;
}


table.feature { color: #666; font-size: 12px; border-top: 1px solid #666; 
                border-left: 1px solid #666; width: 270px; height: 150px;}
table.feature th  { font-size: 12px; font-weight: bold; text-align: left;
                    border-bottom: 1px solid #666; border-right: 1px solid #666; 
                    padding: 1px 8px; }
table.feature td  { font-size: 12px; padding: 1px 8px;
                    border-bottom: 1px solid #666; 
                    border-right: 1px solid #666; }
					
table.generic {
	color: #666;
	font-size: 10px;
	border-top: 3px solid #666;
	border-left: 1px solid #666;
	width: 100%;
}
table.generic th  {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 1px 8px;
}
table.generic td  {
	font-size: 10px;
	padding: 1px 8px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
table.tech_spec {
	color: #666;
	font-size: 12px;
	text-align: left;
}
table.tech_spec th {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #666;
	text-align: left;
	padding-bottom: 2px;
}
table.tech_spec td {
	font-size: 12px;
	vertical-align: top;
	border-bottom: 1px solid #666;
	padding: 2px 0;
}
table.tech_spec td.legend {
	font-size: 10px;
	line-height: 16px;
	padding: 2px 0;
	border: 0 none;
}
table.tech_spec td.legend ol li {
	font-size: 10px;
	margin-left: -0.8em;
}

.e2-headline {
	font-size: 14px;
	font-family: Helvetica, Arial sans-serif;
	font-weight: bold;
	color: #CC9900;
}
.e2-messaging {
	font-size: 12px;
	font-family: Helvetica, Arial sans-serif;
	color: #7F7F6B;
}

/* End Common Page Elements */

#wrapper { /* Main wrapper for page */
	width: 770px;
	overflow: visible;  /* value 'hidden' prevents printing */
	background-color: #FFF;
	padding: 5px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	position: relative;
	text-align: left;
}

/* Begin Header */

#header {
	background: #FFF;
	height: 54px;
	color: #000;
	border-right: 0 none;
	border-left: 0 none;
}

#headerlogo {
	float: left;
	padding: 7px 0 0 10px;
}

#headernav, #headernav a {
	color: #97999C;
}

#headernav div, #headernav form, #headernav p {
	float: left;
	margin-top: -2px;
	padding-top: 0;
}

#headernav {
	float: right;
	margin-top: 10px;
	font-size: 0.9em;
}

#arlogo { float: left; padding: 10px 2px 2px 10px; 
              width: 167px;
              voice-family: "\"}\""; voice-family: inherit; /* IE4.x hack */ 
              width: 190px; }
			  
/* BEGIN: Following code to fix search box in ie */
#headernav form,  #headernav p{
	margin-top: -2px; /* margin-top:0px;  */
}
#headernav div{
	margin-top: -2px; /* margin-top:3px; */
}
/* END */

#headernav a {
	padding: 5px;
	text-decoration: none;
}
#headernav a:hover {
	text-decoration: underline;
}
#headernav input {
	border: 1px inset #999;
	padding: 0px 2px;
}
/* End Header */


/* Begin Top Navigation Bar */

#globalnav {
	border-top: 0;
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}


#gn1 {
	padding: 4px 30px 4px 15px;
}
#gn2, #gn3, #gn4, #gn5, #gn6 {
	padding: 4px 28px 4px 28px;
}

#globalnav #gn6 {
	border-right: 0 none;
}

#globalnav {
	height: 22px;
}

#globalnav #nav {
	margin-left: 193px;

}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}


#nav a {
	display: block;
	width: auto;
	color: #97999C;
	text-decoration: none;
	border-right: 1px dashed #9ad2e9;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	height: 22px;
	background-color: #FFF;
}

#nav ul {
	border-top: 1px solid #FFF;
}

#nav ul a {
	color: #FFF;
	border-right: 0 none;
}

#nav ul li {
	border-bottom: 1px solid #FFF;
	padding: 0;
}

#nav ul li a {
	padding: 5px 13px 0 13px;
}

#nav li:hover, #nav li.sfhover {
	background-color: #66A3C8 ;
}

#nav li:hover a, #nav li.sfhover a {
	color: #FFF;
}

#nav .parent {
	background: #66A3C8 url(/images/white_arrow.gif) no-repeat right;
}

#nav ul li:hover, #nav ul li.sfhover {
	/* background-color: #C7D6A3; */
	background-color: #3384B6;
}


#nav li ul { /* second-level lists */
	position: absolute;	
	width: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: 2px;
	margin-left: 0px;
	
}

#nav li ul li {
	/* width: 12em;*/
	width:12.6em;
	background-color: #66A3C8;
	clear: both;
	height: auto;
	line-height: 1.2em;
	padding-top: 1px;
	padding-bottom: 5px;
}


#nav li ul ul { /* third-and-above-level lists */
	margin: -28px 0 0 11em;
	border-top: 1px solid #236ba2;
	
	padding-top: 0;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	z-index: 200;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	z-index: 200;
}


#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 200;
}


/* End Top Navigation Bar */

/* Begin Left Sidebar Items */
#leftsidebar {
	padding: 30px 12px 0 5px;
	float: left;
	width: 170px;
}

ul#pagenav {
	list-style-type: none;
 	border-bottom: 1px solid #005293;
 	border-right: 2px solid #005293;  /* 8 is too much */
 	color: #333; 
	margin-bottom: 5px;
}
ul#pagenav li {
	border-top: 1px solid #005293; 
	font-weight: bold;
	padding: 2px 0;
}
ul#pagenav ul {
	list-style-type: none;
	margin-left: 16px;
}
ul#pagenav ul li {
	border: 0 none;
	font-weight: normal;
	padding: 0 3px 0 0;
	height: 1%;
}
ul#pagenav ul a {
	font-size: 11px;
}
ul#pagenav a {
	color: #333;
	text-decoration: none;
}
ul#pagenav a:hover {
	text-decoration: underline;
}
#relatedinfo {
	margin-top: 10px;
	font-weight: bold;
	font-size: 11px;
	/* color: #666; */
	color:#005293;
}
#relatedinfo a {
	/* color: #999966; */
	color: #333;
	text-decoration: none;
}
#relatedinfo a:hover {
	text-decoration: underline;
}
#relatedinfo ul {
	padding-bottom: 8px;
	font-weight: normal;
}
/* End Left Sidebar Items */

#container { position: relative;

}

#twocol #container {
	background: none;
}

#twocol #middle {
	margin-right: 0;
}

/* Begin Middle Column*/
#middle, #middle_norightsidebar { padding: 5px 15px 10px 0; }
#middle, #middle_norightsidebar {border-top: 4px solid #E1E3E3; }
#printready { text-align: right; }
#content { color: #333; }
#content p, #content ul, #content ol { line-height: 18px; }
#content a { color: #666; text-decoration: underline; }
#content table td, #content table th { padding: 5px; }
/* End Middle Column */

/* Begin Right Sidebar Items */
#rightsidebar { color: #333; padding: 0 10px; margin-top: 39px; 
               width: 200px; 
               voice-family: "\"}\""; voice-family: inherit; /* IE4.x hack */ 
               width: 180px; }
#rightsidebar a.brochure { color: #333; font-weight: bold; }
#rightsidebar .sectionhead { /* i.e., announcement headline */ 
	font-weight: bold;
	border-bottom: 1px solid #999; 
    margin-bottom: 2px; 
    padding-bottom: 2px; 
}
#rightsidebar a { text-decoration: none; }
#rightsidebar a:hover { text-decoration: underline; }
#rightsidebar ul { margin-bottom: 10px; }
#rightsidebar .learnmore .sectionhead { font-size: 1em; border-color: #000; }
#rightsidebar .learnmore { color: #000; font-size: 11px;  }
#rightsidebar .learnmore a { color: #000; text-decoration: underline;}
/* End Right Sidebar Items */

/* Begin Footer */

#footer {
	width: 770px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 3px solid #DADDE0;
	position: relative;
	clear: both;
}

#footer a {
	color: #666;
	padding: 0 5px;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#copyright {
	float: left;
	font-size: 11px;
	padding: 0;
}
#footernav {
	float: left;
	padding: 0;
	margin-left: 23px;
	font-size: 11px;
	color: #005293;
}

#footernav a {
	color: #005293;
}
/* End Footer */

/* Begin Red 3/4-bordered menu in content area (in main solution pages) */
.menucategory {
	color: #000;
	font-weight: bold;
	margin-top: 10px;
}
.contentareamenu {
	border-top: 1px solid #005293;
	margin-top: 3px; /* 0 10px 0; */
	border-left: 8px solid #005293;
}
.contentareamenu dt {
	padding: 5px 0 0 5px;
}
.contentareamenu dd {
	font-size: 11px;
	border-bottom: 1px solid #005293;
	padding: 0 0 5px 5px; 
}

/* for news page */
#content dd {
   margin: 5px;
   padding: 0 0 5px 5px;
}

#content .contentareamenu a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}  
#content .contentareamenu a:hover {
	text-decoration: underline;
}
/* End Red 3/4 */

/* Home page */
#rightsidebar .feature a.more {
	text-decoration: underline;
	color: #D42E12;
	font-weight: bold;
}

/* Highlight current page */
#pagenav li.currentpage, #pagenav li a.currentpage {
	background-color: #C7940D;
	padding-left: 1px;
}
#pagenav li a.currentpage {
	display: block;
}
#pagenav ul li.currentpage {
	margin-left: -16px;
	padding-left: 16px;
	background: #C7940D top left no-repeat;
} 
#pagenav li.currentpage a {
	color: #FFF;
}

#tps {
	display: none;
}