/*
Layout Features

Grid : 12 x 67px columns with 16px gutters
Type : 12px/18px
Colors :    Black      #000000
			Blue       #004477
			------------------
			Med Blue   #4791d9
			Yellow     #ffb400
			Green      #70a426
			------------------

Text color: #333333
Link color: #004477

Structure :
	* Container
		- Header
			` supnav
			` nav
		- Main
			` grid[2-12]
		- Footer
			` footernav
			` copyright
			

Standard Sizes
Fonts:  12/18 - Body
		11/14 - Small

*/

/* @group Typography */

body {
	font: 62.5% Arial,Verdana,sans-serif;
	background-color: #fff;
	color: #35383d;
	line-height: 1.5em;
}

a {
	/*color: #004477; */
	text-decoration: none;
	 color: #0075b0;  
}

a:link {
	
}

a:visited {
	
}

a:hover {
		 color: #005986;  

}

a:active {
	
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

sup {
	padding-left: 0.1em;
	font-size: 1em !important;
	font-weight: normal !important;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
	color: #76797c;
	_position: static !important;
}

ul{
	list-style-position: outside;
	margin-bottom: 1.8em;
}

ul li {
	padding-left: 0.8em;
	margin-left: 1.6em;
}


ol{
	list-style-position: outside;
	margin-bottom: 1.8em;
}

li {
	padding-left: 0.8em;
	margin-left: 1.6em;
}

ol {
	padding-left: 0.8em;
	margin-left: 1.6em;
}



p {

	margin-bottom: 1.8em;
}

h1 {
	font-size: 2.8em;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	line-height: 1.4em;
	font-weight: bold;
	color: #545454;

	
}

h2 {
	font-size: 2.0em;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	line-height: 1.2em;
	font-weight: normal;
	color: #545454;
}

h3 {
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1em;
		color: #545454;

}

h4 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 0.2em;
		color: #545454;

}

h5 {
	font-weight: bold;
		color: #545454;

	margin-bottom: 0.2em;
}



/* @end */


/* @group Backwards Compatibility */




.subheadlight {
	color: #999;
	font-size: 1.5em;
	line-height: 1.8em;
	font-weight: bold;
}

.bodycopybold {
	font-weight: bold;
}

table.exam_table {
	width: 56.3em;
	border: 0.1em solid #ccc;
}
table.exam_table table.exam_table {
	width: auto;
	border: none;
}

table.exam_table .exam_title{
font-color:#000000;
font-size:1.8em;
line-height:2.0em;
font-weight:bold;
padding: 0.7em 0 0.7em 0.7em;
	border-bottom: 0.1em solid #ccc;
	border-left: 0.1em solid #ccc;
}

table.exam_table .number_title{
text-transform:uppercase;
font-size:1.1em;
font-weight:bold;
letter-spacing:0.3em;
}

table.exam_table .number{
font-size:1.6em;
	border-bottom: 0.1em solid #ccc;

}

table.exam_table .title{
text-transform:uppercase;
font-size:1.1em;
font-weight:bold;
padding-left:0.7em;
letter-spacing:0.2em;
}

table.exam_table .exam_table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333333;
	}

table.exam_table .exam_table p{
padding:0.7em 0.7em 0.7em 0em;
margin:0em;
}

table.exam_table .exam_desc{
padding:0.7em 0em 0.7em 0.7em;
	font-size: 1.2em;
	line-height: 1.6em;
}

table.exam_table .exam_bold{
font-weight:bold;
/*padding-left:7em;*/
}

table.exam_table .courses_table{
	font-size: 1.2em;
	line-height: 1.6em;
	}
	

table.exam_table .courses_table td{
padding: 0.5em;
border-bottom:0.1em solid #ffffff;
}

table.exam_table .courses_subtable{
	font-size: 1.2em;

	
	}
	
table.exam_table .courses_subtable td{
padding: 0.5em;
border-bottom:none;
}


tr.psuedolist td {
		border-top: 0.1em dotted #ccc;
	padding-bottom: 0.9em;
	padding-top: 0.9em;
}

/* QA pages */

tr.qaQ td {
	border-top: 0.1em dotted #ccc;
	padding-top: 1.8em;
}
tr.qaA td {
	padding-bottom: 1.8em;
	padding-top: 0.9em;
}

table.courses_table {
	margin-bottom: 3.6em;
}

table.courses_table tr.psuedolist td {
	border-top:  none;
			border-bottom: 0.1em dotted #ccc;
	padding-bottom: 0.9em;
	padding-top: 0.9em;
}
div.courses_header{
	background: #4791d5 url(listheader_background.jpg) repeat-x;
	color: #fff;
	overflow: hidden;
	padding: 0.6em;
}
/*
td.bodycopy p {
	margin-top: 18em;
}
*/
/* @end */


/* @group Boxes & Groups */



/* @group Content Header Groups */

/*
Intro Quotes
Used to showcase a Quotation at the top of a page
*/

div.introquote, div.csquote {
	border-top: 0.1em solid #ccc;
	border-bottom: 0.1em solid #ccc;
	margin-bottom: 1.8em;
	padding-top: 0.6em;
}
div.introquote p, div.csquote p {
	margin-bottom: 0.6em;
	color: #666;
	font-size: 1.2em;
}
div.introquote .attribution, div.csquote .attribution csquoteattribution {
	font-size: 1.1em;
	font-weight: bold;
}

