/*-----------------------------------------------------

	---- COLOR PALLETTE ----

	OSMA GREEN:	#90ac3c

	OSMA BLUE:  	#587992
	  -HIGHLIGHT: 	#688fad
	  -SHADOW: 	#486276

	DARK BROWN: 	#493829
	  -HIGHLIGHT:	#5c4c3f
	  -SHADOW: 	#221f1d

	LIGHT BROWN:	#897d74
	  -SHADOW:	#7b6f66

	STORENAV GOLD: 	#dfad01
	  -HIGHLIGHT:	#e2b51b
	  -SHADOW:	#c89b01

	WARNING RED: 	#b3470d

	ZEBRA GREY:	#f7f7f7
	BORDER GREY:	#dbd7d4
	RSS ORANGE:		#e17607

------------------------------------------------------*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #493829;
}

a img { border: 0; }

*:focus { outline: none; }

a, a:link {
	color: #587992;
	text-decoration: none;
}

#panel a, #panel a:link, #sidebar p a, #sidebar p a:link {
	font-weight: bold;
}

#panel #breadcrumb a, #panel #breadcrumb a:link {
	font-weight: normal;
}

/*
a:visited {
	color: #90ac3c;
	text-decoration: none;
}
*/
a:hover, a:active {
	text-decoration: underline;
}

form { margin: 0; padding: 0; }

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

.cleaner {
	display: block;
	height: 1px;
	font-size: 1px;
	clear: left;
}

.error {
	font-weight: bold;
	font-size: 0.85em;
	color: #b3470d;
}

.warningbox {
	background-color: #FDC7C7;
	border: 1px solid #dd0000;
	color: #dd0000;
	font-weight: bold;
	padding: 10px;
	margin: 1em 0;
}

.brleft {
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-bottom-left-radius: 4px !important;
	-moz-border-radius-bottomleft: 4px !important;
	-webkit-border-bottom-left-radius: 4px !important;
	border-top-left-radius: 4px !important;
	-moz-border-radius-topleft: 4px !important;
	-webkit-border-top-left-radius: 4px !important;
}

.brright {
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-bottom-right-radius: 4px !important;
	-moz-border-radius-bottomright: 4px !important;
	-webkit-border-bottom-right-radius: 4px !important;
	border-top-right-radius: 4px !important;
	-moz-border-radius-topright: 4px !important;
	-webkit-border-top-right-radius: 4px !important;
}

.brbottom{
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-bottom-left-radius: 4px !important;
	-moz-border-radius-bottomleft: 4px !important;
	-webkit-border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	-moz-border-radius-bottomright: 4px !important;
	-webkit-border-bottom-right-radius: 4px !important;
}

.bottomrule {
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #493829;
	margin-bottom: 0.5em;
}

#MAP { margin: 1em 0; }

/*-------------------------------------------------------------
 headers
-------------------------------------------------------------*/

h1 {
	font-size: 1.66em;
	text-transform: uppercase;
}

h2 {
	font-size: 1.5em;
	color: #90ac3c;
	text-transform: uppercase;
}

h3 {
	font-size: 1em;
	text-transform: uppercase;
}

h3.green {
	font-size: 1em;
	color: #90ac3c;
	text-transform: none;
}

h4 {
	font-size: 1em;
	margin-bottom: -1em;
}

caption {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	padding-top: 8px;
}

.massive {
	font-size: 1.66em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 1em 0;
}


/*-------------------------------------------------------------
 Icons
-------------------------------------------------------------*/
.icon {
	padding-left: 40px;
	background-image: url(../img/icon-sprite.png);
	background-repeat: no-repeat;
	line-height: 30px;
}

.member 	{ background-position: 0px 0px; }
.events 	{ background-position: 0px -30px; }
.find	{ background-position: 0px -60px; }
.notify  { background-position: 0px -120px; }
.news  { background-position: 0px -90px; }

.iconsm {
	padding-left: 22px;
	background-image: url(../img/icon-sprite.png);
	background-repeat: no-repeat;
	line-height: 15px;
}

a.iconsm:link {
    text-decoration: none;
}

li.iconsm {
	list-style-type: none;
}

.iconr, .iconl {
	display: block;
	width: 15px;
	height: 15px;
	padding: 0;
}

.icon.iconr, .iconrbig, .icon.iconl, .iconlbig { width: 30px; height: 30px; }

.iconr { float: right; }
.iconl { float: left; }

.iconlnk {
	display: block;
	margin: 4px 0;
	font-weight: bold;
}

.green, a.green, a.green:link, a.green:visited 	{ background-position: 0px -468px; color: #90ac3c;}
.red, a.red, a.red:link, a.red:visited 		{ background-position: 0px -180px; color: #b3470d;}
.blue, a.blue, a.blue:link, a.blue:visited 	{ background-position: 0px -540px; color: #587992;}
.brown, a.brown, a.brown:link, a.brown:visited 	{ background-position: 0px -234px; color: #493829;}
.rss, a.rss, a.rss:link, a.rss:visited  	{ background-position: 0px -342px; color: #e17607; height:16px; }
.twitter, a.twitter, a.twitter:link, a.twitter:visited { background-position: 0px -378px; color: #2d94bf; height:16px; }
.facebook, a.facebook, a.facebook:link, a.facebook:visited { background-position: 0px -397px; color: #3B5998; height:16px; }

.doc	{ background-position: 0px -360px; }
.notch	{ background-position: 0px -432px; padding-left: 16px; }
.help 	{ background-position: 0px -252px; }
.lock 	{ background-position: 0px -270px; }
.plus 	{ background-position: 0px -288px; }
.xwhite  { background-position: 0px -306px; }
.xblue 	{ background-position: 0px -324px; }

.bold { font-weight:bold }

.dblbrdr {
	border-style: dotted;
	border-color: #493829;
	border-width: 1px 0 0 0;
	font-size: 1px;
	height: 2px;
}


/*-------------------------------------------------------------
 Forms
-------------------------------------------------------------*/

input[type="text"], input[type="password"], select, textarea {
	border: 1px solid #d2cecb;
	padding: 4px;
	color: #493829;
	font-family: Helvetica, Arial, sans-serif;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input, textarea {
	/* For IE6/7 form consistency */
	font: 100%/120% Helvetica, Arial, sans-serif;
}

input[type="text"], input[type="password"], select {
	height: 16px;
	line-height: 16px;
}

select {
	height: 26px;
}

#sidebar input[type="text"] {
	width: 232px;
	margin: 4px 0;
}

textarea.lg {
	width: 400px;
	clear: left;
}

#btnsearch, .btnsearch {
	width: 66px;
	height: 26px;
	border: 0;
	background: url(../img/btn-sprite.png) -39px 0px;
	margin-top: 4px;
}

fieldset {
	background: #f7f7f7;
	padding: 12px;
	border: none;
}

fieldset legend {
	display: none;
}

fieldset h4 {
	margin: 0 0 1em 0;
}

label {
	display: block;
	margin-top: 0.5em;
	color: #897d74;
}

span.label {
	float: left;
	margin: 8px 0;
	color: #897D74;
}

label.off { display: none; }

input.check {
	margin-right: 20px;
}

.body ol.principles {
	list-style-type: upper-roman;
	color: #897d74;
}

.btnlbl {
	text-align: right;
}

.btn {
	display: block;
	height: 26px;
	border: 0;
	background-image: url(../img/btn-sprite.png);
	text-indent: -10000px;
	cursor: pointer;
}

#dialog-cancel { float: none; position: absolute; right: 30px;}


.btnaction, .btnlbl { margin: 1em 0; min-height: 26px; }
.btnaction .btn, .btnlbl .btn, .btn.ctrl { float: right; margin-left: 10px; }

.btn.search		{ width: 66px; background-position: -39px 0px; }
.btn.login 		{ width: 56px; background-position: -105px 0px; }
.btn.continue 		{ width: 79px; background-position: -161px 0px; }
.btn.submit 		{ width: 65px; background-position: -240px 0px; }
.btn.addtocart 		{ width: 96px; background-position: -305px 0px; }
.btn.updatecart 		{ width: 98px; background-position: -401px 0px; }
.btn.goback 		{ width: 71px; background-position: -499px 0px; }
.btn.submitpayment 	{ width: 117px; background-position: -570px 0px; }
.btn.checkout	 	{ width: 82px; background-position: -687px 0px; }
.btn.print	 	{ width: 54px; background-position: -769px 0px; }
.btn.cancel	 	{ width: 69px; background-position: -823px 0px; }
.btn.continuecheckout 	{ width: 161px; background-position: -892px 0px; }
.btn.editinfo	 	{ width: 75px; background-position: -1053px 0px; }
.btn.savecontinue	{ width: 120px; background-position: -1128px 0px; }
.btn.registeronline	{ width: 122px; background-position: -1248px 0px; }
.btn.apply		{ width: 49px; background-position: -1370px 0px; }
.btn.cancelblue		{ width: 69px; background-position: -1419px 0px; }
.btn.gowhite, .gowhite		{ width: 39px; background-position: -1488px 0px; }
.btn.viewcart		{ width: 82px; background-position: -1527px 0px; }

/*-------------------------------------------------------------
 Breadcrumb styles
-------------------------------------------------------------*/


ul#breadcrumb {
	list-style-type: none;
	margin: 0;
	padding: 0;
/*	position: absolute;
	top: 0;
	left: 0;*/
	font-size: 0.9em;
/*	white-space: nowrap; */
	text-indent: -24px;
	padding-left: 24px;
}

ul#breadcrumb li {
	display: -moz-inline-box;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background-color: #587992;
	border-left: 1px solid #688fad;
	border-right: 1px solid #486276;
	text-align: center;
	text-indent: 0px;
	position: relative;
	margin-top: 1px;
}

ul#breadcrumb li.first { border-left: 0; }
ul#breadcrumb li.last { border-right: 0; }

ul#breadcrumb li.bcctrl {
	width: 20px;
	height: 24px;
	background: #587992 url(../img/icon-sprite.png) center -153px;
}

ul#breadcrumb li a {
	color: white;
	text-decoration: none;
	padding: 0 10px;
}

ul#breadcrumb li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 24px;
	background-color: #587992;
	padding: 10px;

	display: none;
	white-space: normal;
	width: 200px;
}

ul#breadcrumb ul li {
	float: none;
	display: list-item;
	text-align: left;
	width: auto;
	height: auto;
	line-height: 1.25em;
	border: 0;
	padding: 3px 0;
}

ul#breadcrumb ul li a {
	padding: 0;
}



/*-------------------------------------------------------------
 Pagination, filters, searches, etc.
-------------------------------------------------------------*/

.paginate {
/*	clear: both; */
	background: transparent;
	height: 2em;
	line-height: 2em;
	margin: 8px 0;
	padding: 7px 10px;
	vertical-align: text-top;
}

.paginate .tablenav-pages {
	float: right;
	font-size: 11px;
	height: 18px;
}

.paginate .tablenav-pages a {
	color: #ffffff;
	text-decoration: none;
}

.paginate .tablenav-pages a.next,
.paginate .tablenav-pages a.prev {
	color: #ffffff;
	text-decoration: none;
}

.paginate .tablenav-pages a:hover {
	color: #ffffff;
	text-decoration: none;
}

.paginate .next, .paginate .prev {
/*	border-style: none;
	border-style: hidden;
	background-color: transparent; */
	text-transform: lowercase;
}

.page-numbers {
	background-color: #587992;
	border: 1px solid #486276;
	margin-right: 3px;
	padding: 2px 4px;


	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.page-numbers.current {
	background-color: #897d74;
	color: #FFFFFF;
	border: 1px solid #7b6f66;
	font-weight: bold;
}

a.page-numbers:hover {
/*	border-color: #999999; */
}


.paginate .tablenav-search {
	float: right;
	font-size: 12px;
	height: 18px;
}

/*-------------------------------------------------------------
 Messages and notifications.
-------------------------------------------------------------*/

#notify {
	margin: 1em 0;
	background: #587992;
	padding: 8px;
	display: none;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#notify.green {
	background-color: #90ac3c;
}

