/* -----------------------------------------------------------------------
 Keystone National Group Back Office Stylesheet

	 * Written by Jason Taylor at Signal US Communications.
----------------------------------------------------------------------- */

/* main elements */
*:focus, *:active { outline: none; }
#wrapper { background: #d4d4d4 url('../images/bo_wrapperbg.gif') repeat-x; }
#container { width: 1000px; background: url('../images/bo_containerbg.jpg') no-repeat 0 191px; }
#footer { width: 990px; }

#bo_header { height: 142px; padding: 0 0 0 0; }
#bo_header #logo { float: left; text-align: left; margin: 10px 0 0 5px; padding: 0; }
#bo_header #logo a { display: block; width: 200px; height: 79px; background: url('../images/keystone_logo_main.png') no-repeat; font-size:1px; text-indent:-9999px; outline: none; }

#bo_nav { float: right; }
#bo_topnav { text-align: right; margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: 14px; line-height: 14px; z-index: 1000; }
	#bo_topnav li { display: inline; list-style: none; margin: 0; padding: 0; }
	#bo_topnav li a { float: left; padding: 55px 0 0 0; margin-top: -10px; margin-left: 35px; height: 35px; text-decoration: none; background: url('../images/topnavitem.gif') repeat-x 0 -999px; }
	#bo_topnav li a:hover, #bo_topnav li.active a { background-position: top left; }
	#bo_topnav li a:hover, #bo_topnav li.topActive a { background-position: top left; }
	
#bo_subnav { clear: both; width: 650px; text-align: left; margin: 0 0 0 35px; padding: 15px 0 0 0; color: #4d4e55; font-family: verdana, arial, sans-serif; font-size: 13px; line-height: 20px; }
	#bo_subnav li { display: inline; list-style: none; margin: 0; padding: 0; white-space: nowrap; }
	#bo_subnav li a { padding: 0 0 0 0; margin: 0; }
	#bo_subnav li a:link, #bo_subnav li a:visited a { color: #0b3571; text-decoration: none; }
	#bo_subnav li a:hover, #bo_subnav li a:active, #bo_subnav li.active a { color: #050b50; text-decoration: underline; }

#topLine  { height: 48px; color: #fff; font-size: 12px; padding: 0 0 0 5px; line-height: 48px; }
#topLine .welcome { float: left; text-align: left; font-weight: bold; }
#topLine .links { float: right; text-align: right; }
#topLine .links a:link, #topLine .links a:visited { color: #e1e1e1; text-decoration: none; }
#topLine .links a:hover, #topLine .links a:active { color: #ffffff; text-decoration: underline; }

