/*
	ACCOUNT CORE
*/

/* reset.css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* text.css - text styles */
body{font:80%/1.5 "Helvetica Neue",Helvetica,Calibri,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}div.workingArea table{margin-bottom:0px;}

/* 960.gs - grid/layout system */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* font lists:

serif
Georgia, Cambria, times new roman, times, serif;

sans
"Helvetica Neue", Helvetica, Calibri, Arial, 'Liberation Sans', FreeSans, sans-serif;

*/

/* PAGE BODY */
html {
	/* debugging grid
	background: url(/images/960_grid_12_col.gif) top center repeat-y;	 */
}
body {
	color: #333;
	margin: 0 auto;
	padding: 0;
}

body.columns {
	/* body background, faux columns */
	background: #fff url(/images/public/body_bkg.gif) top center repeat-y;
}

/* LINKS */

a:link, a {
	color: #33707D;
	cursor: pointer;
}
a:visited {
	color: #34717e;
}
a:hover, a:active {
	color: #34717e;
	text-decoration: underline;
}

/* HEADER - PRIMARY MENUS AND TOOLBAR */

#headersmall {
	/* height and overflow are needed to prevent a gap between the search and header */
	height: 54px;
	/*overflow: hidden;*/
	 
	background: url(/images/public/toolbar_bkg.png) top left repeat-x;
	/*padding: 5px 5px 5px 5px;*/
	color: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
}

#headersmall a:link, #headersmall a:visited {
	/*color: #ffffd3;*/
	text-decoration: none;
	font-weight: bold;
}
#headersmall .sell {
	padding-left: 250px;
	float: left;
	padding-top: 5px;
	font-size: 90%;
	font-weight: bold;
}
#headersmall em {
	font-weight: normal;
	font-family: georgia, times, times new roman, serif
}
#headersmall .sell span {
	font-weight: normal;
	color: #fff;
	padding: 0 10px;
}
#headersmall .nav {
	padding-left: 830px;
	padding-top: 5px;
	font-size: 90%;
}
#headersmall #usernav li {
	float: left;
}
/* interactive toolbar styles */
#toolbar {
	color: #EDECDC;
	width: 74em; /* em width ensures toolbar layout is maintained when text size is increased*/
	height: 54px; /* must match height of background image */
	margin: 0 auto;
	padding: 0;
	position: relative;  /*needs relative positioning so that menu and search button can be positioned absolutely inside */
}

/* no menu backgrounds for public & not logged in toolbar */
#toolbar.public, #toolbar.public #logo, #toolbar.public #accountMenu {
	background-image: none;
}
#toolbar.public #logo {
	margin: 0; padding: 0; 
}
#toolbar.public #accountMenu {
	margin: 1em 0 0 0;
	padding: 0;
}
#toolbar.public #signup {
	margin-top: 1em;
	margin-left: 415px;
	width: 145px;
	background: url(/images/struct/superfish/right-arrow.png) right center no-repeat;
}
#toolbar.public #signup a, #toolbar.public #signup a:link, #toolbar.public #signup a:visited, #toolbar.public #signup a:hover, #toolbar.public #signup a:active {
	color: #EDECDC;
}

/* main interfolio logo */
#headersmall #logo {
	width: 150px;
	height: 48px;
	float: left;
	background-color: #291C1B;
}

#accountToolbar {
	width: 100%;
	background-color: #3D2A29;
	height: 18px;
	margin: 0;
	padding: 3px 0;
	clear: both;
}

#accountInfo {
	/*font-family: Georgia, Cambria, Constantia, "Times New Roman", Times, serif;*/
	font-family: "Helvetica Neue", Helvetica, Calibri, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #CABAB3;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	width: 74em;
}

#accountMenu  {
	width: auto;
	text-align: right;
	float: right;
	padding: 0 1em 0 1em;
}
#accountMenu a, 
#accountMenu a:link, 
#accountMenu a:visited, 
#accountInfo a, 
#accountInfo a:link, 
#accountInfo a:visited {
	font-size: .85em;
	color: #CABAB3;
	text-decoration: underline;
	margin: 0 .4em;
	/*float: left;*/
	padding: 0;
}
#accountMenu span,
#accountInfo span {
	text-decoration:none;
	font-size: .85em;
}
#accountMenu a:hover, #accountMenu a:active,
#accountInfo a:hover, #accountInfo a:active  {
	background-color: #CABAB3;
	color: #31262A;
}

/* PAGE CONTENT */
#maincontent {
	min-height: 600px;
}

.main {
	width: 960px;
}
.elastic {
	width: 95%;
	min-width: 960px;
	margin: 0 auto;
}

/* 
	TYPE STYLES 
*/

/* headings */

h1 {
	color: #31262A;/* dark brown */
	font-size: 225%;
}
h2 {
	color: #31262A;/* dark brown */
	font-size: 200%;
}
h3 {
	color: #31262A;/* dark brown */
	font-size: 150%;
}
h4 {
	color: #31262a;/* dark brown */
	font-size: 125%;
}
h5 {
	color: #31262a;/* dark brown */
	font-size: 90%;
	text-transform: uppercase; /* h5s are used for section headings on pages */
}
h6 {
	color: #31262a;/* dark brown */
	font-size: 95%;
}
h2.active, h3.active, h4.active, h5.active {
	color:#33707D!important; /* bright blue for "active" headings */
}