#notify div {
	margin: 0 30px;
	color: white;
	text-align: center;
}


#notify a, #notify a:link, #notify a:visited {
	color: white;
	text-decoration: underline;
}

p.notification {
	color: red;
}

/*-------------------------------------------------------------
 Miscellaneous.
-------------------------------------------------------------*/

.generic {
	padding: 10px;
	font-size: 13px;
}

#gMAP {
	display: none;
	height: 350px;
}

/*-------------------------------------------------------------
 News Articles.
-------------------------------------------------------------*/

.article_date {
	margin-top: -1em;
}

.article_content {
	margin: 1em 0;
}


#landing p {
	color: #897d74;
}

h4 a, h4 a:link, h4 a:visited {
	color: #493829;
	text-decoration: none;
}

.pagehalf {
	float: left;
	width: 280px;
}

.pagehalf + .pagehalf {
	margin-left: 30px;
}

.clean {
	clear: both;
}


.cbox {
	width: 50%;
	margin:0 auto;
	background: #f7f7f7;
	padding: 20px;
	font-size: 1.1em;
	text-align:center;
}

.dialoghelpnote {
	width: 230px;
}
	
#sitemap .column {
    float:left;
    margin-right:5%;
    width:45%;
}

@media print {
    .screenonly { display:none; }
}

@media screen {
    .printonly { display:none; }
}

/* Attorney Form Styles */

#attorney_header {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: black;
}

.formbox {
	background-color: #f7f7f7;
}

.formbox h3 {
	background-color: #527a92;
	color: white;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
}

.formbox p, #submission_info p {
	font-family: Arial;
	font-size: 13px;
	color: #8b7d74;
}

.payment p {
	font-family: Arial;
	font-size: 24px;
	color: #8b7d74;
}

.payment p em {
	font-weight: bold;
	font-style: normal;
}

#attorney_submit {
	background: url(../img/attorney-submit.png);
}

/* Attorney Search Results */
.result {
	background-color: #f7f7f7;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d2cecb;
}

.alt {
	background-color: #ffffff;
}

.first {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d2cecb;
}

.name {
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: #493829;
}

.area {
	font-family: Arial;
	font-size: 13px;
	color: #8b7d74;
}

.attorneydetails {
	background: url(../img/btn-details.png);
	border: none;
}

/* Attorney Details */

.dialog-text {
	font-family: Arial;
	font-size: 13px;
}

p.label {
	color: #8b7d74;
}

p.attorney_details {
	color: #493829;
	font-weight: bold;
	line-height: 1.2em;
}

.attorney-close {
	background: url(../img/btn-close.png) no-repeat;
	border: none;
}

.month, .year {
	border: none;
}

/* Attorney payment */
.warning {
	color: red;
}

#attorney-payment-submit {
	background: url(../img/btn-sprite.png);
	background-repeat: no-repeat;
	background-position-x: -570px;
	background-position: -570px 0px;
	border: none;
}

/* Member Form Columns */
#comm-topics-label {
	display: inline-table;
	position: relative;
	top: 36px;
}

.comm-topic { 
	display: inline-block;
	width: 220px;
	margin-bottom: 10px;
}

	div.comm-topic label.comm-topic-label { width: 150px; min-height: 0px; }
	.comm-topic .left {float: left;}
	.comm-topic .right {float: right;}
