*{margin:0;padding:0}
body{color:#000; background:#cdc4a3 url('/common/_img/bg.gif') top repeat-x; font:12px Verdana, Arial, Helvetica, sans-serif}
#container{margin:0 auto; width:1000px; background-color:#FFF}
#header{width:1000px; height:60px; text-indent: -9999px; background:url('/common/_img/cp-header.jpg') 0px 0px no-repeat; }
	#header h1{line-height:50px; margin:0 20px; font-size:22px}

	#menu{background:url('/common/_img/home-title-bg.jpg') 0px 0px no-repeat; height:40px}
	#menu #menu-container{background:url('/common/_img/menu-shadow.gif') 0px 0px repeat-x; margin:0 0 0 239px; height:40px}
	#menu ul{margin:0; padding:0; list-style:none}
	#menu ul li{display:inline}
	#menu ul a{float:left; display:block; background:url('/common/_img/menu-div.gif') top right no-repeat;	padding:5px 8px 6px 8px; 
	font:14px "MS Sans Serif",Arial, Helvetica, sans-serif; text-transform:capitalize; color:#fff; text-decoration:none}
	#menu ul a.right{float:right}
	#menu ul a:hover{background-repeat:repeat-x}

h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#D74B03}
h1 span{font-size:80%; font-weight:normal}
h2{/*font:normal 16px/20px "Arial Rounded MT Bold",Arial,Helvetica,sans-serif; color:#FFF; padding-left:10px*/}

ul {
	margin: 0 0 0.2em 2em;
}

	/* text */
	p{margin:0.5em 0 1em 0}
	
	/* links */
	a{color:#258AD5}
	a img{border:none}
	
	/* general forms */
	fieldset{padding:2px}
	legend{padding:3px}
	fieldset ol{list-style:none}
	
	
	form ol{list-style:none}
	form ol.numbered{list-style-type:decimal}
	form ol li{clear:both;margin:0px 0px 6px 0px;}
	form ol li label{display:block;float:left;padding:0 10px 0 0;text-align:right;width:170px}
	form input.radio{margin-left:155px}
	form label.radio{display:inline;float:none}
	form fieldset.checkboxes ol li label{width:500px}
	form button{margin-left:180px}
	form button.confirm{margin-left:25px}
	form button.submit{margin-left:470px;margin-top:5px}
	form .note{color:#666666;font-size:0.8em}


table.notZebra{width:auto}


#title,div.title {
	background-image: url(/common/images/orange_glow.gif);
	background-repeat:repeat-x;
	margin:0 10px;
}

#hideText {
	display:none;
}


#content,.content {
	text-align: left;
	margin-left: 25px;
	margin-right: 25px;
	font-size: 1.1em;
	color: #333333;
	position:relative;
}

#footer {
	padding-top:15px;
	padding-bottom:15px;
	color: #999999;
	margin-left:10px;
	text-align:center;
}

#footer ul {
	width:500px; margin:0 auto; padding:0;
}

#footer li {
	float:left; display:block; width:110px;
	list-style: none;
	margin: 0 15px 0 0;
	text-align:center;
}

#footer p {
	color: #000;
	margin: 1ex 0;
	clear: both;
}

#footer a {
	color: #3A3A3A;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.left {
	float: left;
	margin: 0 3px 3px 0;
}


/* ----------------- content accessories ------------------------*/

#formTitle{
	background-color:#DBE6EA;
	padding-left:10px;
	margin-bottom: 5px;
}

.hdr {
	background-color: #F3F3F3;
}

#formDiv {
	margin-bottom: 5px;
}

#blueBox {
	background-image:url(/common/images/bluebox_glow.gif);
	background-repeat:repeat-x;
	border-left:1px solid #ECEAE8;
	border-bottom:1px solid #ECEAE8;
	border-right:1px solid #ECEAE8;
	background-color:#FAFAF8;
	padding:0px 10px 10px 10px;
}

#blueBox h2 {
	color: #FFFFFF;
	font-weight: bold;
	margin: 2px 0px 12px 0px;
	font-size:1em;
}

#locationsGrid{
	
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#E95301;
    text-decoration: none;
}

a.info:hover{
	z-index:25; background-color:#ffffff;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    left:2em; 
	width:200px;
    border:1px solid #E7D9CB;
   	background-color: #FEFAED;
    text-align: center;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	font-size:x-small;
}

/* form styles */

/* global form rules */

form {
	padding:0px; margin:0 auto;
}

