/* css/01-page.css */


/* General Document Formatting */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image:url(images/back_gradient2.jpg);
	background-repeat: repeat-x;
	
}

div#body {
	padding-top: 5px;
	text-align: left;
	font-family: trebuchet ms, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
    margin: 0 auto 0 auto;
	width: 780px;
}

pre {
	font-family: trebuchet ms, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
}


h1, h2, h3, h4 {
    font-family: trebuchet ms;
	color: #800000;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    font-weight: bold;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 19px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 13px;
}

li {
    padding-top: 3px;
    padding-bottom: 7px;
	margin-left: 2em;
}

ol, ul, dl {
    padding: 0;
	margin: 0;
}

li ol, li ul, li dl, li li {
    padding-bottom: 5px;
}

p {
	margin-top: 0;
}

p img {
	float: left;
	position: relative;
	margin-right: 5px;
}

a, a:hover img {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
	color: #844814;
}

strong {
	font-weight: bold;
}

img {
	border: none;
	padding: 0;
	margin: 0;
}

html, #body, #header {
    padding: 0;
	margin: 0;
}

dt, dd {
  margin-bottom: 20px;
}

.top-link {
	display: none;
}


#content {
	width: 740px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0;
	padding-bottom: 5px;
	background-color: #FFF;
	margin: 0;
	border-left: 1px solid #feef8a;
	border-right: 1px solid #feef8a;
}


/* forces content to extend below any floats */
#contentend {
    clear: both;
}

/* generic styles */

.callout-column-left {
	float: left; 
	padding-right: 20px; 
	background-color: #FFF;
	position: relative;
	margin-bottom:50px;
}

.callout {
	margin-top: 0;
	margin-right: 0;
	width: 170px;
	display: block;
	background: transparent;
	border: none;
	padding: 0;
}

.callout h1 {
	font-size: 14px;
	padding: 0 0 5px 5px;
}

.callout li {
	padding: 0;
	margin: 0;
	margin-left: 30px;
	font-size: 13px;
}

.callout p {
	display: block;
	font-size: 13px;
	padding: 5px;
	padding-bottom: 0;
	padding-top: 0;
}

.callout img {
	float: left;
	padding-right: 6px;
	padding-left: 3px;
	position: relative;
}

.callout a.toplink {
	float: right;
	margin: 0 5px 0 5px;
	padding: 0;
	font-size: 11px;
}

.callout-wide {
	float: right;
	clear: right;
	margin: 15px;
	margin-top: 0;
	margin-right: 0;
	width: 175px;
	display: block;
	background: transparent;
	border: none;
}

.callout-wide h1 {
	font-size: 16px;
	padding: 0 0 5px 5px;
}

.callout-wide p {
	display: block;
	padding: 5px;
	padding-top: 0;
}


/* redefine these for custom colors */ 
.callout .header { 
	background-color: #EEE;
	color: #FFF;
}

.galleryspot {
	float: right;
	position: relative;
	padding: 10px;
	border: 1px solid #e8bb09;
	margin: 15px;
	margin-right:10px;
	background-color: #FFF;
}

/* used for blocking out a title to get attention */

.highlight {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
}

/* table defaults for a 'standard' data table */

.basictable {
    margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.basictable td, .basictable th {
	margin: 0;
	padding: 5px;
	vertical-align: top;
	font-size: 13px;
	border: 1px solid #CCC;
}

.basictable tr.titles td {
	border: none;
	color: gray;
	font-weight: bold;
}

.basictable tr.alt {
	background-color: #ECF3FE;
}

.smtable {
    margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.smtable td, .smtable th {
	margin: 0;
	padding: 5px;
	vertical-align: top;
	font-size: 11px;
	border: 1px solid #CCC;
}

.smtable tr.titles td {
	border: none;
	color: gray;
	font-weight: bold;
}

	

/* Miscellaneous Use */

#notice {
	background-color: #EEB46F;
}

#error {
	background-color: #EEB46F;
}

.pdf {
    padding-left: 5px;
	color: #555;
	font-size: 9px;
}

/* to highlight photos so they look like photos */

.photo {
	border: 1px solid #EEE;
	padding: 5px;
	width: 450px;
	text-align: center;
    margin-left: 150px;
    margin-right: auto;
	margin-top: 20px;
}

