/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
#container {
	width: 80%;
/*	max-width: 1260px; */
/*	min-width: 1024px; */
	width: 800px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

#header {
	height: 90px;
	text-align: center
}

#sidebar {
	padding-top: 10px;
	float: left;
	width: 100px;
}

#content {
	float: left;
	min-height: 440px;
	width: 680px;
}

#feedback { 
	font-size: 1.4em; 
}

#select_empire .ui-selecting { 
	background: #FECA40; 
}
#select_empire .ui-selected { 
	background: #F39814; color: white; 
}
#select_empire { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 90%; 
}
#select_empire li { 
	margin: 1 1 3 1; 
	padding-left: 0.1em; 
	padding-top: 0.0em; 
	padding-bottom: 0.0em; 
	font-size: 1.0em; 
	width: 80px; 
    border-radius: 4px;
    cursor: pointer;
    color: white;
	background: #445965;
	border: solid #5c6670 1px;
}

#tabs {
	width: 99%;
}

.tab {
	height: 600px;
}

div#left_content div.ui-slider-range
{
	padding: 0;
}

div#left_content div#tabs
{
	padding: 0;
}