/*
Title Groups
 titlegroups are used to group the main headlines and subhead into a unit. All main headers should be enclosed in title groups
*/

.titlegroup {
	margin-bottom: 2.4em;
}

.titlegroup h1, .titlegroup h2 {
		font-size: 2.5em;
	font-weight: bold;
	font-style: normal;
	color: #545454;
	line-height: 2.4em;
	letter-spacing: -0.1em;
}
.titlegroup h3 {
	font-size: 2.0em;
	font-weight: normal;
	font-style: normal;
	color: #0075b0;
	line-height: 1.8em;
}




/*
Case Study Groups
csgroup is for Case Studies
Where the corporation and the categories are displayed at top of page
use <h3> and <p>
*/
.csgroup {
	color: #999;
}
.csgroup p {
	font-size: 1.1em;
}

/* @end */

/* @group Content Callout Area */

/* Product Promos - right sidebar stuff */
div.contentcallout {
	width: 21.5em;
	margin-left: 1.6em;
	float: right;
	overflow: hidden;
	padding-top: .9em;
	padding-right: .9em;
	padding-left: .9em;
	background-image: none;
	background-color: #e4e4e4;
	position: relative;
	z-index: 1;
	
}


div.contentcallout h3 {
	font-size: 1.2em;
	line-height: 1.5em;
}

div.contentcallout img {
	margin-bottom: .6em;
	
}

div.contentcallout p {
	font-size: 1.1em;
	line-height: 1.4em;
}
div.contentcallout a {
	font-weight: bold;
}




div.contentcallout ul {
	padding-left: 0;
	margin-left: 0;
}

div.contentcallout ul ul {
	margin-bottom: 1.4em;
}


div.contentcallout ul li {
	background: none;
	font-size: 1.1em;
	line-height: 1.4em;
	padding-left: 0;
	margin-left: 0;
}

div.contentcallout ul li li {
	padding-top: .4em;
	margin-top: .4em;
}


div.contentcallout ul a {
	font-weight: bold;
}
div.contentcallout ul li li {
	border-top: .1em dotted #999;
	width:21.5em;
	
}
div.contentcallout ul li.nodivider {
	padding-top: 0em;
	border-top: none;
}
div.contentcallout ul li h3 {
	font-size: 1.3em;
	line-height: 1.8em;
}


/* @end */

/* @group Homepage Promo box */

.hppromobox {
	background: #f7f7f7 url(hp_promobox_background.gif) repeat-x;
	color: #d1e3f5;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: .9em;
	height:29.0em;
}html>body .hppromobox{height:27.2em;}

.hppromobox a{
	font-weight: bold;
	color: #fff;
}
.hppromobox p{
	margin: 0;
}
.hppromobox .promoitem {
	
	margin-top: .9em;
	padding-top:.9em;
	border-top:.1em solid #ebebeb;
}

.hppromobox .first {
	margin-top: 0;
	padding-top: 0;
	border-top-style: none;
}
.hppromobox div.image {
	width: 7.5em;
	height: 7.5em;
	float: left;
}

.hppromobox .promoitem:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.hppromobox .promoitem {*zoom: 1;}

/* @end */

/* @group Notes Box */

/*
Notesbox
This is a box that recedes into the background by being white, stroked and small. Ideal for System Requirements etc.
*/

.notesbox {
	font-size: 1.1em;
	line-height: 1.4em;
	background: #fff;
	color: #333;
	position: relative;
	padding: .9em;
	border: .1em solid #ddd;
	margin-bottom: 1.8em;
	position: relative;
	z-index: 1;
}






.notesbox ul {
	margin-bottom: 0;
}
.notesbox h3 {
	font-size: 1.2em;
}

/* @end */

/* @group Feature Boxes (square) */


.featurebox {
	font-size: 1.2em;
	line-height: 1.6em;
	background: #ececec url(sidebarbox_secondarybg.gif) repeat-x;
	color: #333;
	position: relative;
}
.featurebox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.featurebox {*zoom: 1;}

.featurebox h3 {
	
margin-bottom: .6em;
	background-image: url(featurebox_header.gif);
	padding: .6em;
	color: #fff;
}

.featurebox div.primary {
	padding: 1.2em;
}
.featurebox a {font-weight: bold;
}

.featurebox p {margin-bottom: .9em;}

.featurebox .imagebox {
	background-color: #fff;
}

.featurebox li {
	margin-bottom: .9em;
	margin-right: 1.8em;
	background-image: url(arrow_blue.gif);
}




/* @end */

/* @group Sidebar Box */

.sidebarbox {
	font-size: 1.1em;
	margin-bottom: 1.8em;
	line-height: 1.4em;
}
.sidebarbox h3 {
	font-size: 1.2em;
	color: #fff;
	padding-left: .9em;
	overflow: hidden;
	background: #545454 url(sidebarbox_header.gif) repeat-x;
	line-height: 1.4em;
	padding-bottom: .5em;
	padding-top: .6em;
}


.sidebarbox div.primary {
	border-bottom: .1em solid #999;
	border-top: .1em solid #999;
	padding: .6em;
	background: #bababa url(sidebarbox_mainbg.gif) repeat-x;

}

