﻿@charset "utf-8";

body{ 
 	font:100%/1.1 Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	color: #444;
	text-align:center;
	margin: 0px 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%. */
	background-color:#aaa;
}

/* Common elements ---------------------------------------------------- */
li{
	margin-bottom:5px;
}

.border-box{
	background-color:rgba(242, 242, 233, 1);
	margin:10px;
	border:#d2d2d2 1px solid;
	border-radius:3px;
	box-shadow:0px 1px 2px rgba(64,64,64,0.1);
	padding:3px;
	color:#666;
	border-collapse: initial;
	display:inline-block;
}
.border-box .sub-menu{
	text-align:center;
}
.border-box .sub-menu button,
.border-box .sub-menu .selectedButton{
	border:#d2d2d2 1px solid;
	border-radius:3px;
}
.border-box .help-button{
	font-size:120%;
	position:absolute;
}
.border-box .help-text{
	border:#d2d2d2 1px solid;
	border-radius:3px;
	padding:10px;
	margin-bottom:10px;
	text-align:left;
	max-width:450px;
}

/* Header ------------------------------------------------------------- */
#header{
	width:100%;
	height:auto;
	background:#CCC;
	padding-top:10px;
	padding-bottom:10px;
}
#page-title{
	color:#666;
	font-size:180%;
	margin-bottom:20px;
}

/* Content ------------------------------------------------------------- */
#contentArea{
	width:100%;
}
#left-column{
	min-width:300px;
	width:25%;
	float:left;
}
#right-column{
	width:75%;
	float:right;
}

/* Footer ------------------------------------------------------------- */
#footer{
	margin-top:20px;
}
/* Menus    ------------------------------------------------------------- */
.menu{
	text-align:left;
	color:#333;
	margin-left:5px;
	margin-right:5px;
}
.menu button{
	border-radius:3px;
	width:150px;
	padding:2px;
}
.menu .selectedButton{
	border-style:inset;
}

#group-menu{
	margin-bottom:3px;
}
#main-menu{
}
.sub-menu{
	padding:3px;
}
.sub-menu button{
	border:none;
}
.sub-menu .selectedButton{
	border-style: none;
}
.select-menu{
	margin-top:5px;
	
}
.select-menu button{
	display:block;
	margin:0px auto; 
	margin-top:2px;
	width:100px;
}
