@charset "UTF-8";
/* CSS Document */
/* ############################################################  */
/* ################ GLOBAL STYLES GLOBAL STYLES #####################  */
/* ############################################################  */

div.loadingGif {
	width: 100px;
	height: 100px;
	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	z-index: 999;
	position: absolute;
	margin: 40px auto auto 250px;
	display:none;
	}
div.docSearchLoadingGif {
	width: 100px;
	height: 100px;
	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	z-index: 999;
	position: absolute;
	margin: 125px auto auto 250px;
	display:none;
	}
body {
    background: #002961 url("../img/pto-bg-allPage.jpg") repeat-x;
    color: #000000;
    font-family: "Tahoma", verdana, helvetica, sans-serif;
    font-size: 80%;
    margin: 0px auto 0px auto;
}
pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	font-size: 75%;
}
form,table,span,img,button,iframe,a,p,h1,h2,h3,label,ul,li  { margin:0; padding:0; border:0; }
table { text-align:left; margin: 0; padding: 0; border: 0;}
td {vertical-align: top; padding: 0px;}

label {cursor: pointer;}

a {color: #0028d7; text-decoration: none;}
a:hover {color: #0028d7; text-decoration: underline;}
	
/* #####################################################  */
/* ########### GENERAL CLASSES GENERAL CLASSES ###############  */
/* #####################################################  */

.floatLeft { float: left; }
.floatRight { float: right;}
.editButtons { padding: 0px 25px 0px 0px;}
.scrollableText { background-color : #ffffff; padding : 4px; width : 550px; overflow : auto;}
.scrollableSection { background-color : #ffffff; padding : 4px; width : 620px; overflow : auto;}
.displayBlock { display: block; }
.displayNone { display: none; }
.displayInline { display: inline; }
.textCenter {text-align: center;}
.textRight {text-align: right;}
.cursorDefault { cursor: default!important; }
.cursorPointer { cursor: pointer!important; }
.clearBoth {clear: both;}
.textDecorationNone {text-decoration: none!important;}
.backgroundWhite {background-color: #ffffff!important;}
.positionRelative {position: relative!important;}
.valignMiddle {vertical-align: middle!important;}
.valignTexttop {vertical-align:text-top!important;}
.valignBottom {vertical-align:bottom!important;}

/* ############################################################  */
/* ######################### TOP CONTAINER ######################  */
/* ############################################################  */

div#mainCenter {
	width: 904px;
	height: 100%;
	margin: 5px auto 0px auto;
	padding: 0px 0px 28px 0px;
	position: relative;
	background-image: url(../img/pto-bg-mainCenter.gif);
	background-repeat: repeat-y;
	}
	div#header {
		width: 902px;
		height: 123px;
		position: relative;
		margin: 0px 0px 0px 0px;
		background-image:url(../img/bg-header.jpg);
		background-repeat: no-repeat;
		background-position: 2px 0px;
		}
		div#header h1 {
			position: absolute;
			top: 7px;
			left: 11px;
			}
		div#header div#headerSrch {
			position: absolute;
			top: 4px;
			right: 6px;
			text-align: right;
			}
			p#hd-extras {
				margin: 0px 12px 10px 0px;
				}
			p#hd-extras a {
				font-weight: bold;
				font-size: 100%;
				margin: 0px 0px 0px 0px;
				color: #031d4f;
				text-decoration: underline;
				}
				span.breakBars {
					padding: 0px 0px 0px 0px;
					font-size: 96%;
					font-weight: bold;
					color: #031d4f;
					}
		/* #####################################################  */
		/* #################### GLOBAL NAV ###################  */
		/* #####################################################  */
		ul#globalNav {
			width: 900px;
			height: 29px;
			background-color: #bacede;
			border-top: 0px solid #bacede;
			list-style-type: none;
			position: absolute;
			top: 93px;
			left: 2px;
			background-image: url(../img/bg-globalNavUL.jpg);
			background-repeat: repeat-x;
			}
			ul#globalNav li {
				float: left;
				margin: 0px 0px 0px 0px;
				}
				ul#globalNav li a {
					color: #ffffff;
					font-weight: bold;
					font-size: 85%;
					margin: 0px 0px 0px 0px;
					padding: 8px 7px 7px 7px;
					display: block;
					}
					ul#globalNav li a:hover {
						background-image: url(../img/bg-globalNavLIhover.jpg);
						background-repeat: repeat-x;
						text-decoration: none;
						}
					ul#globalNav li a.current {
						background-image: url(../img/bg-globalNavLIcurrent.jpg);
						background-repeat: repeat-x;
						text-decoration: underline;
						color: #042b6e;
						padding: 8px 10px 7px 10px;
						border-bottom: 2px solid #ffffff;
						}
