@import url("/css/jquery-ui.css");
/*--GLOBAL--*/
* {margin:0; padding:0;}
p {padding-top:16px;}
body {background-color:#161718; margin-top: 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
img {border: 0;}
input, select {border: 1px solid #333; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:.25em;}
/*input:hover, select:hover {background-color:#FC0}*/
.clear {clear:both;}
a {color:#036}
a:hover {color:#900;}
#main {width: 950px; margin: 0 auto; text-align: left; overflow:hidden; background-color:#FFF}
.printable {border: 0px;}
.back {padding:10px 0}
.hide {display:none;}

.red {color:#F00;}
.bold {font-weight:bold;}



/*--HEADER--*/
#header {margin:0 auto; width: 100%; text-align:left; overflow:hidden; }
#header .blue{color: #53c4ee }
#header #header_col1 {float:left; width:200px;}
#header #header_col1 h1 {background: url(/images/logo.gif) no-repeat; width:200px; height:60px; text-indent:-9999px;}
#header #header_col2 {float:right; text-align:right; padding-right:2%; padding-top: 24px; color:#FFF; font-weight:bold;}
#header #header_col2 a {color:#53c4ee; font-weight:bold; text-decoration: none;}
#header #header_col2 a:hover {color:#FFF; font-weight:bold; text-decoration: underline;}


/*--MENU--*/
#menu {margin:0 auto; width:100%; text-align:left; overflow:hidden;}
#menu #menu_col {float:left; width:199px;}
/*--SUBMIT BUTTON--*/
.btnsubmit {padding:3px;border-top-width: 1px;border-top-style: solid;border-top-color: #d5e3e6;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #d5e3e6;background-color: #e8f0f1;}
#btnsubmit {margin:0 auto; width: 100%; text-align:left; overflow:hidden; border-top-width: 1px;border-top-style: solid;border-top-color: #d5e3e6;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #d5e3e6;background-color: #e8f0f1;}
#btnsubmit #btnsubmit_col1 {float:left; width:49%; height:20px; padding:10px 0 0 10px;}
#btnsubmit #btnsubmit_col2 {float:left; width:47.9%; text-align:right; padding-right:2%; height:30px}

/*--LOGINPAGE--*/
#loginpage {background: url(/images/bg.jpg) center top no-repeat; height:100%;}
#login {width: 570px; height:290px; margin: 100px auto; overflow:hidden; background-color:#FFF; background: url(/images/login.jpg) no-repeat;  border: 1px solid #666;}
#invalid {float:left; width:100%; padding: 40px 0 0 25px;}
#invalid h2 {font-family: Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#F00;padding: 0px 0 0 0px;}
#login_form {margin-top:40px; padding:25px;}
#login #login_copyright {padding:5px;margin-top:128px; margin-left: 145px; font-family: Arial,Helvetica,sans-serif; font-size:9px }
/*--HOMEPAGE--*/
#homepage {width: 950px; overflow:hidden;}
#homepage #glory {float:left; width:725px; }
#homepage #glory img {width:725px; margin-top:1px;}
#homepage #shortcuts {float:left; width:225px;}
#homepage #shortcuts ul {list-style:none; padding: 25px; line-height:175%}
#homepage #shortcuts li {font-weight:bold;}
#homepage #shortcuts li.shortcut_first {font-size:20px; font-weight:bold; padding:0 0 .3em 0; color:#197eb9}
#homepage #shortcuts li a {color:#000; font-weight:bold; text-decoration: none;}
#homepage #shortcuts li.shortcut_red a {color:#900; font-weight:bold; text-decoration:none;}
#homepage #shortcuts li a:hover{color:#F00; text-decoration:underline}
#homepage #shortcuts .shortcutsArrow {background-color: transparent;background-image: url(/images/arrow.gif);background-repeat: no-repeat;background-attachment: scroll; background-position: left center;padding: 0px 4px 0 0;margin-left:5px; width: 5px;height:10px;}
#homepage #featured {float:left; width:950px; }
#homepage #columns {float:left; width:930px; overflow:hidden; padding:10px; background-color:#bfbfbf;}
#homepage #columns .col {float:left; width:300px; background-color:#ddd;}
#homepage #columns .col_mid {float:left; width:300px; padding: 0 15px 0 15px;}
#homepage #moretext {float:left; width:930px; padding:10px;}
#homepage #moretext .read-more, #homepage #moretext .re-collapse {font-weight:bold;}
/*--INTERIOR PAGES--*/
#interior {float:left; width:930px; overflow:hidden; padding:15px 10px 10px 10px;}
#interior h1 {color:#999; padding: .5em .0 .5em 0; font-size:24px}
#interior .content {line-height:150%;}
#interior ul {padding-left:35px;}
#interior li {list-style:square;}
#interior #col1 {float:left; width:635px; padding-right:20px;}
#interior #col2 {float:left; width:275px;}
#hours {width: 275px; overflow:auto; background-color:#F5F5F5}
#hours h4 {padding:10px; background-color:#333; border:1px solid #CCC; color:#FFF}
#hours ul {padding: 0 0 10px 0;}
#hours li{list-style:none; line-height:150%}
#hours .hours_day {float:left; padding:0 10px 0px 25px;}
#hours .hours_time {float:left;}
.print_page {padding:10px; text-align:center; width:910px; border:1px solid #999; background-color:#ddd;}
.print_page a {text-decoration: none}
.print_page a:hover {text-decoration:underline}
/*--FORMS LOGIN--*/  
#forms_login {float:left; width:570px;}
#forms_login label, #forms_login label span {display:block; padding-bottom:.5em;}
#forms_login label {float: left; width: 100%;}
#forms_login label span { width: 150px; font-weight:bold; padding-right:10px;}
#forms_login input, #forms_login textarea, #forms_login select {float: left; width: 300px;}
#forms_login #submit {float: left; width: 100px;}

.table_leads {padding:5px;}
.checkboxes {display:block; text-align: right; padding: 0px; margin:0px; width:150px;}

/*--INTERIOR FORMS--*/  
#forms {float:left; width:100%; margin-top:10px;}
#forms p {padding: 0 30px 0 0;}
#forms .success {color:#090; padding:10px 0}
#forms .error {color:#F00; padding:10px 0}


#forms h2 {padding-bottom: 20px;}
#forms h3 {color:#039;}
#forms fieldset {float:left; width:100%; padding:10px; border: 0;}
#forms .fields {float:left; width:700px;}
#forms .fields_descrip {float:left; width:290px; padding:10px;}
#forms label, #forms label span {display:block; padding-bottom:.5em;}
#forms label {float: left; width: 100%;}
#forms .hours_label {float: left; width: 150px; text-align:right; padding-right:10px;}
#forms .hours_table {float: left; width: 200px; background-color:#F33}
#forms label span {float: left; width: 150px; text-align:right; padding-right:10px;}
#forms input, #forms textarea, #forms select{float: left; width: 300px;}
#forms .heading {padding-bottom:20px;}
#forms #checkboxes {float: left; width:500px;}
#forms #checkboxes label span {display:block; text-align: right; padding: 0px; margin:0px; width:150px;}
#forms #checkboxes input {display:block; width:20px; margin:3px;}
/*--FOOTER--*/
#footer {float:left; overflow:hidden; font-size:9px; padding-left:10px; line-height:200%}
/*-- #footer #bar {float:left; width:950; overflow:hidden;}
#footer #links {float:left; overflow:auto; padding:10px;}
#footer ul {float:left; margin-right:15px;}
#footer li {list-style:none; line-height:150%}
#footer li.first {font-weight: bold}
#footer #copyright {font-size:11px; text-align:center; padding: 10px;}
#footer #bar #fcol1 {float: left; width:600px; background-color:#333; font-size:10px; color:#FFF; border-right:1px solid #FFF; padding:5px;}
#footer #bar #fcol2 {float: left; width:329px; background-color:#197eb9; font-size:10px; color:#FFF;  padding:5px;}
#footer #bar a {color:#FFF; text-decoration:none;}
#footer #bar a:hover {color:#FFF; text-decoration:underline;}--*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------
* {padding: auto; margin: float;}*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(/images/macBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;} 
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:15px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;	padding:15px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:45px; font-weight:bold; background: url(/images/pop_bg.gif) repeat-x;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{	z-index:99;	position:fixed;	top: 0;	left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */ position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}

/* MENU */

#menu ul.menu, ul.menu ul {list-style-type:none;  width: 198px;}
#menu ul.menu a {display: block; text-decoration: none; height:35px;}
#menu ul.menu li { font-size:11px; font-weight: bold;}
#menu ul.menu li a {color:#000; background:url(/images/bg_menu_item.gif) no-repeat; width:189px; height:24px; padding:11px 0 0 10px;}
#menu ul.menu li a:hover {background: #000; color:#fff}

#menu ul.menu li ul {width: 198px;}
#menu ul.menu li ul li a {background: #b1bdc3; color: #000; padding: 8px 0 5px 20px; height:15px; width: 178px;}
#menu ul.menu li ul li a:hover {background: #aaa; padding: 8px 0 5px 20px; height:15px; width: 178px;}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

.trafficdata {padding:3px;border:1px solid #d5e3e6; background-color: #e8f0f1;}
.trafficdata span {font-size:160%; font-weight:bold;}
.trafficdata td {border-right:1px solid #AAC6CC; padding:0 20px 0 20px;}
.tdpad {padding:5px;}

.gText_lg {font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold};

/*GOOGLE STATS PAGES */
#google {}
#google td {padding: 5px;}
#google .headerbox {border:1px solid #d5e3e6; background-color: #e8f0f1;}
#google .header {font-family:Arial, Helvetica, sans-serif; font-size:160%; font-weight:bold}
#google .data {font-family:Arial, Helvetica, sans-serif; font-size:140%; font-weight:bold}
#google .data  a {font-size:90%; color:#005c9c; text-decoration:none}
#google .data  a:hover {text-decoration:underline}
#google .top_source {font-size:11px; border-bottom:1px solid #999;}

.banner_image {border:1px solid #000; width:75%;}

.table_forms {vertical-align: top;}
.table_forms tr:hover {background: #CCC;}



.tabletitle

{

color: #313131;

font-size: 1.4em;

font-family: Calibri,Arial,Verdana,Helvetica,sans-serif;

font-weight: bold;

padding-bottom: 2px;

}

.tabledescription

{

color: #000000;

font-size: 11px;

font-family: Verdana,Arial,Helvetica;

}

.fztext

{
	COLOR: #000000;
	BORDER: 1px solid #ABB7D0;
	PADDING: 2px 2px 2px 2px;
	MARGIN: 0px;
	vertical-align: middle;
	font-family: Calibri,Verdana,Tahoma,Helvetica;
	font-size: 1.4em;
}

.fzselect

{
	BORDER: 1px solid #ABB7D0;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	margin: 0px;
	padding: 1px;
	vertical-align: middle;
	Z-INDEX: 11;
	font-family: Calibri,Verdana,Tahoma,Helvetica;
	font-size: 1.4em;
}

.fztextarea, .fztextareawide

{


	COLOR: #000000;

	BORDER: 1px SOLID #ABB7D0;

	padding: 2px 2px 2px 2px;

	vertical-align: middle;
	font-family: Calibri,Verdana,Tahoma,Helvetica;
	font-size: 1.4em;

}



.fztextareawide {

	WIDTH: 99%;

}


.success_container {padding:5px;}
.success {padding:5px; border:#090 2px solid;}

/* OLD  FORM CSS */
tr.tablerow1_tr:hover {background-color: #F7F0D1;}
.tablerow1

{
	COLOR: #000000;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	BORDER-BOTTOM: 1px SOLID #f2ebde;
	PADDING: 6px 4px 6px 4px;
}



/* NEW FORM CSS */

form.fzform select
	{
		BORDER: 1px solid #ABB7D0;
		BACKGROUND-COLOR: #FFFFFF;
		COLOR: #000000;
		margin: 0px;
		padding: 1px;
		vertical-align: middle;
		Z-INDEX: 11;
		font-family: Calibri,Verdana,Tahoma,Helvetica;
		font-size: 1.4em;
	}
form.fzform textarea
	{
		COLOR: #000000;
		BORDER: 1px SOLID #ABB7D0;
		padding: 2px 2px 2px 2px;
		vertical-align: middle;
		font-family: Calibri,Verdana,Tahoma,Helvetica;
		font-size: 1.4em;
	}
form.fzform input
	{
		COLOR: #000000;
		BORDER: 1px solid #ABB7D0;
		PADDING: 2px 2px 2px 2px;
		MARGIN: 0px;
		vertical-align: middle;
		font-family: Calibri,Verdana,Tahoma,Helvetica;
		font-size: 1.4em;
	}

form.fzform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

.form_table td
{
	COLOR: #000000;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	BORDER-BOTTOM: 1px SOLID #f2ebde;
	PADDING: 6px 4px 6px 4px;
}
.form_table tr:hover {background-color: #F7F0D1;}
form.fzform input:focus { border: 1px dotted black; }
form.fzform input.error { border: 1px dotted red; }

img#qrcode { display: block; }
#instructions {padding:0 20px;}

.hide {display: none;}
div.hide {display:none;}
#map_canvas {height:300px;width:100%}


#SettingsForm label { width: 250px; }
#SettingsForm label.error, #SettingsForm input.submit { margin-left: 10px; }