/* <!-- */

html, body, #wrapper {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	border: none;
}
body{
	overflow:hidden;
}
#wrapper{
	overflow:auto;
}
#wrapper td{
	padding:0;
}
#sideBarTD{
	width:0%;
}
#sideBarDiv{
	height:200px;
	overflow:auto;
}
#frameTD{
	width:100%;
}
.aligntop{
	vertical-align:top;
}
#showframe{
	height:100%;
	width:100%;
	overflow:auto;
}

/*topbar*/
#navcontainer td{
font-family:arial;
font-size:18px;
vertical-align:middle;
padding:0;
margin:0;
height:40px;
background:url('http://quotewords.com/cz/images/topbar_bg.png') repeat-x;
}
#navcontainer a{
text-decoration:none;
}

/*topbar*/
.sideBar{
width:0px;
background:blue;
}
#sideBarDiv{
width:325px;
}
.sideBarToggler{
position:absolute;
bottom:0px;
left:0px;
padding:0;
z-index:10000;
height:20px;
width:106px;
background:#fff;
background: url('../images/hide_sidebar.png') no-repeat;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
cursor:pointer;
}
.sideBarShow{
background: url('../images/show_sidebar.png') no-repeat;
}
table {
border-collapse: separate;
}
#citySpot{
background-image: url('../images/city-bg.png');
background-repeat: repeat-y;
}
#labelsTD{
text-align:right;
height:25px;
}
#statesTable{
width:100%;
text-align:left;
font-size:14px;
font-family:Trebuchet MS;
}
#statesCol1{
width:87px;
background:#fff;
padding-left:4px;
border-left:1px solid #ddd;
background-image: url('../images/state-bg.png');
background-repeat: repeat-y;
}
#statesCol2{
width:95px;
background:#fff;
padding-left:4px;
border-left:1px solid #eee;
background-image: url('../images/state-bg.png');
background-repeat: repeat-y;
}
#citiesCol{
vertical-align:top;
}
#inputsTD{
text-align:left;
height:25px;
}
#showFrame{
height:100%;
padding:0px;
}
.alert{
color:#999;
background:#fff689;
border-bottom:1px solid #ddd;
width:95%;
text-align:center;
font-family: arial;
font-size:13px;
padding:2px;
}
.alertRed{
color:#999;
background:#FE8484;
border-bottom:1px solid #ddd;
width:95%;
text-align:center;
}
#stateHeader{
font-size:17px;
font-weight:bold;
margin-left:3px;
}
#sideBar{
width:100%;
height:100%;
float:left;
margin-left:5px;
}
#sideBarTD{
padding-top:3px;
width:350px;
background:#eee url('../images/nav-bg.png');
background-repeat: repeat-y;
background-position: top right;

}
h1{
font-size:18px;
margin:1px;
}
#container1 {
float:left;
padding:1px;
width:100%;
border:0;
padding:3px;
text-align:left;
}
#container1 a:hover{
background:#fff689;
}
#col1 {
float:left;
width:25%;
border-top:0;
background:#fff;
}
#col2 {
float:left;
width:27%;
border-top:0;
background:#fff;
}
#col3 {
float:left;
width:48%;
background-image: url('../images/city-bg.png');
background-repeat: repeat-y;
}
#footMenu{
padding:3px;
border:1px solid #ddd;
text-align:center;
font-size:14px;
margin-top:15px;
margin:3px;
background:#fff;
}
#footer {
clear:both;
float:left;
width:100%;
margin-top: 20px;
color:#aaa;
font-size:10px;
}
#footer p {
margin-left:5px;
margin-right: 7px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
padding-right:2%;

text-align:center;
background: #fff;
padding:5px;
}
#footer #disclaimer{
background:#eee;
font-size:10px;
border:0px;
color:#999;
}
.hlState {
font-weight:bold; font-size:15px; color:#000; background:#ddd; text-decoration:none;
}
.hlCity {
font-weight:bold; background:#fff689; color:#000; text-decoration:none;
}
a
{
outline: none;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
.statenav
{
background: #000;
}
/*AJAX LOADER
-------------------*/
#loading{
position: fixed;
top: 0;
left: 0; /*set it to "right: 0;" to have the bar displaying on the top right corner*/
z-index: 5000;
background-color: red;
font-size: 150%;
color: white;
padding: 2px;
}

#loadedContent{
border: 1px solid #CCC;
background-color: #f2f2f2;
padding: 10px;
width: 300px;
}

/* --> */