body {
  font: normal 14px arial;
	color: #000000;
}

@media (min-width: 1200px) {
  .container {
    width: 1024px;
  }
}

.navbar-toggle .icon-bar {
  background-color: #000000;
}

a:link.menu {color: #000000; text-decoration: none;}
a:visited.menu {color: #000000; text-decoration: none;}
a:hover.menu {color: #CC0000; text-decoration: none;}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: blue; text-decoration: underline;}

.mainpanel {
  background-color: #C3D7F1;
}

.heading1 {
  font: bold 18px arial;   
}

.headingbar {
  border-bottom: solid 1px #AAA; 
	padding-bottom: 10px;
}

.maincontent {
  padding-top: 10px;
}

.infobox {
   width: 100%;
	height: 20px;
	background-color: #FFF;
	padding: 2px;	margin-top: 2px;
	border: solid 1px #888;
	font-size: 12px;
}.phonebox {   width: 60%;	height: 20px;	background-color: #FFF;	padding: 2px;	margin-top: 2px;	border: solid 1px #888;	font-size: 12px;}.phonetype {   width: 40%;	height: 20px;	background-color: #FFF;	padding: 1px;	margin-top: 3px;	border: solid 1px #888;	font-size: 12px;}

.infobox_noneditable {
  width: 100%;
	height: 20px; 
	background-color: #FFFFEE; 
	padding: 2px;
	margin-top: 2px; 
	border: solid 1px #888;
	font-size: 12px;
}

.selectbox {
  width: 100%;
	height: 20px; 
	background-color: #DEDEDE; 
	padding: 2px;
	margin-top: 2px; 
	border: solid 1px #888;
	font-size: 12px;
}

.notebox {
  width: 100%;
	height: 110px; 
	background-color: #FFF; 
	padding: 2px;
	margin-top: 2px; 
	border: solid 1px #888;
	font-size: 12px;
}

.notebox_noneditable {
  width: 100%;
	height: 110px; 
	background-color: #FFFFEE; 
	padding: 2px;
	margin-top: 2px; 
	border: solid 1px #888;
	font-size: 12px;
}

#calendar {
  max-width: 900px;
	margin: 0 auto;
}

.required {
  color: red;
	font: bold 16px arial;
}

.form_error {
  color: red;
	font: normal 12px arial;
}

p.erromsg {
  color: red;
	font: bold 13px arial;
	text-align: center;
}

.memberline {
  background-color: #F4F4F4;
  text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.rowspacer {
   padding-top: 10px;
}

a.mybutton {
  color: #FFFFFF; 
	text-decoration: none;
}

thead {
  background-image: url("images/top_gradient2.jpg");
  background-color: #DDDDDD;
}
.table tbody tr:hover td, .table tbody tr:hover th {
  background-color: #EEEEEE;
}

input.register {
  height: 25px;
}

.register-label {
  text-align: left; 
	padding-right: 0px;
}

.group-header {
  background-color: #C3D7F1;
	padding: 5px;
	font: bold 14px arial;
}

h1 {
  font: bold 20px arial;
}

h2 {
  font: bold 16px arial;
	color: #666; 
}

img.menubutton {
  width: 40px; 
	height: 60px; 
	border: 0;
}

img.sidebutton {
  width: 40px; 
	height: 40px; 
	border: 0;
}

.sidebuttons {
  float: right; 
	display: inline-block;
}

.myicons {
  float: right;
  text-align: center;
  font: normal 9px arial;
  margin-left: 15px;
}

.topline {
   border-top: solid 1px #888; 
	margin-top: 15px;
} 