/* #####################################################  */
/* ############## CONTENT BOX CONTENT BOX ##################  */
/* #####################################################  */
	
	div#columnRight {
		margin: 0px 0px 0px 268px; 
		padding: 0px 0px 0px 0px;
		width: 620px;
		}
		div.contentBoxMain {
			margin: 0px 0px 0px 0px;
			padding: 18px 0px 8px 0px;
			min-height: 620px;
			width: 620px;
			background-color: #ffffff;
			z-index: 2;
			position: relative;
			}
		div.contentBoxMain>p {
			margin: 0px 0px 9px 12px;
			}
				h2 {
					color: #005091;
					margin: 0px 0px 6px 0px;
					font-size: 152%;
					font-weight: bold;
					}
					h2 a {
						font-size: 68%;
						font-weight: normal;
						margin: 0px 0px 0px 22px;
						}
					h2 a.helpIconh2 {
						margin: 0px 0px 0px 0px;
						}
				h3 {
					color: #005091;
					margin: 0px 0px 6px 12px;
					font-size: 132%;
					font-weight: bold;
					}
					h3 a {
						font-size: 68%;
						font-weight: normal;
						margin: 0px 0px 0px 22px;
						}
				h4 {
					color: #005091;
					margin: 0px 0px 6px 0px;
					font-size: 116%;
					font-weight: bold;
					}
				div#searchResults p {
					margin: 0px 0px 12px 12px;
					line-height: 124%;
					}
	/* ################ yellow box styles ################# */
			div.yellowBox {
				width: auto;
				margin: 11px 0px 11px 12px;
				padding: 6px;
				border: 1px solid #cbc611;
				background-color: #fffdbf;
				color: #922609;
				font-size: 112%;
				}
				div.yellowBox p {
					margin: 0px 0px 10px 0px;
					line-height: 124%;
					}
		/* ################ red box styles ################# */
			div.redBox {
				width: auto;
				margin: 12px 0px 12px 12px;
				padding: 12px;
				border: 1px solid #df1115;
				background-color: #ffcdcd;
				color: #000000;
				font-size: 112%;
				#width: 580px;
				}
				div.redBox p {
					margin: 0px 0px 10px 0px;
					line-height: 124%;
					}
	/* ######## footer ##########  */
		div#footer {
			width: 864px;
			height: 110px;
			clear: both;
			font-size: 96%;
			#font-size: 88%;
			margin: 0px auto 0px auto;
			padding: 6px 4px 0px 0px;
			background-color: #e6e5e6;
			border-top: 1px dotted #7f1b10;
			border-bottom: 1px dotted #7f1b10;
			}
			div.logoCol {
				float: left;
				width: 100px;
				padding: 3px;
				text-align: center;
				}
			div.footerCol {
				float: left;
				width: 174px;
				border-left: 1px solid #a4a4a4;
				padding: 2px 4px 0px 4px;
				margin: 0px 0px 0px 6px;
				}
				ul.footer {
					list-style-image: url(../img/li-footerBullet.jpg);
					margin: 0px 0px 0px 18px;
					}
					ul.footer li {
						margin: 0px 0px 5px 0px;
						}
						ul.footer a {
							color: #031d4e;
							text-decoration: underline;
							}
	/* ######## doc viewer popup styles #########  */	
	body.docViewer {
		margin: 0px;
		padding: 8px;
		color: #464646;
		background-image: none;
		background-color: #ffffff;
		width: 95%;
		}
		div.docViewWindow {
			/*overflow-y: auto;
			overflow-x: auto;
			height: 500px;*/
			width: 100%;
			border: 1px solid #c4c4c4;
			background-color: #666666;
			margin: 8px 0px 0px 0px;
			padding: 8px;
			}
			div.docViewWindow iframe{
				/*overflow-y: auto;
				overflow-x: auto;
				min-height: 500px;*/
				width: 100%;
				background-color: white;
			}
	/* ######## faq page styles #########  */	
	div.FAQuestion {
		margin: 0px 0px 9px 12px;
		}
	div.FAQuestion p {
		margin: 6px 0px 6px 9px;
		}
