body {border: 0; font-size: 80%; margin: 0; padding: 0;}
html {
	border: 0;
	font-family: Arial,Helvetica,Univers,"Zurich BT", sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {font-size: 2em;}
h2 {font-size: 1.5em; padding-bottom: 10px;}
h3 {font-size: 1.3em;}
h1 a, #header h2 {background: transparent; color: #fff;}
img {border: none;}
a:link,
a:visited, 
a:hover,
a:active {text-decoration: none;}
td.linked a:link,
td.linked a:visited, 
td.linked a:hover,
td.linked a:active {font-weight: bold; text-decoration: underline;}
.inputerror {
	background-color: #ff0;
	color: #f00;
	font-size: 12px;
	font-weight: bold;
}
.requiredField {background: transparent; color: #f00; font-weight: bold;}
.clear {clear: both;}
.fright, .adbutton {float: right;}
.fleft {float: left;}
.tleft {text-align: left; border: 1px solid red;}
.normtext {font-weight: normal;}
#contentLoading {text-align: center; width: 500px;}
#progress {margin: 0 auto; width: 300px;}
#header {
	margin-top: 0;
	padding: 4px;
	height: 60px;
}
#wrapper {width: 100%; min-height: 600px; text-align: left;}
/** html #wrapper {height: 600px;}*/
.outer {padding-left: 150px;}
.inner {width: 495px;}
/** html .inner {width: 100%;}*/
.innerWrap {margin-top: 4px; padding: 5px;  width: 590px;}
.float-wrap {
float: left;
width: 610px;
}
#content {
float: right;
width: 620px;
}
/** html #content {
position: relative;
}*/
.contentWrap {
padding: 5px;
text-align: center;
}
#content .contentWrap p {font-weight: bold; text-align:left; width: 600px;}
#content .contentWrap .right {float: right; margin-top: -14px; padding-right: 10px;}
#content .contentWrap .right2 {padding-bottom: 10px;}
.contentWrap h2 {background: transparent; color: #000099;}
.contentWrap ol, .contentWrap ul {margin: 3px 0 5px 35px;}
.contentWrap ol.menulist, .contentWrap ul.menulist {text-align: left; font-weight: bold; font-size: 120%;}
ol.menulist li { color: #009; background: transparent; padding-bottom: 18px;}
ol.menulist li a { color: #009; background: transparent;text-decoration: none;}
ol.menulist li a:hover { color: #f00; background: transparent;text-decoration: none;}
.contentWrap li {padding-bottom: 2px;}

.process {float: left; font-size: 12px;}
.process ul {
	margin: 0;
	padding: 0;
	font-weight: bold;
	list-style-type: none;
	background: transparent;
	width: 100%;
}
.process li {display: inline; margin: 0; border: 1px solid #000; width:100%; padding: 4px 8px;}
.process li img {vertical-align: text-bottom;}
.process li a {
	display: inline;
	text-align: left;
	text-decoration: none;
	margin: 0;
	padding: 0 2px;
}
.process li a:link {background: transparent; color: #000;}
.process li a:hover {background: transparent; color: #ccc;}
.process li a:active {background: transparent; color: #000;}
.process li a.selected, .process li.selected {background: transparent; color: #f00; border-bottom: none;}

hr {margin: 10px 0;}

#formWrap {text-align: left;}
/*#formWrap div.question {padding: 10px;}*/
/*#formWrap .subsection {padding-top: 40px;}*/
/*form label {font-weight: bold;}*/
.error {background-color: #ff0; color: #f00; display: inline; font-weight: bold; margin-left: 2px; width: auto; white-space: nowrap;}

/** AddressLadbs Form **/
#address.myFrm2 {width: 580px;}
	#address.myFrm2 p {
		width: 250px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		/*padding-left: 130px;*/ /*width of left column containing the label elements*/
		height: 1%;
	}
	#address.myFrm2 p.indent {width:550px;}
	#address.myFrm2 label {
		font-weight: bold;
		float: left;
		margin-top: 10px;
		/*margin-left: -130px;*/ /*width of left column*/
		width: 128px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	#address.myFrm2 .section {width: 550px;}
	#address.myFrm2 .field {width: auto; overflow: auto; margin: 4px 0px;}
	#address.myFrm2 .nbrfield {margin: 4px 0px;}
	#address.myFrm2 p.question {width: 500px; padding-bottom: 10px;}
	#address.myFrm2 p.question1 {width: 500px; padding-bottom: 10px;}
	#address.myFrm2 p.question label {width: 400px; margin-top: 2px; font-weight: normal;}
	#address.myFrm2 p.question1 label {width: 140px; margin-top: 8px; font-weight: normal;}
	#address.myFrm2 p.question1 label.error {width: 400px; margin-top: 8px; font-weight: normal;}
	#address.myFrm2 p.instructions {background: transparent; color: #00f; padding-left: 0; width: 400px;}
	#address.myFrm2 .section label {margin-left: 0px;}
	#address.myFrm2 p.indent label {padding-left: 20px;}
	#address.myFrm2 label.normaltext {font-weight: normal;}
	/*#address.myFrm2 label.normaltext1 {font-weight: normal; width: 180px; border:1px solid red;}*/
	#address.myFrm2 label.longLable {width: 500px; padding-bottom: 10px;}
	#address.myFrm2 input.longInput {margin-left: 20px;}
	#address.myFrm2 div.subsection {background: transparent; color: #00f; padding-top: 20px; text-decoration: underline;}
	#address.myFrm2 label.error {background-color: #ff0; color: #f00; display: inline; font-weight: bold; margin-left: 2px; width: auto;}
	#address.myFrm2 span.error {background-color: #ff0; color: #f00; display: inline; font-weight: bold; margin-left: 2px; width: auto; white-space: nowrap;}

/** Applicant Form **/
#applicant {width: 580px;}
	#applicant .field {width: auto; overflow: auto; margin: 4px 0px;}
	#applicant .field2 {margin-top: 20px}
	#applicant .nbrfield {margin: 4px 0px;}
	#applicant.myFrm2 p .name {width: 200px;}
	#applicant.myFrm2 p {
		width: 350px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 130px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
	}
	#applicant.myFrm2 label {
		font-weight: bold;
		float: left;
		margin-top: 10px;
		margin-left: -130px; /*width of left column*/
		width: 128px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	#applicant label.error {background-color: #ff0; color: #f00; display: inline; margin-left: 2px; width: auto;}
	#applicant.myFrm2 p.textdisplay {padding: 4px 8px;}
	#applicant.myFrm2 span.address {padding-left: 12px;}
	
/** EventInfo Form **/
#eventinfo {width: 600px;}
	#eventinfo .field {width: auto; overflow: auto; margin: 4px 0px;}
	#eventinfo .nbrfield {margin: 4px 0px; width: 100px;}
	#eventinfo.myFrm2 p {
		width: 360px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 220px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
	}
	#eventinfo.myFrm2 label {
		font-weight: bold;
		float: left;
		margin-top: 2px;
		margin-left: -220px; /*width of left column*/
		width: 210px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	#eventinfo.myFrm2 #section label {margin-top: 8px;}
	#eventinfo.myFrm2 p .location {width: 170px;}
	#eventinfo.myFrm2 p .phone, #eventinfo.myFrm2 p .date {width: 100px;}
	/*#eventinfo.myFrm2 p {display: block;}*/
	#eventinfo label.error {
		background-color: #ff0;
		color: #f00;
		display: inline;
		margin-left: 2px;
		width: auto;
	}
	#eventinfo.myFrm2 p.pad {margin: 4px 0;}
	#eventinfo.myFrm2 p.notes {padding: 20px 0; margin-left: 0px; width: 100%;}
	#eventinfo.myFrm2 #menubuttons {text-align: center;}

	/** Search Form **/
#searchForm {width: 600px;}
	#searchForm .field {width: auto; overflow: auto; margin: 4px 0px;}
	#searchForm .nbrfield {margin: 4px 0px; width: 100px;}
	#searchForm.myFrm2 p {
		width: 360px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 220px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
		white-space: nowrap;
	}
	#searchForm.myFrm2 label {
		font-weight: bold;
		float: left;
		margin-top: 2px;
		margin-left: -220px; /*width of left column*/
		width: 210px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	#searchForm.myFrm2 #section label {margin-top: 8px;}
	#searchForm.myFrm2 p .location {width: 170px;}
	#searchForm.myFrm2 p .phone, #eventinfo.myFrm2 p .date {width: 100px;}
	/*#searchForm.myFrm2 p {display: block;}*/
	#searchForm label.error {
		background-color: #ff0;
		color: #f00;
		display: inline;
		margin-left: 2px;
		width: auto;
	}
	#searchForm.myFrm2 p.notes {padding: 20px 0; margin-left: 0px; width: 100%;}
	#searchForm.myFrm2 #menubuttons {text-align: center;}

	/** SiteInfo Form **/
#siteinfo {width: 600px;}
	#siteinfo .field {width: auto; overflow: auto; margin: 4px 0px;}
	#siteinfo .nbrfield {margin: 4px 0px; width: 100px;}
	#siteinfo.myFrm2 p.standard {
		width: 360px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 220px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
	}
	#siteinfo.myFrm2 label.standard {
		font-weight: bold;
		float: left;
		margin-top: 2px;
		margin-left: -220px; /*width of left column*/
		width: 210px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	#siteinfo.myFrm2 #section label {margin-top: 8px;}
	#siteinfo.myFrm2 p .location {width: 170px;}
	#siteinfo.myFrm2 p .phone, #siteinfo.myFrm2 p .date {width: 100px;}
	/*#eventinfo.myFrm2 p {display: block;}*/
	#siteinfo label.error {
		background-color: #ff0;
		color: #f00;
		display: inline;
		margin-left: 2px;
		width: auto;
	}
	#siteinfo.myFrm2 p.notes {padding: 20px 0; margin-left: 0px; width: 100%;}
	#siteinfo.myFrm2 #menubuttons {text-align: center;}

/** FeeWaiver Form **/
#feewaiver {width: 400px;}
	#feewaiver .field {width: auto; overflow: auto; margin: 4px 0px;}
	#feewaiver .nbrfield {margin: 4px 0px; width: 100px;}
	#feewaiver.myFrm2 p {
		width: 100px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 200px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
	}
	#feewaiver.myFrm2 label {
		font-weight: bold;
		float: left;
		margin-top: 10px;
		margin-left: -200px; /*width of left column*/
		width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}