.captionbox {
	border: 1px dotted #888888;
	padding: 5px;
	margin: 10px;
	width: 300px;
}

.captionbox_small {
	border: 1px dotted #888888;
	padding: 5px;
	margin: 10px;
	width: 150px;
}

/* used for a unique look for custom lists */

ul.special-list {
	list-style-image: url();
	padding-bottom: 20px;
}

ul.special-list li {
	padding-top: 0;
	padding-bottom: 0;
}

/* profile */

.breadcrumb {
	font-size: 11px;
	padding-bottom: 10px;
	margin: 0;
}

/* front page new feed entries */
.callout { margin-top: 10px;}


.callout .header h1, .callout a.toplink {color: #f8f1d3; }
.callout .header{
background-image: url();
background-repeat: repeat-x; 
}
.callout .b1, .callout .b2 { border-left-color: #f8f1d3; border-right-color: #f8f1d3; }
.callout .b3, .callout .b4, .callout .b4b, .callout .b3b, .callout .boxcontent { border-left-color: #f8f1d3; border-right-color: #f8f1d3; background: #f8f1d3; position: relative;}
.callout .b2b { border-left-color: #f8f1d3; border-right-color: #f8f1d3;  background: #f8f1d3; } 
.callout .b1b { border-left-color: #f8f1d3; border-right-color: #f8f1d3;  background: #f8f1d3; } 
.callout .b1 { background: #f8f1d3; }
.callout .b2, .callout .b3, .callout .b4 { background: #f8f1d3; } 
.callout .b1b { background: #f8f1d3;  background: #f8f1d3; } 

.callout_text
{
	font-family: Verdana;
	font-size: 11px;
	padding: 0;
	margin: 0;
	display: inline;
}

/* for general testimonial use */

.testimonial {
	padding: 3px;
}

.testimonial img {
	float: right;
	padding-left: 3px;
	padding-bottom: 3px;
}

.quotestart {
	background-image: url();
	background-repeat: no-repeat;
	padding: 3px;
}

.quoteend {
	background-image: url();
	background-repeat: no-repeat;
	background-position: top right;
	height: 20px;
	clear: right;
}

.quoter {
	font-size: 11px;
	padding-left: 30px;
}

.fullt {
	padding: 10px;
	border: 1px solid #DDD;
	margin-bottom: 30px;
}

.inset {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}

.registration-notes {
	font-size: 8pt;
}

.disclaimer {
	clear: both;
	font-size:8pt;
	color:red;
	padding-top: 15px;
	padding-bottom: 8px;
	text-align: center;
}

.makeabox {
	border: 1px solid #CCC;
	padding: 8px;
	width: 500px;
}

.subtxt {
	font-size: 11px;
	color: #555;
}

.outlinebox {
	border-top: 2px solid #A85400;
	border-bottom: 2px solid #A85400;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.pretty-hr {
	margin: 10px;
	border-top: 1px solid #023e9b;
}

.smalltext {
	font-size: 11px;
}

.daylink {

}

.fsblock {
	border: 1px solid #CCC;
	padding: 0px;
	margin: 10px;
	padding-bottom: 7px;
}

.fsblock h1 {
	text-align: left;
	font-weight: bold;
	font-family: verdana;
	font-size: 11px;
	padding: 3px;
	margin: 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #fab264;
	background-image: url();
	background-repeat: repeat-x;  
}

.fsblock img {
	float: left;
	margin-right: 3px;
}

.fsitem {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 5px;
}

.fsitem-hlight {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #FFCC99;
}

.fsnotice {
	background-color: #fae69f;
	padding: 2px;
	font-size: 11px;
}

.fshide {
	background-color: #DDD;
	padding: 2px;
	font-size: 11px;
}

.fsbullet li {
	padding: 2px;
	font-size: 11px;
}

.confirm-action {
	border: 2px solid green;
	padding: 5px;
	width: 300px;
	text-align: center;
	margin-bottom: 15px;
}


.error-action {
	border: 2px solid red;
	padding: 5px;
	width: 300px;
	text-align: center;
	margin-bottom: 15px;

}

.dottedspacer {
	border-top: 1px dashed #CCC;
	margin-top: 7px;
	margin-left: 7px;
	margin-right: 7px;
}


.editline {
	float: right;
	font-size: 11px;
	font-family: verdana;
}

.user-notes {
	font-size: 11px;
	color: #666666;
}

.author-line {
	text-align: right;
	font-size: 10px;
	color: #666;
	padding-top: 5px;
}

.admin-column {
	float: left;
	width: 190px;
	clear: both;
}

.hlight {
	background-color: #FEE48D;
	padding: 1px;
}

.feature img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.underline-title {
	border-bottom: 1px solid #CCC;
	padding-bottom: 2px;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: georgia, verdana;
	width: 550px;
}


/* css/02-header(old).css */


/* Nav references */
.headerpic {
	margin: 0;
	padding: 0;
	background-image: url(images/top_corners.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 6px;
	background-color: white;
	width: 782px;
}

#header {
	margin: 0;
	padding: 5px;
	padding-bottom: 0;
	font-size: 28px;
	background-color: white;
	border-left: 1px solid #feef8a;
	border-right: 1px solid #feef8a;
	width: 770px;
}

.locations {
	float: right;
	position: relative;
	margin-right: 115px; 
	padding: 5px;
}

.locations h1 {
	color: black;
	font-size: 14px;
	padding: 5px;
	margin: 0;
}

.photobar {
	padding: 5px;
	padding-left: 15px;
	background-color: white; 
}

#header #print_display
{
	display: none;
}


#nav {
	font-size: 11px;
	color: #800000;
	padding-top: 0;
	padding-bottom: 0;
}

#nav a {
    padding-left: 0.5em;
    padding-right: 0.5em;
	color: #800000;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

#nav a:hover, #nav a.selected {
	text-decoration: none;
	color: #48a826;
	padding-top: 3px;
	padding-bottom: 3px;
}


#nav a strong {
    font-size: larger;
}
	

/* css/02-header.css */


/* Nav references */
.headerpic {
	margin: 0;
	padding: 0;
	background-image: url(images/top_corners.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 6px;
	background-color: white;
	width: 782px;
}

#header {
	margin: 0;
	padding: 5px;
	padding-bottom: 0;
	font-size: 28px;
	background-color: white;
	border-left: 1px solid #feef8a;
	border-right: 1px solid #feef8a;
	width: 770px;
}

.locations {
	
	float: right;
	position: relative;
	margin-right: 50px; 
	padding: 5px;
}

.locations h1 {
    text-align:right;
	color: black;
	font-size: 14px;
	padding: 5px;
	margin: 0;
}

.photobar {
	padding: 5px;
	padding-left: 15px;
	background-color: white; 
}

#header #print_display
{
	display: none;
}


#nav {
	font-size: 11px;
	color: #800000;
	padding-top: 0;
	padding-bottom: 0;
}

#nav a {
    padding-left: 0.5em;
    padding-right: 0.5em;
	color: #800000;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

#nav a:hover, #nav a.selected {
	text-decoration: none;
	color: #48a826;
	padding-top: 3px;
	padding-bottom: 3px;
}


#nav a strong {
    font-size: larger;
}
	

/* css/03-footer.css */


#footer {
	text-align: center;
	clear: both;
	margin: 15px;
	font-size: 11px;
	color: #777;
	padding-top: 0;
	padding-bottom: 10px;
}

.footerlink, #footer a {
	font-size: 11px;
	line-height: 20px;
	color: #777;
    margin-top: 10px;
	text-decoration: none;
}