.sidebarbox div.secondary {
	border-bottom: .1em solid #ccc;
	border-top: .1em solid #ccc;
	padding: .6em;
	background: #ececec url(sidebarbox_secondarybg.gif) repeat-x;

}

.sidebarbox .formlabel {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
	margin-top: .6em;
	color: #333;
}
.sidebarbox .formelement {
	width: 13.0em;
}

.sidebarbox select {
	font-size: .9em;
}

.sidebarbox .formbutton {
	text-align: right;
	margin-top: .6em;
	margin-right: .6em;
}

.sidebarbox a {
	color: #35383d;
	display: block;
}

.sidebarbox a:hover {
	color: #000;

}

.sidebarbox ul {
	padding: .6em 0 0;
	margin: 0;}

.sidebarbox li {
	margin-left: 0;
	padding-left: 0;
	padding-top: .6em;
	padding-bottom: .6em;
	background: url(sidebar_divider.png) repeat-x 0 top;
	behavior: url(/site/resources/v4_includes/css/5.0/iepngfix.htc);

}
.sidebarbox  li.first {
	background: none repeat-x 0 top;
	padding-top: 0;
	border-top: none;
	}



/* Alt Sidebar
Note: must add class="alt" to the h3's to work
 */

.sidebarbox h3.alt {
	font-size: 1.2em;
	color: #fff;
	padding-left: .9em;
	overflow: hidden;
	background: #545454 url(sidebarbox_header.gif) repeat-x;
	line-height: 1.4em;
	padding-bottom: .5em;
	padding-top: .6em;
}

.sidebarbox div.alt {
	border-bottom: .1em solid #ccc;
	border-top: .1em solid #ccc;
	padding: .6em;
	background: #ececec url(sidebarbox_secondarybg.gif) repeat-x;
}





/* Alt2 Sidebar
Note: must add class="alt2" to the h3's to work
 */

.sidebarbox h3.alt2 {
	border-top: .1em solid #fff;
	border-bottom: .1em solid #c2c2c4;
	color: #535355;
	background-image: url(sidebarbox_grayheader.gif);
	background-color: #c2c2c4;
}

.sidebarbox div.alt2 {
	border-top: .1em solid #fff;
	border-bottom: .1em solid #c2c2c4;
	padding: .6em;
	background: #e3e3e4 url(sidebarbox_graybg.gif) repeat-x;
	color: #535355;
}


#main .sidebarbox div.alt2 a{
	color: #35383d;
} 




/* misc sidebarbox parts */
.sidebarbox div.review {
	font-weight: bold;
}
.sidebarbox div.review span.attribution {
	font-size: .9em;
	font-weight: normal;
}


.sidebarbox div.tightlist {
	font-weight: bold;
}
.sidebarbox div.tightlist li {
	padding-top: .1em;
	padding-bottom: .1em;
}
.sidebarbox div.textlist li {
	padding-top: .9em;
	padding-bottom: .9em;
}

.sidebarbox .button a {
	/* fix button rollover color */
	color: #fff;
}

/* CR product Reviews */
.alt li#rev_read {
	background: url(resources_icons/alt_magnify.gif) no-repeat left center;
	padding-left: 2.4em;
}
.alt li#rev_write {
	background: url(resources_icons/alt_pencil.gif) no-repeat 2em;
	padding-left: 2.4em;
}

/* Resources sidebar */

.sidebarbox div.resources {
	border-bottom: .1em solid #ccc;
	border-top: .1em solid #ccc;
	padding: .6em;
	background: #ececec url(sidebarbox_secondarybg.gif) repeat-x;}
	
.sidebarbox .resources img {
	vertical-align: middle;
	margin-right: .5em;
}

#main .sidebarbox div.resources li a {
	color: #35383d;
}

.sidebarbox div.primary li.first,
.sidebarbox div.secondary li.first,
.sidebarbox div.alt li.first,
.sidebarbox div.alt2 li.first,
.sidebarbox div.resources li.first {
	padding-top: 0;
	border-top: none;
}

.sidebarbox div.primary li.last,
.sidebarbox div.secondary li.last,
.sidebarbox div.alt li.last,
.sidebarbox div.alt2 li.last,
.sidebarbox div.resources li.last {
	border-bottom: none;
	padding-bottom: 0;
}


.resources li.text {
	padding-left: 0;
}




/* @end */



/* @end */

/* @group Lists */

/* @group P-based Lists */

/* plist
	This is a simple list in the following format:
	<div class="plist">
		<p><a href="#">Title Link</a><br />Text Here</p>
	</div>
*/
div.plist {
	margin-bottom: 1.8em;
}

div.plist p {
	margin-top: .9em;
	padding-top: .9em;
	border-top: .1em dotted #ccc;
	margin-bottom: .9em;
	font-size: 1.1em;
	line-height: 1.4em;
	*zoom:1; /* border is not applied without this ie6-7 */
}

div.plist p.first {
	margin-top: 0em;
	padding-top: 0em;
	border-top: none;
	
}



div.plist p a {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.8em;
}

div.plist h3 a {
	background: url(arrow_divlist.gif) no-repeat left center;
	padding-left: .8em;
	color: #333;
}

div.plist p.intro {
	font-size: 1.1em;
	line-height: 1.4em;
	margin-top: 0em;
	padding-top: 0em;
	border-top: none;
}

