/* ###### Objective A stylesheet v.1  ###### */

body {
 font:  0.8em "Lucida Grande", "Verdana", "Helvetica", "Arial", sans-serif;
 background-color: #fff;
 margin: 2px;

}

h1 {font-size:110%; font-weight:bold;height:39px;margin:0 1px;padding:0 5px;
	background:url("../images/bg_title.png") repeat-x 0 0;cursor:pointer;}

.container{
	border-left:solid #a5a5a5 1px; 
	border-right:solid #a5a5a5 1px; 
	border-bottom:solid #a5a5a5 1px; 
	border-top:solid #eeeeee 1px;
	margin:0 1px;padding:0;}

table{ font-size:100%; }

.content{display:none; margin:0; padding:0 8px; font-size:100%;}

h2, h3, h4, h5 {
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  width:900px;
}

h2, h3, h4 {
 font-size: 115%;
 border-bottom : solid #999 1px;
 border-top : solid #ccc 1px;
 cursor: pointer;
}


h2 {  background-color: #F0F0F0; text-align:right;}
h3 {  background-color: #FFFFCC; padding-left:20px; width:780px;}
h4 {  background-color: #FFFFFF; padding-left:20px; width:780px;}

h2:hover, h3:hover {
	border : solid #000 1px;
}

h1 a {
  color : #000;
  text-decoration:none;
}

h2, h3, h4, h5 {
 font-size: 100%;
 border-bottom : solid #D5E3EF 1px;
 color : #336CA6;
}

a {
 color : #336CA6;
}
a img {border : none; text-decoration:none;}

#examplecontainer {height:20px;  position:relative}
#show2up { position:absolute; left:5px; top:10px; clear:both}
#show1up {  clear:both}
#cal1Container { display:none; position:absolute; left:5px; top:10px; z-index:2}
#cal2Container { display:none; position:absolute; left:100px; top:15px; z-index:1}

.toggle, .template {display:none;}
.disabled, .output , .output_em {border: none; color:#000000; background-color: #FFFFFF;}
.output_em{font-weight:bold; background-color:#FFFF99;}
.next { cursor: pointer; position: relative; left: 730px;  font-size: 130%;}
.zebra{background-color:#DDDDDD;}
.clickable {cursor: pointer;  color : #336CA6; }
.tdtop {vertical-align: top;}

div.infobox {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	padding: 0;
	border: 0;
	display: block;
	position: relative;
	float: left;
	cursor: help;
	z-index: 40;
	margin: 0;
}

div.infobox:hover {z-index: 50;}

div.infobox span.tip {
	font-weight: normal;
	display: block;
	display: none;
	cursor: help;
	position: absolute;
	width: 250px;
	padding: 10px;
	color: #000;
	font-size: 11px;
	line-height: 1.2em;
	background: #EAEEF1;
	top: -10px;
	left: 10px;
}

div.infobox:hover span.tip {display: block;}

.roundedbox {
	width:95%;
	margin: 10px 0px 10px 0px;
	border:2px solid #D5E3EF;
	padding : 3px;
	padding-left:20px;
	text-align : left;
	background-color : #f9f9f9;
}

.nicetable {width:95%; border-collapse:collapse; }
.nicetable tr td {
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:1px; border-color:#ccc;
	padding:3px;
}
.tableheader td {border-top-style:solid; border-width:1px; border-color:#ccc;  text-align:left; background-color : #f9f9f9;}
.tablefooter td {border-top-style:solid; border-width:2px; border-color:#ccc; }

.modalpanel{
	width:700px; 
	margin:20px; 
	padding:20px; 
	border:2px solid #D5E3EF;
}

.zoneselector, .floorselector , .cadtoolbar{
	 list-style-type: none;
	cursor: pointer;
}

.zoneselector .selected, .floorselector .selected, .cadtoolbar .selected{
	border:2px solid #D5E3EF;
	padding:4px;
}

.cssbutton {
	border:1px solid #CCCCCC;
	background-color : #EEEEEE;
	cursor: pointer;
	padding:4px;
}

.cssbutton img{
	vertical-align:middle;	
}

.embox{
	border:1px solid #666666;
	background-color : #dddddd;
	color: #666666;
	padding:2px;
}

div#header a img{
	vertical-align:middle;
}	



div#footer{
	  width:830px;
  border-top: 1px solid #ccc;
  font-size: .7em;
  padding-left: 30px;
  padding-top: 5px;
  margin-top:30px;
}