#printfooter {
    display: none;
}

/* css/debug.css */

/* CSS Document */

div.debug {
}
div.debug table  {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000; 
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 0;
}

div.debug .header { 
	font-weight: bold; 
	color: #FFF; 
}
div.debug td {
	vertical-align: top;
	padding: 5px;
	border: 1px solid #000;
}
div.debug .error {
	background-color: #F00;
	color: #FFF;
}

/* default */
div.debug td {
	background-color:#FFF;
}
div.debug table, div.debug .header { 
	background-color: #7A7; 
}
div.debug td.key { 
	background-color: #CFC; 
}

/* array */
div.debug .array, div.debug .array td.header { 
	background-color: #77A; 
}
div.debug .array td.key { 
	background-color: #CCF; 
}

/* object */
div.debug .object, div.debug .object td.header { 
	background-color: #AA7; 
}
div.debug .object td.key { 
	background-color: #FFC; 
}

/* resource */
div.debug .resource, div.debug .resource td.header { 
	background-color: #A7A; 
}
div.debug .resource td.key { 
	background-color: #FDF; 
}

/* xml */
div.debug .xml, div.debug .xml td.header { 
	background-color: #AAC; 
}
div.debug .xml td.key { 
	background-color: #CCF; 
}

/* css/fm.css */

#filelist {
	width: 750px;
	border: 1px solid #CCC;
}

#filelist .form {
	padding: 0;
	margin: 0;
}

#filelist .form input {
	font-size: smaller;
	padding: 0;
	margin: 0;
}

#filelist th, #filelist .status {
	background: #DDD;
	color: #000;
}

#filelist-embed td {
	font-size: 11px;
}

#filelist-embed thead, #filelist-embed .status, #filelist-embed .operations {
	display: none;
}

#filelist th {
	padding: 0.5em 0.5em;
	text-align: left;
	font-weight: bold;
}

#filelist .title-links {
	font-size: smaller;
	font-weight: normal;
	float: right;
}

#filelist tr {
	background: #DDF;
}

#filelist tr.odd {
	background: #FFF;
}

#filelist td {
	color: #000;
	font-size: 11px;
	border-top: 0px;
	border-bottom: 0px;
}

#filelist a {
	color: #00F;
	padding: 0.5em;
}

#filelist a:hover {
	background-color: transparent;
}

#filelist .long {
	font-weight: normal;
	padding-left: 1em;
}

#filelist .dir .name {
	font-weight: bold;
}

#filelist .thumb {
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
}

#filelist .icon {
	float: left;
	width: 32px;
	height: 32px;
	text-align: center;
}

#filelist .thumb img, #filelist .icon img {
	margin: 0 auto 0 auto;
}

#filelist .operations {
	font-size: 9px;
	width: 18.75em;
}

#filelist .operations a img {
	font-size: 9px;
	padding-left: .1em;
	padding-right: .1em;
}

#filelist .perms {
	width: 2.25em;
}

#filelist .size {
	text-align: right;
	width: 7em;
}

#filelist .modified {
	width: 6.5em;
}

#filelist .separator {
	border-top: 1px solid #888;
}

#filelist .status span {
	padding: 0;
	margin: 0;
}

#filelist .error {
	color: red;
}

#filelist .ok {
	color: green;
}

/* css/form.css */

/* CSS Document */

/* form entries */

form {
	margin: 0;
	padding: 0;
}

.form {
	display: block;
}

.form fieldset {
	border: none;
	position: relative;
	padding: 0;
	margin: 0;
}

.form legend {
	display: none;
}

.form label, .form .comment, .form .comment-required, .form .form-label {
    display: block;
	font-family: trebuchet ms, Verdana, Tahoma, Helvetica, sans-serif;
	color: #444;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 2px;
	margin: 0;
	line-height: 11px;

}

.form span.form-label, .form .checkradio label.inline {
	display: inline;
	padding-right: 1.5em;
}

.form select {
	margin: 2px 0 2px 0;
}

.form #refinement select {
	margin: 0;
}

.form label.required { 
	color: #F00;
}

.form .comment-required {
	clear: left;
}

#form-error {
	background-color: #F33;
}

li.form-error {
	background-color: #F33;
	color: white;
	margin: 0;
	padding: 2px;
	width: 300px;
}

.form .comment {
	padding-bottom: 4px;
	line-height: normal;
	clear: left;
}

.form label.checkradio, .form div.checkradio label {
    display: inline;
	margin-right: .25em;
}

.form input, .form textarea {
	font-family: trebuchet ms, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 2px;
	padding: 2px;
}

.form .required-multifield, .form .required-newmultifield, .form .multifield, .form .newmultifield, .form .newfield, .form .multifield {
    float: left;
	margin-right: 0.5em;
	/* position: relative; */
}

.form .inline, .form .inline-start, .form fieldset.inline {
	float: left;
	margin-right: 0.5em;
	position: relative;
}

