/*------------Table of Contents------------*/
/*
Divs
Main Tags
Button Classes
Step Classes
Footer Classes
Form Classes
Main Menu Classes
Misc Classes
Borders
Colors
Floats
Chart Classes
Sidebar Classes
*/

/*------------Divs------------*/
#password-clear {
    display: none;
}

#hide {
	display:none;
}

#content {
width: 100%;
padding: 20px 13px;
}

/*------------Main Tags------------*/

body {
	width: 100%;
	margin: 0;
	background-color: #000;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	text-decoration:none;
	text-align: justify;
}

.footertext {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	text-decoration:none;
	text-align: justify;
}

.footertext a{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	text-decoration:underline;
	text-align: justify;
}

.footertext a:hover{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	text-decoration:none;
	text-align: justify;
}

.smallpara {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	text-decoration:none;
}

.bluepara {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#8fc3d5;
	text-decoration:none;
}

#tabletext td{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	text-decoration:none;
}

#packagedetails p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	text-decoration:none;
	text-align: left;
	font-weight: normal;
	padding-right: 5px;
}

.rep {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
	text-decoration:none;
	text-align: center;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#018edd;
	text-decoration:underline;
	text-align: left;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#385460;
	text-decoration:none;
	text-align: left;
}

.whitebox {
	background-color: #fff;
}

.logoutpadding {
	padding: 0 0 0 30px;
	background-color: #fff;
}

.secondbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c7aab;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

.secondbutton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #385460;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	text-decoration: underline;
}

h1 {
	font-family: Arial black, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #3194d5;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6f9aa8;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3E5A65;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a4682e;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding: 0px 10px 0px 10px;
}

.element { border: 1px solid red; }

.login {
		background-color: #fff;
		background-image: url(images/login.gif);
		background-repeat: no-repeat;
		width: 219px;
		height: 33px;
}

#templatepadding {
	padding: 15px 20px 20px 15px;
}

#templatepadding2 {
	padding: 15px 30px 20px 30px;
}

li {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	text-decoration:none;
	font-weight: bold;
	margin-left: 20px;
}


#nav2 ul {
	display: block; 
	padding: 0; 
	margin: 0; 
	list-style: none;
	width: 674;
}

#nav2 li {
	 display: block;
	 float: left;
	 padding: 0;
	 margin: 0;
	 list-style: none;
} 

#footer {
	background-image: url(images/footerbg.jpg);
	background-repeat: no-repeat;
	width: 916px;
	height: 94px;
	margin-left: 23px;
}

.rightflash {
	background-image: url(images/secondaryflashbg2.png);
	background-repeat: no-repeat;
	width: 695px;
	height: 76px;
	display: block;
}

.topshadow {
	background-image: url(images/topshadow.png);
	background-repeat: repeat-x;
	height: 24px;
}

.menubottom {
	background-image: url(images/menubottom.gif);
	background-repeat: repeat-y;
	width: 697px;
	height: 33px;
}

.search {
	background-image: url(images/search.gif);
	background-repeat: repeat-y;
	width: 219px;
	height: 33px;
}

#categories	{
	padding: 5px 3px;
}

#menucolumn	{
	padding: 5px 3px;
}

#choices	{
	padding: 0 20px 0 20px;
}

#customcolumn	{
	padding: 5px 3px;
}

#pricecolumn	{
	padding: 5px 3px;
}

.numbers{
	float: right;
	width: 920px;
}

.numbers p{
	float: right;
	padding:0 5px 0 5px;
}

.numbers a{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	text-decoration:none;
	text-align: justify;
	padding: 2px 5px 2px 5px;
}

.numbers a:hover{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#349dc2;
	text-decoration:underline;
	text-align: justify;
	padding: 2px 5px 2px 5px;
}

.numbers .active {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#349dc2;
	text-decoration:none;
	text-align: justify;
	padding: 2px 5px 2px 5px;
}

.numbers .active:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#349dc2;
	text-decoration:none;
	text-align: justify;
	padding: 2px 5px 2px 5px;
}

.packagepic{
	margin: 0 15px 5px 15px;
	border: #95c6d7 solid 5px;
	width: 191px;
	background-color: #000;
	display: block;
	text-align: center;
}

.packagepichid{
	margin: 0 15px 5px 15px;
	border: #FFCC00 solid 5px;
	width: 191px;
	background-color: #000;
	display: block;
	text-align: center;
}

.normalpic{
	margin: 0 15px 5px 15px;
	border: #95c6d7 solid 5px;
	background-color: #000;
	display: block;
	text-align: center;
}

.packagepic:hover{
	margin: 0 15px 5px 15px;
	border: #349dc2 solid 5px;
	background-color: #000;
	display: block;
	text-align: center;
}

.choicepic{
	border: #95c6d7 solid 5px;
	width: 145px;
	background-color: #000;
	display: block;
	text-align: center;
}

.packagename {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3e3e;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	padding: 5px 15px 5px 18px;
	display: block;
	line-height: 15px;
}






.totalheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3e3e3e;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}


.initialprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #618f9e;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}

.otherprices {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3e3e;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	float: right;
}

.totalprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #618f9e;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	float: right;
}

.boldprices {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3e3e;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	display: block;
	width: 175px;
}

.boldprices2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3e3e;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	padding-right: 20px;
}


.choose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8bbbca;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	display: block;
	line-height: 15px;
}


.packagename2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3e3e;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	line-height: 15px;
}

.details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3e3e;
	text-decoration: none;
	text-align: left;
	line-height: 15px;
}



.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3e3e3e;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	padding: 20px 15px 10px 18px;
	display: block;
	line-height: 15px;
	float: left;
}

.pricebig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #94c5d7;
	text-decoration: none;
	text-transform:uppercase;
	font-weight: bold;
	text-align: left;
	padding: 20px 25px 10px 18px;
	display: block;
	line-height: 15px;
	float: right;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3e3e3e;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	display: block;
	line-height: 15px;
	float: left;
		
}

.selections {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3e3e3e;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	display: block;
	line-height: 15px;
	float: left;
	padding: 10px 15px 10px 15px;
		
}

.selected{
	background-image: url(images/selected.gif);
	background-repeat: no-repeat;	
	min-height: 35px;
	display: block;
	background-color: #618f9e;
	border-bottom: #fff solid 3px;
	border-left: #fff solid 3px;
	vertical-align: middle;
}

.unselected{
	min-height: 35px;
	display: block;
	background-color: #8bbbca;
	border-bottom: #fff solid 3px;
	border-left: #fff solid 3px;
	vertical-align: middle;
}

.selectionsmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	text-decoration:none;
	text-align: left;
	padding: 5px 30px 5px 30px;
	display: block;
	cursor: pointer;
	width: 170px;
}

.selectionsmenuon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	text-decoration:none;
	text-align: left;
	padding: 5px 30px 5px 30px;
	display: block;
	width: 170px;
}

.selectionsmenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#e5f8fe;
	text-decoration:underline;
	text-align: left;
	padding: 5px 30px 5px 30px;
	display: block;
	width: 170px;
	cursor: pointer;
}

.orderbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	background-image: url(images/buttonsprite.jpg);
	background-repeat: no-repeat;
	width: 198px;	
	height: 26px;
	display:inline-block;
	padding: 5px 2px 0 2px;
	margin: 0 18px 0 15px;
}

.orderbutton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	background-image: url(images/buttonsprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 -31px;
	width: 198px;	
	height: 26px;
	display:inline-block;
	padding: 5px 2px 0 2px;
	margin: 0 18px 0 15px;
}

.list {
	padding: 5px 20px 10px 32px;
}

.list li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	list-style-type: square;
}

.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	text-decoration: none;
	text-align: left;
	padding: 0px 15px 0px 18px;
	display: block;
	line-height: 15px;
}

.emptyprevnext{
	width: 224px;	
	height: 45px;
}

.previous{
	background-image: url(images/prevnextsprite.png);
	background-repeat: no-repeat;
	width: 224px;	
	height: 45px;
	display: block;
	border: 0;
}

.previous:hover {
	background-image: url(images/prevnextsprite.png);
	background-repeat: no-repeat;
	width: 224px;
	height: 45px;
	background-position: 0 -45px;
	display: block;
	border: 0;
}

.next{
	background-image: url(images/prevnextsprite.png);
	background-repeat: no-repeat;
	width: 224px;	
	height: 45px;
	background-position: -224px 0;
	display: block;
	border: 0;
}

.next:hover {
	background-image: url(images/prevnextsprite.png);
	background-repeat: no-repeat;
	width: 224px;
	height: 45px;
	background-position: -224px -45px;
	display: block;
	border: 0;
}


.completeorder{
	background-image: url(images/completeordersprite.png);
	background-repeat: no-repeat;
	width: 166px;	
	height: 34px;
	display: block;
	border: 0;
}

.completeorder:hover {
	background-image: url(images/completeordersprite.png);
	background-repeat: no-repeat;
	width: 166px;
	height: 34px;
	background-position: 0 -34px;
	display: block;
	border: 0;
}

.cancelorder {
	background-image: url(images/cancelordersprite.png);
	background-repeat: no-repeat;
	width: 166px;	
	height: 34px;
	display: block;
	border: 0;
}

.cancelorder:hover {
	background-image: url(images/cancelordersprite.png);
	background-repeat: no-repeat;
	width: 166px;
	height: 34px;
	background-position: 0 -34px;
	display: block;
	border: 0;
}

.topcat{
	background-image: url(images/categorysprite.png);
	background-repeat: no-repeat;
	width: 232px;	
	height: 15px;
}

.middlecat{
	background-image: url(images/categorysprite.png);
	background-repeat: no-repeat;
	width: 215px;	
	background-position: 0 -15px;
}

.middlecat2{
	background-image: url(images/categorysprite.png);
	background-repeat: no-repeat;
	width: 232px;	
	background-position: 0 -15px;
}

.bottomcat{
	background-image: url(images/categorysprite.png);
	background-repeat: no-repeat;
	width: 232px;	
	height: 15px;
	background-position: 0 -983px;
}

.topcustom{
	background-image: url(images/middlesprite.png);
	background-repeat: no-repeat;
	width: 483px;	
	height: 8px;
	
}

.respic a {
	display: block;
	width: 341px;	
	height: 142px;
}

.respic{
	background-image: url(images/sidebarsprite.jpg);
	background-repeat: no-repeat;
	width: 341px;	
	height: 142px;
}

.compic a {
	display: block;
	width: 341px;	
	height: 129px;
}

.compic{
	background-image: url(images/sidebarsprite.jpg);
	background-repeat: no-repeat;
	width: 341px;	
	height: 129px;
	background-position: 0 -142px;
}

.specpic a {
	display: block;
	width: 341px;	
	height: 141px;
}

.specpic{
	background-image: url(images/sidebarsprite.jpg);
	background-repeat: no-repeat;
	width: 341px;	
	height: 141px;
	background-position: 0 -269px;
}

.middlecustom{
	background-image: url(images/middlesprite.png);
	background-repeat: no-repeat;
	width: 483px;	
	background-position: 0 -11px;
}

.bottomcustom{
	background-image: url(images/middlesprite.png);
	background-repeat: no-repeat;
	width: 483px;	
	height: 11px;
	background-position: 0 -1989px;
}

.middleright{
	background-image: url(images/rightsprite.png);
	background-repeat: no-repeat;
	width: 175px;	
	background-position: 0 -15px;
}

