body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	background: #000000;
}

.container { 
	min-width: 880px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	/*left: 0;*/
	/*right: 0;*/
	position: relative;
	background: #ccccaa;
	border-style: solid;
	border-color: #7f7f7f;
	border-width: 2px;
}

.header {
	height: 150px;
	overflow: hidden; 
	position: relative;
	/*left: 0; */
	/*right: 0;*/
	background: #ccccaa;
	text-align: center;
	border-bottom: 2px solid #7f7f7f;
}

.menu-bar {
	z-index: 10000;
	height: 25px;
	display: block;
	position: relative;
	/*left: 0; */
	/*right: 0;*/
}

.main-body {
	/*left: 0;*/
	/*right: 0;*/
	overflow-y: auto;
	background: #ccccaa;
	border-top: 2px solid #7f7f7f;
	border-bottom: 2px solid #7f7f7f;
}

.footer {
	height: 20px; 
	/*display: block;*/
	position: relative;
	/*left: 0;*/
	/*right: 0;*/
	background: #ccccaa;
}

a {
	color: #0000ff;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.underline { text-decoration: underline; }


.ui-icon-custom-plus { height: 16px; width: 16px; background-size: contain; background-image: url(../images/plus.png) !important; }
.ui-icon-custom-minus { height: 16px; width: 16px; background-size: contain; background-image: url(../images/minus.png) !important; }
.ui-icon-custom-circle-grey { height: 16px; width: 16px; background-size: contain; background-image: url(../images/circle_grey.png) !important; }
.ui-icon-custom-circle-green { height: 16px; width: 16px; background-size: contain; background-image: url(../images/circle_green.png) !important; }
.ui-icon-custom-circle-red { height: 16px; width: 16px; background-size: contain; background-image: url(../images/circle_red.png) !important; }