@import url("text-screen.css");
@import url("../p7pm/p7pmh0.css");


html {
	height: 101%;
}

body {
	margin: 0px;
	padding: 0px;
	background: url(pageBackground.gif) top repeat-x #EBEBEB;
}


a:link {
	color: #990000;
}

a:visited {
	color: #993333;
}

a:hover {
	color: #FF6633;
	text-decoration: none;
}

div.documentDownloads a {
	display:block;
	padding-left: 28px;
	padding-top: 4px;
	line-height: normal;
	margin-top: 4pt;
	margin-bottom: 4pt;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../icons/og/pdf.gif);
	min-height: 24px;
}

#wrapper {
	width: 960px;
	margin: 0px auto;
}

img#docPost {
	float:left;
}

img#docPre {
	float:left;
}

div#page {
	width:900px;
	float:left;
	overflow: visible;
	border: 1px solid #FFFFFF;
	border-top: 0px;
	background: #FFFFFF;
}

a img {
	border: none;
}

/* ============================ copyright ============================ */


div#copyright {
	background:url(bg_copyright.gif) repeat-x #CCCCCC;
	padding: 5px 15px;
	color: #666666;
}

div#copyright a {
	float: right;
}

div#copyright a:link, div#copyright a:visited {
	text-decoration: none;
	color: #666666;
}

div#copyright a:hover {
	text-decoration: none;
	color: #333333;
}


/* ============================ page top ============================ */

div#pageTop {
	background: #FFFFFF;
	text-align:right;
	height: 30px;
	padding: 0px 15px;
}

/* ============================ masthead & M1 ============================ */

div#masthead {
	background: url(bg_m1.gif) repeat-x #FF6600;
	height: 110px;
}

div#masthead img#logo {
	margin: 20px 15px 0px 15px; 
	float: left;
}

div#masthead img#masthead_score {
	float: left;
}

div#masthead span#m1links {
	float:right;
	height: 85px;
	width: 50%;
	clear:right;
}

div#masthead span#m1links a:link, div#masthead span#m1links a:visited {
	margin: 10px 15px 0px 0px;
	color:#FFFFFF;
	text-decoration:none;
	float:right;
	height: 15px;
}

div#masthead span#m1links a:hover {
	color:#000000;
}

div#masthead span#m1links a#m1search {
	background:url(m1_search.gif) top left no-repeat;
	text-indent: 18px;
}

div#masthead span#m1links a#m1login {
	background:url(m1_login.gif) top left no-repeat;
	text-indent: 16px;
}

div#masthead span#m1links a#m1sitemap {
	background: url(m1_siteMap.gif) top left no-repeat;
	text-indent: 18px;
}

div#masthead span#m1links a#m1home {
	background:url(m1_home.gif) top left no-repeat;
	text-indent: 18px;
}

/* ============================ breadcrumbs ============================ */

div#info {
	background:url(bg_info.gif) repeat-x;
	height: 25px;
	padding: 0px 15px;
	color: #DDDDDD;
	clear: both;
}

div#breadcrumbs {
	background:url(divInfo_score.gif) top left no-repeat;
	margin-left: 225px;
	padding: 5px 15px 0px 15px;
}

div#breadcrumbs a:link, div#breadcrumbs a:visited {
	color:#CCCCCC;
	text-decoration:none;
}

div#breadcrumbs a:hover {
	color:#FFFFFF;
	text-decoration:none;
}


/* ============================ document ============================ */

div#document {
}


/* ============================ home page ============================ */

/* ============================ m2 ============================ */

div#m2 {
	background:url(m2_bg.gif) top right no-repeat;
	width: 241px;
	/*overflow: auto;*/
	float:left;
	padding-top: 15px;
	line-height: 150%;
	min-height: 200px;
	color:#666666;
	min-height: 200px;
}

div#m2 div.menu2div {
	margin: 0px 15px 15px 15px;
	background: url(m2_bg1.gif) top left no-repeat;
	padding: 20px;
	width: auto;
	overflow: visible;
	min-height: 120px;
}