.bo_content { width: 100%; padding: 0 0 10px 0; }
.bo_content h4 { font-weight: bold; }
.bo_content .contentLeft { float: left; width: 220px; color: #4d4e55; font-size: 11px; line-height: 14px; }
.bo_content .contentLeft span:first-child { display: block; padding: 5px 10px 0 5px; }
.bo_content .contentRight { float: right; width: 760px; }
.bo_content .contentRight h2 { float: left; }
.bo_content .contentRight .pageLinks { float: right; text-align: right; font-size: 14px; line-height: 25px; padding-top: 20px; }
.bo_content .contentRight .pageLinks a { font-weight: bold; margin-left: 15px !important; }
.bo_content .contentRight .pageLinks a.printLink	{ background: url('../images/icon_print.png') 0 50% no-repeat; margin: -2px 0; padding: 2px 0 2px 22px; }
.bo_content .contentRight .pageLinks a.helpLink		{ background: url('../images/icon_help.png') 0 50% no-repeat; margin: -2px 0; padding: 2px 0 2px 22px; }
.bo_content .contentRight .pageLinks a.saveLink		{ background: url('../images/icon_save.png') 0 50% no-repeat; margin: -2px 0; padding: 2px 0 2px 22px; }
.bo_content .contentRight .mainContent { padding: 10px 0; }
.bo_content .contentRight .mainContent h3 { font-size: 16px; padding: 10px 0; }

.bottomButtons { position: relative; clear: both; height: 30px; margin: 10px 0 0 0; }
.bottomButtons .buttonLeft { float: left; text-align: left; }
.bottomButtoms .buttonRight { float: right; text-align: right; }
.bottomButtons .buttonCenter { float: left; text-align: center; }

/* buttons */
a.button24 { position: absolute; width: 80px; height: 24px; text-align: center; line-height: 24px; color: #f2f2f2 !important; font-size: 12px; font-weight: bold; text-decoration: none !important; background: url('../images/form_button_24.png') 0 0 no-repeat; margin: 0; padding: 0; }
a.button24:hover { color: #fff !Important; background-position: 0 -24px; }
input[type=submit].button24, input[type=button].button24 { width: 80px; height: 24px; text-align: center; line-height: 24px; color: #f2f2f2 !important; font-size: 12px; font-weight: bold; text-decoration: none !important; background: url('../images/form_button_24.png') 0 0 no-repeat; margin: 0; padding: 0; cursor: pointer; border: none; }
input[type=submit].button24:hover, input[type=button].button24:hover { color: #fff !Important; background-position: 0 -24px; }

a.button28 { position: absolute; width: 90px; height: 28px; text-align: center; line-height: 28px; color: #f2f2f2 !important; font-size: 15px; font-weight: bold; letter-spacing: .5pt; text-decoration: none !important; background: url('../images/form_button_28.png') 0 0 no-repeat; margin: 0; padding: 0; }
a.button28:hover { color: #fff !Important; background-position: 0 -28px; }
input[type=submit].button28, input[type=button].button28 { width: 90px; height: 28px; text-align: center; line-height: 28px; color: #f2f2f2 !important; font-size: 15px; font-weight: bold; letter-spacing: .5pt; text-decoration: none !important; background: url('../images/form_button_28.png') 0 0 no-repeat; margin: 0; padding: 0; cursor: pointer; border: none; }
input[type=submit].button28:hover, input[type=button].button28:hover { color: #fff !Important; background-position: 0 -28px; }

a.button28-wide { position: absolute; width: 90px; height: 28px; text-align: center; line-height: 28px; color: #f2f2f2 !important; font-size: 15px; font-weight: bold; letter-spacing: .5pt; text-decoration: none !important; background: url('../images/form_button_28.png') 0 0 no-repeat; margin: 0; padding: 0; }
a.button28-wide:hover { color: #fff !Important; background-position: 0 -28px; }

a.button32 { position: absolute; width: 130px; height: 28px; text-align: center; line-height: 28px; color: #f2f2f2 !important; font-size: 15px; font-weight: bold; letter-spacing: .5pt; text-decoration: none !important; background: url('../images/form_button_32.png') 0 0 no-repeat; margin: 0; padding: 0; }
a.button32:hover { color: #fff !Important; background-position: 0 -28px; }
input[type=submit].button32, input[type=button].button32 { width: 130px; height: 28px; text-align: center; line-height: 28px; color: #f2f2f2 !important; font-size: 15px; font-weight: bold; letter-spacing: .5pt; text-decoration: none !important; background: url('../images/form_button_32.png') 0 0 no-repeat; margin: 0; padding: 0; cursor: pointer; border: none; }
input[type=submit].button32:hover, input[type=button].button32:hover { color: #fff !Important; background-position: 0 -28px; }


.goLeft { left: 0; float: left; }
.goRight { right: 0; float: right; }
.goCenter { left: 50%; }

/* links */
.addLink 				{ background: url('../images/icon_add.png') 0 50% no-repeat; margin: -2 0; padding: 2px 0 2px 20px; }
.subtractLink 	{ background: url('../images/icon_delete.png') 0 50% no-repeat; margin: -2 0; padding: 2px 0 2px 20px; }
.emailLink			{ background: url('../images/icon_email.png') 0 50% no-repeat; margin: -2 0; padding: 2px 0 2px 20px; }

/* tables */
.mainTable { width: 100%; background: #ebebec; border: 1px solid #b8b8b8; border-bottom: 2px solid #b8b8b8; border-collapse: collapse; margin-bottom: 20px; }
.mainTable th, .mainTable td { text-align: left; font-size: 12px; line-height: 14px; padding: 5px 10px; }
.mainTable thead th { height: 30px; line-height: 30px; color: #fff; background: #0a3069 url('../images/table_head_bg.gif') 0 0 repeat-x; padding-top: 0 !important; padding-bottom: 0 !important; }
.mainTable tbody td { border-top: 1px solid #ddd; }

.formTable { width: 100%; margin-left: 20px; border-collapse: collapse; margin-bottom: 20px; }
.formTable th, .formTable td { text-align: left; font-size: 12px; padding: 4px 20px 4px 10px; }
.formTable th { width: 25%; font-size: 14px; }
.formTable td input[type=text], .formTable td input[type=password] { width: 200px; }
.formTable td textarea { width: 280px; height: 120px; font-size: 12px; }
.formTable td select { padding: 2px; }
.formTable td input[type=text].phone { width: 120px }
.formTable td input[type=text].suite { width: 80px }
.formTable td input[type=text].zip { width: 80px; }
.formTable .submitButton { padding-top: 20px; padding-bottom: 5px; }
.formTable .signature { padding-top: 15px; border-bottom: 2px solid #333; }

.subTable { width: 100%; border-collapse: collapse; }
.subTable th, .subTable td { font-size: 11px; line-height: 13px; padding: 2px 20px 2px 10px; }
.subTable td { background: #dfdfdf; border-top: 2px solid #ebebec !important; }

/* popup box */
.popupBox { position: absolute; right: 0; text-align: left; background: #f8f9fe; border: 1px solid #4c4d51; z-index: 1000; }
.popupBox .heading { height: 24px; background: #4c4d51; padding: 0 10px; }
.popupBox .heading h3, .popupBox .heading h4 { line-height: 24px; color: #fff; font-weight: bold; margin: 0; padding: 0; }
.popupBox .heading h3 { float: left; font-size: 15px; }
.popupBox .heading h4 { float: right; font-size: 17px; }
.popupBox .heading h4 a:link, .popupBox .heading h4 a:visited { color: #f2f2f2; text-decoration: none; }
.popupBox .heading h4 a:hover, .popupBox .heading h4 a:active { color: #d9d9d9; text-decoration: underline; }
.popupBox .padding { display: block; font-size: 12px; padding: 10px 10px 15px 10px; }

.popupBox .label { font-weight: bold; }
.popupBox input[type=text], .popupBox input[type=password] { width: 100%; font-size: 11px; }
.popupBox textarea { width: 100%; height: 100px; font-size: 11px; margin-bottom: 10px; }
.popupBox select { font-size: 11px; margin-bottom: 10px; padding: 2px; }

#helpBox { width: 240px; }

/*text*/
.sub1 { padding-left: 20px; }
.sub2 { padding-left: 40px; }
.sub3 { padding-left: 60px; }
.sub4 { padding-left: 80px; }
.sub5 { padding-left: 100px; }

/* notifications */
.error, .notice, .success { padding: .1em .3em .1em .3em; border: 1px solid #ddd; }
.error { background: #FBE3E4 url('../images/icon_exclamation.png') 2px center no-repeat; margin: -2px 0; padding: 2px 0 2px 22px; color: #8a1f11; font-size:100%; font-weight:inherit; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; font-size:100%; font-weight: inherit; border-color: #ffd324;}
.success { background: #E6EFC2; color: #264409; font-size:100%; font-weight: inherit; border-color: #c6d880;}
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }