/* CSS Document */

body { 
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	}


.yellowtable {
/*	background: #FFCC00 url(img/common/yellowline.gif) top left repeat-y; */
	background-color: #FFCC00;
	border-left: #222222 solid 1px;
	}
	

.mainbg {
	background: url(img/facilityplanner/main-1.gif) top right no-repeat;
	}
	
#signin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 180px 16px 20px 130px;
	}

#signin input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}


#signin a {
	color: #CC0033;
	}


#facilitysporticondisplay {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#facilitysporticondisplay td.header {
	font-size: 12px;
	padding: 15px 15px 15px 15px;
	margin: 0px 0px 0px 0px;
	}

#facilitysystemdisplay {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#facilitysystemdisplay td.header {
	font-size: 11px;
	padding: 15px 15px 15px 15px;
	margin: 0px 0px 0px 0px;
	}

#facilitysystemdisplay p.intro {
	font-size: 11px;
	padding: 0px 0px 0px 48px;
	margin: 0px 0px 0px 0px;
	}
	
#facilitysystemdisplay .systemdiv {
	border-top: #FFFFFF solid 1px;
	width: 85%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}	
	
#facilitypackagelist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#facilitypackagelist td.header {
	font-size: 11px;
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	}

#facilitypackagelist .systemdiv {
	border-top: #FFFFFF solid 1px;
	width: 85%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#facilitypackagelist p.text {
	padding: 0px 0px 0px 0px;
	margin: 10px 16px 16px 20px;
	}
	
#facilitypackagelist table.note tr td {
	font-size: 10px;
	text-align: left;
	}

select.selectproduct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	}

#facilitypackagelist table.packagetype {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#facilitypackagelist table.packagetype td.headerdiv {
	border-bottom: #FFFFFF solid 1px;
	border-top: #FFFFFF solid 1px;
	}

#facilitypackagelist table.packagetype tr td {
	font-size: 10px;
	text-align: left;
	border-bottom: #FFFFFF solid 1px;
	padding: 4px 4px 4px 4px;
	}

#facilitypackagelist table.packagetype tr td.popup {
	border-left: #FFFFFF solid 1px;
	padding: 4px 0px 4px 4px;
	}

#facilitypackagelist table.packagetype tr td.button {
	border-bottom: none;
	padding: 12px 0px 12px 0px;
	}

#facilitypackagelist table.packagetype input.quotebutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	}

#facilitypackagelist table.packagetype table.packagetype2 {
	padding: 0px 0px 0px 0px;
	margin: 4px 0px;
	}

#facilitypackagelist table.packagetype table.packagetype2 th {
	font-size: 13px;
	color: #CC0033;
	text-align: left;
	}

#facilitypackagelist table.packagetype table.packagetype2 td {
	border-bottom: none;
	}

#facilitypackagelist table.packagetype table.packagetype2 tr td.smallprint {
	font-size: 9px;
	text-align: left;
	}

#facilitypackagelist table.packagetype table.packagetype2 tr td.smallprint a {
	color: #000000;
	}
		
.toptext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 15px 10px 16px 12px;
	}
	
table.pdflist {
	}

table.pdflist tr.pdfdownload td {
	border-top: #FFFFFF solid 1px;
	padding: 8px 8px 8px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}

.dottedline {
	background: url(img/common/dot.gif) repeat-x;
	}


#storetopnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

#storetopnav .search {
	color: #333333;
	margin: 14px 14px 0px 0px;
	text-align: right;
	}

#storetopnav .search input {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 1px 1px 1px 1px;
	}

#storetopnav .search input.gobutton {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CC0033;
	border: 0px;
	padding: 2px 2px 2px 2px;
	}

#storetopnav .storenav {
	color: #FFFFFF;
	font-size: 9px;
	text-align: right;
	margin: 4px 14px 4px 0px;
	}

#storetopnav .storenav .whitelink {
	color: #FFFFFF;
	font-size: 9px;
	}

#storetopnav .storenav .whitelink a:link {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: underline;
	}

#storetopnav .storenav .whitelink a:visited {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: underline;
	}

#storetopnav .storenav .whitelink a:hover {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: underline;
	}

#storetopnav .storenav .cartlink {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	}

#storetopnav .storenav .cartlink a:link {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: none;
	}

#storetopnav .storenav .cartlink a:visited {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: none;
	}

#storetopnav .storenav .cartlink a:hover {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: none;
	}

#storetopnav .storenav .itemnumber {
	color: #CC0033;
	font-size: 9px;
	text-decoration: underline;
	}

#storetopnav .phonenumber {
	color: #777777;
	font-size: 11px;
	font-weight: bold;
	margin: 6px 14px 6px 0px;
	text-align: right;
	}
	
#storetopnav .pagelocations {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 10px;
	margin: 4px 0px 4px 16px;
	}

#storetopnav .pagelocations .focuslocation{
	font-weight: bold;
	}



/* nav */

.logoimg {
	margin: 0px 0px 0px 0px;
	}

#sidenav {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.maincatlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px dotted #000;
	background-color: #CCCCCC;
	padding: 5px 0px 5px 12px;
	}

.maincatlink a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}

.maincatlink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}

.maincatlink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}

.maincatlinkactive {
	font-size: 11px;
	font-weight: bold;
	border-top: 1px dotted #000;
	background-color: #CC3333;
	padding: 5px 0px 5px 12px;
	}
	
.maincatlinkactive a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}

.maincatlinkactive a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}

.maincatlinkactive a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}

.subcatlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 0px 5px 16px;
	}

.subcatlink a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	text-decoration: none;
	}

.subcatlink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	text-decoration: none;
	}

.subcatlink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
	}
	
.subcatlinkactive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0px 5px 16px;
	}

.subcatlinkactive a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3333;
	text-decoration: none;
	}

.subcatlinkactive a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3333;
	text-decoration: none;
	}

.subcatlinkactive a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3333;
	text-decoration: none;
	}
	
.categorylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 0px 5px 24px;
	}

.categorylink a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	text-decoration: none;
	}

.categorylink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	text-decoration: none;
	}

.categorylink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
	}
	
.categorylinkactive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0px 5px 24px;
	}

.categorylinkactive a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3333;
	text-decoration: none;
	}

.categorylinkactive a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3333;
	text-decoration: none;
	}

.categorylinkactive a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3333;
	text-decoration: none;
	}


/* FACILITIES PLANNER NAV */

.whitebarL {
	background-color: #FFFFFF;
	height: 8px;
	border-bottom: #000000 1px solid;
	}
	
.whitebarR {
	background-color: #FFFFFF;
	height: 8px;
	border-bottom: #000000 1px solid;
	}

.sidegraphic {
	background-color: #000000;
	padding: 8px 0px 0px 0px;
	}
	
/* text */

#footer {
	margin: 4px 10px 4px 10px;
	font-size: 9px;
	text-align: center;
	}

#footer a:link {
	color: #333333;
	text-decoration: none;
	}

#footer a:visited {
	color: #333333;
	text-decoration: none;
	}

#footer a:hover {
	color: #333333;
	text-decoration: none;
	}

.whitecontactinfo {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.whitecontactinfo p {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 10px 14px 20px;
	}

.whitecontactinfo a:link{
	color: #FFFFFF;
	text-decoration: none;
	}

.whitecontactinfo a:vistied{
	color: #FFFFFF;
	text-decoration: none;
	}

.whitecontactinfo a:hover{
	color: #FFFFFF;
	text-decoration: none;
	}


.white {
	color: #FFFFFF;
	}
	
.red {
	color: #CC0033;
	}

/* Admin Styles */
.title {
	margin: 30px 10px 10px 15px;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	}

.formTable{
	font-size: 12px;
	margin: 2px 15px 15px 15px;
	padding: 15px 15px 15px 15px;
	border:2px #999 dotted;
	width: 98%;
	}

.formHtmlTextStart{
	padding: 10px 0px 0px 0px;
	}

.mceEditor{
		
	}

.formHtmlFieldStart {
	padding: 10px 15px 10px 10px;
	text-align: right;
	border-bottom: 1px dotted #ccc;
	}

.formHtmlTextStartReq{
	color: #CC0033;
	padding: 10px 0px 0px 0px;
	}

.modFormTextBox{
	font-size: 12px;
	color: #003366;
	border: 1px #ccc solid;
	}

.modFormSelectList{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	border: 1px #ccc solid;
	padding: 2px 2px 2px 2px;
	}
	
.modAlphaSelected{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	}
	
.modAlphaNotSelected{
	font-size: 12px;
	font-weight: normal;
	color: #888888;
	}

.modFormDateField{
	font-size: 12px;
	color: #003366;
	border: 1px #ccc solid;
	}

.modFormPasswordField{
	font-size: 12px;
	color: #003366;
	border: 1px #ccc solid;
	}

.modFormTextField{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	border: 1px #ccc solid;
	padding: 2px 2px 2px 2px;
	}

.modFormButtonAdd{
	font-size: 12px;
	color: #FFFFFF;
	border: 2px #6699CC solid;
	background-color: #006699;
	padding: 2px;
	margin: 1px 1px 1px 1px;
	}

.modFormButtonUpdate{
	font-size: 12px;
	color: #FFFFFF;
	border: 2px #6699CC solid;
	background-color: #006699;
	padding: 2px;
	margin: 1px 1px 1px 1px;
	}

.modFormSecondDescription{
	font-size: 10px;
	color: #cccccc;
	}
	
.modFormUploadField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	border: 1px #ccc solid;
	padding: 2px 2px 2px 2px;
	}
	
.modFormUploadCurrentText{}
.modFormSuccess{
	font-size: 16px;
	color: #3366CC;
	margin: 30px 15px;
	}

.modFormGeneratedTextField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	border: 1px #ccc solid;
	padding: 1px 1px;
	}

.modFormError{
	font-size: 14px;
	color: #FF0000;
	}
.modItemListRowEven{
	background-color: #FFFFFF;
	}
.modItemListRowOdd{
	background-color: #FFFFFF;
	}
.modItemListRowEven td{
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
	}
.modItemListRowOdd td{
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
	}
.modItemListTd{
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
	}
.modItemListTdModify{
	border-bottom: 1px dotted #ccc;
	}
.modItemListTdDelete{
	border-bottom: 1px dotted #ccc;
	}
.modItemListTdUp{
	border-bottom: 1px dotted #ccc;
	}
.modItemListTdDown{
	border-bottom: 1px dotted #ccc;
	}
.modItemListTdSpecial{
	border-bottom: 1px dotted #ccc;
	}

#itemListHeaderTdItemName {
	background-color: #CC0033;
	font-size: 11px;
	font-weight: bold;
	}

#itemListHeaderTdItemModify{
	background-color: #CC0033;
	font-size: 11px;
	font-weight: bold;
	}
	
#itemListHeaderTdItemDelete{
	background-color: #CC0033;
	font-size: 11px;
	font-weight: bold;
	}
	
#itemListHeaderTdItemUp{
	background-color: #CC0033;
	font-size: 11px;
	font-weight: bold;
	}

#itemListHeaderTdItemDown{
	background-color: #CC0033;
	font-size: 11px;
	font-weight: bold;
	}
	
#itemListHeaderTdItemSpecial{
	background-color: #CC0033;
	font-size: 10px;
	}

#itemListHeaderTr{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0033;	
	padding: 2px 2px;
	}

#itemListMainDiv{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	}

#itemListTable{
	margin: 2px 10px 10px 10px;
	padding: 0px 15px 15px 15px;
	width: 100%;
	}


	
.adminwhitetable {
	background: #FFFFFF url(img/common/whiteline.gif) top left repeat-y;
	font-size: 12px;
	}

.submit {
	background-color: #CC0033;
	color: #FFFFFF;
	border: #999999 2px solid;
	padding: 2px 2px 2px 2px;
	}