div#m2 div.menu2div .documentDownloads {
	margin: 20px;
}

div#m2 div div {
	margin: 0px;
	background: none;
	padding: 0px;
	width: auto;
	overflow: visible;
}

div#m2 div h2 {
	margin-top: 0px;
	margin-bottom: 10px;
} 

div#m2 div.menu2div {
	padding: 15px 1px;
} 

div#m2 div.menu2div h2, div#m2 div.menu2div h3 {
	padding: 0px 15px;
} 


div#m2 div.menu2div form {
	padding: 0px 15px;
} 

div#m2 p {
	text-align:left;
	margin:0px;
	line-height:115%;
}
div#m2 div a {
	display:block;
	color:#666666;
}
.menu21 a {
	padding: 4px 10px 2px 20px;
	font-size:10pt;
}
.menu22 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 10px 2px 30px;
	font-size:9pt;
}
.menu23 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 10px 2px 35px;
	font-size:8pt;
}
div#m2 a:link, .menu2 a:link, div#m2 a:visited, .menu2 a:visited {
	text-decoration:none;
	color:#666666;
}
div#m2 a:hover {
	/*background-color:#EEEEEE;*/
	background: url(m2_marker.gif) repeat-y;
	text-decoration:none;
	color:#000000;
}

div#m2 .m2marker {
	background: url(m2_marker.gif) repeat-y;
	text-decoration:none;
	color:#000000;
}

div#m2 p+h2 {
	margin-top:18px;
}

div#m2 a.nohighlight:hover {
	background:#FFFFFF;
	color:#666666;
	cursor:pointer;
}

div#m2 div.menu2div h6 {
	font-size: 10pt;
	color:#666666;
	margin: 0px 15px 10px 15px;
	padding-left: 30px;
	background:url(icons/ow/locked.gif) top left no-repeat;
	padding-top:3px;
	min-height: 24px;
	min-heigh\t:21px;
} 

/* ============================ contents ============================ */

div#contents {
	width: 580px;
	margin: 30px 0px 30px 40px;
	float:left;
}

div#contents *:first-child {
}

/* ============================ table Styles ============================ */

td, th {
	line-height: 120%;
}

table.lnTable, table.lnTable td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
}

table.lnTable th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	/* font-weight:normal; */
	color:#FFFFFF;
	text-align:left;
	background: #993300 url(table_fades/th_bg.gif) top right;
	border-bottom: 1px solid #FFFFFF;
	padding: 8px 8px 2px 8px;
}

table.lnTable td {
	background: url(table_fades/td_top.gif) top repeat-x #EEEEEE;
	padding: 3px 6px;
	border-bottom: 1px solid #FFFFFF;
}

table.lnTable tr.alternate td, table.lnTable td.alternate {
	background: url(table_fades/td_top_alternate.gif) top repeat-x #DDDDDD;
}

table.lnTable tr.darkerRow td, table.lnTable td.darkerRow {
	background: url(table_fades/td_top_darker.gif) top repeat-x #666666;
	color:#FFFFFF;
}

table.lnTable tr.orangeRow td, table.lnTable td.orangeRow {
	background: url(table_fades/td_top_orange.gif) top repeat-x #FFCC33;
	color:#000000;
}

table.lnTable td.textSubmit {
	padding: 0px;
}

/* ============================ tab row styles ============================ */

div.tabRow {
	height: 25px;
	background:url(doc_tab_bg.gif) bottom repeat-x;
	width: 100%;
	overflow: visible;
}

div.tabRow a:link, div.tabRow a:visited {
	float:left;
	background: url(doc_tab.gif);
	padding: 5px 10px;
	width: 110px;
	wid\th: 90px;
	height: 25px;
	heigh\t: 15px;
	color:#999999;
	text-decoration:none;
}	

div.tabRow a:hover {
	color:#FF6600;
}	
	
div.tabRow a.thisTab:link, div.tabRow a.thisTab:visited, div.tabRow a.thisTab:hover {
	background: url(doc_tab-over.gif);
	color:#000000;
}	