/* deemphasize a portion of the header text */
h1 .label, h2 .label, h3 .label,
h4 .label, h5 .label, h6 .label {
	color: 	#6B564C;
}

em {
	/*font-family: Georgia, Cambria, times new roman, times, serif;*/
	font-style: italic;
}



/* 
 * 
 * 		FORMS 
 * 		Basic Interfolio Form Framework
 * 
 */
/*	begin website style forms */
form.standard {	
	width: 80%;
	margin: 0 0 2em 0;
}

form.standard.pod {
	background-color: #F3EDDB;
	/* css hacks for corner radii */
	-moz-border-radius: 7px; /* gecko */
	-webkit-border-radius: 7px; /* webkit */
	border-radius: 7px; /* css3 */
}

.formItem {
	overflow: hidden;
	clear:both;
	width: auto;
	padding: .5em 2em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #D7DCC4;
}

.formItem.last {
	border-bottom: none;
}
.formItem.first {
	border-top: none;
}
	
.formItem label {
	float: left;
	width: 25%;
	display: block;
}

.formItem div.ctrlHolder {
	width: auto;
	float: left;
}
/* right column form hint */
.formItem .formHint {
	font-size: .9em;
	font-style: italic;
	width: 50%;
	display: block;
	float: left;
}
/* inner form hint (inside ctrl Holder */
.formItem .ctrlHolder .formHint,
.formItem .formHint.inline {
	margin-left: 0;
	width: auto;
	float: none;
	clear: both;
}

.formItem .ctrlHolder label {
	display: inline-block;
	width: auto;
	float: none;
}

.formItem .column50 {
	width: 50%;
	float: left;
}

.formItem .column33 {
	width: 33%;
	float: left;
}

/* form fields that should meet the aligned width */
.formItem input[type=text],
.formItem input[type=password],
.formItem select,
.formItem textarea {
	width: 90%;
	font-size: 1.1em;
	/*
*/
	border: 1px solid #999;
	padding: .4em;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	-moz-box-shadow:inset 0 0 3px #ccc;
	-webkit-box-shadow:inset 0 0 3px #ccc;
	box-shadow:inset 0 0 3px #ccc;
}

.formItem input.date {
	width: auto;
}

/* force override of jquery ui styles for selects to keep size consistent */
.ui-widget .formItem button,
.ui-widget .formItem select,
.ui-widget .formItem textarea, 
.ui-widget .formItem button {
	font-size: 1.1em;
}

.formItem textarea {
	height: auto;
	min-height: 4em;
}

.formItem input[type=checkbox],
.formItem input[type=radio] {
	font-size: 2em;
}

/* form fields that should fit their contents */
.formItem input[type=text].fit,
.formItem input[type=password].fit,
.formItem select.fit,
.formItem textarea.fit {
	width: auto!important;
}
/* required fields */
.formItem label.required {
	/*
font-weight: bold;
*/
}

.formItem .formHint p {
	font-family: Calibri, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif!important;
}

.formItem.ctrlBar input[type=submit],
.formItem.ctrlBar input[type=button],
.formItem.ctrlBar input.button {
	margin: 0 1em;
	display: inline-block;
	min-width: 8em;
}