/* @end */

/* @group Div-based Lists */



/*
<div class="list">
used to encapsulate a group of <div class="listitem">'s
*/
.list {
	margin-bottom: 3.6em;
}
/*
<div class="listitem">
used to create a divided list of items
*/


.listitem, .listitemhot {
	
	margin-top: .9em;
	border-top: .1em dotted #bbb;
	padding-top: .9em;
	color: #333;
	font-size: 1.1em;
	line-height: 1.4em;
}

.listitemhot {
	background: #bababa url(sidebarbox_mainbg.gif) repeat-x 0 top;
	padding: .9em;
		border-top: none;

}

.listitem h3, .listitemhot h3 {
	
	font-size: 1.2em;
	line-height: 1.5em;
	/*background: url(arrow_divlist.gif) no-repeat left 1em;
	padding-left: 9em;*/
}

.listitem p, .listitemhot p {
	margin-bottom: 0;
}


.listitem a, .listitemhot a {
	font-weight: bold;
	
}

.list .first {
	border-style: none;
	margin-top: .6em;

}

.listheader {
	margin-bottom: .6em;
	background: #545454 url(listheader_background.gif) repeat-x;
	color: #fff;
	overflow: hidden;
	padding: .6em;
}

.listheader .description {
	border-bottom: .1em solid #999;
	border-top: .1em solid #eee;
	padding: .9em;
	background: #bababa url(sidebarbox_mainbg.gif) repeat-x;
	margin: .6em -.6em -.6em;
	color:  #333;
}

.listheaderplain {
	color: #333;
	font-size: 1.2em;
	line-height: 1.8em;
	background: #fff;
}

.listheader h3 {
	color: #fff;
}

.listheader p {
	margin-bottom: 0;
}

.listheader a {
	
}


/* @end */

/* @group Homepage Lists */

/* homepagelist */

.homepagelist a{
	font-weight: normal;
	font-style: normal;
	color: #333;
}

.homepagelist h3 a{
	font-weight: bold;
	background: url(arrow_divlist.gif) no-repeat left center;
	padding-left: .8em;
}

.homepagelist .ctalink{
	font-weight: bold;
		 color: #0075b0;  

}

/* @end */

/* @group UL-based Lists */


/* Related List
   This is a right-sidebar list that has links/info pertinent to the particular page. Make sure all links are nested.
*/
ul.relatedlist {
	padding-left: 0;
	margin-left: 0;
}

ul.relatedlist ul {
	margin-bottom: 1.4em;
}

ul.relatedlist li {
	background: none;
	padding-top: .4em;
	margin-top: .4em;
	font-size: 1.1em;
	line-height: 1.4em;
	padding-left: 0;
	margin-left: 0;
}

ul.relatedlist li.standalone {
	
	margin-bottom: 1.8em;
	margin-top: 1.8em;
	padding: 0;
}

ul.relatedlist a {
	font-weight: bold;
}
ul.relatedlist li li {
	border-top: .1em dotted #ccc;
	/*width:215em;*/
}
ul.relatedlist li.nodivider {
	padding-top: 0em;
	border-top: none;
}
ul.relatedlist li h3 {
	font-size: 1.3em;
	line-height: 1.8em;
}

/* Faked but Prettier/Compatible Ordered Lists
   These make pretty lists but the code is messy
   <ul class="ordered">
   	<li><div class="ol_marker">1.</div><div class="ol_content">Content</div></li>
*/
ul.relatedlist ul.ordered div.ol_marker {
	display: block;
	float: left;
	font-weight: bold;
}
ul.relatedlist ul.ordered div.ol_content {
	display: block;
	margin-left: 1.5em;
}

/* @end */



/* @end */

/* @group Links and Buttons */

.more {	margin-top: 1.4em;}
.more a {
	font-size: 1.1em;
	font-weight: bold;
	background: url(arrow_more.gif) no-repeat right center;
	padding: .4em 1.8em .3em 0;
}

a.download {
	
	font-weight: bold;
	background: url(arrow_download.gif) no-repeat left top;
	padding-left: 1.2em;
}

a.learnmore {
	font-weight: bold;
}



/* Buttons
Call with <a href="#" class="button bluebtn"><span>Link</span></a>
*/

/*
a.button {
	
	font-size:0;
    line-height:0;
	display: -moz-inline-box;
	display: inline-block;
	height: 16em;
	margin: 3em 3em 3em 0;
	vertical-align: middle;
}


a.button span {
	
	font-size: 11em;
	line-height: 14em; 
	*line-height: 11em;
	color: #fff;
	font-weight: bold;
	display: -moz-inline-box;
	display:inline-block;
	height: 16em;
	padding: 1em 6em 0;
	cursor: pointer;
	margin: 0 20em 0 0;
}

*/


#main a.button {
	font-size: 1.1em;
    line-height:1.6em;
    height: 1.6em;
    font-weight: bold;
	color: #fff;
	display: -moz-inline-box;
	display: inline-block;
	xvertical-align: .2em;
	margin-top: .6em;
}
#main a.button:hover {
	color: #fff;
}

#main a.button span {
	display: block;
	padding: 0 .6em;
	margin: 0 2.0em 0 0;
	/* ie6 fixes */
	_display: inline-block;
	_cursor: pointer;
}