div.tabbedArea {
	background:url(doc_table_bg.gif) top repeat-x;
	padding: 0px 1px;
}
	
div.tabbedArea div.tabbedContents {
	padding: 14px 15px 0px 15px;
	background: #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

/* ============================ public table styles ============================ */
	
div.tabbedContents table td, table.ln td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	padding: 10px 15px 10px 0px;
	border-bottom: 1px solid #DDDDDD;
}
div.tabbedContents table td.textSubmit, table.ln td.textSubmit {
	padding: 10px 0px;
	width: 24px;
}

div.tabbedContents table th, table.ln th {
	padding: 0px 15px 3px 0px;
	text-align: left;
	border-bottom: 1px solid #ff6600;
}

div.tabbedContents table th.emptyPage, table.ln th.emptyPage {
	text-align: center;
	border-bottom: none;
}

/* ============================ form styles ============================ */


form {
	margin: 0px;
}
div.buttonSet {
	padding: 15px;
	text-align:center;
	clear:both;
}

input, textarea, select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	line-height: 120%;
}

input[type=text], input[type=password], input[type=checkbox], textarea, select  {
	border: 1px solid #CCCCCC;
	padding: 1px;
}


form.cssForm {
	font: 8pt Verdana, Helvetica, Arial, sans-serif;
	background: #EEEEEE;
	margin: 10px 0px;
	padding: 0px;
}

div#content form.cssForm h2 {
	background: url(table_fades/th_bg.gif) no-repeat right top #993300;
	font: bold 10pt/120% Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	padding: 8px 8px 4px 8px;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px;
}

form.cssForm div.row {
	clear:both;
	padding: 3px 10px;
	width: auto;
	overflow: auto;
}

form.cssForm div.row label {
	float: left;
	width: 40%;
	font-weight:bold;
	text-align:right;
	padding-top: 5px;
}


form.cssForm div.row input.stretch, form.cssForm div.row div.formNotes {
	float: right;
	width: 50%;
}

form.cssForm div.row div.formNotes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	line-height:normal;
}

div.error {
	background: url(table_fades/td_top_orange.gif) top repeat-x #FFCC33;
	color:#000000;
	padding: 8px 8px 2px 8px;
	border-bottom: 1px solid #FFFFFF;
}

input.formNotice {
	border: none;
	background: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color:#666666;
}

/* ------------------------------------------------- custom links ------------------------------------------------- */



a.linkDelete:link, a.linkDelete:visited {
	float:right;
	width:24px;
	height: 24px;
	heigh\t: 0px;
	background: url(icons/og/delete.gif) top left no-repeat;
	text-indent: -500px;
	padding-top:24px;
	overflow: hidden;
	text-decoration:none;
}
a.linkDelete:hover {
	background-image: url(icons/og/delete-over.gif);
	text-decoration:none;
}

.orangeRow a.linkDelete:link, .orangeRow a.linkDelete:visited {
	background: url(icons/oo/delete.gif) top left no-repeat;
}
.orangeRow a.linkDelete:hover {
	background-image: url(icons/oo/delete-over.gif);
}

table.lnTable a.linkDelete:link, table.lnTable a.linkDelete:visited, table.lnTable a.linkDelete:hover {
	display:block;
}

table.lnTable a.linkDefault:link, table.lnTable a.linkDefault:visited {
	display:block;
	width:24px;
	height: 24px;
	background: url(icons/og/default.gif) top left no-repeat;
	text-indent: -500px;
	overflow: hidden;
	text-decoration:none;
}
table.lnTable a.linkDefault:hover, table.lnTable a.linkDefault.defaultItem {
	background-image: url(icons/og/default-over.gif);
	text-decoration:none;
}

table.lnTable a.linkAddFile:link, table.lnTable a.linkAddFile:visited {
	display:block;
	width:24px;
	height: 24px;
	background: url(icons/og/upload.gif) top left no-repeat;
	text-indent: -500px;
	overflow: hidden;
	text-decoration:none;
}
table.lnTable a.linkAddFile:hover, table.lnTable a.linkAddFile.defaultItem {
	background-image: url(icons/og/upload-over.gif);
	text-decoration:none;
}