/* series of related buttons */
.buttonBar,
.buttonBarSub {
	list-style-type: none;
	border: 1px solid #C9E2E9;
	color: #4e8d99;
	padding: 0;
	/* background gradient */
		background: #EEF5F8; /* Old browsers */
	
		background: -moz-linear-gradient(top, #EEF5F8 0%, #D1E6EC 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEF5F8), color-stop(100%,#D1E6EC)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #EEF5F8 0%,#D1E6EC 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #EEF5F8 0%,#D1E6EC 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #EEF5F8 0%,#D1E6EC 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEF5F8', endColorstr='#D1E6EC',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #EEF5F8 0%,#D1E6EC 100%); /* W3C */
		
}
.buttonBar {
	display: inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.buttonBarSub {
	width: auto;
	position: absolute;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	padding: 0;
}
	
.buttonBar li,
.buttonBar span {
	display: inline-block;
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 -.5em; /* eliminates the gap between inline list items */
	border-right: 1px solid #C9E2E9;
	line-height: 1.5em;
}
.buttonBar a,
.buttonBarSub a {
	color: #4e8d99;
	text-shadow: #fff 0 1px 0;
	text-decoration: none;
	padding: .5em 1em;
	margin: 0;
	font-weight: bold;
	border-left: 1px solid #C9E2E9;
}

.buttonBar a {
	display: inline-block;
	margin: 0;
}

.buttonBar a.disabled,
.buttonBar a:visited.disabled,
.buttonBar a:hover.disabled,
.buttonBar a:active.disabled {
	cursor: default;
	text-shadow: #fff 0 1px 0;
	color: #999;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7f7f7 0%,#eaeaea 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f7f7f7 0%,#eaeaea 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f7f7f7 0%,#eaeaea 100%); /* W3C */
}

/* show the arrow for "more" menu buttons */
.buttonBar a.more,
.buttonBar a.more:hover {
	color: #4e8d99;
	background-image: url(/images/arrow_blue_down.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	padding-right: 3em;
	text-shadow: #fff 0 1px 0;
}

.buttonBar a:link,
.buttonBar a:visited,
.buttonBarSub a:link,
.buttonBarSub a:visited {
	font-weight: bold;
	color: #4e8d99;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}

.buttonBar a.current,
.buttonBar a:hover,
.buttonBar a:active,
.buttonBarSub a.current,
.buttonBarSub a:hover,
.buttonBarSub a:active {
	color: #fff;
	text-shadow: #0C6A7C 0 1px 0;
	/*border: 1px solid #34717E;*/
	background: #2F7D8B; /* Old browsers */
	background: -moz-linear-gradient(top, #2F7D8B 0%, #80BECB 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F7D8B), color-stop(100%,#80BECB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2F7D8B 0%,#80BECB 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2F7D8B 0%,#80BECB 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #2F7D8B 0%,#80BECB 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2F7D8B', endColorstr='#80BECB',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #2F7D8B 0%,#80BECB 100%); /* W3C */
}

.buttonBar .first {
	margin-left: 0;
}

.buttonBar .first a {
	border-left: none;
	
}
.buttonBar .last a {
	border-right: none;
}

.buttonBar .first a.current,
.buttonBar .first a:hover,
.buttonBar .first a:active,

.buttonBarSub .first a.current,
.buttonBarSub .first a:hover,
.buttonBarSub .first a:active {
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.buttonBar .last a.current,
.buttonBar .last a:hover,
.buttonBar .last a:active,

.buttonBarSub .last a.current,
.buttonBarSub .last a:hover,
.buttonBarSub .last a:active {
	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.buttonBarSub li,
.buttonBarSub a {
	display: block;
	width: auto;
	margin: 0;
	border: none;
}

/* OVERRIDES FOR jQuery Validation styles */
.formItem label.error {
	width: 83%;
	display: block;
	float: none;
	clear: both;
	text-align: left;
	padding: .1em 5%;
}

.formItem input.error,
.formItem select.error {
	background-color: #fff;
	border: 2px solid #ee5b00;
	text-align: left;
}

.editAccountIds input[type=text],
.editAccountIds select {
	width: 50%;
}

/* form tag styles (outermost form styles) */

#paymentForm, /* payment form */
.signupSection, /* any form for signup or setup */
#recommendationForm, /* form for requesting letters */
#generaldocumentform, /* form for documents */
#document_form {	
	/*
width: 80%;
*/
	background-color: #eeeddc;
	margin: 0 auto 2em auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	color: #301320;
}

#paymentForm h4 {
	margin: .1em 0 0 1em;
}

/*	end website style forms */

/* application / account forms */

/* STANDARD BUTTON STYLES */
input[type=submit], 
input[type=button], 
button, 
input.primaryBtn, a.primaryBtn,  
a.button,
input.button, 
span.button {
	color: #FFFFFF;
	margin: .5em 0; /* not sure why there was an 8px left margin? */
	font-weight: bold;
	cursor: pointer;
	padding: .3em .8em;
	line-height: 1.8em;
	border: 1px outset #348291;
	display: inline-block;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-decoration: none;
	text-shadow: #2C606D 0 1px 0;
	
	border: 1px solid #338190;
	
	box-shadow:inset 0 0 2px #fff;
	
	background-color: #77b7c4; /* Old browsers */
	background: -moz-linear-gradient(top, #77b7c4 0%, #398593 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b7c4), color-stop(100%,#398593)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #77b7c4 0%, #398593 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #77b7c4 0%, #398593 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #77b7c4 0%, #398593 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b7c4', endColorstr='#398593',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #77b7c4 0%, #398593 100%); /* W3C */
	
	background-clip: padding-box; /* prevents bkg from showing through round cornders in IE */
}

/* primary (orange) button */
a.primaryBtn,
input.primaryBtn {
	background-color: #C94F29;
	border: 1px outset #EE5B00;
	font-size: 1.3em;
	text-shadow: #302120 0 1px 0;
	/*commence css3 hacks*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow:inset 0px 0px 2px #ffffff;
	-webkit-box-shadow:inset 0px 0px 2px #ffffff;
	box-shadow:inset 0px 0px 2px #ffffff;
	background-image: -moz-linear-gradient(top, #fb8543, #a63e29);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fb8543), to(#a63e29));
	background-image: -o-linear-gradient(top, #fb8543, #a63e29);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8543', endColorstr='#a63e29');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8543', endColorstr='#a63e29')";
	background-image: linear-gradient(top, #fb8543, #a63e29);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
input.secondaryBtn {
	font-size: .9em;
}

input[type=submit]:disabled,
input[type=submit][disabled=disabled],
input[type=button]:disabled,
input[type=button][disabled=disabled],
button:disabled,
button[disabled=disabled],
a.button.disabled {
	color: #ccc;
	cursor: default;
	border: 1px solid #648A91; /* desaturated version of blue */
	background: #a4bcc1; /* Old browsers */
	background: -moz-linear-gradient(top, #a4bcc1 0%, #648a91 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4bcc1), color-stop(100%,#648a91)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a4bcc1 0%,#648a91 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a4bcc1 0%,#648a91 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a4bcc1 0%,#648a91 100%); /* IE10+ */
	background: linear-gradient(top, #a4bcc1 0%,#648a91 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4bcc1', endColorstr='#648a91',GradientType=0 ); /* IE6-9 */
	background-clip: padding-box; /* prevents bkg from showing through round cornders in IE */
}

textarea {
	/*font-family: sans-serif;*/
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 1.5em;
	padding: .5em;
}

label {
	float: left;
	width: 150px;
}
label.nofloat,
label.inline {
	float:none;
	width: auto;
}
label.inline-block {
	display: inline-block;
}

/* style to align buttons with labels */
form div.controlbar {
	margin: 1em 150px;/* should be the same width as floated labels*/
	padding: 0;
}

span.required {
	font-weight: bold;
	font-size: 1.5em;
	color: #EE5B00;
}

.note {
	font-size: .9em;
	font-style: italic;
	}
.button {
	font-family: Arial, Calibri, "Helvetica Neue", Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	font-style: normal;
}

.button72, .button100, .button130, .button160 {
	text-align:center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	border: none!important;
	display: inline;
}
a.button72, a.button100, a.button130, a.button160 {
	display: block;
}
.button72 {
	height: 24px;
	line-height: 24px;
	width: 72px;
	font-size: .9em;
}
.button100 {
	height: 30px;
	line-height: 30px;
	width: 100px;
}
.button130 {
	height: 30px;
	line-height: 30px;
	width: 130px;
}
.button160 {
	height: 30px;
	line-height: 30px;
	width: 160px;
}

.button200 {
	height: 30px;
	line-height: 30px;
	width: 200px;
}

a.button72, a.button100, a.button130, a.button160,
a:link.button72, a:link.button100, a:link.button130, a:link.button160,
a:visited.button72, a:visited.button100, a:visited.button130, a:visited.button160,
a:hover.button72, a:hover.button100, a:hover.button130, a:hover.button160
{
	color: #fff;
	text-decoration: none;
	border: none;
}
/* link designed to display inline next to buttons ie for Cancel */
a.cancelForm {
	margin: 10px 1em;
	display: inline-block;
}

input.checkbox {
	width: auto;
}
input.radio {
	width: auto;
	float: left;
	margin-right: 5px;
}
#page h3 input {
	width: 500px;
	font-size: 100%;
	color: #666;
	font-weight: bold;
}
fieldset {
	border-top: 1px solid #DFE2CC;
	border-bottom: 1px solid #DFE2CC;
	background-color: #eeeddc;
	padding: 1em;
	margin: 1em 0;
}
fieldset ul {
	list-style-image: none;
	list-style-type: none;
	margin-top: 1em;
}
fieldset legend {
	font-size: 120%;
	padding: .1em 1em;	
	display: inline-block;
}
fieldset li {
	margin-bottom: .5em;
}
fieldset select, fieldset option {
	font-size: 90%;
}
.button a:link {
	color: #fff;
}
.button a:visited {
	color: #fff;
}
.button a:active {
	color: #fff;
}

/* 
	PORTFOLIO LOG IN FORM 
*/

#intfForm .formItem {
	margin: .8em 0;
}
.labelAlign {
	margin-left: 190px;
}

#loginMain {
	margin-top: 2em;
}

#loginMain input[type=text],input[type=password] {
	font-size: 1.5em;
	width: 250px;
}
div.accountForm {
	background-color: #EEEDDC;
	border: 1px solid #D5D8C3;
	padding: 1.5em;
	color: #302120;
	min-height: 400px;
}
#loginMain .accountForm h2 {
	background: none;
	margin: 0 0 .5em 0;
	padding: 0;
}
form#emailPasswordForm {
	display: none;
}


/* FREE ACCOUNT PORTFOLIO SIGNUP */

#freeAccountSignup form input.text {
	margin: 0;
	padding: 0;
	width: auto;
	float: none;
	clear: both;
}

#freeAccountSignup form label {
	display: block;
	width: auto;
	float: none;
	clear: both;	
	margin: 1.5em 0 0 0;
}

#freeAccountSignup form label.inline {
	display: inline;
	margin: 0;	
}

#freeAccountSignup form .formHint {
	display: block;	
}

#freeAccountSignup form required {
	font-size: .9em;	
}
#affiliationHelpText {
	font-size: .85em;	
	padding: 1em 1em 0 1em;
	margin: 1em 0;
	background-color: ##FAFAF5;
	border: 1px solid ##D5D8C3;
	width: 75%;
}

.formHint {
	font-style: italic;
	font-size: .8em;
}
/* dialog styles for text (jQuery UI)*/ 

.dialog h2 {
	font-size: 1.5em;
}

/* TAB NAVIGATION */

.tabNav {
	list-style-type: none;
	background-color: #6B564C;
	padding: .4em .4em 0 .4em;
	border-radius: 9px 9px 0px 0px;
	-moz-border-radius: 9px 9px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-top: 1px solid #59473F;
	border-left: 1px solid #59473F;
	border-right: 1px solid #59473F;
	border-bottom: none;
	clear: both;
}
.tabNav li {
	list-style-type: none;
	display: inline-block;
	background-color: #EEEDDC;
	color: #6B564C;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	min-width: 10em;
	text-align: center;

}
.tabNav li.active {
	background-color: #fff;
}

.tabNav a,
.tabNav a:link,
.tabNav a:visited,
.tabNav a:hover
.tabNav a:active {
	display: inline-block;
	text-decoration: none;
	padding: .5em 1em;
	color: #6B564C;
}

/* 
	NOTIFICATIONS
*/
.notification,
.validation {
	border: 1px solid #34717E;/* bright blue */
	background-color: #E2F0F3; /* light blue */
	color: #302120; /* dark brown */
	padding: 1em;
	margin: 0 auto 1em auto;
	width: auto;
	overflow: hidden; /*force clearing of contents*/
	/* corner radii */    
    -moz-border-radius: 7px; /* gecko */    
    -webkit-border-radius: 7px; /* webkit */    
    border-radius: 7px; /* css3 */
	/* box model */
	-webkit-box-sizing: border-box;    
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
}

.notification p {
	margin: .3em 1em;
}

.notification a.dismiss {
	margin: 0 1em;
}

.notification .messageText {
	padding: 1em;
}

/*error notification*/
.error {
	border: 1px solid #EE5B00; /* bright orange */
	background-color: #FCE5D6; /* light orange */
}

/* less padding for error messages within forms */
form .error {
	padding: .5em;
}

/* help notification */
.help {
	border: 1px solid #51A3B8;/* med blue */
	background-color: #FFF; /* white */
	color: #34717E; /* bright blue */
}

/* previously preview notification
.preview,*/
/*confirm notification*/
.confirm {
	border: 1px solid #489954; /* dark green */
	background-color: #d9ffd6; /* light green */
	/*background: #d9ffd6 url(/images/icons/silk/eye.png) 10px 10px no-repeat;	  light green with preview icon */
}
/* warning and validation notification*/
.warning {
	border: 1px solid #FFCC66; /* gold */
	background-color: #FFFFDB; /* yellow */
}

.notification.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

/* when displaying the message with the hover nav, assign a width */
#hoverNav #message {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#pageContent div.content {
	margin-bottom: 1em;
	margin-right: 200px;
	padding: 0;
	font-family: georgia, times new roman, times, serif;
	font-size: 100%;
}

#pageContent p.content {
	padding: 0;
	font-family: georgia, times new roman, times, serif;
	font-size: 100%;
	margin-bottom: 1em;
	}
/* utils */
/* any element cleared both */
.clear, .group {
	clear: both;
}
.group {
	overflow: auto;
}
/* any element float right */
.right {
	float: right;
}
/* any element float left */
.left {
	float: left;
}

/* any element that should not be displayed by default */
.hidden {
	display: none!important;
}
/* RL 1/25/10 - not sure what to do with this style or how it's used, but a margin should not be added to every "last" div */
/*
div.last, */p.last {
	margin-bottom: 2em;
	margin-left: 5px;
}

div.lastlist {
	margin-top: 1em;
	margin-bottom: 2em;
}
p.clear {
	padding-top: 1em;
}
p.plainclear {
	clear: both;
	margin: 0;
	padding: 0;
}
.space {
	padding-top: 1em;
}
p.field {
	margin-left: 150px;
}
.downspace {
	margin-bottom: 1em;
}

table.plain tr td,
table.plain tr th,
table.plain tr,
table.plain  {
	border: none!important;
	background-color: none!important; 
}


/* Comments */

ol#commentsList {
	list-style-type: none;
	list-style-image: none;
}
ol#commentsList li {
	margin: 1em 0;
	clear: left;
	border-bottom: 1px solid #EEEDDC;
}

ol#commentsList li .commentMeta,
ol#commentsList li .commentContent {
	margin-top: 1em;
	margin-bottom: 1em;
	
	}
	
ol#commentsList h6 {
	margin-bottom: .3em;
}

.pendingApproval {
	color: #6B564C;
	background-color: #EEEDDC;
	overflow: hidden;
}

.debugBorder {
border: 1px solid red!important;	
	}
	
/* START tooltip classes */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #302120;
	color: #302120;
	background-color: #FFFFDB;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {
	font-size: .9em;
	font-weight: normal;
	}
/* END tooltip classes */

/* flash embed / object tag z-index set to lower value than any pop up windows or other floating elements */
object {
	z-index: 1;
	}

.controlBar {
	margin: 1em 0 0 0; 
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	}

.controlBar span {
	padding: 10px 24px 10px 48px;
	margin: 0 2em 0 0;
	line-height: 48px;
	background-repeat: no-repeat;
	background-position: center left;
	}