#main a.bluebtn {
	background: url(button_right.png) no-repeat right top;
	_background: url(button_right.gif) no-repeat right top;
	

}
#main a.bluebtn span {
	background: url(button_left.png) no-repeat left top;
	_background: url(button_left.gif) no-repeat left top;
}

#main a.backbtn {
	background: url(button_right_back.gif) no-repeat right top;

}
#main a.backbtn span {
	background: url(button_left.gif) no-repeat left top;
}


#main .featurebox a.bluebtn {
	background: url(button_right_featurebox.gif) no-repeat right top;

}
#main .featurebox a.bluebtn span {
	background: url(button_left_featurebox.gif) no-repeat left top;
}



/* DIV Button
<div class="button bluebtn"><div></div><a href="#link">Button Text</a></div>
Note: the empty div is important, as that is the hook for the right side of the "sliding door."
Use a <div> to provide a full width button, the size of the enclosed space
*/

div.button {
	height: 1.7em;
	padding-left: .6em;
	padding-top: .3em;
}

div.button a {
	color: #fff;
	font-weight: bold;
	display: block;
}
div.button a:hover {
	color: #fff;
}


div.toolboxbtn {
	background: url(flyout_btn.gif) no-repeat right top;
	height: 2.0em;
	padding-top:.2em;
	*padding-top:.1em;
}





.rssbug {
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	float:  right;
}

.boldlinks a {
	font-weight: bold;
}

.product_bottomlinks{
	font-weight: bold;
	margin-top: 1.8em;
}

#main .product_bottomlinks a {
	/* funky selector to override custom section colors */
	margin-right: .9em;
	margin-left: .9em;
	color: #fff;
	background-color: #555;
	font-size: 1.2em;
	line-height: 1.2em;
	zoom:1;
	padding-right: .7em;
	padding-left: .7em;
	padding-top: .3em;
	padding-bottom: .3em;
	}

#main .product_bottomlinks a:hover {
	background-color: #000;
		color: #fff;

}
.cr_bottomlinks {
	margin-left: -.9em;
	margin-right: -.9em;
	
	clear:both;
}
.cr_bottomlinks a{
	margin-left: .9em;
	margin-right: .9em;
}





/* @end */

/* @group Accordion */

ul.accordion {
	margin-bottom: 1.8em;
}
ul.accordion li {
	background: none;
	margin-left: 0;
	padding-left: 1.2em;
	margin-bottom: 0;
}
ul.accordion li.accordionnav {	background: #004477 url(accordionhead_right.gif) 0 top;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: .1em;
}
ul.accordion li.accordionnav a.accordionhead {
	
	padding-top: .3em;
	display: block;
	height: 1.7em;
}

ul.accordion li.accordionnav a.selected {
	background: url(accordionhead_down.gif) no-repeat right;
}

ul.accordion ul {
	background-color: #4791d9;
	padding-left: 1.2em;
	margin: 0 0 0 -1.2em;
}
ul.accordion li a {
	color: #fff;
	font-weight: bold;
}

ul.accordion ul li {
	font-size: 1.1em;
	line-height: 1.4em;
	border: none;
	border-top: .1em dotted #a3c8ec;
	background: none;
	margin: 0 1.2em 0 0;
	padding: .2em;
}
ul.accordion ul li:hover{background-color: #75ade3;}
ul.accordion ul li.first {border: none;}

/* @end */

/* @group Accordion Box */

/*
	Vertical Accordions
*/
.accordion_box {
    font-size: 1.1em;
    margin-bottom: 1.8em;
    line-height: 1.4em;
}		
 
 
 
 
.accordion_toggle {
    color: #333;
    background-image: url(accordion_off.gif);
    background-color: #c2c2c4;
    font-size: 1.2em;
	line-height: 1.4em;
    padding-bottom: .6em;
    padding-top: .6em;
    cursor: pointer;
    cursor: hand;
	padding-left: 2.3em;
}
 
.accordion_hover {
	background-image: url(accordion_over.gif);
 
}
h3.accordion_toggle {
	cursor: pointer;
    cursor: hand;
}
 
.accordion_toggle_active {
    color: #fff;
    background: #333 url(accordion_in.gif) repeat-x;
    font-size: 1.2em;
    padding-left: 2.3em;
	line-height: 1.4em;
    padding-bottom: .6em;
    padding-top: .6em;
	cursor: default;
}
 
h3.accordion_toggle_active{
		cursor: default;
}
 
 
.accordion_content {
    background: #eee url(lightgray_background.gif) repeat-x;
    display: none;
	padding-left: .6em;
	padding-right: .6em;
	padding-bottom: 0;
	margin-bottom: 0;
}
 
.accordion_image {
	margin-left: -.6em;
	margin-right: -.6em;
}
 
 
 
.accordion_image_first{
 
	margin-top:  -.1em;
	margin-left: -.6em;
	margin-right: -.6em;
}
 
 
ul.iconlist {
	padding: .6em 0 0;
	margin: 0;
}
 
.iconlist li {
	margin-left: 0;
	padding-left: 0;
	padding-top: .6em;
	padding-bottom: .6em;
	background: url(sidebar_divider.png) repeat-x 0 top;

}
.iconlist  li.first {
	background: none repeat-x 0 top;
	padding-top: 0;
	border-top: none;
 
}
	
.iconlist li img {
	vertical-align: bottom;
	margin-right: .5em;
}
 
.iconlist li.last {
	border-bottom: none;
	padding-bottom: 0;
}
 
 
.iconlist li.text {
	padding-left: 0;
}
 
#container .iconlist li a
{
	color: #35383d;
	display: block;
}

ul.bubblelist {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: .6em;
}
ul.bubblelist ul {
	margin-bottom: .7em;
}
ul.bubblelist li {
	padding-top: .8em;
	margin-top: 0;
	font-size: 1.1em;
	line-height: 1.4em;
	padding-left: 0;
	margin-left: 0;
	
	background: url(sidebar_divider.png) repeat-x 0 top;
	color: #35383d;
}
ul.bubblelist li.first {
	background: none;
}
ul.bubblelist li li {
		background: none;
		margin-top: 0em;
	padding-top: 0;
}
ul.bubblelist li.nodivider {
	padding-top: 0em;
	border-top: none;
}
ul.bubblelist li h3 {
	font-size: 1.3em;
	line-height: 1.8em;
	color: #35383d;
}

/* @end */

/* @group Structure */

#container {
	width: 98.0em;
	margin: 0 auto;
	position: relative;
}