.form .field, .form .inline-start {
	clear: left;
	margin-right: 0.5em;
}

.form .required-field, .form div.newfield, .form .required-newmultifield, .form .newmultifieldt {
	clear: left;
}

.form .submit {
	clear: both; 
	float: left;
	position: relative;
}

#loginextras .form .field {
	float: right;
	text-align: right;
}


.hidden, .hidden input {
	display: none;
}

.group {
	padding: 0;
	margin: 0;
}



#basic label {
 display: none;
}

#basic select {
	margin-top: 1px;
}

.datelabel {
	font-family: Verdana;
	font-size: 10px;
	padding-top: 10px;
}

.formend {
	height: 0px;
	clear: left;
}

.form .required .field, .form .invalid .field, .form .required .inline, .form .invalid .inline {
	border-left:  2px solid red;
}

.edit-in-place {
	clear: left;
}

.form input[type='checkbox'] {
	display: inline;
	margin-top: 1.25em;
}

.form input[type='submit'], .form input[type='reset'] {
	margin-top: 1em;
}



/* css/gallery.css */

.gallery {
	padding: 5px;
}

.file-image {
	text-align: center;
}

.file-image img {
	margin: 0 auto 0 auto;
}

.gallery .file-details, .file-movie .file-details, .file-image .file-details {
	color: #555;
	font-size: 9px;
	font-weight: normal;
}

.gallery .directory .file-details {
    padding-left: 5px;
	color: #555;
	font-size: 12px;
	font-weight: normal;
}

.gallery .directory {
	font-weight: bold;
	clear: left;
	padding-top: 5px;
	height: 260px;
}

.gallery .file {
	font-weight: normal;
	clear: left;
}

.gallery .file-image {
	float: left;
	margin: 5px;
	width: 195px;
	height: 200px;
	padding: 5px 5px 60px 5px;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
}

.gallery .file-image img {
	margin: auto;
	border: 1px solid #DDD;
	display: block;
}

ul.gallery {
	list-style-type: none;
}

.file-nav {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
}

.file-nav a:hover {
	text-decoration: none;
}

.icon {
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
}

ul.gallery li.directory {
	width: 220px;
	float: left;
	clear: none;
	padding-bottom: 10px;
}

.back img {
	display: block;
}

iframe.detail, iframe.detail img {
	vertical-align: middle;
	margin: 0 auto 0 auto;
	text-align: center;
}

.file-nav .prev {
	display: block;
	float: left;
}

.file-nav img {
	margin: 0;
	padding: 5px;
	border: 1px solid #565495;
}

.file-nav .next {
	display: block;
	float: right;
}

.file-nav {
	text-align: center;
}

.file-nav-end {
	clear: both;
}
/* css/print.css */

@media print {

body {
  background: white !important;
}

#nav, #footer, #subnav, form {
  display: none;
}

#content {
  margin-left: 0px;
  width: auto;
  margin-right: 0px;
  padding-left: 0;
  padding-right: 0;
}

a {
    color: black;
	text-decoration: none;
}

h1, h2, h3, dt {
  page-break-before: auto;
  page-break-after: avoid !important;
}

div, p, dt, dd, table, ol, ul, dl, img {
  page-break-inside: avoid !important;
}

/*
#printfooter {
  position: relative;
  margin-top: auto;
  margin-bottom: 0;
  display: block;
}
*/

.pagebreak {
	page-break-before: always;
	margin-bottom: 20px;
}

}
/* css/rounded.css */

/* CSS Document */

/* rounded corner support */
/* 
Typical xHTML markup for rounded elements 

<div>
	<b class='b1'></b><b class='b2'></b><b class='b3'></b><b class='b4'></b>
		<div class='boxcontent'>
			<div class='header'>
				Header content
			</div>
			Content goes here
		</div>
	<b class='b4b'></b><b class='b3b'></b><b class='b2b'></b><b class='b1b'></b>
</div>

Typical color replacement CSS

#rounded .boxcontent .header { background-color: gray; color: white; }
#rounded .b1, #rounded .b2 { border-left-color: gray; border-right-color: gray; }
#rounded .b3, #rounded .b4, #rounded .b4b, #rounded .b3b, #rounded .boxcontent { border-left-color: gray; border-right-color: gray; }
#rounded .b2b { border-left-color: gray; border-right-color: gray; } 
#rounded .b1b { border-left-color: gray; border-right-color: gray; } 
#rounded .b1 { background: gray; }
#rounded .b2, #rounded .b3, #rounded .b4 { background: gray; } 
#rounded .b1b { background: gray; } 

*/

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b {
	display: block; 
	overflow: hidden; 
	font-size: 1px;
}