.controlBar span#addDocument {
	background-image: url(/images/icons/icon_addDocument.png);
	}
.controlBar span#requestLetter {
	background-image: url(/images/icons/write_32_white.png);
	}
.controlBar span#addDelivery {
	background-image: url(/images/icons/icon_addDelivery.png);
	}
.controlBar span#historyDelivery {
	background-image: url(/images/icons/icon_deliveryHistory.png);
	}	

.controlBar span.download {
	background-image: url(/images/icons/xmac/files_down_32.png);
	}
.controlBar span.viewApplications {
	background-image: url(/images/icons/xmac/document_ok_32.png);
	}	
.controlBar span.position {
	background-image: url(/images/icons/xmac/notepad_add_32.png);
	}		
.controlBar span.users {
	background-image: url(/images/icons/xmac/group_32.png);
	}			
		
#main td.formTable,
#main table.formTable,
#main div.workingArea {
	background-color: #EEEDDC;
	}
#main div #pageGrid th {
	background-color: #DFE2CC;
	color: #302120;
	}
#main .smallText {
	color: #D15400; /*#EE5B00;*/
	}

/* edit menu (tabs ) */	

#editMenu {
	width: auto;
	clear: both;
	margin: 0 -1em;
}

#editMenu .notification {
	margin: 0 0 2em 0;	
}
#editMenu ul {
	padding: 0;
	margin: 1em 0 .5em 0;
	border-bottom: 1px solid #51A3B8; /* bottom menu border */
}

#editMenu ul li {
	display:inline;	
	position: relative;
	/*padding: 4px 0;*/
	margin: 0 .5em;
	list-style-type: none;
}

#editMenu ul li a {
	position:relative; /* make block links flow inline*/
	text-align: center;	/* center text within tabs*/
	padding: 4px 40px; /* controls width and click area of tabs */
	line-height: 24px; /* controls height of tabs and their alignment to the bottom border */
	border: 1px solid #fff;
	/* css rounded corners */
	list-style-type: none;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-radius-topleft: 3px;
	-webkit-border-radius-topright: 3px;
	border-radius-topleft: 3px;
	border-radius-topright: 3px;
}

/* selected tab */
#editMenu ul li.on a:link,
#editMenu ul li.on a:visited {
	border-top: 1px solid #51A3B8;
	border-left: 1px solid #51A3B8;
	border-right: 1px solid #51A3B8;
	border-bottom: 1px solid #fff;  /*must match background color*/
	background-color: #fff;
	text-decoration: none;
}
/* non selected tab */
#editMenu ul li.off a:link,
#editMenu ul li.off a:visited {
	border-top: 1px solid #C4C7B4;
	border-left: 1px solid #C4C7B4;
	border-right: 1px solid #C4C7B4;
	background-color: #EEEDDC;
	border-bottom: 1px solid #51A3B8;  /*must match menu bottom border color*/
	text-decoration: none;
}

#editMenu ul li.on a:hover,
#editMenu ul li.on a:active,
#editMenu ul li.off a:hover,
#editMenu ul li.off a:active{
	background-color: #D7EAEF; /* tab hover color */
}

#editMenu ul li.off a.disabled:link,
#editMenu ul li.off a.disabled:visited,
#editMenu ul li.off a.disabled:hover,
#editMenu ul li.off a.disabled:active {
	background-color: #EEEDDC; /* normal "off" tan color */
	color: #999; /* text is disabled gray */
	cursor: default;
}

/*
 * 
 *	PROCESS NAVIGATION 
 * 
 */

.processNav {
	border: 1px solid #A1CAD7;
	overflow: hidden;
	clear: both;
	background-color: #C9E2E9;
	margin-bottom: 1em;
}

.processNav.three a {
	width: 33.333%;
}

.processNav.four a {
	width: 25%;
}

.processNav.five a {
	width: 20%;
}

.processNav.six a {
	width: 16.666%;
}

.processNav a {
	display: block;
	padding: .5em 0; /* there is no horizontal padding to prevent the width of each item from being larger than its proper percentage */
	text-decoration: none;
	text-shadow: #ffffff 0 1px 0;
	background: #C9E2E9 url(/images/processArrow__off.png) center right no-repeat;
	margin: 0;
	float: left;
	text-align: center;
}

.processNav a.pre {
	background: #C9E2E9 url(/images/processArrow_pre_on.png) center right no-repeat;
}

.processNav a.post {
	background: #C9E2E9 url(/images/processArrow__off.png) center right no-repeat;
}

.processNav a.last {
	background-image: none;
}

/* inactive process nav items */
.processNav a:link,
.processNav a:visited {
	text-shadow: #ffffff 0 1px 0;
}

/* active process nav items */
.processNav a:hover,
.processNav a:active {
	text-shadow: #ffffff 0 1px 0;
}

/* current process nav item */
.processNav a.current:link,
.processNav a.current:visited,
.processNav a.current:hover,
.processNav a.current:active {
	font-weight: bold;
	color: #fff;
	text-shadow: #0C6A7C 0 1px 0;
	background: #51A3B8 url(/images/processArrow_post_on.png) center right no-repeat;
}