#header {
	position: relative;
	height: 9.0em;
	z-index:999999;
	/*z-index:999999999;*/
}

#logo {
	background: url(images/logo.png) no-repeat top left;
	width: 32.0em;
	height: 5.1em;
	position: absolute;
	top: 3.6em;
	left: 0;
}

#logo a {
	display: block;
	height: 5.1em;
	width: 32.0em;
	text-indent: -9999em;
}

#main {
	width: 100%;
	xposition: relative;
}

#footer {
	height: .1em;
	padding-top: 0;
	border-top: .1em dotted #999;
	margin: 5.4em 0 5.0em;
	clear:both;
}


#copyright {
	font-size: .9em;
	color: #666;
	float: right;
}

#globalsearch {
	position: absolute;
	right: 0em;
	z-index: 999998;
	top: 4.9em;
	width: 11.8em;
	height: 2.0em;
	background-image: url(search_background.gif);
}

#globalsearch #qt {
	width: 9.0em;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: .2em;
	height: 1.1em;
	position: absolute;
	right: .5em;
	border-style: none;
	background-color: transparent;
	top: .3em;
	outline-style:none;
	color:  #545454;
}
#globalsearch #GoSearch {
	float: left;
	margin-top: .2em;
	margin-left: .3em;
	display: none;
}



/* @end */

/* @group Navigation */

/* @group Section Sidebar Nav */

#sectionnav {

	font-weight: bold;
/*	padding-top: 9em;*/
	color: #959595;
	border-bottom:  .1em #ccc dotted;
}

#main #sectionnav a {
	/* odd selector to have higher precedence over other link coloring selectors */
 color: #545454;
 
}
#main #sectionnav a:hover {
	text-decoration: none;
	 color: #000;

}
#sectionnav li.nav_top_level {
	font-size: 2.0em;
	letter-spacing: -.1em;
}
#sectionnav ul ul {
	margin-bottom: 0;
	font-weight: bold;

}

#sectionnav ul ul a {
	font-weight: normal;
	font-style: normal;
}


#sectionnav .collapse {
	background: url(sn_collapse_arrow.gif) no-repeat 0 .8em;
}
#sectionnav .expand {
	background: url(sn_expand_arrow.gif) no-repeat 0 .9em;
}
#sectionnav .highlight {
	background-color: #ddd;
}
#sectionnav li {
	background:none;
	padding-left: 0em;
	margin-left: 0;
}

#sectionnav li li {
		padding-top: .6em;

	font-size: 1.1em;
	line-height: 1.0em;
	padding-left: 1.0em;
	letter-spacing: 0;
}
#sectionnav a:hover {
	text-decoration: underline;
}

#sectionnav li.product_selector {
	background-position: 0 1.1em;
}

#sectionnav li.product_selector select{
	font-size: 1.1em;
	padding: .1em;
}

#sectionnav .gray_nav{
color:#666666;
}


/* @end */

/* @group Super Nav */



#supnavglobal {
	height: 3.5em;
	position:relative;
	
}

#supnavmenu {
	
	position: absolute;
	right: .2em;
	top: 1.5em;
	margin: 0;
	padding:0;
	
}

#supnavmenu li {
	display: inline;
	background: none;
	margin:0;
	padding: 0;
}

#supnavmenu a {
	text-decoration: none;
	color: #a8a8a8;
	padding-left: 1.6em;
	font-size: 1.1em;
	margin:0.5em;
	padding: 0;
}

#supnavmenu a:link {}
#supnavmenu a:visited {}
#supnavmenu a:hover {color: #000;}
#supnavmenu a:active {}


#supnavmenu .hover_color a:hover {color: #fff;}

/* @end */

/* @group Nav */

#nav {
	height: 1.8em;
	text-align:right;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	width: 50em;
	position: absolute;
	right: 0em;
	top: 4.5em;
}

#nav ul {margin: 0 0 0 2.0em;;}

#nav li {
	display: inline;
	background:none;
	padding:0;
	margin:0;

}