.topleft{
	background-image: url(images/custommenusprite.png);
	background-repeat: no-repeat;
	width: 237px;	
	height: 4px;
}

.middleleft{
	background-image: url(images/custommenusprite.png);
	background-repeat: no-repeat;
	width: 237px;	
	background-position: 0 -15px;
}

.bottomleft{
	background-image: url(images/custommenusprite.png);
	background-repeat: no-repeat;
	width: 237px;	
	height: 8px;
	background-position: 0 -1991px;
}



.lefttopshadow {
	background-image: url(images/lefttopshadow.png);
	background-repeat: repeat-y;
	width: 22px;
}

.righttopshadow {
	background-image: url(images/righttopshadow.png);
	background-repeat: repeat-y;
	width: 22px;
}

.leftmidshadow {
	background-image: url(images/leftmidshadow.png);
	background-repeat: repeat-y;
	width: 5px;
}

.contenttablebg {
	background-image: url(images/contenttablebg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #fff;
	width: 946px;
	min-height: 149px;
	height: 149px;
}

.contenttable {
	background-position: top;
	background-color: #fff;
	width: 946px;
	min-height: 149px;
	height: 149px;
}

.rightmidshadow {
	background-image: url(images/rightmidshadow.png);
	background-repeat: repeat-y;
	width: 16px;
}

.topmenu {
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 674px;
	height: 43px;
	background-position: 0 0;
}

.home a {
	display: block;
	width: 71px;	
	height: 55px;
}

.home{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 71px;	
	height: 55px;
	background-position: 0 -42px;
}

.home:hover{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 71px;	
	height: 55px;
	background-position: 0 -140px;
}

.home:active{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 71px;	
	height: 55px;
	background-position: 0 -238px;
}

.aboutus a {
	display: block;
	width: 68px;	
	height: 55px;
}

.aboutus{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 68px;	
	height: 55px;
	background-position: -71px -42px;
}

.aboutus:hover{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 68px;	
	height: 55px;
	background-position: -71px -140px;
}

.aboutus:active{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 68px;	
	height: 55px;
	background-position: -71px -238px;
}

.portfolio a {
	display: block;
	width: 65px;	
	height: 55px;
}

.portfolio{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 65px;	
	height: 55px;
	background-position: -139px -42px;
}

.portfolio:hover{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 65px;	
	height: 55px;
	background-position: -139px -140px;
}

.portfolio:active{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 65px;	
	height: 55px;
	background-position: -139px -238px;
}

.employment a {
	display: block;
	width: 87px;	
	height: 55px;
}

.employment{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 87px;	
	height: 55px;
	background-position: -204px -42px;
	display: block;
}

.employment:hover{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 87px;	
	height: 55px;
	background-position: -204px -140px;
	display: block;
}

.employment:active{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 87px;	
	height: 55px;
	background-position: -204px -238px;
	display: block;
}

.contactus a {
	display: block;
	width: 80px;	
	height: 55px;
}

.contactus{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 80px;	
	height: 55px;
	background-position: -291px -42px;
	display: block;
}

.contactus:hover{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 80px;	
	height: 55px;
	background-position: -291px -140px;
	display: block;
}

.contactus:active{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 80px;	
	height: 55px;
	background-position: -291px -238px;
	display: block;
}

.speakers{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 58px;	
	height: 55px;
	background-position: -371px -42px;
	display: block;
}

.residential a {
	display: block;
	width: 82px;	
	height: 55px;
}



.residential{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 82px;	
	height: 55px;
	background-position: -429px -42px;
	display: block;
}

.residential:hover{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 82px;	
	height: 55px;
	background-position: -429px -140px;
	display: block;
}

.residential:active{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 82px;	
	height: 55px;
	background-position: -429px -238px;
	display: block;
}


.commercial a {
	display: block;
	width: 85px;	
	height: 55px;
}

.commercial{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 85px;	
	height: 55px;
	background-position: -511px -42px;
	display: block;
}

.commercial:hover{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 85px;	
	height: 55px;
	background-position: -511px -140px;
	display: block;
}

.commercial:active{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 85px;	
	height: 55px;
	background-position: -511px -238px;
	display: block;
}

.specials a {
	display: block;
	width: 78px;	
	height: 55px;
}

.specials{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 78px;	
	height: 55px;
	background-position: -596px -42px;
	display: block;
}

.specials:hover{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 78px;	
	height: 55px;
	background-position: -596px -140px;
	display: block;
}

.specials:active{
	background-image: url(images/menusprite.gif);
	background-repeat: no-repeat;
	width: 78px;	
	height: 55px;
	background-position: -596px -238px;
	display: block;
}

#login .topfield {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	background-color: #e7f7fd;
	border: #bbd8ef solid 1px;
}

