body {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	background-color: #4268DD;
	background-image: url(background_tile.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

a {
	color:#fff;
}

#header {
	margin:0 0 10px 0;
	padding:4px;
	text-align:left;
}

#header h1 {
	font-size:140%;	
}

#main {
	padding:0 10px;
}

div.section {
	padding:.5em;
	background-color:#fff;
	border:4px solid #BDCCFD;
	border-radius:8px;
	margin:0 0 10px 0;
	color:#333;
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .5);
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .5); 
}

div.section h3 {
	font-size:110%;
	color:#4268DD;
	margin:4px 0;
}

.desc {
	font-size:80%;
	padding:12px 20px;
	margin:0 0 15px 0;
	font-weight:bold;
}

#all_groups_desc {
	background:#900;
	color:#fff;
	border-radius:6px;
}

#groups_cell {
	border-top: 1px solid #ccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}

label {
	display:block;
	clear:both;
	margin:0 6px 6px 0;
}

.indent {
	margin-left:20px;
}

label.indent2 {
	margin:-6px 0 0 44px;
}

label img {
	margin-left:6px;
}

#footer {
	font-size:70%;
	text-align:center;
	padding:.5em;
	color:#86A1F1;
}

ul.links {
	list-style:none;
	margin:0;
	padding:0;
}

ul.links li {
	list-style:none;
	margin:0;
}

ul.links li#account_name {
	float:left;
	padding:0;
	margin:0 0 10px 10px;
	font-weight:bold;
}

ul.links li#logout_link {
	float:right;
	margin:0 10px 0 0;
}

ul.links_bottom {
	text-align:center;
	list-style:none;
	margin:10px 0;
	padding:0;	
}

ul.links_bottom li {
	padding-right:10px;
	list-style:none;
	float:left;
}

#counter_container {
	font-size:80%;
	padding:4px 0;
}

#counter {
	font-weight:bold;
}

.clearboth {
	clear:both;
}

.button {
	background-color: #3C61DA;
    border-radius: 2px;
    color: #fff;
    padding: 6px 7px;
    text-align: center;
	font-size:100%;
	padding:20px;
	display:block;
	margin:10px 0;
}

#login.button {
	background-color: #3C61DA ;
	border-radius: 2px;
	color: #fff;
	padding: 6px 7px;
	text-align: center;
	font-size: 100%;
	padding: 10px 20px;
	display: block;
	margin: 10px 0;
	border: 1px solid transparent;
}

.send_button_off {
	background-color: #CC0000;
	border-radius: 2px;
	color: #fff;
	padding: 6px 7px;
	text-align: center;
	font-size:100%;
	padding:20px;
	display:block;
	margin:10px 0;
}

.send_button_on {
	background-color: #006600;
	border-radius: 2px;
	color: #fff;
	padding: 6px 7px;
	text-align: center;
	font-size:100%;
	padding:20px;
	display:block;
	margin:10px 0;
}

#flash {
	margin-bottom: 15px;	
}

.error {
	background:#FBE3E4 none repeat scroll 0 0;
	border-color:#FBC2C4;
	color:#8A1F11;
	padding: 5px;
	margin-top: 15px;
}

.error_icon {
	background:url(images/exclamation.png) 0 0 no-repeat;
	padding-left:20px;
	font-weight:bold;
}

.success {
	color:#006633;
	margin-top: 15px;
	padding: 5px;
	border-top-color: #C2FAD3;
	border-right-color: #C2FAD3;
	border-bottom-color: #C2FAD3;
	border-left-color: #C2FAD3;
	background-attachment: scroll;
	background-color: #C2FAD3;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	vertical-align: middle;
}

.success_icon {
	background:url(images/tick.png) 0 0 no-repeat;
	padding-left:20px;
	font-weight:bold;
	margin-top: 15px;
	margin-bottom: 15px;
}

#message_counter {
	width:98%;
}