html, body {
background-color: #eee;
}
body {
padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
}
.container > footer p {
text-align: center; /* center align it with the container */
}
.container {

width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */

	
}

/* The white background content wrapper */
.container > .content {
background-color: #fff;
padding: 20px;
margin: -20px -20px; /* negative indent the amount of the padding to maintain the grid system */
-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
		box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* Page header tweaks */
.page-header {
background-color: #f5f5f5;
padding: 20px 20px 10px;
margin: -20px -20px 20px;
}

/* Styles you shouldn't keep as they are for displaying this base example only */
.content .span10,
.content .span4 {
min-height: 500px;
}
/* Give a quick and non-cross-browser friendly divider */
.content .span4 {
margin-left: 0;
padding-left: 19px;
border-left: 1px solid #eee;
}

.topbar .btn {
border: 0;
}

#worldmap
{
	width:800px;

}
#zoneHoverField
{
	visibility:hidden;
	position:absolute;
	border: 1px solid black;
	z-index:100000;
	background-color:white;
	padding:2px;
}

.modal
{
	width: 850px;
}

.officehour
{
	background-color : #CEF6CE;
}
.timezone-field
{
	text-align:left;
	border:2px solid grey;
	padding: 5px;
	margin:3px;
	font-size:14px;
	font-weight:bolder;
	border-radius:8px 8px 8px 8px;
}
#zone-selector
{
	position:relative;
	left:210px;
	width: 400px;


}
.addtimezonelink
{
	line-height:26px;
	font-weight:bolder;
}
#current-times
{
	line-height:26px;
	font-size:16px;
	font-weight:bolder;
}
.time
{
	color:#0069d6;
}
#format-selector
{
	margin-bottom:15px;
	float: right;
	

}
#zone-table
{
	margin-left:50px;
}
.removezone
{
	float:right;
	position:relative;
	margin-top:-2px;

	padding:0px;
}
.removezone :hover
{
	cursor:pointer;
	
}