.recoption {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	max-width: 450px;
	background-color: #e7f7fd;
	border: #bbd8ef solid 1px;
}

.regoption {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	max-width: 450px;
	background-color: #fff;
	border: #bbd8ef solid 1px;
}

.floatright {
	float: right;
}



.option {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	max-width: 450px;
	background-color: #fff;
	border: #bbd8ef solid 1px;
}

.topgo {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #000;
	padding-top: 5px;
	background-color: #fff;
	width: 35px;
	height: 25px;
	cursor: pointer;
}

.topgo:focus[type="button"] { 
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
		padding-top: 5px;
	color: #F00;
	background-color: #fff;
	width: 35px;
	height: 25px;
	cursor: pointer;
}

.topgo:focus[type="submit"] { 
	border:0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
		padding-top: 5px;
	color: #F00;
	background-color: #fff;
	width: 35px;
	height: 25px;
	cursor: pointer;
}


input[type="button"] { cursor: pointer; outline:none;}

input[type="submit"] { cursor: pointer; outline:none;}

a {
	outline:none;
}

.searchtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #000;
	float: right;
	padding-right: 20px;
}

/* Show/Hide Menu stuff
--------------------------------------------------------------------------------------- */
.table_title {
	background-image: url(images/table_title.gif);
	background-repeat: repeat-x;
	height: 27px;
	width: 100%;
}
.top {
	background-image: url(images/topbar.gif);
	background-repeat: repeat-x;
	height: 102px;
	width: 100%;
}
.middle {
	background-repeat: repeat-x;
	width: 100%;
	background-color: #FFFFFF;
}