/*	button{
		background-color:#FEFAED; 
		border:1px solid #E7D9CB; 
	}
	
	button:hover{
		background:#E0E9E9;
	}
	
	input, textarea {
		border:1px solid #E7D9CB; 
		background:#FEFAED url(cssplay/form.gif) repeat-x top left; 
		padding:0 0 0 0.2em; margin:0 0 0 0;
	}

		input.button {
			background: #FEFAED;
			text-align: center;
			padding:0 0.5em 0 0.5em;
		}

		input.button:hover {
			background: #E0E9E9;
		}

	option {
		background-color:#788; color:#fff;

	}*/


p.error{
	color:#EC5708;
	font-size:90%;
	margin:0.5em 0 0.5em 180px;
	display:block;
	clear:left;
}

.mainerror{line-height:24px; background-image:url(/common/_img/alert.gif); background-repeat:no-repeat; padding-left:30px}

form th, form td{
	vertical-align:top;
}

/* registration, login & profile edit forms */
form#registerForm th,form#profileForm th, form#frmChangePassword th, form#loginForm th{
	text-align:right;
	font-weight:normal;
}

form#locationForm1 th{
	text-align:left;
	font-weight:normal;
}

form#locationForm th,form#locationForm3 th{
	text-align:right;
	font-weight:bold;
}

/* login and password reminder form */
div#blueBox.PasswordForm{
	width:340px;
}


div#pin-overlay{
	height:296px; width:350px;
	position:relative; 
}
div#pin-overlay2 {
	height:380px; width:450px;
	position:relative; 
}

/*
img#overlay-pin {
	position:absolute; 
	top:50%; left:50%;
	z-index:100;
}*/

img#overlay-pin {
height:380px;
left:0;
position:absolute;
top:0;
width:450px;
z-index:100;
}

thead th{
	background-color:#F3F3F3; color:#000;
	text-align:left; line-height:1em;
	padding:0 0 0 0.5em;
}

/* messaging */
div.subtitle h2{
	color:#000; background-color:#DBE6EA;
	font-size:1em; font-weight:bold;
}

div.statusfilter{
	width:350px;
	position:absolute; top:-5px; right:0;
	text-align:right;
}

div.statusfilter select{
	margin:0 0 0.5em 0;
	padding:0;
}

label.selectlabel{
	text-align:right; 
	float:none; clear:none;
	display:inline; 
	position:relative; top:-7px;
}

form.threadStatus{
	display:inline;
}

form.threadStatus select{
	font-size:10px;
	margin:0; padding:0;
}

table.threadList th, table.threadList td{
	vertical-align:middle;
	white-space:nowrap;
}


* html div#content{
	height:1%;
}

.fakelink{
	text-decoration:underline;
	color:#E95301;
	cursor:pointer;
}

tr.even{
	background-color:#FEF8EB;
}

tr.ruled{
	background-color:#EAEAFF;
}

/* My Locations */
table.locationsGrid{
	width:100%;
	border:0;
	margin:20px 0 0 0;
}

table.locationsGrid th,
table.locationsGrid td,
table.messages th,
table.messages td {
	padding:3px;
}

th.heading-row{
	background:url(/common/images/bluebox_glow.gif) bottom repeat-x;
	color:#FFF;
}

.addbtn{width:60px}
.createbtn{width:145px}

/* forms */

form#info legend{font-weight:bold}

form#info fieldset{padding:10px}

ul.FacilitiesList{
	width:64em; 
	float:left; clear:both;
	margin:5px 0 5px 25px; padding:0;
}

ul.FacilitiesList li{
	list-style-type:none;
	width:16em; float:left;
}

.clear{clear:both}

label.radioLabel, label#stTimeLbl, label#endTimeLbl{display:inline; text-align:left; float:none}

.mapbox{height:560px}


a.submit-button{display:block; float:left; height:2em; line-height:1em; width:110px; color:#fff; background-color:#339933; text-decoration:none; font-weight:bold; text-align:center; border:thin inset #336600; margin:0 5px 0 40px}

a.submit-later-button{display:block; float:left; height:1.6em; line-height:1.6em; width:90px; color:#fff; background-color:#EFC74E; text-decoration:none; font-weight:bold; text-align:center; border:thin inset #FF9933; margin:10px 5px 0 5px; font-size:smaller}

ul.summary{
	list-style-type:none; margin:40px; width:550px
}

ul.summary li{
	clear:both
}

ul.summary img{
	float:left; margin:0 20px 0 0;
}