.spm-header{
	width:940px;
	position:relative;
	text-align:left;
	margin:0px auto;
	padding:10px;
	background:#fff;
	background-image:url('../images/icon/spm.png');
	background-repeat:no-repeat;
	background-position:left center;
	border-bottom:1px solid #e9e9e9;
}
.spm-intro{
	width:870px;
	position:relative;
	text-align:left;
	margin:0px auto;
	padding:10px 45px;
	background:#e9e9e9;
	line-height:130%;
	border-bottom:2px solid #3186c0;
}
.spm-content{
	width:94%;
	margin-left:3%;
	line-height:130%;
	color:#222;
}
.spm-content ul{
	margin:10px 20px 20px 40px;
	padding:0;
	list-style:square outside;
}
.spm-content li{
	margin:0 0 7px 0;
	padding:0;
}
.sidebar-callout{
	color:#333333;
	padding:3px 13px 12px 13px;
	background:#e9e9e9;
	margin-bottom:10px;
}
.icon-thumbnails{
	float:right;
	display:none;
}

/*TEXT STYLES*/
h1{
	color:#06377b;
	font-size:200%;
	font-weight:bold;
	margin:10px 0 7px 75px;
	display:inline;
}
h2{
	text-transform:uppercase;
	font-weight:bold;
	color:#3186c0;
	font-size:16pt;
	margin-top:16px;
	line-height:125%;
}
h3{
	margin:0;
	padding:5px 0;
	color:#06377b;
	border-bottom:1px solid #e9e9e9;
}
h4{
	margin:20px 0 0 0;
	font-size:110%;
	color:#555;
	text-transform:uppercase;
}
h5{
	margin:10px 0 0 0;
	font-size:100%;
	color:#06377b;
}
.emphasis{
	color:#06377b;
	font-weight:bold;
	border-bottom:1px solid #e9e9e9;
}
.caption{
	color:#666666;
	font-style:italic;
	font-size:95%;
	padding:0 0 25px 0;
}
.spm-content p{
	margin:7px 0 15px 0;
}
.new{
	font-weight:bold;
	color:#be291d;
}

/*LINK STYLES*/

.spm-content a{
	color:#06377b;
	text-decoration:underline;
}
.spm-content a:visited{
	color:#444444;
	text-decoration:underline;
}
.spm-content a:hover{
	color:#b44914;
	text-decoration:underline;
}
.sidebar-callout a{
	color:#036;
}
.sidebar-callout a:hover{
	color:#003 !important;
}

.tech-advisories{
	background-color:#206ba9 !important;
	font-size:120%;
}
.tech-advisories:hover{
	background-color:#3186c0 !important;
}
a.spm-category {
	color:#042b74;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
a.spm-category:hover {
	color:#06377b;
	text-decoration:underline;
}
a.spm-category img {
	opacity: 0.8;
}
a.spm-category img:hover {
	opacity: 1.0;
}

.faqtop {
	float:right;
	font-size:8pt;
	font-weight:normal;
}
.faqtop a{
	text-decoration:none;
}


/*TABLE STYLES*/
table.data{
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	width: 100%;
	color: #333;
}

sup{
    vertical-align: super;
    font-size: smaller;
} 
sub { 
    vertical-align: sub;
    font-size: smaller;
} 

table.data tr:nth-child(even) {
background: #FFF;
}
table.data th{
	padding:10px 50px;
	color:#333;
	border-bottom:1px solid #999;
}
table.data td{
	border-top-color: white;
	padding:10px;
	border-bottom:1px solid #DFDFDF;
	color: #555;
}
table.faq td{
	padding:8px 0 0 0;
}
table.faq td.answer{
	border-bottom:1px solid #e9e9e9;
}

/*DROPDOWN STYLES*/

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Arial;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 0px solid #000033;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}
.flexdropdownmenu li{
position: relative;
}
.flexdropdownmenu li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: #ffffff;
background: #003366;
border-bottom: 1px solid #ffffff;
text-decoration: none;
padding: 5px 5px;
}
* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}
.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #000033;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}
.toplevelshadow{
margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}
.ddcss3support .ddshadow.toplevelshadow {
margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}
.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 5px 5px 5px #aaa;
-webkit-box-shadow: 5px 5px 5px #aaa;
}

/* ######### Mobile menu container CSS ######### */
div.flexoverlay{ /* overlay that covers page when mobile menu is shown */
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed;
background: black;
-webkit-transform-style: preserve-3d;
opacity: 0.7;
z-index: 1000; /* z-index value should be smaller than 	mobilezindex: 1001 variable inside flexdropdown.js */
display: none;
}
div.flexmenumobile{ /* main mobile menu container */
position: fixed;
color: white;
width: 250px; /* width of mobile menu */
display: none;
}
div.flexmenumobile a{
color: white;
text-decoration: none;
}
div.flexmenumobile ul{ /* style for all ULs in general inside mobile menu */
list-style: none;
width: 100%;
top: 0;
left: 0;
background: white;
border: 1px solid black;
margin: 0;
padding: 0;
position: absolute;
opacity: 0;
visibility: hidden;
}
div.flexmenumobile ul li{
border-bottom: 1px solid gray;
position: relative;
font-weight: bold;
}
div.flexmenumobile ul li.breadcrumb{ /* breadcrumb LI that's added to the top of every sub level UL */
cursor: pointer;
padding: 8px;
padding-left: 5px;
background: gray;
font-size: 1.1em;
}
div.flexmenumobile ul li a{
display: block;
color: black;
background: #fae7a9;
border-bottom: 1px solid black;
padding: 6px;
font-size: 1.1em;
}
div.flexmenumobile ul li a:hover{
background: #F0CE7D;
}
div.flexmenumobile ul img.backarrow{
margin-right: 5px;
}
div.flexmenumobile ul img.rightarrow{
position: absolute;
right: 5px;
top: 10px;
}

/*FAQ DROPDOWN STYLES */
#slider {width:600px}*/
.header {width:auto; border:0; cursor: hand; cursor:pointer; padding: 5px 0 0 0; color: #900; font-size:1.2em; font-weight:bold;}
.header ol li {color:#000; font-size:1em; padding-bottom:0; margin-bottom:-20px; }
.header h2 { color:#009; font-size:1.2em; font-style:italic }
.header h3 { color:#900; font-size:1em }
.content {overflow:hidden}

.text {width: auto; border:0; border-top:none; padding: 0 0 0 25px; color:#000}

.text p{width: auto; border:0;}
.text ol li {color:#000; font-size:0.8em; padding-bottom:0;}