.bottom {
	background-image: url(images/bottombg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
	background-color: #3b3a3a;
}

.mainbuttonleft {
	background-image: url(images/main_button_left_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	width: 6px;
	background-position: 0px 5px;
}
.mainbuttonmiddle {
	background-image: url(images/main_button_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	text-transform: uppercase;
	text-align: center;
	background-position: 0px 5px;
}

.mainbuttonright {
	background-image: url(images/main_button_right_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	width: 6px;
	background-position: 0px 5px;
}
a.mainbutton, a.mainbutton:link {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}

a.mainbutton:hover {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #c7fc7e;
	padding-top: 5px; 
	padding-right: 5px; 
	padding-left: 5px;
	text-decoration: none;
}

.logo_bottom {
	background-image: url(images/logo_bottom.gif);
	background-repeat: no-repeat;
	height: 53px;
	width: 357px;
}

.client_name {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 14px;
	font-weight: bold;
	color: #004280;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	vertical-align: top;
}

.user_name {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	vertical-align: top;
}

.content_table {
}

.content_spacing {
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}

.table_title {
	background-image: url(images/table_title.gif);
	background-repeat: repeat-x;
	height: 27px;
	width: 100%;
}

.title_text {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-transform: normal;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}

.data_table {

}

/* first tier ul */
#nav li a{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 12px;
	color:#333;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	margin: 0;
	width: 200px;
	height: 20px;
	display: block;
}

#nav li a:hover{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 12px;
	color:#666;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	margin: 0;
	width: 200px;
	height: 20px;
	display: block;
}

.level1{
	list-style:none;
	padding-top: 2px;
	margin:0px;
	padding: 0px;
}

.level1 li{
	list-style:none;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	background-color:#8cc1d4;
	color:#333;
	width: 200px;
	margin-top: 5px;
	margin: 0;
	padding: 0px;
	border: #fff solid 1px;
}

.level1 li a, .level2 li a:level1{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	margin: 0;
	width: 200px;
	height:20px;
	display: block;
}

.level1 li a:hover{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color:#fff;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	margin: 0;
	width: 200px;
	height:20px;
	display: block;
}

.level1 .leveltext {
	padding-left: 10px;
}

/* second tier ul */
.level2{
	list-style:none;
	padding-top: 2px;
	margin:0px;
	padding: 0px;
}

.level2 li{
	list-style:none;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10pt;
	padding: 0px;
	margin-left: 0;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	background-color:#e5eff3;
	background:url(images/secondlvl.gif);
	background-repeat: no-repeat;
}

.expand	{
	background-color:#fff;
}

.contract	{
	background-color:#000;
}

.level2 li a, .level2 li a:visited{
	list-style:none;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	margin: 0;
	width: 200px;
	height:20px;
	display: block;
}

.level2 li a:visited{
	list-style:none;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	margin: 0;
	width: 200px;
	height:20px;
	display: block;
}

.level2 .leveltext {
	padding-left: 20px;
}

/* third tier ul */
.level3{
	list-style:none;
	padding-top: 2px;
	margin:0px;
	padding: 0px;
}

.level3 li{
	list-style:none;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10pt;
	padding: 0px;
	margin-left: 0;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	background-color:#e5eff3;
	background:url(images/thirdlvl.gif);
	background-repeat: no-repeat;
}

.level3 li a, .level3 li a:visited{
	list-style:none;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10px;
	color:#333333;
	text-decoration: none;
	text-align: left;
	margin: 0;
	width: 200px;
	height:20px;
	padding: 0px;
	display: block;
}

.level3 li a:hover{
	list-style:none;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10px;
	color:#fff;
	text-decoration: none;
	text-align: left;
	margin: 0;
	width: 200px;
	height:20px;
	padding: 0px;
	display: block;
}

.level3 .leveltext {
	padding-left: 30px;
}

*///This gets rid of the default bullet
.expandable{ 
  padding-left:0px;
  background-image:none;
}
//Gives a little padding between the new image and the text
.expandable img{ 
  margin-right: 0;
}
//To make the expand/collapse stand out
#expandAll, #collapseAll {
  font-weight:bold;
}
.dropimage {
	padding: 0;
	margin: 0;
 	float:right;
	width: 12px;
	height: 20px;
}
.hand{
	cursor: pointer;
}

/* code for jstTable */
.jstMainTable{
	width: 652px;
	width: 652px !important;
	float: left;
}

.jstTable{
	width: 652px;
	width: 652px !important;
	float: left;
}

.jstTableHeader{
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	float:center;
	background-color:#17576a;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
	text-decoration:underline;
}

.jstTableLink{
	font-family: Arial, Helvetica, sans-serif;
	color: #1c7629;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.jstTableLink:hover{
	font-family: Arial, Helvetica, sans-serif;
	color:#3366CC;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.jstPage{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
.jstTableData{
	font-family: Arial, Helvetica, sans-serif;
	color: #004580;
	background-color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
	border:#D6D6D6 solid 1px;
}

.jstTableData1{
	font-family: Arial, Helvetica, sans-serif;
	color: #004580;
	background-color:#E6E6E6;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
	border:#D6D6D6 solid 1px;
}

.jstButton{
}

.jstFilterTable{
}

.jstTableFilterLabel{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 5px;
}

.jstTableFilterSpace{
}

.jstFilterSelect{
}

.errmsg {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000099;
}

.floatright {
	float: right;
	padding-right: 2px;
	padding-top: 3px;
}

/*------------Form Classes------------*/

label, form  {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	text-decoration:none;
}

.label	{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	text-decoration:none;
}

.labeltop	{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 7px;
	color:#000;
	text-decoration:none;
}


textarea {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	background-color: #e7f7fd;
	border-top-color: #bbd8ef;
	border-right-color: #bbd8ef;
	border-bottom-color: #bbd8ef;
	border-left-color: #bbd8ef;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.action {
	border: #6f9aa8 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #8fc3d5;
	width: 150px;
	height: 25px;
	margin-bottom: 5px;
}

.actionsmall {
	border: #6f9aa8 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #8fc3d5;
	height: 25px;
	margin-bottom: 5px;
}

.action:hover {
	border: #6f9aa8 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #6f9aa8;
	width: 150px;
	height: 25px;
	margin-bottom: 5px;
}

.input {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px 5px 3px 5px;
margin: 0px;
background-color: #e7f7fd;
border-top-color: #bbd8ef;
border-right-color: #bbd8ef;
border-bottom-color: #bbd8ef;
border-left-color: #bbd8ef;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}

.input2 {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px 5px 3px 5px;
margin: 0px;
width: 200px;
height: 18px;
background-color: #efefef;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}

.input3 {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px 5px 3px 5px;
margin: 0px;
width: 200px;
height: 18px;
background-color: #fff;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}

select {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px;
background-color: #e7f7fd;
border: #bbd8ef solid 1px;
}	

.catinput {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px;
width: 120px;
background-color: #e7f7fd;
border: #bbd8ef solid 1px;
}	

.priceinput {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px;
width: 40px;
background-color: #e7f7fd;
border: #bbd8ef solid 1px;
}	

.qinput {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px;
width:40px;
background-color: #e7f7fd;
border: #bbd8ef solid 1px;
}	

.iteminput {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px;
width: 120px;
background-color: #e7f7fd;
border: #bbd8ef solid 1px;
}	

.bluebar {
	color: #fff;
}

.bluebar td{
	padding: 8px 12px 8px 11px;
	background-color: #1e738a;
	font-family: Arial, Helvetica, sans-serif; 	
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.oddbar {
	border: #CCC solid 1px;
	color: #fff;
}

.oddbar td{
	padding: 8px 12px 8px 11px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif; 	
	font-size: 12px;
	color:#666;
	text-decoration: none;
	border: #CCC solid 1px;
}

.evenbar {
	border: #CCC solid 1px;
	color: #fff;
}

.evenbar td{
	padding: 8px 12px 8px 11px;
	background-color: #E4E4E4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	text-decoration: none;
	border: #CCC solid 1px;
}

.admin {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#35679c;
	text-decoration:none;
	font-weight: bold;
}

.time {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration:none;
	text-align: justify;
}

/* -- John adds this for admin list -- */
.mod_content_table {
	background-color: #FFFFFF;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
	border-bottom-color: #d6d6d6;
	border-left-color: #d6d6d6;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.mod_table_title {
	background-image: url(images/table_title.gif);
	background-repeat: repeat-x;
	height: 27px;
	width: 100%;
}

.mod_title_text {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 12px;
	color:#CCCCCC;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}

.mod_text {
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

.mod_text_indent {
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 10px;
}

.mod_data_table {
	border-top-color: #dedede;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	border-left-color: #dedede;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}


/* Default style sheet for jQuery date picker v3.5.2. */
#datepick-div, .datepick-inline {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
padding: 0;
margin: 0;
color: #000;
width: 200px;
background-color:#fff;
padding: 5px 6px;
}

#datepick-div {
display: none;
/*border: 1px solid #777;*/
z-index: 100; /*must have*/

}
.datepick-inline {
float:left;
display: block;
background-color:#fff;
width:200px;
padding: 5px 6px;
}

.datepick-rtl {
direction: rtl;
}
.datepick-dialog {
padding: 5px !important;
/*border: 4px ridge #ddd !important;*/
}
.datepick-disabled {
position: absolute;
z-index: 100;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.datepick-trigger {
width: 20px;
padding: 0px;
}
img.datepick-trigger {
margin: 2px;
vertical-align: middle;
}
.datepick-prompt {
float: left;
padding: 2px;
}
* html .datepick-prompt {
width: 185px;
}
.datepick-control, .datepick-links, .datepick-header, .datepick {
clear: both;
float: left;
width: 185px;
color: #fff;
}
.datepick-control {
background: #f5f5f5;
padding: 2px 0px;
}
.datepick-links {
background: #fff;
padding: 2px 0px;
}
.datepick-control, .datepick-links {
font-weight: bold;
font-size: 80%;
}
.datepick-links label {
padding: 2px 5px;
color: #888;
}
.datepick-clear, .datepick-prev {
float: left;
width: 34%;
}
.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {
float: right;
text-align: right;
}
.datepick-current {
float: left;
width: 30%;
text-align: center;
}
.datepick-close, .datepick-next {
float: right;
width: 34%;
text-align: right;
}
.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {
float: left;
text-align: left;
}
.datepick-header {
background: #f5f5f5;
text-align: center;
font-weight: bold;
height: 1.6em;
padding: 4px 0 1px 0;
}
.datepick-header select {
background: #f5f5f5;
color: #3c7aab;
border: 0px;
padding: 0 5px 0 5px;;
}
.datepick-header span {
position: relative;
top: 3px;
}
.datepick {
background: #ccc;
text-align: center;
font-size: 100%;
}
.datepick a {
text-align:center;
display: block;
width: 100%;
font-size: 8pt;
color: #606060;
font-weight: normal;
}
.datepick-title-row {
background: #fff;
color: #000;
font-size: 8pt;
}
.datepick-title-row th {
text-align: center;
font-weight: normal;

}
.datepick-days-row {
background: #ccc;
color: #666;
font-size: 7pt;
}
.datepick-week-col {
background: #fff;
border-collapse:collapse;
border:0;
}
.datepick-days-cell {
color: #000;
border: 1px solid #ddd;
}
.datepick-other-month {
background: #d1d1d1;
}
.datepick-week-end-cell {
background: #d1d1d1;
}
.datepick-title-row .datepick-week-end-cell {
background: #fff;
}
.datepick-week-over {
background: #ddd;
}
.datepick-unselectable {
color: #858686;
}
.datepick-today {
background: #dbeefd;
}
.datepick-current-day {
background: #daeefd;
color: #fff;
}
.datepick-days-cell-over {
background: #dbeefd;
color: #184f76;
/*border: 1px solid #777;*/
}
.datepick-status {
background: #ddd;
width: 100%;
font-size: 80%;
text-align: center;
}
#datepick-div a, .datepick-inline a {
cursor: pointer;
margin: 0;
padding: 0;
text-decoration: none;
}
.datepick-inline .datepick-links a {
padding: 0 5px !important;
}
.datepick-control a, .datepick-links a {
padding: 2px 5px !important;
color: #9f9f9f;
font-weight: normal;
font-size: 9pt;
}
.datepick-title-row a {
color: #9f9f9f;
}
.datepick-control a:hover {
background: #f5f5f5;
color: #606060;
}
.datepick-links a:hover, .datepick-title-row a:hover {
background: #fff;
color: #606060;
font-weight: normal;
font-size: 9pt;
}
.datepick-multi .datepick {
/*border: 1px solid #777;*/
}
.datepick-one-month {
float: left;
width: 185px;
}
.datepick-new-row {
clear: left;
}
/* ___________ IE6 IFRAME FIX ________ */
.datepick-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -1px; /*must have*/
left: -1px; /*must have*/
width: 187px; /*must have*/
height: 187px; /*must have*/
}