/* ::: GENERIC CSS - FIXED WIDTH, CENTERED, BORDERLESS - SCREEN ::: */

/* >>> STYLES FOR STANDARD HTML TAGS <<< */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px 0px 0px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	text-align: left;
}

h1
{
	/* color: #315F9E; */
	color: #00447C;
	padding-top: 30px;
}

h2 
{
    color: #00447C;
	/* color: #315F9E; */
}

h3
{
	/* color: #0099ba; */
	color: #0067B1;
}

h4 {
	color: #CC6633;
}

h5 {
	color: #008484;
}

h6 {
	color: #008484;
}

a {
	color: #008484;
	
}

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

img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

/* >>> STYLES FOR MAJOR LAYOUT COMPONENTS AND RELATED MODIFIERS <<< */

#hdrFrame, #navFrame, #contentFrame, #ftrFrame, .docHdr, .content, .headerWarning {
	padding: 0px;
	overflow: hidden;
		margin:0 auto !important;
}
.cert-content {width:980px}
.content {padding-top:60px !important}
#hdrFrame, .docHdr
{
	border-bottom: #315F9E solid 2px;
	border-top: #315F9E double 6px;
	margin-bottom: 12px;
	margin-top: 10px;
}

.docHdrLeft 
{
    width: 552px;
    float: left;
    clear: right;
}

.docHdrRight 
{
    width: 194px;
    float: right;
}

.docHdrRight img 
{
    margin-top: 6px;
    margin-bottom: 6px;
}

.docHdr h1 
{
    font-size: 1.6em;
    padding-top: 15px;
    padding-bottom: 12px;
}

#navFrame {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #878377;
	border-bottom-color: #878377;
	margin-top: 9px;
}

#utilitiesMainFrame {
	width: 100%;
	margin: 0px auto;
}

#utilitiesMainFrame p {
	padding-top: 12px;
	padding-bottom: 6px;
}

#utilitiesLeft {
	width: 400px;
	float: left;
	clear: right;
}

#utilitiesRight {
	width: 360px;
	float: left;
}

#utilitiesRight p {
	text-align: right;
}

#navFrame p {
	font-size: 0.85em;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #335E99;
	text-align: center;
}

#navFrame a {
	color: #878377;
	text-decoration: none;
}

#navFrame a:hover {
	color: #335E99;
	text-decoration: underline;
}

#ftrFrame {
	margin-top: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #878377;
}

#ftrFrame p {
	color: #878377;
	font-size: 0.85em;
	padding-top: 6px;
	padding-bottom: 12px;
}

#ftrLeft, #ftrRight {
	clear: right;
	float: left;
	width: 50%;
}

#ftrRight p {
	text-align: right;
}

#controls
{
    width: 296px;
    float: left;
    clear: right;
    padding: 0px;
    margin: 0 20 0 0;
}

#instructions {
	width: 444px;
	float: right;
	border: solid 1px #315F9E;
	background-color: #F3F9F9;
	padding: 20 0 20 0;
}

#instructions h4, #instructions h5, #instructions h6 {
	padding-left: 10px;
	padding-right: 10px;
}

#instructions p {
	padding-left: 20px;
	padding-right:10px;
}
/* >>> STYLES FOR COLUMN COMPONENTS AND RELATED MODIFIERS <<< */

#twoColumnLeft_sidebar {
	padding: 15px 0px 0px;
	clear: right;
	float: left;
	width: 140px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#twoColumnLeft_content {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 600px;
}

#twoColumnRight_content {
	padding: 0px;
	clear: right;
	float: left;
	width: 600px;
	margin: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#twoColumnRight_sidebar {
	margin: 0px;
	padding: 15px 0px 0px;
	float: left;
	width: 140px;
}

#threeColumn_left {
	padding: 15px 0px 0px;
	clear: right;
	float: left;
	width: 140px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#threeColumn_content {
	padding: 0px;
	clear: right;
	float: left;
	width: 440px;
	margin: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#threeColumn_right {
	margin: 0px;
	padding: 15px 0px 0px;
	float: left;
	width: 140px;
}

#pageBreak { 
}

/* >>> STYLES FOR CLASS MODIFIERS <<< */

.alt {
	display: none;
}

.gridCell {
	width: 65%;
	padding-left: 1px;
	padding-right: 30px;
}

.gridHdr_Blue {
	background-color: #00447C;
}

.gridBorder_Gray, .gridHdr_Gray, .gridRow_Gray, .gridAltRow_Gray, .gridPager_Gray, 
.gridBorder_Blue_293, .gridHdr_Blue_293, .gridRow_Blue_293, .gridAltRow_Blue_293, 
.gridSelectedRow_Blue_293, .gridPager_Blue_293,
.dviewHdr_Blue_293, .dviewFieldHdr_Blue_293, .dviewField_Blue_293
{
    font-size: 0.95em;
}

.gridBorder_Gray 
{
   border-color: #A9A9A9;
}

.gridHdr_Gray {
	background-color: #DCDCDC;
}

.gridRow_Gray {
	background-color: #FFFFFF;
}

.gridAltRow_Gray {
	background-color: #F5F5F5;
}

.gridPager_Gray {
	background-color: #DCDCDC;
}

.gridBorder_Blue_293
{
   border-color: #ABC1D4;
}

.gridHdr_Blue_293
{
    background-color: #0067B1;
    color: #FFFFFF;
}

.gridHdr_Blue_293 a 
{
    color: #DCF4FC;
}

.gridHdr_Blue_293 a:hover 
{
  color: #FFFFFF;  
}

.gridRow_Blue_293 {
	background-color: #FFFFFF;
}

.gridPager_Blue_293 
{
    border-color: #ABC1D4;
	background-color: #CDDAE5;
}

.noHeight {
	font-size: 0px;
}

.pageBreak
{
    padding: 6px 0px;
    margin: 0px;
}

.sigBlock 
{
	width: 100%;
	float: left;
	clear: both;
}

.signature {
	border-top: solid 1px;
	font-weight: bold;
}

.date {
	float: left;
	width: 100px;
}

.sigBlock {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 12px;
}

.sigBlockLeft 
{
	width: 500px;
	float: left;
	clear: right;
}

.sigBlockRight
{
	width: 260px;
	float: left;
}
	
.sigBlockRight p 
{
	text-align: right;
}	

.intro 
{
	padding-bottom: 6px;
}

.intro p, .manufacturer p, .border p, .help p
{
	padding-left: 25px;
}

.ownership
{
	border-top: gray 1px solid;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: gray 1px solid;
}

.icon
{
    vertical-align: middle;
    padding-right: 5px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.cert-content {width:880px !important}
.content {padding:0 !important}
}
@media all and (min-width : 100px) and (max-device-width:600px) {
.cert-content {width:90% !important;margin:0 auto 0 !important;height:900px;overflow-y:scroll
}
.content {padding:0 !important}
#instructions {margin-top:30px;margin-bottom:60px;width:98% !important;float:left;}
#controls {width:100% !important}
p {font-size:14px !important;line-height:1.25 !important}

}

@media only screen and (min-device-height : 600px) and (max-device-height : 1366px) and (orientation : portrait) {


.cert-content {width:90 !important;margin:0 auto !important}
#controls {width:40% !important}
#instructions {width:45% !important}

}