/***************************************************** GLOBAL */
body {
    background-image: url('images/light_blue_gradient_up.jpg'); 
    background-repeat: repeat-x;
    background-color: #5CB8FF;
    
    MARGIN: 0px 0px 0px 0px;
    PADDING: 0px 0px 0px 0px;
    
    height: 100%;
}
a {
    color: blue;
    text-decoration: none;
}
a:hover {
	color: #992200;
	text-decoration: underline;
}
img {
    border: none;
}
table {
	border-collapse: collapse;
	font-size: 12px;
	font-family: verdana, arial;
}
div {
	font-size: 12px;
	font-family: verdana, arial;
}
#main {
	border: 1px solid #000;
	background-color: white;
}
/***************************************************** OVERLAY */
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 999;
     background-color: #000;
     float:left;
     filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
}
#overlay_msg {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     float:left;
}
#overlay_msg div{
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}
/***************************************************** DETAILS */
.topspacer {
	width: 800px;
	padding-top: 20px;
	text-align: right;
}
.breadcrumbs {
	font-size: 10px;
	color: #999999;
	padding-bottom: 10px;
}
.breadcrumbs a {
	font-size: 10px;
	color: red;	
}
.button {
	font-family: arial;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
}
.list_title {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
}
.notify_msg {
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
	color: red;
	padding: 10px;
	border: 1px solid red;
}
.notify_msg_red2 {
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
	color: red;
	padding: 2px;
}
.notify_msg_green {
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
	color: green;
	padding: 10px;
	border: 1px solid green;
}
.db_error {
	text-transform: uppercase;
	color: red;
	font-weight: bold;
}
.header1 {
	font-size: 20px;
	font-family: Times New Roman;
	text-transform: uppercase;
	color: #004499;
	border-bottom: 2px solid #0077DD;
	padding-top: 12px;
}
.header2 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
}
.header3 {
	font-size: 14px;
	font-weight: bold;
	color: black;
	padding-bottom: 3px;
}
.header_link {
	padding-left: 10px;
	font-size: 10px;
	font-weight: normal;
}
.notes {
	font-size: 10px;
	font-weight: normal;
}
/***************************************************** MENU */
ul.menu {
  margin: 2px;
  padding: 0;
  list-style-type: none;
  border-color: white;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  width: 196px;
}
.menu li {
  	font-size: 120%;
  	font-weight: normal;
  	padding: 0;
 	background-color: #5CB8FF;
 	border-color: white;
	border-style: solid;
  	border-width: 0 0 1px 0;
  	margin: 0;
}

.menu li a {
  	display: block;
  	text-decoration: none;
  	padding: 2px;
  	color: white;
	font-weight: bold;
}

.menu li a:hover {
  	display: block;
  	text-decoration: none;
  	color: white;
	background-color: #0077CC;
}
.eventlist {
	margin: 2px;
  	padding: 0;
  	list-style-type: none;
  	border-color: white;
  	border-style: solid;
  	border-width: 1px 1px 0 1px;
  	width: 196px;
}
/***************************************************** CALENDAR */
.calendar {
	padding: 2px;
	font-size: 12px;
}
.calendar td {
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #CCCCCC;
}
.today {
	font-weight: bold;
}
.calendar_link {
	background-color: #00FFFF;
}
/***************************************************** PANEL */
.panel_out {
	padding: 6px;
}
.panel_in {
	padding: 6px;
	border: 1px solid #CCCCCC;
	background-color: 	white;
}

/***************************************************** SECTION */
.section {
	padding: 5px;
}             
.section table td {
	padding: 2px;	
}
/***************************************************** FORMS */
.form {
	border: 8px solid white;
}
.field_static {
	line-height: 20px;
}
LABEL {
	white-space: nowrap;
	font-weight: bold;
	padding-right: 10px;
}
.form_notes {
	font-style: italic;
	padding-left: 10px;
}
/***************************************************** CONTENT */
.info_label {
	white-space: nowrap;
	font-weight: bold;
	padding-right: 10px;
}
.list {
	width: 100%;
}

.list_header {
	white-space: nowrap;
	padding-right: 20px;
	border-bottom: 1px solid black;
	background-color: #DDDDDD;
	font-weight: bold;
}
.list_item {
	padding-right: 30px;
}
/***************************************************** FOOTER */
.footer_area {
	padding: 5px;
	padding-top: 10px;
    vertical-align: bottom;
    font-size: 12px;
    text-align: center;
}