/* #####################################################  */
/* #################### SIDE NAV SIDE NAV ###################  */
/* #####################################################  */
	div#columnLeft {
		float: left;
		margin: 0px 0px 0px 0px;
		width: 267px;
		}
		ul#breadcrumb {
			list-style-type: none;
			margin: 7px 0px 12px 18px;
			}
			ul#breadcrumb li {
				float: left;
				font-size: 88%;
				}
				ul#breadcrumb li a {
					color: #031d4e;
					text-decoration: underline;
					}
		div#sideNavTop {
			width: 250px;
			background-image:url(../img/bg-sideNavTop.jpg);
			background-repeat: no-repeat;
			width: 250px;
			height: 6px;
			margin: 29px 0px 0px 17px;
			}
		div#sideNavBot {
			width: 250px;
			background-image:url(../img/bg-sideNavBot.jpg);
			background-repeat: no-repeat;
			width: 250px;
			height: 7px;
			margin: 0px 0px 0px 17px;
			}
		ul#sideNav {
			width: 250px;
			background-color: #546f9a;
			list-style-type: none;
			margin: 0px 0px 0px 17px;
			}
			ul#sideNav>li {
				list-style-type: none;
				color: #ffffff;
				}
				ul#sideNav>li>span {
					display: block;
					color: #ffffff;
					margin: 0px 0px 0px 0px;
					padding: 7px 4px 7px 11px;
					font-size: 100%;
					border-bottom: 1px solid #546f9a;
					background-color: #052b69;
					cursor: pointer;
					}
				ul#sideNav>li>span.sideNavFirst {
					background-image: url(../img/li-bg-sideNavFirst.jpg);
					background-repeat: repeat-x;
					background-position: top;
					}
					ul#sideNav>li>ul {
						list-style-type: none;
						background-color: #546f9a;
						margin: 0px 0px 0px 0px;
						}
						ul#sideNav>li>ul>li {
							list-style-type: none;
							padding: 3px 4px 3px 16px;
							}
							ul#sideNav>li>ul>li>a {
								color: #ffffff;
								}
								ul#sideNav>li>ul>li>ul {
									list-style-type: none;
									padding: 3px 4px 0px 21px;

									}
									ul#sideNav>li>ul>li>ul>li {
										list-style-image: url(../img/li-bulletSideNavSub.jpg);
										}
										ul#sideNav>li>ul>li>ul>li>a {
											color: #ffffff;
											}
	
/* #####################################################  */
/* ######## MARGINS, PADDINGS, WIDTHS, LINE HEIGHTS  ##########  */
/* #####################################################  */	

/* margins  */
.marginAll6px { margin: 6px!important; }
.marginAll12px { margin: 12px!important; }
.marginTop3px { margin-top: 3px!important;}
.marginTop0px { margin-top: 0px!important;}
.marginTop4px { margin-top: 4px!important;}
.marginTop5px { margin-top: 5px!important;}
.marginTop6px { margin-top: 6px!important;}
.marginTop8px { margin-top: 8px!important;}
.marginTop10px { margin-top: 10px!important;}
.marginTop12px { margin-top: 12px!important;}
.marginTop14px { margin-top: 14px!important;}
.marginTop16px { margin-top: 16px!important;}
.marginTop20px { margin-top: 20px!important;}
.marginTop21px { margin-top: 20px!important;}
.marginTop30px { margin-top: 30px!important;}
.marginRight0px { margin-right: 0px!important;}
.marginRight2px { margin-right: 2px!important;}
.marginRight3px { margin-right: 3px!important;}
.marginRight4px { margin-right: 4px!important;}
.marginRight5px { margin-right: 5px!important;}
.marginRight6px { margin-right: 6px!important;}
.marginRight8px { margin-right: 8px!important;}
.marginRight10px { margin-right: 10px!important;}
.marginRight12px { margin-right: 12px!important;}
.marginRight15px { margin-right: 15px!important;}
.marginRight18px { margin-right: 18px!important;}
.marginRight25px { margin-right: 25px!important;}
.marginRight40px { margin-right: 40px!important;}
.marginRight58px { margin-right: 58px!important;}
.marginRight77px { margin-right: 77px!important;}
.marginRight395px { margin-right: 395px!important;}
.marginRight402px { margin-right: 402px!important;}
.marginBottom0px { margin-bottom: 0px!important;}
.marginBottom3px { margin-bottom: 3px!important;}
.marginBottom5px { margin-bottom: 5px!important;}
.marginBottom6px { margin-bottom: 6px!important;}
.marginBottom12px { margin-bottom: 12px!important;}
.marginBottom17px { margin-bottom: 17px!important;}
.marginLeft0px { margin-left: 0px!important;}
.marginLeft1px { margin-left: 1px!important;}
.marginLeft2px { margin-left: 2px!important;}
.marginLeft3px { margin-left: 3px!important;}
.marginLeft4px { margin-left: 4px!important;}
.marginLeft5px { margin-left: 5px!important;}
.marginLeft6px { margin-left: 6px!important;}
.marginLeft8px { margin-left: 8px!important;}
.marginLeft10px { margin-left: 10px!important;}
.marginLeft12px { margin-left: 12px!important;}
.marginLeft18px { margin-left: 18px!important;}
.marginLeft19px { margin-left: 19px!important;}
.marginLeft20px { margin-left: 20px!important;}
.marginLeft24px { margin-left: 24px!important;}
.marginLeft35px { margin-left: 38px!important;}
.marginLeft52px { margin-left: 52px!important;}
.marginLeft136px { margin-left: 136px!important;}
	
/* paddings  */	
.paddingAll0px { padding: 0px!important;}
.paddingAll6px { padding: 6px!important;}
.paddingAll12px { padding: 12px!important;}
.paddingTop9px {padding: 9px 0px 0px 0px!important;}
.paddingTop14px {padding: 14px 0px 0px 0px!important;}
.paddingTop18px {padding: 18px 0px 0px 0px!important;}
.paddingTop21px {padding: 21px 0px 0px 0px!important;}
.paddingLeft12px {padding: 0px 0px 0px 12px!important;}
.paddingLeft6px {padding: 0px 0px 0px 6px!important;}
.paddingRight9px {padding: 0px 9px 0px 0px!important;}

/* widths  */	
.widthAuto {width: auto!important;}
.width75pct {width: 75%!important;}
.width100pct {width: 100%!important;}
.width25px {width: 25px!important;}
.width35px {width: 35px!important;}
.width45px {width: 45px!important;}
.width50px {width: 50px!important;}
.width75px {width: 75px!important;}
.width90px {width: 90px!important;}
.width100px {width: 100px!important;}
.width120px {width: 120px!important;}
.width125px {width: 125px!important;}
.width140px {width: 140px!important;}
.width150px {width: 150px!important;}
.width160px {width: 160px!important;}
.width182px {width: 182px!important;}
.width188px {width: 188px!important;}
.width209px {width: 209px!important;}
.width219px {width: 219px!important;}
.width225px {width: 225px!important;}
.width231px {width: 231px!important;}
.width245px {width: 245px!important;}
.width250px {width: 250px!important;}
.width268px {width: 268px!important;}
.width275px {width: 275px!important;}
.width300px {width: 300px!important;}
.width378px {width: 378px!important;}
.width460px {width: 460px!important;}
.width510px {width: 510px!important;}
.width535px {width: 535px!important;}
.width585px {width: 585px!important;}
.width625px {width: 625px!important;}
.width658px {width: 658px!important;}
.width675px {width: 675px!important;}

/* heights  */	
.height60px {height: 60px!important;}
.height350px {height: 350px!important;}

/* line heights */	
.lineHeight116pct {line-height: 116%!important;}
	
/* #####################################################  */
/* ################### FONTS FONTS FONTS ###################  */
/* #####################################################  */	

.times {font-family: "Times New Roman", Times, serif;}
.bold { font-weight:bold;}
.italic { font-style: italic;}
.normal { font-weight: normal;}

.red { color: #a01125; }
a.red { color: #ee0f0f; }
.green { color: #006600;}
.yellow {color: #c2c40c;}
.grey { color: #999999;}
.orange { color: #e16500;}
.darkGrey { color: #646260;}
.lightGrey { color: #9e9e9e;}
.blue { color: #02adcb;}
.lightBlue {color: #5389b9;}
.darkBlue {color: #005288;}
.black {color: #000000;}
span.superscript { font-size: 76%;vertical-align: text-top;}

.font07px {font-size: 68%!important;}
.font08px {font-size: 72%!important;}
.font09px {font-size: 76%!important;}
.font10px {font-size: 84%!important;}
.font11px {font-size: 88%!important;}
.font12px {font-size: 92%!important;}
.font13px {font-size: 100%!important;}
.font14px {font-size: 116%!important;}
.font15px {font-size: 124%!important;}
.font16px {font-size: 132%!important;}
.font17px {font-size: 140%!important;}
.font18px {font-size: 148%!important;}
.font19px {font-size: 156%!important;}
.font20px {font-size: 164%!important;}

.overlays {
	display:none;
}
	
:focus{
	outline: ridge medium grey;
}

p#adobeDL{
	margin-left: 12px;
}


h2.maintenance_heading span {
	padding: 0 0 0 20px;
	background:url(../img/up_arrow.png) 6px center no-repeat;
	color: #336699;
	text-decoration: none;
	display: block;
}