table.lnTable a.linkInfo:link, table.lnTable a.linkInfo:visited {
	display:block;
	width:24px;
	height: 24px;
	background: url(icons/og/info.gif) top left no-repeat;
	text-indent: -500px;
	overflow: hidden;
	text-decoration:none;
}
table.lnTable a.linkInfo:hover, table.lnTable a.linkInfo {
	background-image: url(icons/og/info-over.gif);
	text-decoration:none;
}

.redFlash {
	color:#FF6600;
	font-weight:bold;
}


/* =================================== Press Image Download Styles =============================== */

div.itemFrame {
	background: #EEEEEE;
	margin: 5px;
	width: 172px;
	height: 270px;
	float:left;
	line-height:normal
}
div.itemImage {
	background: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	height: 160px;
	width: 160px;
	border: 1px solid #AAAAAA;
	margin: 5px;
}
div.itemFrame div.itemImage img {
	border: none;
}
div.itemFrame div.itemDownload {
	text-align: left;
	height:35px;
	margin: 0px 5px 5px 5px;
}

div.itemFrame div.itemText {
	text-align: left;
	margin-top: 6px;
	height:75px;
	overflow:auto;
	margin: 0px 5px 5px 5px;
}
div.itemFrame div.itemText p {
	text-align: left;
	margin-top: 0px;
}


/* =================================== Column =============================== */


div.column {
	margin: 0px 0px 15px 15px;
	padding: 20px 15px;
	background: url(m2_bg1.gif) top left no-repeat;
	width: 210px;
	wid\th: 180px;
	float:left;
	font-size: 95%;
	line-height: 11pt;
	min-height: 90px;

}

div.nextToColumn {
	margin: 0px 0px 15px 15px;
	width: 355px;
	float:left;
}


div.nextToColumn.first {
	margin: 0px 0px 15px 0px;
}


span.q1 {
	float: left;
	width: 20%;
	widt\h: 25%;
	margin-right:3%;
	vertical-align: top;
}

span.q2 {
	float: left;
	width: 45%;
	margin-right:3%;
	vertical-align: top;
}

span.q3 {
	float: left;
	width: 60%;
	widt\h: 45%;
	margin-right:3%;
	vertical-align: top;
}

div.divRow {
	padding: 2px 0px;
	padding: 5px 0px;
	border-bottom: 1px dotted #CCCCCC;
	width: 100%;
	overflow:visible;
}

div.column label {
	float: left;
	width: 40%;
	margin: 3px 5px;
	text-align: right;
	clear:left;
}
div.column select {
	float: left;
	max-width: 50%;
	clear:right;
	padding: 0px;
	font-size: 95%;
}

div.column h3 {
	margin-top: 0px;
	margin-bottom: 10px;
}

div.column li {
	margin-top: 2px;
	margin-bottom: 2px;
}

a.documentDownloads {
	float:left;
	padding: 5px 0px 15px 28px;
	background: url(icons/ow/pdf.gif) top left no-repeat;
	min-height: 24px;
	min-heigh\t: 16px;
}

a.removeBrief {
	float:right;
	width:12px;
	height:20px;
	text-decoration:none;
	background: url(icons/ow/small-delete.gif) center left no-repeat;
}

/* ================================= Product Page Styles ====================================== */

div#productDetails {
	float:right;
	margin-top:15px;
}

div#productBlurb {
	float:left;
	width: 350px;
	margin-top:15px;
}

div#productDetails div.buttonSet {
	padding: 5px;
}


/* ================================= switching area  Styles ====================================== */

a.areaToggle:link, a.areaToggle:visited, a.areaToggle:hover {
	display:block;
	height:auto;
	padding-left: 15px;
	font-weight: bold;
	text-decoration:none;
	color:#990000;
}