.b2, .b3, .b4 { 
	background: #fcf2e2; 
}

.b2, .b3, .b4, .b4b, .b3b, .b2b { 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
}

.b1, .b1b { 
	background: #CCC; 
}

.boxcontent { 
	display: block;
	background-color: #fcf2e2; 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
}

.b1, .b2, .b3, .b1b, .b2b, .b3b { 
	height: 1px; 
}

.b1, .b1b { 
	margin: 0 5px; 
}

.b2, .b2b { 
	margin: 0 3px; 
	border-width: 0 2px; 
}

.b3, .b3b { 
	margin: 0 2px; 
}

.b4, .b4b { 
	height: 2px; 
	margin: 0 1px; 
	background-color: #fcf2e2;
}

.boxcontent { 
	padding-bottom: 5px; 
}

.boxcontent .header { 
	margin-bottom: 5px; 
}

.tabbed-panel .tab, .tabbed-panel .selected {
	float: left;
	height: 20px;
	width: 150px;
	margin-right: 5px;
	color: black;
}

.tabbed-panel .selected .boxcontent, .tabbed-panel .tab .boxcontent {
	padding-left: 10px;
	padding-right: 10px;
}

.tabbed-panel .selected .boxcontent {
	background-color: #FFF;
}

.tabbed-panel .tab .boxcontent {
	background-color: #CCC;
}

.tabbed-panel .tab .b1, .tabbed-panel .tab .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .tab .b3, .tabbed-panel .tab .b4, .tabbed-panel .tab .b4b, .tabbed-panel .tab .b3b, .tabbed-panel .tab .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .tab .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .tab .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .tab .b1 { background: #CCC; }
.tabbed-panel .tab .b2, .tabbed-panel .tab .b3, .tabbed-panel .tab .b4 { background: #CCC; } 
.tabbed-panel .tab .b1b { background: #CCC; } 

.tabbed-panel .selected .b1, .tabbed-panel .selected .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .selected .b3, .tabbed-panel .selected .b4, .tabbed-panel .selected .b4b, .tabbed-panel .selected .b3b, .tabbed-panel .selected .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .selected .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .selected .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .selected .b1 { background: #CCC; }
.tabbed-panel .selected .b2, .tabbed-panel .selected .b3, .tabbed-panel .selected .b4 { background: #FFF; } 
.tabbed-panel .selected .b1b { background: #CCC; } 

.tabbed-panel  .panel-contents .b1, .tabbed-panel  .panel-contents .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel  .panel-contents .b3, .tabbed-panel  .panel-contents .b4, .tabbed-panel  .panel-contents .b4b, .tabbed-panel  .panel-contents .b3b, .tabbed-panel  .panel-contents .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel  .panel-contents .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel  .panel-contents .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel  .panel-contents .b1 { background: #CCC; }
.tabbed-panel  .panel-contents .b2, .tabbed-panel  .panel-contents .b3, .tabbed-panel  .panel-contents .b4 { background: #FFF; } 
.tabbed-panel  .panel-contents .b1b { background: #CCC; } 

.tabbed-panel .tab-panel {
	margin-top: 20px;
	margin-right: 10px;
	height: 26px;
	position: relative;
	z-index: 2;
}

.tabbed-panel .panel-contents {
	position: relative;
	top: -1px;
	z-index: 1;
}

.tabbed-panel .panel-contents .boxcontent {
	padding-left: 10px;
}

.tabbed-panel .panel-contents .b1 { 
	margin: 0 5px 0 0; 
}

.tabbed-panel .panel-contents .b2 { 
	margin: 0 3px 0 0; 
}

.tabbed-panel .panel-contents .b3 { 
	margin: 0 2px 0 0; 
}

.tabbed-panel .panel-contents .b4 { 
	margin: 0 1px 0 0; 
}