.processNav a.disabled {
	cursor: default;
	color: #999;
}

/* 
	TABLES  (for tabular data only)

*/

table td {
	padding: .6em;
}

div#leftColumnLarge table {
	width: 100%;
}

div#leftColumnLarge table.borders {
	border: 1px solid #C4C7B4;
	}
div#leftColumnLarge table.borders td {
	border-bottom: 1px solid #C4C7B4;
}
div#leftColumnLarge table.borders th {
	background-image: url(/images/struct/tan_gradient_bkg_30px.png);
	background-repeat: repeat-x;
	color: #302120;
	height: 30px;
	line-height: 30px;
	}

div#leftColumnLarge table tr.odd {
	background: #fff;
}
div#leftColumnLarge table tr.even {
	background: #E2F0F3;
}
table th {
	text-align: left;
	color: #888;
}
div#leftColumnLarge table td {
	padding: 4px;
}
div#leftColumnLarge table .page {
	padding-left: 10px;
}
div#leftColumnLarge table .date {
	text-align: center;
}
div#leftColumnLarge table .view {
	text-align: center;
}

table#contactList tr {
	cursor:pointer;
}

table.pageList tr,
table.itemList tr {
	line-height: 1.8em;
	height: 1.8em;
	border-bottom: 1px solid #C4C7B4;
}
table.pageList td,
table.itemList td {
	padding: .5em 1em;	
}
table.pageList th,
table.itemList th {
	background-color: #EEEDDC;
	border-bottom: 1px solid #C4C7B4;
	color: #333;
	padding: .5em 1em;
}

table.itemList th.sub {
	background-color: #DEEEF2;	
	color: #666;
}

table.itemList th[scope=row] {
	background-color: transparent;	
}

table.pageList td a.title,
table.pageList td a:link.title,
table.pageList td a:visited.title,
table.itemList td a.title,
table.itemList td a:link.title,
table.itemList td a:visited.title{
	color: #302120;
	text-decoration: none;
}
table.pageList td a:hover.title,
table.pageList td a:active.title,
table.itemList td a:hover.title,
table.itemList td a:active.title {
	color: #302120;
	text-decoration: underline;
}

table.pageList td a.action,
table.pageList td a:link.action,
table.pageList td a:visited.action,
table.itemList td a.action,
table.itemList td a:link.action,
table.itemList td a:visited.action{
	font-size: .9em;
	text-decoration:none;
}

table.pageList td a:hover.action,
table.pageList td a:active.action,
table.itemList td a:hover.action,
table.itemList td a:active.action{
	font-size: .9em;
	text-decoration:underline;
}

tr.highlighted {
	background-color: #FFFFDB;
}

/* Footer */

/* footer class for multiple footers (ie user, interfolio, etc) */
.footer {
	clear: both;
	/*font-size: .85em;
*/
	min-height: 20em; /* pad footer to ensure body background doesn't show through under footer on short pages*/
}

.footer #portfolioFooter {
	color: #63674C;	
	font-size: .85em;
}

#footer {
	margin-top: 20px;
	background: #EEEDDC url(/images/public/user_footer_bkg.png) top left repeat-x;
	padding: .5em 2em 5em 2em;
	border-top: 1px solid #C4C7B4;
}
#footerContainer {
	background: url(/images/public/intfatom_bkg.png) bottom right no-repeat;
	width: 960px;
	margin: 0 auto;
	padding-top: 2em;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
}
#footer p a:link, #footer a:visited {
	text-decoration:underline;
}

/* probably not right with profile in footer */
/*
#footer p {
	text-align:center;
}
*/

#portfolioFooter a:link,
#portfolioFooter a:visited {
	color: #63674C;	
}
#portfolioFooter a:hover,
#portfolioFooter a:active {
	color: #63674C;	
	text-decoration: underline;
}

#footer h4 {
	color: #301F1F;
	background: none;
	padding: 0;
	margin-bottom: .5em;
	font-size: 1.5em;
}
#footer p.footerButton a {
	color: #63674C;	
	display: block;
	background: url(/images/public/FooterButton_bkg.gif) top left no-repeat;
	text-decoration: none;
	padding-top: 6px;
	height: 32px;
	width: 162px;
	text-align: center;
	font-weight: bold;
}


#portfolioFooter #footerPages ul {
	list-style-image: url(/images/public/bullet_footer.gif);
}
#portfolioFooter #footerPages ul li {
	margin-left: 15px;
	margin-bottom: .5em;
}

#footer a.topAnchor {
	clear:both;
	display:block;
	padding-top: 3em;
}

/* Interfolio footer (about, join etc) */
#intfFooter {
	background-color: #302120;
	color: #837B73;
	clear: both;
}

#intfFooter ul {
	line-height: 2.2em;
	list-style-type: none;
	list-style-image: none;
	margin-top: 2em;
}

#intfFooter ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #1F1514;
	border-top: 1px solid #432E2D;
}

#intfFooter ul li.first {
	border-top: none;
}
#intfFooter ul li.last {
	border-bottom: none;
}