/** Begin: DetailInfo Form **/
#detailinfo {width: 600px;}
	#detailinfo .field {width: auto; overflow: auto; margin: 4px 0px;}
	#detailinfo .nbrfield {margin: 4px 0px; width: 100px;}
	#detailinfo.myFrm2 p {
		width: 360px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 210px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
		vertical-align:middle;
		white-space: nowrap;
	}
	#detailinfo.myFrm2 label {
		font-weight: bold;
		float: left;
		margin-top: 2px;
		margin-left: -210px; /*width of left column*/
		vertical-align:middle;
		width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	#detailinfo.myFrm2 p.section {vertical-align:middle;}
	#detailinfo.myFrm2 #topbuttons {padding-bottom: 20px; text-align: left; width: 600px;}

	#detailinfo.myFrm2 p.section label.subsection {
		float: none; 
		margin-top: 2px; 
		margin-left: 0px; 
		padding-left: 2px;
		vertical-align:middle; 
		width: 180px;
	}
	#detailinfo.myFrm2 p .location {width: 170px;}
	#detailinfo.myFrm2 p .phone, #eventinfo.myFrm2 p .date {width: 100px;}
	#detailinfo label.error {
		background-color: #ff0;
		font-weight: bold;
		color: #f00;
		display: inline;
		margin-left: 2px;
		width: auto;
	}
	#detailinfo.myFrm2 p.notes {padding: 20px 0; margin-left: 0px; width: 100%;}
	#detailinfo.myFrm2 #menubuttons {text-align: center;}
	
	#detailinfo.myFrm2 .subDetail {width: 600px; /*border: 1px solid red;*/}
	#detailinfo.myFrm2 .subDetail p {
		width: 390px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 210px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
		/*border: 1px solid orange;*/
	}
	#detailinfo.myFrm2 .subDetail label {
		font-weight: bold;
		float: left;
		margin-top: 0px;
		margin-left: -210px; /*width of left column*/
		width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		/*border: 1px solid green;*/
	}
	#detailinfo.myFrm2 .subDetail label.mainsection {
		font-weight: bold;
		float: left;
		margin-top: 4px;
		margin-left: -210px; /*width of left column*/
		width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		/*border: 1px solid green;*/
	}
	#detailinfo.myFrm2 .subDetail p.section label.subsection {
		float: none; 
		margin-top: 0px; 
		margin-left: 20px; 
		padding-left: 12px; 
		width: 180px;
		vertical-align:middle;
		/*border: 1px solid blue;*/
	}
	#detailinfo.myFrm2 .subDetail p.section span.bfright {
		float: right;
		/*margin-top: 0px; 
		margin-left: 20px; 
		padding-left: 12px;*/
		vertical-align:middle;
		/*border: 1px dashed blue;*/
	}
	#detailinfo.myFrm2 .subDetail p.status {
	 	padding-bottom: 4px;
	}
	#detailinfo.myFrm2 .subDetail p.status label {
	 	margin-top: 0;
		padding-bottom: 4px;
	}
	#detailinfo.myFrm2 .subDetail p.status span#status {
	 	vertical-align: text-bottom; 
		margin-bottom: 0;
	}
	
	#detailinfo.myFrm2 .subEvent {width: 600px; /*border: 1px solid red;*/}
	#detailinfo.myFrm2 .subEvent p {
		width: 390px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 80px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
		/*border: 1px solid orange;*/
	}
	#detailinfo.myFrm2 .subEvent label {
		font-weight: bold;
		float: left;
		margin-top: 8px;
		margin-left: -80px; /*width of left column*/
		width: 75px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		/*border: 1px solid green;*/
	}
	#detailinfo.myFrm2 .subEvent p.section label.subsection {
		float: none; 
		margin-top: -8px; 
		margin-left: 0px; 
		padding-left: 2px; 
		width: 75px;
		vertical-align:middle;
		/*border: 1px solid blue;*/
	}
	#detailinfo.myFrm2 .subEvent select#insp_request_time {width: 80px;}
	
	#detailinfo.myFrm2 .subContact {width: 600px;}
	#detailinfo.myFrm2 .subContact p {
		width: 480px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 120px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
	}
	#detailinfo.myFrm2 .subContact label {
		font-weight: bold;
		float: left;
		margin-top: 8px;
		margin-left: -120px; /*width of left column*/
		width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	#detailinfo.myFrm2 .subContact p.section label.subsection {
		float: none; 
		margin-top: -8px; 
		margin-left: 0px; 
		padding-left: 2px; 
		width: 180px;
		vertical-align:middle;
	}
	#detailinfo.myFrm2 .subSite p {margin-left: -180px; width: 500px;}
	
	#detailinfo.myFrm2 .subEvent {width: 600px; /*border: 1px solid red;*/}
	#detailinfo.myFrm2 .subEvent p {
		width: 390px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 210px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
		/*border: 1px solid orange;*/
	}
	#detailinfo.myFrm2 .subEvent label {
		font-weight: bold;
		float: left;
		margin-top: 8px;
		margin-left: -210px; /*width of left column*/
		width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		/*border: 1px solid green;*/
	}
	#detailinfo.myFrm2 .subEvent p.section label.subsection {
		float: none; 
		margin-top: -8px; 
		margin-left: 0px; 
		padding-left: 2px; 
		width: 180px;
		vertical-align:middle;
		/*border: 1px solid blue;*/
	}
	
	#detailinfo.myFrm2 .subFees {width: 600px; /*border: 1px solid red;*/}
	#detailinfo.myFrm2 .subFees p {
		width: 300px;
		clear: left;
		margin: 0;
		padding: 2px 0;
		padding-left: 300px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray;*/
		height: 1%;
		/*border: 1px solid orange;*/
	}
	#detailinfo.myFrm2 .subFees label {
		font-weight: bold;
		float: left;
		margin-top: 8px;
		margin-left: -280px; /*width of left column*/
		width: 280px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		/*border: 1px solid green;*/
	}
	#detailinfo.myFrm2 .subFees p.section label.subsection {
		float: none; 
		margin-top: -8px; 
		margin-left: 0px; 
		padding-left: 2px; 
		width: 180px;
		vertical-align:middle;
		/*border: 1px solid blue;*/
	}
	#detailinfo.myFrm2 .subFees input {text-align:right; border: none;}
	#detailinfo.myFrm2 textarea {margin-left: -210px;}
