/* common tags */
body
{
	background: white;
	padding: 0;
	margin: 0;
	font-family: Arial, Tahoma;
	font-size: 14px;
	color: black;
}

a
{
	color: #3c9fd8;
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
	border-bottom: 1px dotted;
}

h1
{
	font-family: Arial Narrow;
	color: #b81425;
	font-size: 22px;
	padding: 0;
	margin-top: 1px !important;
	margin-top: 10px;
	white-space: nowrap;
}

h2
{
	font-size: 16px;
	margin: 25px 0px 5px 0px;
}

/* IDs */
#header1
{
	border-bottom: 2px solid #0276ac;
	padding: 15px 15px 0px 15px;
	min-width: 940px; /* IE6 hack */
	width: expression(document.body.clientWidth < 970? "970px": "auto" );
}

#header2
{
	border-bottom: 2px solid #0276ac;
	padding: 15px 15px 0px 15px;
	min-width: 480px; /* IE6 hack */
	width: expression(document.body.clientWidth < 520? "520px": "auto" );
}

#header3
{
	border-bottom: 2px solid #0276ac;
	padding: 15px 15px 0px 15px;
	min-width: 900px; /* IE6 hack */
	width: expression(document.body.clientWidth < 930? "930px": "auto" );
}

#content
{
	min-height: 400px;
	height: auto !important;
	height: 400px;
	min-width: 1260px;
}

#content_full
{
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 15px 15px 15px 15px;
}

#footer
{
	float: left;
	width: 100%;
	height: 23px !important;
	height: 63px;
	display: block;
	overflow: hidden;
	vertical-align: middle;
	background-color: #eceded;
	padding: 24px 0px 14px 0px;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
}

#footer a
{
	color: #666666;
}

#footer a:hover
{
	border-bottom: dotted 1px #666666;
}

#contact_us_login
{
	float: left;
	font-size: 12px;
	margin-top: 7px;
	line-height: 18px;
}

#top
{
	display: block;
	height: 96px;
}

#logo
{
	float: left;
	background: url(../images/template/logo.gif) no-repeat top left;
	width: 208px;
	height: 0 !important;
	height: 49px;
	margin-top: 24px;
	padding-top: 49px;
	overflow: hidden;
	display: block;
	position: relative;
}

a.logoLink
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 208px;
	height: 50px;
}

/* Login and Logout Sections  */
#logout_button
{
	float: right;
	margin-top: 9px;
}
#logout_button a
{
	display: block;
	overflow: hidden;
	height: 0 !important;
	height: 14px;
	width: 50px;
	background: url(../images/buttons/logout.gif) no-repeat top left;
	padding-top: 14px;
}
div.login_box
{
	float: right;
	width: 251px;
	height: 86px;
}
#login_top_login
{
	height: 23px;
	font-size: 11px;
	margin: 0px 5px 0px 0px;
	text-align: right;
	font-weight: bold;
}

#login_top_logoff
{
	height: 23px;
	font-size: 12px;
	margin: 0px 5px 0px 0px;
	text-align: right;
}

#login_bottom
{
	height: 63px;
	padding: 10px 10px 0px 10px;
}
#login_fields
{
	float: left;
	width: 110px;
}
#login_fields input
{
	height: 15px;
	margin-top: 0px;
	margin-bottom: 2px;
	border: solid 1px black;
	width: 100px;
	font-size: 11px;
}
#login_button
{
	position: relative;
	float: right;
	display: block;
	height: 14px;
	width: 35px;
	margin: 0;
	top: 28px !important;
	top: 30px;
}
#login_titles
{
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: black;
	float: left;
	padding-left: 2px;
	padding-top: 3px !important;
	padding-top: 0px;
	line-height: 20px;
	width: 75px;
	font-weight: bold;
}
#logout_button
{
	float: right;
}


#copyright
{
	float: left;
	margin: 0px 0px 0px 10px;
}
#bottom_links
{
	float: right;
	margin: 0px 10px 0px 0px;
}

#left
{
	float: left;
	width: 180px;
	padding: 15px 0px 0px 15px;
}

#leftTree
{
	float: left;
	padding: 10px 0px 0px 10px;
}

#leftNonMenu
{
	float: left;
	width: 250px;
	padding: 15px 0px 0px 15px;
}

#right
{
	float: left;
	width: 900px;
	padding: 10px 0px 20px 20px;
}

#rightNonMenu
{
	float: left;
	padding: 15px 15px 15px 15px;
	width: 600px;
}

#midMenuClass
{
	width: 660px;
}

#rightLogin
{
	float: left;
	width: 900px;
	padding: 10px 0px 20px 20px;
}

#today
{
	margin-top: 8px !important;
	margin-top: 7px;
	margin-bottom: 20px;
	color: #818285;
}