#intfFooter a,
#intfFooter a:link, 
#intfFooter a:visited {
	color: #837B73;
	text-decoration: none;
}

#intfFooter a:hover,
#intfFooter a:active {
	color: #BDB9AC;
}

#intfFooter #aboutSSL {
	font:bold 7px verdana,sans-serif; 
	letter-spacing:.5px;
}

#intfFooter #trustE {
float: right;
}

#intfFooter #copyright {
	font-size: .8em;
}

/*
	end footer styles
*/


/* TERMS OF SERVICE */

#terms {
	margin: 1em 2em;	
}

/* ACCOUNT SETTINGS */
a.creditCard {
	background: transparent url(/images/icons/silk/creditcards.png) center left no-repeat;
	padding-left: 24px;
	display: inline-block;	
}
a.delete {
	background: transparent url(/images/icons/silk/icon_trash.png) center left no-repeat;
	padding-left: 24px;
	display: inline-block;	
}

/* PAGINATION */

 .searchResultsPages,
 .pageNav {
	clear: both;
	margin: 2em auto 0 auto;
	text-align: center;
}

td.pageNav.pre {
	text-align: left;
}
td.pageNav.on {
	text-align: center;
}
td.pageNav.post {
	text-align: right;
}

.searchResultsPages a,
.pageNav a {
	display: inline-block;
	margin: 0 .1em;
	padding: .5em .8em;
	border: 1px solid #51A3B8;
	text-decoration: none;
	/* css hacks for corner radii */
	-moz-border-radius: 3px; /* gecko */
	-webkit-border-radius: 3px; /* webkit */
	border-radius: 3px; /* css3 */
}
.searchResultsPages a.current,
.pageNav a.current {
	background-color: #C9E2E9;
}
.searchResultsPages a:link,
.pageNav a:link {
	color: #34717E;
}

.searchResultsPages a:visited,
.pageNav a:visited  {
	color: #295965;
}

.searchResultsPages a:hover,
.pageNav a:hover {
	color: #34717E;
	background-color: #C9E2E9;
}

.searchResultsPages a:active {
	color: #51A3B8;
}


/* 
 * 
 * SIGNATURES / Fax2Sig / Mouse2sig 
 * 
 * */

/* signature option links container */
#sigOptions {
	clear: both;
	width: 100%;
	overflow: auto;
	margin: 2em 0;
}
/* signature option links */
#sigOptions .sigOption {
	float: left;
	width: 180px;
	height: 180px;
	margin: 0 2%;
	background-repeat: no-repeat;
	display: block;
}

/* hide text within links */
#sigOptions .sigOption h3 {
	margin-left: -10000px;
}

/* icons/images for links */
#sigOptions .sigOption.fax {
	background-image: url(/images/signature_fax.jpg);
}
#sigOptions .sigOption.mouse {
	background-image: url(/images/signature_mouse.jpg);
}
#sigOptions .sigOption.scan {
	background-image: url(/images/signature_scan.jpg);
}

#sigOptions .sigOption.skip {
	background-image: url(/images/signature_skip.jpg);
	width: 612px;
	height: 76px;
	clear: both;
	margin-top: 30px;
}

.signatureInstructions {
	font-size: 1.2em;
}
.signatureInstructions li {
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
	padding: 1em 0;
	border-bottom: 2px solid #cfcfcf;
}
.signatureInstructions li ul li {
	font-size: 1em;
	margin-top: .5em;
	margin-bottom: .5em;
	border: none;
	clear: none;
	padding: 0 0 0 1em;
}
.signatureInstructions img {
	float: right;
	margin: 0;
}

#sigNav {
	margin: 2em 0;	
}

#sigView {
	width: 600px;
}
#signature {
	background-color:#f3eddb;
	padding: 10px;
}
.helpImg {
	background-color: #fff;
	width:520px;
	overflow: scroll;
}

.breadcrumb {
	font-size: .85em;
	margin-bottom: 1em;
}

hr {
	border: 1px outset #DFE2CC;
}

/*
 * 
 * ELASTIC GRID
 * 
 */ 
 
/* grid wrapper (apply this class to the outermost element) */
.gelastic {
	width: 100%;
	margin: 0;
	overflow: hidden;
	clear: both;
}

/* grid column (all columns get this class) */
.gelastic .col {
	float: left;
	overflow: hidden;
	margin: 0 1%;
	padding: 0;
}

/* first and last columns get extra margin so the gutters are all equal */
.gelastic .col.first {
	margin-left: 2%;
}

.gelastic .col.last {
	margin-right: 2%;
}

/* each column should have a width class assigned */
.gelastic .col1 {
	width: 8%;
}

.gelastic .col2 {
	width: 16%;
}

.gelastic .col3 {
	width: 26%;
}

.gelastic .col4 {
	width: 36%;
}

.gelastic .col5 {
	width: 46%;
}

.gelastic .col6 {
	width: 56%;
}

.gelastic .col7 {
	width: 66%;
}

.gelastic .col8 {
	width: 76%;
}

.gelastic .col9 {
	width: 86%;
}

.gelastic .col10 {
	width: 96%;
}