#nav a {
	text-decoration: none;
	padding-right: 2.2em;
	font-size: 1.4em;
}

#nav a:link {}
#nav a:visited {}
#nav a:hover {}
#nav a:active {}

/*mini site nav*/

#nav_ms {
	height: 2.2em;
	background: url(ms_altheader_navbar.gif) no-repeat;
	padding-top:0.4em;
	
	
}

#nav_ms img{

float:left;


}

#nav_ms ul {margin: 0;}

#nav_ms li {
	display: inline;
	background:none;
	padding:0;
	margin:0;

}

#nav_ms a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	
	font-size: 1.2em;
	
}

#nav_ms a:link {}
#nav_ms a:visited {}
#nav_ms a:hover {color: #d7e6ff;}
#nav_ms a:active {}









/* @end */



/* @group Footer Nav */

#footernav {float: left;}
#footernav ul {margin: 0;}

#footernav li {
	background: none;
	margin:0;
	padding: 0;
	display: inline;
}

#footer #footernav a {
	text-decoration: none;
	font-weight: normal;
	padding-right: 1.6em;
	font-size: 1.0em;
}

#footer #footernav a:link {color: #434343;}
#footer #footernav a:visited {color: #434343;}
#footer #footernav a:hover {color: #000;}
#footer #footernav a:active {color: #000;}

/* @end */

/* @group Breadcrumbs */

#main #breadcrumbs {
	font-size: 1.0em;
	margin-left: 0;
	color: #959595;
	padding-bottom: .9em;
	padding-top: 0em;
	font-weight: bold;
}

#main #breadcrumbs a:link { 	
	color: #545454;
	font-weight: normal;
	font-style: normal;
}
#main #breadcrumbs a:visited { 	
	color: #545454;
	font-weight: normal;
	font-style: normal;
}
#main #breadcrumbs a:hover { 	
	color: #000;
	font-weight: normal;
	font-style: normal;
}
#main #breadcrumbs a:active { 	
	color: #000;
	font-weight: normal;
	font-style: normal;
}
#breadcrumbs span {
	color: #959595;
	margin-left: .8em;
	margin-right: .8em;
	font-weight: normal;
	font-style: normal;
}


/* @end */



/* @end */

/* @group Grid */

/* Grid Instructions

   <div class="grid2 firstcolumn">
   
   12 column grid
   
   grid2 {}
       ^ number of columns wide the unit is
   string the columns together to form a whole
   
   firstcolumn {}
     ^ removes the margin so that it is flush left

   A horizontal "group" of twelve columns should be enclosed in a
   <div class=".section"> so that we avoid float issues.

*/


/* column widths useful for form elements etc... */
.width1  {width:  6.7em;}
.width2  {width: 15.0em;}
.width3  {width: 23.3em;}
.width4  {width: 31.6em;}
.width5  {width: 39.9em;}
.width6  {width: 48.2em;}
.width7  {width: 56.5em;}
.width8  {width: 64.8em;}
.width9  {width: 73.1em;}
.width10 {width: 81.4em;}
.width11 {width: 89.7em;}
.width12 {width: 98.0em;}
.widthFull {width: 100%;}

.section {margin-top: 1.6em;/*min-height:35em;height:auto !important;height:35em;*/}

/* Grid columns */

.colonna {
	/* colonna = 3 columns */
	width: 31.5em;
	margin-left: 0.5em;
	float: left;
	display: inline;
	overflow: hidden;
	/*border-right: 0.1em solid #666;*/
}

.firstcolumn {margin-left: 0em;margin-right:0em;}

div.secondcolumn {padding:5em 1em 1em 1em;}
.secondcolumn ul {list-style:outside disc;}


 
.thirdcolumn  ul {list-style-type: none;padding:0 ;margin:0}
.thirdcolumn  ul li {padding:0 ;font-size: 1.2em; font-weight: bold; margin:0 }
.thirdcolumn  ul li ul {list-style-type: none;}
.thirdcolumn  ul li ul li {padding:0 0 0 1.5em; font-size: 1em; font-weight: normal; }
.sidebar {
	font-size: 1.1em;
	line-height: 1.4em;
}


.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.section {*zoom: 1;}





/* @end */

/* @group Misc */

.hero {padding-bottom: 18em;}

.divider {
	border-bottom: 1em dotted #ccc;
	margin-bottom: 12em;
	padding-bottom: 6em;
}

.billboard {
	margin-top: .1em;
	margin-bottom: 1.8em;
}

.billboard:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.billboard {*zoom: 1;}

.hp_promo_image_large, .hp_promo_image_medium, .hp_promo_image_small {
	float: left;
}

.hp_promo_image_medium{
	margin-left: .1em;

}
.hp_promo_image_small {
	margin-left: .1em;
	margin-top: .1em;
}

/* @end */

/* @group Form Elements */

.findmenu {
	width: 30.0em;
	margin-bottom: .6em;
}

select {
	color: #000;
}

select, input, textarea, input.formlabel,textarea.formlabel {
	font-size: 1.1em;

}


.formlabel{
	font-size: 1.2em;
}



.valuelabel {
	font-size: 1.1em;
}

.formerror {
	background-color: #cc0000;
	padding: 1.0em;
	margin-bottom: 1.8em;
	color: #fff;
}

.fielderror{
	background-color: #ccc;
}

/* @end */

/* @group Online Standards Elements */

#siteheader_os{
	line-height: 1.8em;
	font-size: 1.6em;
	text-transform: uppercase;
	padding: 1.0em;
	background-color: #eee;
	text-align: right;
	letter-spacing: .3em;
	background-image: url(siteheader_background.png);
}


#supnav {height: 3.5em;

}

#supnav ul {
	position: absolute;
	right: .2em;
	bottom: 9.0em;
	margin: 0;
}

#supnav li {
	display: inline;
	background: none;
	margin:0;
	padding: 0;
}

#supnav a {
	text-decoration: none;
	/*color: #adadad;*/
	padding-left: 1.6em;
	font-size: 1.1em;
}

#supnav a:link {}
#supnav a:visited {}
#supnav a:hover {color: #919ca9;}
#supnav a:active {}

#unav_login,
#unav_logout {
	float:  right;
	display: block;
}

#supnav #unav_login a {
	color: #000;
	margin-left: 1.2em;
	background: url(icon_lock.gif) no-repeat left center;
	padding-left: 1.2em;
	float:  none;
	padding-top: .2em;
}

#supnav #unav_logout a {
	color: #000;
	margin-left: 1.2em;
	background: url(icon_lock.gif) no-repeat left center;
	padding-left: 1.2em;
	padding-top: .2em;
	float:  none;
}







#nav_alt_header_os{


}


#nav_alt_header_os {
	height: 1.8em;
	background: url(altheader_navbar.gif) no-repeat;
	padding-top: .4em;
	padding-bottom: .4em;
}

#nav_alt_header_os ul {margin: 0;}

#nav_alt_header_os li {
	display: inline;
	background:none;
	padding:0;
	margin:0;

}

#nav_alt_header_os a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	padding-left: 1.6em;
	font-size: 1.2em;
	padding-right: .8em;
}

#nav_alt_header_os a:link {}
#nav_alt_header_os a:visited {}
#nav_alt_header_os a:hover {color: #d7e6ff;}
#nav_alt_header_os a:active {}


/*table styles*/


.header_row{
	color:#fff;
	font-size:1.2em;
	background: #545454 url(table_header_background.gif) repeat-x;
	font-weight:bold;
	
}

.subhead_row{
	color:#fff;
	font-size:1.2em;
	background: #999 url(table_subhead_background.gif) repeat-x;
	font-weight:bold;
	
}

.subhead_row a:link, .subhead_row a:active, .subhead_row a:visited, .header_row a:link, .header_row a:active, .header_row a:visited{
	color:#fff;
	text-decoration:underline;
}

.subhead_row a:hover, .header_row a:hover{
	color:#fff;
	text-decoration:underline;
}

.light_row{
	background: #e8e8e8;
	font-size:.9em;
	text-align:center;
}

.darker_row{
	background:#ddd;
	font-size:.9em;
	text-align:center;
}

.light_gray{
	background:#f2f2f2;
	font-size:1.1em;
	text-align:left;
}

.dark_gray{
	background:#e8e8e8;
	font-size:1.1em;
	text-align:left;
}

.table_indent{
	margin-left:2.0em;
}




/* @end */

@media print {

	body, #main, #content {
		background: #fff !important;
		color: #000 !important;
	}
	
	a, a:link, a:visited {
		color: #000 !important;
		text-decoration: none;
	}
}

/* @group Rebrand Section Colors */

/*
Custom colors for subheads based on section
*/

/* Product Related - Burgandy */
#product_topic .titlegroup h3,
#product_topic a
{color: #772432;}
#product_topic a:hover
{color: #641e2a;}



/* Partner Related - Green */
#partner_topic .titlegroup h3,
#partner_topic a
{color: #007934;}
#partner_topic a:hover
{color: #005e28;}


/* Corporate Related - Blue */
#corporate_topic .titlegroup h3,
#corporate_topic a
{color: #0075b0;}
#corporate_topic a:hover
{color: #005986;}


/* Customer Related - Gold */
#customer_topic .titlegroup h3,
#customer_topic a
{color: #ce8e00;}
#customer_topic a:hover
{color: #b57d00;}



#animazione
{ background:url(images/operatore.jpg) top left no-repeat;width:94.5em;height:32.5em;}

.colonna div a:link {color:#a1a1a1;}
.colonna div a:visited {color:#a1a1a1;}
.colonna div a:hover {color:#545454;}
.colonna div a:active {color:#545454;}

/*.selected { background-color:#0075b0;}*/
.selected {border-left: 0.1em solid #cee0e9 !important ;
border-bottom: 0.1em solid #0075b0;
font-weight:bold !important ;
background-color: #cee0e9;

}

.selected a {
color:#545454 !important ;
}


.artattivo {
background-color: #cee0e9;
}

#tic {
  /* enter any styles for the ticker below */
  /*border: .05em #CEC3AD solid;*/
  font-size:0.85em;
 /*padding:10px;*/
  width:100%;
  /*line-height:20px;*/
  color: #a8a8a8;
  height:2.1em
}
#tic * {
  /* this will hide all children tags */
  font-size: 1em;
  margin:0;
  padding:0;
  display:none;
 
}
#tic a {
  /* add more tags to this list if you wish to display them inside the children */
  display:inline;
}

/* @end */