/** End: DetailInfo Form **/
	
#address.myFrm2 #menubuttons,
#applicant.myFrm2 #menubuttons,
#siteinfo.myFrm2 #menubuttons,
#feewaiver.myFrm2 #menubuttons,
#searchForm.myFrm2 #menubuttons,
#feelist.myFrm2 #menubuttons {padding-top: 20px; text-align: center;}
#feewaiver.myFrm2 #menubuttons {width: 500px;}

span.normal {font-weight: normal;}
p.tindent {margin-left: 40px;}
.b0left {color: #000; background: transparent; font-weight: bold; text-align: left;}
.bbleft {color: #00f; background: transparent; font-weight: bold; text-align: left;}
.bgleft {color: #080; background: transparent; font-weight: bold; text-align: left;}
.bbcenter {color: #00f; background: transparent; font-size: 140%; font-weight: bold; text-align: center;}
.bbnorm {color: #000; background: transparent; font-size: 130%; font-weight: bold; text-align: left;}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
font-size: 90%;
width: 130px;
min-height: 250px;
padding: 5px;
}
/** html #left {
position: relative; ** IE needs this or the contents won't show outside the parent container. **
height: 250px;
}*/
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
background: transparent;
color: #000099;
font-weight: bold;
margin-left: -30px;
padding: 12px 0;
border-bottom: 1px solid #000099;
}

/*************************
RIGHT COLUMN
**************************/
#right {
margin: -120px 0 0 -760px; /*** Moves the right column to the top of the page. This is now our top menu above the header ***/
float: left; 
width: 750px;
background: #cfc;
padding: 5px;
height: 40px;
}
* html #right {
position: relative; /*** IE needs this. ***/
margin-top: -125px; /***Since IE is threating padding different than other browsers we need to move it a little bit more ***/
}
#right ul {
float: right;
list-style: none;
}
#right li {
display: inline; /*** Making the links horisontal aligned ***/
padding-right: 15px;
}
.center {text-align: center;}
.centertext {margin: 0 auto; text-align: center;}
/**************************
FOOTER
**************************/
#footer {
font-size: 80%;
font-weight: bold;
padding-top: 20px;
padding-left: 4px;
text-align: left;
}
/**************************
TABLESORTER
**************************/
.altcolor1 {background: #E2F0E1;}
.altcolor2 {background:#fff;}
.rollover {background: #AED5AA;}

.darkbg {background-color: #073A8F;}

table.tablesorter {
	font-family:arial, sans-serif;
	background-color: #fff;
	margin:-2px 0px 15px;
	font-size: 80%;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #fff;
	font-size: 100%;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../bitmaps/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 16px;
}
table.tablesorter tbody td {
	padding: 4px;
	vertical-align: top;
	border-bottom: 1px solid #000;
}
table.tablesorter tbody tr.odd td {background-color: #e2f0e1;}
table.tablesorter tbody tr.even td {background-color: #fff;}
/*.odd {background-color: #e2f0e1;}
.even {background-color: #fff;}*/
table.tablesorter thead tr.headerSortUp {background-image: url(../bitmaps/asc.gif);}
table.tablesorter thead tr.headerSortDown {background-image: url(../bitmaps/desc.gif);}
table.tablesorter thead tr.headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}
table.tablesorter tbody tr td.center {padding-left: 14px;}


.sortable {background-color: #fff; border: thin solid #bccfeb; font-family:arial, sans-serif; font-size: 80%; margin:-2px 0px 15px; text-align: center; width: 600px;}
.sortable thead tr th, .sortable tfoot tr th {background-color: #e6eeee; border: 1px solid #fff; font-size: 100%; padding: 4px; text-align: left; white-space: nowrap;}
.sortable thead tr .header {background-image: url(../bitmaps/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right: 16px;}
.sortable thead tr.headerSortUp {background-image: url(../bitmaps/asc.gif);}
.sortable thead tr.headerSortDown {background-image: url(../bitmaps/desc.gif);}
.sortable thead tr.headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}
.sortable tbody td {border-bottom: 1px solid #000; padding: 4px; vertical-align: top;}
.sortable tbody tr td.center {padding-left: 14px;}
.sortable td {text-align: left; white-space: nowrap;}
.sortable img {vertical-align: bottom;}
tr.odd { background-color: #e2f0e1; }
tr.over td { background-color:#aed5aa; }

.shadetabs {
border-bottom: 1px solid #ccc;
width: 580px;
margin-bottom: 1em;
}

.shadetabs ul {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li {
display: inline;
margin: 0;
 padding: 4px 0px;
}
.shadetabs li img {vertical-align: text-bottom;}
.shadetabs li a {
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: #fff url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited {
color: #2d2b2b;
}

.shadetabs li a:hover {
text-decoration: none;
color: #2d2b2b;
}

.shadetabs li.selected {
position: relative;
top: 1px;
color: #2d2b2b;
/*background: transparent;*/
}

.shadetabs li.selected a { /*selected main tab style */
background-image: url(../images/shadeactive.gif);
color: #2d2b2b;
border-bottom-color: #fff;
}
.shadetabs li.prev a { /*selected main tab style */
color: #2d2b2b;
}
.shadetabs li.next a { /*selected main tab style */
color: #ccc;
/*background-color: #ff00ff;*/
background: transparent;
}
.shadetabs li.selected a:hover { /*selected main tab style */
color: #2d2b2b;
text-decoration: none;
}