/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#fcfcfc url(/img/backoffice_ties/body_bg.gif) top repeat-x; padding:0 20px;
}

img {vertical-align:top;}
a img { border:0;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:arial;
		font-size:12px;
		line-height:15px;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

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

/* ============================= main layout ====================== */

.more {background:url(/img/backoffice_ties/more_bg.gif) no-repeat 0 0; padding:1px 0 1px 25px; color:#4494c7; text-decoration:none; font-weight:bold;}
.more:hover {text-decoration:underline;}

.menu {text-align:center;}
#main { margin:0 auto;}

.box1 {background:#3b769a url(/img/backoffice_ties/box1_tall.gif) bottom repeat-x;}
.box1 .ttall {background:url(/img/backoffice_ties/box1_ttall.gif) top repeat-x;}
.box1 .rtall {background:url(/img/backoffice_ties/box1_rtall.gif) right repeat-y;}
.box1 .ltall {background:url(/img/backoffice_ties/box1_ltall.gif) left repeat-y;}
.box1 .bl {background:url(/img/backoffice_ties/box1_bl.gif) bottom left no-repeat;}
.box1 .br {background:url(/img/backoffice_ties/box1_br.gif) bottom right no-repeat;}
.box1 .tl {background:url(/img/backoffice_ties/box1_tl.gif) top left no-repeat;}
.box1 .tr {background:url(/img/backoffice_ties/box1_tr.gif) top right no-repeat; width:100%;}
.box1 .padding {padding:28px 25px 21px 25px;}
.box1 .cols {padding:0;}
.box1 .col1 .padding {padding:0 20px 0 0;}
.box1 .col2 .padding {padding:0;}
.box1 .col3 .padding {padding:0 0 0 20px;}
.box1 .col1 .box2 .padding {padding:11px 6px 14px 22px;}
.box1 .col2 .box2 .padding {padding:11px 6px 14px 22px;}
.box1 .col3 .box2 .padding {padding:11px 6px 14px 22px;}
.box1 .htext1 {background:url(/img/backoffice_ties/box_t1a.gif) top right no-repeat; padding-bottom:5px;}
.box1 .htext2 {background:url(/img/backoffice_ties/box_t2a.gif) top right no-repeat; padding-bottom:5px;}
.box1 .htext3 {background:url(/img/backoffice_ties/box_t3a.gif) top right no-repeat; padding-bottom:5px;}
.box2 .content {padding:13px 0 19px 0; color:#FFFFFF;}
.box1 .more1 {float:right; margin:15px 0 0 0;}

.stcbox1 {background:#3b769a url(/img/backoffice_ties/box1_tall.gif) bottom repeat-x;}
.stcbox1 .ttall {background:url(/img/backoffice_ties/box1_ttall.gif) top repeat-x;}
.stcbox1 .rtall {background:url(/img/backoffice_ties/box1_rtall.gif) right repeat-y;}
.stcbox1 .ltall {background:url(/img/backoffice_ties/box1_ltall.gif) left repeat-y;}
.stcbox1 .bl {background:url(/img/backoffice_ties/box1_bl.gif) bottom left no-repeat;}
.stcbox1 .br {background:url(/img/backoffice_ties/box1_br.gif) bottom right no-repeat;}
.stcbox1 .tl {background:url(/img/backoffice_ties/box1_tl.gif) top left no-repeat;}
.stcbox1 .tr {background:url(/img/backoffice_ties/box1_tr.gif) top right no-repeat; width:100%;}
.stcbox1 .padding {padding:28px 25px 24px 25px;}
.stcbox1 .cols {padding:0;}
.stcbox1 .col1 .padding {padding:0 20px 0 0;}
.stcbox1 .col2 .padding {padding:0;}
.stcbox1 .col3 .padding {padding:0 0 0 20px;}
.stcbox1 .col1 .box2 .padding {padding:11px 6px 14px 22px;}
.stcbox1 .col2 .box2 .padding {padding:11px 6px 14px 22px;}
.stcbox1 .col3 .box2 .padding {padding:11px 6px 14px 22px;}
.stcbox1 .htext1 {padding: 10px 0 0 0; text-align: center;}
.stcbox1 .htext2 {background:url(/img/backoffice_ties/box_t2a.gif) top right no-repeat; padding-bottom:5px;}
.stcbox1 .htext3 {background:url(/img/backoffice_ties/box_t3a.gif) top right no-repeat; padding-bottom:5px;}
.stcbox1 .more1 {float:right; margin:15px 0 0 0;}
.stcbox1 .box2 .content {padding:13px 0 19px 0; color:#FFFFFF;}
.stcbox1 .content .col1 {text-align: left; padding: 50px 0 0 0;}
.stcbox1 .content .col1 .stcimgtag {padding-left: 30px;}
.stcbox1 .content .col2 {text-align: right; padding: 30px 0 0 0;}
.stcbox1 .content .col2 .stcimgglobe {padding-right: 30px;}

.box2 { background:url(/img/backoffice_ties/box2_tall.gif) bottom repeat-x;}
.box2 .br {background:url(/img/backoffice_ties/box2_br.gif) bottom right no-repeat;}
.box2 .bl {background:url(/img/backoffice_ties/box2_bl.gif) bottom left no-repeat; width:100%;}

.box {background:#ffffff url(/img/backoffice_ties/box_br.gif) bottom right no-repeat;}
.box .bl {background:url(/img/backoffice_ties/box_bl.gif) bottom left no-repeat;}
.box .tl {background:url(/img/backoffice_ties/box_tl.gif) top left no-repeat;}
.box .tr {background:url(/img/backoffice_ties/box_tr.gif) top right no-repeat;}

.imgindent {margin:0 23px 0 0; float:left;}

/* ============================= header ====================== */

#header .logo {padding:12px 0 0 30px;}
#headerjps .logo {padding:12px 10px 0 10px;}
#headerjps div.logorightpic {float: right; padding: 18px 10px 10px 10px;}
#headerjps div.logorightpic ul {list-style:none; display: inline;}
#headerjps div.logorightpic li {display: inline; padding: 0 10px 0 10px;}
#headerjps div.logopic {float: left; height:62px;}
#headerstc .logo {padding:12px 10px 0 10px;}
#headerstc div.logopic {float: left; height:100px;}
#headerstc div.logorightpic {float: right; padding: 18px 10px 10px 10px;}
#headerstc div.logorightpic ul {list-style:none; display: inline;}
#headerstc div.logorightpic li {display: inline; padding: 0 10px 0 10px;}
#headerstc div.logorightpic .logoviewsample {padding: 10px 0 0 0;}
#headerstc div.logorightcountdown {float: right; padding: 10px 210px 10px 10px;}
#headerstc div.logorightcountdown div.countdowntext { text-align: center;}
#headerstc div.logorightcountdown span.startnow {font-weight: bold; text-decoration: underline;}
#headerstc div.logorightcountdown span.countdown {font-size: 22px; line-height: normal; font-weight: 900; color: #f88332;}
/* ============================= middle ====================== */

#middle { width:100%;}
/* Jer's Definition Lists */
#middle dl {padding: 0.5em; font-size:120%;}
#middle dl.wide {padding: 6px; font-size:120%;}
#middle dt {float: left; clear: left; width: 140px; text-align: right; font-weight: bold;}
#middle dt.wide {float: left; clear: left; width: 200px; text-align: right; font-weight: bold; padding: 2px;}
#middle dt:after {content: ":";}
#middle dd {margin: 0 0 0 150px; padding: 0 0 0.5em 0;}
#middle dd.wide {margin: 0 0 0 210px; padding: 2px;}

/* ============================= footer ====================== */

/*#footer .indent {padding:0 2px 31px 3px;}*/
#footer .footerindent {padding:0 2px 0 3px;}
.footer_bl { background:#ececec url(/img/backoffice_ties/footer_bl.gif) bottom left no-repeat;}
.footer_br {background:url(/img/backoffice_ties/footer_br.gif) bottom right no-repeat;}
.footer_tr {background:url(/img/backoffice_ties/footer_tr.gif) top right no-repeat;}
.footer_tl {background:url(/img/backoffice_ties/footer_tl.gif) top left no-repeat;}
/*#footer .padding {padding:30px 0 26px 557px;}*/
#footer .padding {padding:20px 50px 20px 50px; vertical-align: middle; height: 15px;}
#footer .padding .content .col2 {text-align: right;}

/* ============================= index ============================= */

#index #middle .column1 .padding {padding:24px 30px 0 0;}
#index #middle .column1 .content {padding:20px 0 13px 12px;}
#index #middle .column1 .content2 {padding:14px 0 13px 12px;}
#index #middle .column1 .content2 p {padding:0 0 21px 0;}

#index #middle .indent {padding:15px 3px 26px 27px;}
#index #middle .box .padding{padding:24px 0 0 27px;}
#index #middle .box .content1 {margin:23px 26px 0 7px; background:url(/img/backoffice_ties/hor_line.gif) bottom repeat-x; padding:0 0 17px 0;}
#index #middle .box .content2 {margin:15px 26px 0 7px; padding:0 0 21px 0;}
#index #middle .box .content1 ul {margin:4px 0 0 126px;}
#index #middle .box .content2 ul {margin:4px 0 0 126px;}
#index #middle .box .content2 p {padding-top:4px;}
#index #middle .box .content2 .imgindent {margin:0 23px 24px 0;}
#index #middle .box .content2 .more {margin:0 0 0 4px;}

/* ============================= index-1 =========================== */

#index_1 #middle .indent {padding:15px 2px 26px 3px;}
#index_1 #middle .box .padding{padding:24px 0 0 26px;}
#index_1 #middle .box .content1 {padding:20px 30px 21px 10px;}
#index_1 #middle .box ul {padding:25px 0 20px 0;}

#index_1 #middle .column2 .padding {padding:24px 32px 0 40px;}
#index_1 #middle .column2 .content {padding:20px 0 13px 5px;}
#index_1 #middle .column2 p {padding-bottom:22px;}
#index_1 #middle .column2 .p {padding-bottom:20px;}
#index_1 #middle .column2 .imgindent {margin:0 22px 0 0;}
#index_1 #middle .column2 .pad1 {margin:0 22px 19px 0;}

/* ============================= index-2 =========================== */

#index_2 #middle .indent {padding:15px 2px 26px 3px;}
#index_2 #middle .column1 .padding {padding:24px 0 20px 32px;}
#index_2 #middle .column1 .content {padding:13px 10px 12px 5px;}
#index_2 #middle .box .padding{padding:24px 0 0 27px;}
#index_2 #middle .box .content1 {padding:20px 30px 20px 10px;}
#index_2 #middle .box ul {padding:16px 0 0 0;}

#index_2 #middle .column2 .padding {padding:24px 35px 0 40px;}
#index_2 #middle .column2 .content {padding:13px 0 13px 5px;}
#index_2 #middle .column2 p {padding-bottom:14px;}
#index_2 #middle .column2 .imgindent {margin:0 22px 0 0;}
#index_2 #middle .column2 .pad1 {margin:0 22px 21px 0;}


/* ============================= index-3 =========================== */

#index_3 #middle .column1 .padding {padding:24px 30px 0 8px;}
#index_3 #middle .column1 .content {padding:20px 0 13px 4px;}
#index_3 #middle .column1 .content p {padding:22px 0 0 0;}
#index_3 #middle .column1 .content p.bare {padding:0 0 0 0; color: #397499; font-size: 110%; font-weight: 700;}
#index_3 #middle .column1 .imgindent {margin:0 22px 22px 0;}
#index_3 #middle .column1 .cols {padding:14px 0 0 5px;}
#index_3 #middle .column1 .content div.startimg {text-align: center; padding: 10px 0 10px 0;}

#index_3 #middle .indent {padding:15px 3px 26px 27px;}
#index_3 #middle .box .padding{padding:24px 27px 0 27px;}
#index_3 #middle .box .padding div.featuresimg{text-align: center;}
#index_3 #middle .box .content1 {margin:20px 26px 0 7px; background:url(/img/backoffice_ties/hor_line.gif) bottom repeat-x; padding:0 0 16px 0;}
#index_3 #middle .box .content2 {margin:15px 26px 0 7px; padding:0 0 21px 0;}
#index_3 #middle .box .content1 p {padding-top:21px;}
#index_3 #middle .box .content2 .imgindent {margin:0 23px 24px 0;}
#index_3 #middle .box .cols {padding:10px 10px 30px 10px; color: #333333;}
#index_3 #middle ul {list-style:none;}
#index_3 #middle li {background:url(/img/backoffice_ties/list_bg.gif) no-repeat 0 10px; padding-left:16px; line-height:23px;}
#index_3 #middle li a {color:#397499;}

/* ============================= index-4 =========================== */

#index_4 #middle .indent {padding:15px 2px 26px 3px;}
#index_4 #middle .box .padding{padding:24px 0 0 24px;}
#index_4 #middle .box .content1 {padding:23px 25px 21px 13px;}
#index_4 #middle .box ul {padding:12px 0 20px 0;}
#index_4 #middle .box p {padding:5px 0 0 0;}
#index_4 #middle .box .imgindent {margin:0 23px 25px 0;}

#index_4 #middle .column2 .padding {padding:24px 32px 0 33px;}
#index_4 #middle .column2 .content {padding:20px 0 13px 12px;}
#index_4 #middle .column2 p {padding-top:14px;}
#index_4 #middle .column2 .p {padding-top:21px;}
#index_4 #middle .column2 .imgindent {margin:0 22px 0 0;}
#index_4 #middle .column2 .pad1 {margin:0 22px 27px 0;}
#index_4 #middle .column2 .content2 {padding:13px 0 13px 12px;}

/* ============================= index-5 =========================== */

#index_5 #middle .column1 .padding {padding:24px 30px 0 8px;}
#index_5 #middle .column1 .content {padding:20px 0 13px 4px;}
#index_5 #middle .column1 .imgindent {margin:0 22px 22px 0;}
#index_5 #middle .column1 .cols {padding:12px 0 0 5px;}

#index_5 #middle .indent {padding:15px 3px 26px 27px;}
#index_5 #middle .box .padding{padding:24px 10px 0 26px;}
#index_5 #middle .box .content1 {padding:20px 22px 21px 7px;}
#index_5 #middle .box .content1 p {padding-top:14px;}
#index_5 #middle .box .content1 .p {padding:20px 0 0 5px;}

/* ============================= index-6 =========================== */

#index_6 #middle .indent .columns .column2 .cols {padding:10px;}
#index_6 #middle .indent .columns .column2 .cols .trainingLinks {padding:10px;}
#index_6 #middle .indent .columns .column2 .cols ul {list-style:none;}
#index_6 #middle .indent .columns .column2 .cols li {background:url(/img/backoffice_ties/list_bg.gif) no-repeat 0 10px; padding-left:16px; line-height:23px;}
#index_6 #middle .indent .columns .column2 .cols li a {color:#397499;}
#index_6 #middle .indent .columns .column2 .cols .trainingLinks .bookText {padding: 30px 0px 0px 0px;}
#index_6 #middle .indent .columns .column2 .cols .trainingLinks .bookDiv {padding: 14px 0px 0px 0px;}
#index_6 #middle .indent .columns .column2 .cols .trainingLinks .bookImg {float: left; padding: 0px 8px 0px 0px;}
#index_6 #middle .popupdiv {width:550px;}
#index_6 #middle .popupdiv p {padding:14px 0 6px 0;}


/* === BackOffice Fieldsets === */
.boelement {width:560px; margin-bottom: 18px;}
.boelement div {padding: 0px 8px 0px 8px;}
.boelement table h3 {font-size: 13px; padding: 6px 0px 2px 0px;}
.boelement table h4 {font-style: italic; color: #353535; font-size: 12px; padding-bottom: 4px;}
.boelement table tr td {
	padding: 4px;
	text-align: center;
	vertical-align: top;
	margin: auto;
}
.boelement fieldset {border:1px solid #397499;}
.boelement fieldset legend {margin:0 0 0 10px; padding:0 2px 0 2px; color: #397499; font-weight:bold; font-size:130%;}
.boelement div h3 {padding: 6px 0px 2px 0px;  font-size: 15px;}
.boelement div h4 {padding: 0px 0px 2px 4px; font-style: italic; color: #353535; font-size: 13px;}
#index_6 #middle .boelement div p {padding: 2px 0px 10px 0px;}

/* === Form styles === */
/*textarea {width:148px; height:147px; border:1px solid #397499; background:none; padding:0 0 0 5px; overflow:auto;}*/
.contactform {width:550px;}
.contactform div {padding:2px;}
.contactform input {padding:2px;}
.contactform input.field {width:172px;}
.contactform input.fieldwide {width:280px;}
.contactform img.submit {padding: 2px;}
.contactform input.checkbox {padding:2px; width:35px;}
.contactform select.combo {width:125px; padding:2px;}
.contactform select.combosmall {width:75px; padding:2px;}
.contactform div.formpad {padding: 8px;}
.contactform fieldset {border:1px solid #397499;}
.contactform fieldset legend {margin:0 0 0 10px; padding:0 2px 0 2px; color: #397499; font-weight:bold; font-size:130%;}
.contactform div.required {font-weight: bold; padding:2px;}
.contactform .phone-required {clear: both; display: inline; font-weight: bold; padding:2px;}
.contactform label.left {float:left; width:100px;}
.contactform input.phone {display: inline; width:50px;}
.contactform label.leftwide {float:left; width:150px;}
.contactform label.checkboxright {float:left;}

.pathform {width:400px;}
.pathform div {padding:2px;}
.pathform input {padding:2px;}
.pathform input.field {width:172px; font-size:130%;}
.pathform select.combo {width:180px; padding:2px; font-size:130%;}
.pathform img.submit {padding: 2px; font-size:130%;}
.pathform label.left {width: 150px; font-weight: bold; font-size:130%;}
#pathresult {padding-top: 20px;}
#pathresult fieldset {border:1px solid #397499;}
#pathresult fieldset legend {margin:0 0 0 10px; padding:0 2px 0 2px; color: #397499; font-weight:bold; font-size:140%;}
#index_3 #middle .column1 .content #pathresult fieldset p.result {padding:10px 10px 10px 10px; font-size:130%; }
#bopathresult {padding-top: 20px; width: 500px;}
#bopathresult fieldset {border:1px solid #397499; padding: 8px;}
#bopathresult fieldset legend {margin:0 0 0 10px; padding:0 2px 0 2px; color: #397499; font-weight:bold; font-size:140%;}
#index_6 #middle #bopathresult fieldset p.result {padding:6px; font-size:100%; }

p.highlight {background-color: Yellow; padding: 2px;}
.contactform fieldset p.tip { float: right; margin-top: -24px; padding:0px 4px; font-size: 90%; font-style: italic; font-weight: normal;}

/* ============================= index-6 =========================== */

#index_6 #middle .indent {padding:10px 3px 47px 35px;}
#index_6 #middle .indent .padding {padding:13px 30px 0 4px;}
#index_6 #middle p {padding:14px 0 0 0;}
#index_6 #middle p.sectionLinks {padding:0 0 0 0;}
#index_6 #middle p.sectionText {padding:14px 0 6px 0;}
#index_6 #middle .p {padding:20px 0 0 0;}