#paperman
{
	background: url(../images/template/paperman.gif) no-repeat top left;
	padding: 280px 0px 0px 0px;
	margin: 10px 0px 0px -15px;
	overflow: hidden;
	width: 280px;
	height: 0 !important;
	height: 280px;
	display: block;
}

.specialFeatures
{
	width: 275px;
	float: left;
	margin: 20px 0px 20px 85px;
	background-image: url(../images/template/special_features_content.gif);
}

.specialFeatureHeader
{
	height: 36px;
	background-image: url(../images/template/special_features_top.gif);
}

.specialFeatureContent
{
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

.specialFeatureBottom
{
	height: 15px;
	background-image: url(../images/template/special_feature_bottom.gif);
	padding: 0;
	margin: 0;
}

div.specialFeatureSummary
{
	color: #9F9F9F;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 8px;
	clear: both;
}

div.specialFeatureTitle
{
	float: left;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 8px;
	width: 200px;
}

div.specialFeaturesDate
{
	font-size: 12px;
	padding-right: 8px;
	float: right;
}

h1.specialFeatureH1
{
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 18px;
}

.specialFeatureAnchor
{
	color: #3c9fd8;
	text-decoration: none;
	margin-left: 5px;
	font-size: 12px;
}

.specialFeaturesHR
{
	color: Black;
	width: 252px;
}

img.specialFeaturesImage
{
	padding-left: 43px;
	padding-right: 48px;
	padding-top: 10px;
	height: 236px;
	width: 171px;
}

/* Menus */
#menu
{
	height: 38px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	white-space: nowrap;
	font-size: 12px;
}

#menu_list, #menu_list ul
{
	width: 800px;
	float: left;
	list-style: none;
	line-height: 10px;
	background: white;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#menu_list a
{
	display: block;
	text-decoration: none;
	height: 39px;
}
#menu_list li
{
	float: left;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 2px;
}
/* About Pagemaster Menu Items */
#menu_list li#about_pagemasters
{
	width: 171px;
	background: url(/images/template/m1_about_pagemasters.gif) no-repeat top left;
}
#menu_list li#about_pagemasters a
{
	width: 171px;
	display: block;
}
#menu_list li#about_pagemasters:hover, #menu_list li#about_pagemasters a:hover
{
	text-decoration: none;
	width: 171px;
	background: url(/images/template/m1_about_pagemasters_h.gif) no-repeat top left;
}
#menu_list li#about_pagemasters a.on
{
	background: url(../images/template/m1_about_pagemasters_a.gif) no-repeat top left;
}
/* Contact Us Menu Items */
#menu_list li#contact_us
{
	width: 121px;
	background: url(/images/template/m1_contact_us.gif) no-repeat top left;
}
#menu_list li#contact_us a
{
	width: 121px;
	display: block;
}
#menu_list li#contact_us:hover, #menu_list li#contact_us a:hover
{
	text-decoration: none;
	width: 121px;
	background: url(/images/template/m1_contact_us_h.gif) no-repeat top left;
}
#menu_list li#contact_us a.on
{
	background: url(../images/template/m1_contact_us_a.gif) no-repeat top left;
}
/* Pagemaster NZ Menu Items */
#menu_list li#pagemasters_nz
{
	width: 146px;
	background: url(/images/template/m1_pagemasters_nz.gif) no-repeat top left;
}
#menu_list li#pagemasters_nz a
{
	width: 146px;
	display: block;
}
#menu_list li#pagemasters_nz:hover, #menu_list li#pagemasters_nz a:hover
{
	text-decoration: none;
	width: 146px;
	background: url(/images/template/m1_pagemasters_nz_h.gif) no-repeat top left;
}
#menu_list li#pagemasters_nz a.on
{
	background: url(../images/template/m1_pagemasters_nz_a.gif) no-repeat top left;
}
/* Employment Menu Items */
#menu_list li#employment_opportunities
{
	width: 217px;
	background: url(/images/template/m1_employment_opportunities.gif) no-repeat top left;
}
#menu_list li#employment_opportunities a
{
	width: 217px;
	display: block;
}
#menu_list li#employment_opportunities:hover, #menu_list li#employment_opportunities a:hover
{
	text-decoration: none;
	width: 217px;
	background: url(/images/template/m1_employment_opportunities_h.gif) no-repeat top left;
}
#menu_list li#employment_opportunities a.on
{
	background: url(../images/template/m1_employment_opportunities_a.gif) no-repeat top left;
}
/* Registration Menu Items */
#menu_list li#registration
{
	width: 135px;
	background: url(/images/template/m1_registration.gif) no-repeat top left;
}
#menu_list li#registration a
{
	width: 135px;
	display: block;
}
#menu_list li#registration:hover, #menu_list li#registration a:hover
{
	text-decoration: none;
	width: 135px;
	background: url(/images/template/m1_registration_h.gif) no-repeat top left;
}
#menu_list li#registration a.on
{
	background: url(../images/template/m1_registration_a.gif) no-repeat top left;
}
/* Features Menu Items */
#menu_list li.features
{
	width: 105px;
	background: url(/images/template/m2_features.gif) no-repeat top left;
}
#menu_list li.features a
{
	width: 105px;
	display: block;
}
#menu_list li.features:hover, #menu_list li.features a:hover
{
	text-decoration: none;
	width: 105px;
	background: url(/images/template/m2_features_h.gif) no-repeat top left;
}
#menu_list li.features a.on
{
	background: url(../images/template/m2_features_a.gif) no-repeat top left;
}
/* My Files Menu Items */
#menu_list li.my_files
{
	width: 102px;
	background: url(/images/template/m2_my_files.gif) no-repeat top left;
}
#menu_list li.my_files a
{
	width: 102px;
	display: block;
}
#menu_list li.my_files:hover, #menu_list li.my_files a:hover
{
	text-decoration: none;
	width: 102px;
	background: url(/images/template/m2_my_files_h.gif) no-repeat top left;
}
#menu_list li.my_files a.on
{
	background: url(../images/template/m2_my_files_a.gif) no-repeat top left;
}
/* My Account Menu Items */
/* My Account Menu Items */
#menu_list li#my_account
{
	width: 123px;
	background: url(/images/template/m2_my_account.gif) no-repeat top left;
}
#menu_list li#my_account a
{
	width: 123px;
	display: block;
}
#menu_list li#my_account:hover, #menu_list li#my_account a:hover
{
	text-decoration: none;
	width: 123px;
	background: url(/images/template/m2_my_account_h.gif) no-repeat top left;
}
#menu_list li#my_account a.on
{
	background: url(../images/template/m2_my_account_a.gif) no-repeat top left;
}
/* My Account Menu Items */
/* My Downloads Menu Items */
#menu_list li#my_downloads
{
	width: 140px;
	background: url(/images/template/m2_my_downloads.gif) no-repeat top left;
}
#menu_list li#my_downloads a
{
	width: 140px;
	display: block;
}
#menu_list li#my_downloads:hover, #menu_list li#my_downloads a:hover
{
	text-decoration: none;
	width: 140px;
	background: url(/images/template/m2_my_downloads_h.gif) no-repeat top left;
}
#menu_list li#my_downloads a.on
{
	background: url(../images/template/m2_my_downloads_a.gif) no-repeat top left;
}
/* My Account Menu Items */

#menu_list li ul
{
	position: absolute;
	left: -1000px;
	height: auto;
	width: 220px;
	width: 220px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	background: #3fa5de;
	border-left: 1px solid #0276ac;
	border-right: 1px solid #0276ac;
	border-top: 2px solid #0276ac;
	border-bottom: 1px solid #0276ac;
}
#menu_list li li
{
	padding-right: 0px;
	padding-left: 20px;
	width: 200px;
	height: 20px;
}
#menu_list #sub li.nonLink
{
	background: #3fa5de;
	color: #004e7a;
	font-weight: bold;
	padding: 5px 0px 0px 20px;
	margin: 0;
	height: 15px;
}
#menu_list #sub a
{
	width: 200px;
	width: 200px;
	margin-top: 5px;
	padding-bottom: 5px;
	color: white;
}
#menu_list #sub li a:hover
{
	text-decoration: none;
	background: #0276ac;
}
#menu_list li:hover ul, #menu_list li li:hover ul, #menu_list li.sfhover ul, #menu_list li li.sfhover ul, #menu_list li li li.sfhover ul
{
	left: auto;
	text-decoration: none;
}
#menu_list li:hover, #menu_list li.sfhover, #menu_list #about_pagemasters:hover, #menu_list #about_pagemasters a.main:hover
{
	background: url(images/template/m1_about_pagemasters_h.gif) no-repeat top left;
	text-decoration: none;
}
#menu_list li li:hover, #menu_list li li.sfhover
{
	text-decoration: none;
	background: #0276ac;
}
#menu_list li li.listSub a
{
	margin-left: 9px;
}
/* Used to hide the text from the list. Better than making padding and overflow in <li></li> */
#menu_list li a strong
{
	margin-left: -999px;
}
#menu_list li a, #menu_list li a:hover, #menu_list li li.sfhover, #menu_list li li:hover
{
	text-decoration: none;
	border-bottom: none;
}
/* Classes */

.red
{
	color: #b81425;
	font-size: 12px;
}

.errorMessage
{
	color: #b81425;
	font-size: 12px;
}

div#preloaded-images
{
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}

ul.sidenav
{
	margin: 0;
	padding: 0;
}
ul.sidenav li
{
	list-style: none;
	padding-left: 15px;
	line-height: 21px;
}
ul.sidenav li.selected
{
	font-weight: bold;
}
ul.sidenav li ul
{
	margin: 0;
	padding: 0;
}
ul.sidenav li ul li
{
	background: url(../images/buttons/sidenav-arrow.gif) no-repeat 0px 7px;
}
ul.sidenav li.close
{
	background: url(../images/buttons/sidenav-minus.gif) no-repeat 0px 6px;
}
ul.sidenav li.open
{
	background: url(../images/buttons/sidenav-plus.gif) no-repeat 0px 6px;
}

/* contact form styles */
table.accountInfo .frmTitle
{
	text-align: left;
	font-weight: bold;
}
#accountContact .frmTitle
{
	text-align: left;
	font-weight: bold;
}
table.productionContact .frmTitle
{
	text-align: left;
	font-weight: bold;
}
table.accountInfo td, #accountContact td
{
	font-size: 12px;
	padding: 0px;
}
table.productionContact td
{
	font-size: 12px;
	padding: 0px;
}
table.accountInfo td.frmTitle, #accountContact td.frmTitle
{
	text-align: left;
	font-weight: bold;
}
table.productionContact td.frmTitle
{
	text-align: left;
	font-weight: bold;
}
#accountContact input
{
	border: 1px solid #0276ac;
	height: 18px;
	background: #e6e9eb;
	padding-left: 2px;
	font-size: 11px;
}
#accountContact input.chkBox
{
	border: 0px;
	height: 18px;
	background: #fff;
	padding-left: 2px;
	font-size: 11px;
}
table.productionContact input
{
	border: 1px solid #0276ac;
	height: 18px;
	background: #e6e9eb;
	padding-left: 2px;
	font-size: 11px;
}
table.productionContact input.chkBox
{
	border: 0px;
	height: 18px;
	background: #fff;
	padding-left: 2px;
	font-size: 11px;
}
table.accountInfo input.lrgTextarea
{
	border: 1px solid #0276ac;
	height: 18px;
	background: #e6e9eb;
	padding-left: 2px;
	font-size: 11px;
}
table.accountInfo input.midTextarea
{
	border: 1px solid #0276ac;
	height: 18px;
	background: #e6e9eb;
	padding-left: 2px;
	font-size: 11px;
}
table.accountInfo input.smTextarea
{
	border: 1px solid #0276ac;
	height: 18px;
	background: #e6e9eb;
	padding-left: 2px;
	font-size: 11px;
}
table.accountInfo input.lrgTextarea, #accountContact input.lrgTextarea
{
	width: 300px;
}
table.productionContact input.lrgTextarea
{
	width: 300px;
}
table.accountInfo input.midTextarea, #accountContact input.midLrgTextarea
{
	width: 150px;
}
table.productionContact input.midLrgTextarea
{
	width: 150px;
}
table.accountInfo input.midTextarea, #accountContact input.midTextarea
{
	width: 100px;
}
table.productionContact input.midTextarea
{
	width: 100px;
}
table.accountInfo input.smTextarea, #accountContact input.smTextarea
{
	width: 50px;
}
table.productionContact input.smTextarea
{
	width: 50px;
}
table.accountInfo input[type=image], #accountContact input[type=image], table.accountInfo input.formButton, #accountContact input.formButton
{
	border: none;
}
table.productionContact input.formButton
{
	border: none;
}
.standardSuccessLabel
{
	height: 20px;
	color: #007F0E;
	font-weight: bold;
}
.standardFailureLabel
{
	height: 20px;
	color: #ff0000;
	font-weight: bold;
}
#myFileGrid .MasterTable_Vista
{
	margin: 0px 0px 0px 0px;
}
.featuresIntro
{
	width: 655px;
	text-align: justify;
	margin: 10px 0px 0px 0px;
}
.Instructions
{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}

.roundedbox
{
	display: block;
}
.roundedbox *
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #E6E9EB;
}
.roundedbox1
{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #f4f5f6;
	border-right: 1px solid #f4f5f6;
	background: #eceef0;
}
.roundedbox2
{
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #fcfcfd;
	border-right: 1px solid #fcfcfd;
	background: #eaedee;
}
.roundedbox3
{
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #eaedee;
	border-right: 1px solid #eaedee;
}
.roundedbox4
{
	border-left: 1px solid #f4f5f6;
	border-right: 1px solid #f4f5f6;
}
.roundedbox5
{
	border-left: 1px solid #eceef0;
	border-right: 1px solid #eceef0;
}
.roundedboxfg
{
	background: #E6E9EB;
}