a.areaToggleSign:link, a.areaToggleSign:visited, a.areaToggleSign:hover {
	float:left;
	width: 9px;
	wid\th: 0px;
	height: 12px;
	margin-right: 6px;
	padding: 12px 9px 0px 0px;
	heigh\t: 0px;
	overflow:hidden;
	text-decoration:none;
}

div.areaHidden a.areaToggle:link, div.areaHidden a.areaToggle:visited {
	background: url(icons/show-hide/show-k.gif) 0px 3px no-repeat;
}

div.areaHidden a.areaToggle:hover {
	background: url(icons/show-hide/show-o.gif) 0px 3px no-repeat;
	color:#FF6600;
}

div.areaVisible a.areaToggle:link, div.areaVisible a.areaToggle:visited {
	background: url(icons/show-hide/hide-k.gif) 0px 3px no-repeat;
}

div.areaVisible a.areaToggle:hover {
	background: url(icons/show-hide/hide-o.gif) 0px 3px no-repeat;
	color:#FF6600;
}

div.areaHidden a.areaToggleSign:link, div.areaHidden a.areaToggleSign:visited {
	background: url(icons/show-hide/show-k.gif) 0px 3px no-repeat;
	color:#FFFFFF;
}

div.areaHidden a.areaToggleSign:hover {
	background: url(icons/show-hide/show-o.gif) 0px 3px no-repeat;
	color:#FF6600;
}

div.areaVisible a.areaToggleSign:link, div.areaVisible a.areaToggleSign:visited {
	background: url(icons/show-hide/hide-k.gif) 0px 3px no-repeat;
	color:#FFFFFF;
}

div.areaVisible a.areaToggleSign:hover {
	background: url(icons/show-hide/hide-o.gif) 0px 3px no-repeat;
	color:#FF6600;
}


div.areaHidden .darkerRow a.areaToggle:link, div.areaHidden .darkerRow a.areaToggle:visited {
	background: url(icons/show-hide/show-w.gif) 0px 3px no-repeat;
	color:#FFFFFF;
}

div.areaHidden .darkerRow a.areaToggle:hover {
	background: url(icons/show-hide/show-o.gif) 0px 3px no-repeat;
	color:#FF6600;
}

div.areaVisible .darkerRow a.areaToggle:link, div.areaVisible .darkerRow a.areaToggle:visited {
	background: url(icons/show-hide/hide-w.gif) 0px 3px no-repeat;
	color:#FFFFFF;
}

div.areaVisible .darkerRow a.areaToggle:hover {
	background: url(icons/show-hide/hide-o.gif) 0px 3px no-repeat;
	color:#FF6600;
}

div.areaHidden .areaAffected {
	height: 0px;
	display: none;
}

div.areaVisible .areaAffected {
	overflow:visible;
}


#navForm {
	width: 100%;
	overflow: visible;
}

#navForm input, #navForm select {
	font-size: 8pt;
	height: 12pt;
	padding: 0px;
	margin-top: 2px;
	clear:right;
	border: 1px solid #666666;
	margin-right: 3px;
}

#navForm input[type=checkbox] {
	width: 12px;
	height: 12px;
	margin: 5px 0px 3px 0px;
	border: none;
	clear:right;
}


#navForm input[type=submit], #navForm input[type=button], #navForm input[type=reset] {
	height: auto;
}


#navForm input[type=submit]:hover, #navForm input[type=button]:hover, #navForm input[type=reset]:hover {
	color:#FFFFFF;
	background-color: #666666;
}

#navForm label {
	margin-top: 2px;
	float: left;
	text-align: right;
	width: 25%;
	margin-right: 7px;
	padding-top: 3px;
	clear:left;
}

#navForm div.buttonSet {

	margin: 0px;
	padding: 0px;
	text-align:center;
	background:none
}

/* =============================================== Keywords Block =================================== */

.keywords {
	background: #EEEEEE;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}

.keywords h4 {
	color: #666666;
	margin: 0px
}

.keywords p {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 8pt;
	margin: 0px
}
