body {margin: 0; background-color: #336; font-family: arial,sans-serif;}
a:hover {color: #C00;}
td {vertical-align: top; padding: 0;}
#head {width: 100%;}
#navwrap {width: 100%; text-align: center; background : url(../img/s-n-bg.html) repeat-x left top;}
#nav {margin-left: 100px; height: 22px; background : url(../img/s-n-bgl.html) no-repeat left top;}
head:first-child+body #nav {margin: auto}
#nav td {background : url(../img/s-n-bgr.html) no-repeat right top; vertical-align: middle; padding-top: 2px; white-space: nowrap;}
#nav a {margin: 0 8px;}
#nav a {padding-left: 11px; background : url(../img/s-n-bt.html) no-repeat left top;}
#nav a:hover, #nav a.there {background : url(../img/s-n-bt1.html) no-repeat left top;}

#main {background-color: #fff; width: 100%; height: 310px;}
#snav {width: 152px; padding-top: 27px; background : #ffffff url(../img/s-sn-bg.html) repeat-y left top; text-align: right;}
#snav div {width: 126px; background : url(../img/s-sn-lt.html) no-repeat left top; margin: 0 6px 4px 20px;}
#snav div.there {background : url(../img/s-sn-lt1.html) no-repeat left top;}
#snav a {background : url(../img/s-sn-lb.html) no-repeat left bottom; font-weight: bold; color: #707094; display: block;  text-decoration: none; font-size: 13px; padding: 3px; width: 126px;}
head:first-child+body #snav a {width: auto;}

#snav a:hover {color: #336; background : url(../img/s-sn-lb1.html) no-repeat left bottom;}
#snav a.there {background : url(../img/s-sn-lb1.html) no-repeat left bottom; color: #336;}

/* content styles */
#content {font-size: 13px; padding: 27px 30px 20px 20px; line-height: 1.3;}
#content td {font-size: 13px; line-height: 1.3;}
#content h1, #content h2, #content h3, #content h4, #content b {color: #336;}
#content h1 {font-size: 160%; margin: 0;}
#content h2 {font-size: 130%; margin: 20px 0 12px;}
#content h3 {font-size: 110%; margin: 12px 0 0;}
#content h4 {font-size: 100%; margin: 12px 0 0;}
#content h2.first {margin-top: 0 !important;}
#content h2 a, #content h3 a, #content b a {color: #336;}
#content h2 a:visited, #content h3 a:visited, #content b a:visited {color: #606;}
#content h2 a:hover, #content h3 a:hover, #content b a:hover {color: #C00;}
#content p {margin: 0 0 10px;}
#content code, #content pre {margin: 0 0 10px; display: block; font-size: 12px; width: 570px; overflow: auto}}}}
#content pre {background-color: #F5F5F7; padding: 6px; border: 1px solid #CECEDA;}
#content ul {list-style-type: none; margin: 12px;}
#content ul li {padding-left: 13px; margin: 0 0 8px; background : url(../img/s-li.html) no-repeat left top; line-height: 1.1;}
#content ol li {margin: 0 0 8px;}


#content .more {width: 203px; float: right; margin-left: 8px;}
#content .wider {width: auto; float: none; margin-left: 0;}
#content .more td {border: 1px solid #CECEDA; font-size: 12px; padding: 6px 10px;}
#content .more ul {margin: 0; list-style-type: none;}
#content .more ul li {padding-left: 10px; background : url(../img/li.html) no-repeat left top; margin-bottom: 4px;}
head:first-child+body #content .more ul {margin-left: -40px}
#content .more .morehd {background : url(../img/s-morehdbg.html) no-repeat; color: #fff; font-weight: bold; padding: 3px 0 2px 10px; border-width: 0; font-size: 11px; border-right: 1px solid #CECEDA;}
#content .more .icon {margin-left: 4px;}

#content table {width: 100%; margin: 0 0 10px;}
#content table th {background-color: #336; color: #fff;}
#content td {vertical-align: top; padding: 6px;}
#content td h3 {border-bottom: 1px solid #336; margin: 8px 0 0;}
#content .news td {padding: 2px 0 6px 0;}
#content .news .date {white-space: nowrap; text-align: right; padding-right: 8px; padding-left: 6px;  border-left: 1px solid #336;}
#content .news .year {padding: 2px 0 0 0;}
#content .even {background-color: #fff;}
#content .odd {background-color: #efefef;}
#content .attributeissues {border: 1px solid #336; margin-bottom: 10px; border-bottom-width: 4px;}
#content .attributeissues td {border-bottom:  1px solid #336; padding: 6px;}
#content .attribute {border-right: 1px solid #336; white-space: nowrap;}
#content .vendor {white-space: nowrap;}
#content .border {border: 1px solid #336;}
#content hr {color: #336; height: 1px;}
#content .btt {text-align: right; font-weight: bold; }

#content .sidebar {padding: 8px; background-color: #F5F5F7; width: 40%;}
.l {float: left; margin-right: 8px; border-right: 1px solid #336;}
.r {float: right; margin-left: 8px; border-left: 1px solid #336; width: auto;}
td.r {text-align: right; margin: 0; border: 0;}
.c {text-align: center;}
#content .illus {margin: 12px 0; font-size: 85%; border: 0; text-align: center; clear: both;}
#content .illus img {display: block;}
#content .illus a img, #content .illus .border {border: 1px solid #707094;}
#content .illus pre {text-align: left; margin-bottom: 0;}
#content .illus table {margin-bottom: 0;}
#content .warn b {color: #f00;}
#content .warn {border-left: 2px solid #f00; padding-left: 6px;}

#content table.small {border-left: 1px solid #CECEDA;}
#content table.small td, #content table.small th {font-size: 10px; white-space: nowrap; border: 1px solid #CECEDA; border-width: 0 1px 1px 0; padding: 2px;}
#content table.small td table td {border: 0;}

#content .logos {width: 100%;}
#content .logos td {width: 33%; padding: 0 0 12px; vertical-align: middle; text-align: center;}

#partners .logos {width: auto; text-align: right; padding: 10px 12px 0 0;}

#prevnext {text-align: right;}
#prevnext #prev {float: left;}

#content .illus .larger {background: #fff; text-align: right; margin: 0 20px 3px;}
#content .illus .larger .icon {display: inline; margin-right: 4px; border: none; vertical-align: middle;}

/* end content styles */

/* form styles */
form legend {font-size: 160%; color: #336; padding: 2px 4px;}
form fieldset {border: 1px solid #336; width: 400px; padding: 10px 8px; margin: 0 auto;}
form fieldset .required {font-weight: bold; color: #336;}
form fieldset .required:before {content: "*"}
form fieldset div.required {text-align: right;}
form fieldset div {margin-bottom: 6px;}
form fieldset div span {text-align: right; width: 120px; display: block; float: left; clear: both; padding: 2px 4px;}
form fieldset div span.other {width: 40px;}
form fieldset .note {font-size: 85%; color: #666;} 
form fieldset .button {text-align: center; margin: 8px 100px; display: block; background-color: #336; color: #fff; border: 2px outset #A9A9C6 ;}
/* end form styles */

#footer {width: 100%;}
#ftnav {border-top: 1px solid #fff; background : url(../img/s-ft-rbg.html) no-repeat right top; color: #fff; font-size: 10px; width: 100%; padding-top: 5px;}
#ftnav a {color: #fff;}

@media print{
	#snav, .larger, #prevnext {display: none}
	#content code, #content pre {width: 100%; overflow: visible}}}}
	#content {font-size: 10pt; padding: 0;}
	#content ul, #content .more ul {margin-left: 30px; list-style: disc;}
	#content ul li, #content .more ul li {padding-left: 0; background: none;}
}