*{
	margin:0;
	padding: 0;
}


html, body {
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin: 0px;
	background-color:#000;
	text-align:center;
	height: 100%;
	line-height: 1.231;
        background: url("images/bg.gif") repeat;
        background-position:center;
}
img {
    border: none;
}

#container {
	
		width: 960px;
		margin: 0 auto -4em;
		min-height: 100%;
		height: auto !important;
		height: 100%;
   
	 
}
#header {
	
	height: 140px;
	width: 960px;
	text-align: left;
        background-color: #000;
	
}
#login {
	float: right;
	color: #fff;
	line-height: 40px;
}

#header p {
	width: 960px;
	height: 140px;
	background-color: #000;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;

}

#header #ad {
    background-color:#000;
    clear: both;
    float: right;
    height:100px;
    margin-top:-100px;
    width:729px;
}

#header .logo {
	margin: 0px;
	height: 140px;
	width: 127px;
        background-color: #000;
}

#header #nav {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #066;
	height: 51px;
	width: 960px;
	line-height: 40px;
	font-weight: bold;
	background: #003333;
	text-align: left;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-color: #fff;
   background: #191919 url(images/nav.gif);

}

#header #nav ul {
	list-style: none;
	margin-left: 10px;
}

#header #nav li {
	display: inline;
	text-decoration: none;
	font-family: Tahoma, Arial, "MS Sans Serif";
	font-size: 12px;
	letter-spacing: normal;
	text-align: center;
	color: #CCCCCC;
	margin: 0 0 0 5px;

}



#header  #nav a  {
	background: #191919 url(images/nav.gif);
	border-right: 1px solid #161616;
	color: #CCC;
	float: left;
	font: bold 1em Verdana,sans-serif;
	line-height: 51px;
	padding: 0 20px;
	text-decoration: none;

}
#header #nav a:visited  {
	text-decoration: none;
	}
	
#header #nav a:Hover 
 {
	text-decoration: none;
	background: #191919 url(images/nav_hover.gif);

}
#header #nav a:active  {
	text-decoration: none;

}

#container #welcome {
	text-align: left;
	background: #004848;
	width: 941px;
	padding: 5px;
	color: #FFF;
	margin-top: 18px;
	margin-left: 5px;
}
#welcome #mess {
	width: 400px;
	font-size:1.2em;
	text-decoration: none;
}
#container #left_side {
	width: 560px;
	text-align: left;
	float: left;
	color: #000;
        margin: 50px 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
}
#left_side #left_header {
	font: bold 12px/40px Verdana, Geneva, sans-serif;
	color: #666;
	width: 530px;
	height: 52px;
	background: url("images/left_header.gif")no-repeat;
	margin-top: 5px;

	text-align: left;
}
#left_side #left_header h3{
	line-height: 40px;
	margin-left: 10px;
        font-family: 10px Garamond, Hoefler Text, Times New Roman, Times, serif;
}
#left_side #left_header h2 {
   padding-left: 10px;
   font-family: Century Gothic, Apple Gothic, sans-serif;
   font-size: 14px;
}
#left_side #event {
	background: #fff;
	margin: 5px 0 0 0;	
	padding: 5px;	
	overflow: hidden;
	width: 540px;
	
}
#left_side #event h2 {
	font: bold 12px Verdana, Geneva, sans-serif;
}

#left_side #event_r1 {
	background: #E3E3E3;
	margin: 5px 0 5px 2px;	
	padding: 5px;	
	
	overflow: hidden;
	
}

#left_side #event_r2 {
	background: #E3E3E3;
	
	margin: 5px 0 5px 2px;
	padding: 5px;
	overflow: hidden;
}
ul {
	display: block;
}
li {
	list-style: none;
}

#left_side #event_r1 a:link {
	color: #990033;
}
#left_side #event_r1 a:visited{
	color: #990033;
}
#left_side #event_r1  a:hover{
	color: #990033;
}
#left_side #event_r1 a:active{
	color: #990033;
}

#left_side #event_r2 a:link {
	color: #990033;
}
#left_side #event_r2 a:visited{
	color: #990033;
}
#left_side #event_r2  a:hover{
	color: #990033;
}
#left_side #event_r2 a:active{
	color: #990033;
}
#event_dashboard a:link {
	color: blue;	
}
#event_dashboard a:visited{
	color: blue;	
}
#event_dashboard a:hover{
	color: blue;	
}
#event_dashboard a:active{
	color: blue;	
}



/* Outer div */
div.datetime {
border:1px solid #ccc;
width:5.0em;
margin: 0 0 0 5px;
float: right;
}

div.datetime p {
margin:0 auto;
padding:0;
text-align:center;
font-size:x-small;
}

div.datetime .top {
color:#fefefe;
background-color:#CAB294;
height: 20px;
line-height: 20px;
}
/* day of the month (NUMBER) */
div.datetime p.day {
font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.13em;
color: #666;
}

/* month */
div.datetime p.mon {
font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:normal;
text-transform:uppercase;
color: #666;
}

/* year */
div.datetime p.yr {
font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:0.05em;
color: #666;
}
#container .clear {
	clear: both;
}


.img_left {
	padding: 5px;
	text-align: left;
	float: left;
	margin: 0px;
	clear: right;
	overflow: hidden;	
	}

.img_right {
	float: right;
	
	}
#container #right_side {
	width: 375px;
	text-align: left;
	float:right;
        margin: 50px 0;
	
}
#right_side #right_header {
	font: bold 12px/40px Verdana, Geneva, sans-serif;
	color: #666;
	width: 374px;
	height: 52px;
	background: #003333;
	margin-top: 5px;
	text-align: right;
	padding-bottom: 5px;
	background: url("images/right_header.gif")no-repeat;
	
}

#right_side #right_header h3{
        padding-right: 20px;

}
#right_side #right_bg {
	background: #fff;
	margin: 5px auto;
	padding: 5px 3px 5px 3px;	
	width: 369px;	
	font: 12px Verdana, Geneva, sans-serif;
	color: #FFF;
	
}


#right_side #right_bg ul {
	list-style: none;
	margin-left: 5px;
	font-weight: bold;
}

#right_side #right_bg li {
	padding: 5px;
	font: 12px Verdana, Geneva, sans-serif;
	text-decoration: none;
}
#right_side #right_bg h2 {
	font: bold 12px Verdana, Geneva, sans-serif;
        padding-right: 10px;
}
 #footer {
	background: #E6E6E6;
	width: 960px;
	height: 100px;
	margin: 0 auto;
}

#footer, .push {
	height: 100px; /* .push must be the same height as .footer */
}



.color2 {
	background: #FFF;
	height: 20px;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-right: 1px solid #D6D6D6;
}
.color1 {
	background: #ccc;
	height: 20px;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border: 1px solid #666;
}


#member{
	background:#E6E6E6;
	width:355px;
	height: auto;
	padding: 5px;
	border: 1px solid #FFF;	
	overflow: hidden;
	color:#000;
	
}
#left_side #edit{
	font: 12px/25px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	text-decoration: none;
	background: #990;
	height: 25px;
	width: 300px;
	border: 1px solid #FFF;
	padding: 5px;
}	
.options {
	background: #E6E6E6;
	height: 20px;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-right: 1px solid #000;
}
#option_tdrow
{
	padding: 5px;
	height: 20px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight: bold;
	color: #000;
}


.event_detail {
	background-color:#E6E6E6;
	margin:0;
	padding:8px;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	overflow: hidden;
	width: 525px;
}


#event_dashboard table {
	border:2px solid #000;
	background:#fff;
	width:545px;
	color: #000;
	margin: 5px 0 0 5px;;
}
#event_dashboard table td {
	font-size:9pt;
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	text-align: ;
}
#event_dashboard table th {
	text-align: ;
	font-size: 8pt;
	padding: 10px 10px 7px;
	text-transform: uppercase;
	color: #fff;
	
	background:#000 url(images/head.gif)  -5px repeat-x;
}
  #container   a.edit {
	background:url(images/update.png)  left no-repeat;
	}
	#container a.flyer_up {
	background:url(images/add.png)  left no-repeat;
	}

	
/*CSS for Form element*/
#container a.edit, a.delete, a.add, a.view, a.back, a.flyer_up {
	font-size: 9pt;
	color:#900;
	padding-left: 20px;
	text-align: left;
	text-decoration: none;
}

fieldset {
	border:1px solid #666;
	padding:5px;
	background-color:#E6E6E6;
	color: #000;

}
legend {
	letter-spacing: -1px;
	color:#000;
	background-color:#E6E6E6;
	border: 1px solid #333;
	padding: 2px 6px;
	font: bold 12px/1.1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333;
}
label {
	/*width:400px;*/

	display: block;
	letter-spacing: -1px;
	color:#000;
	font: bold 115%/1.1 Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 0;
}
.form {
	margin:0;
	padding:0;
}




.holder {
	background-color:#fff;

}
.div_texbox {
	width:348px;
	float:left;
	margin:3px 3px 0 0;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}





/*.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}
*/
.username {


    	color: #999999;
    	padding:3px 5px 3px 3px;
}

/*.username:focus, .username:hover {
	background-color:#F0FFE6;
}*/
   
.password {
    	
	width:200px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
/*.password:focus, .password:hover {
	background-color:#F0FFE6;
}*/

.button_div {
	width:200px;
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
}
.buttons {
	background: #e3e3db;
	font-size:12px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

	

.ac_results.ac_input {
	background-position:left;
	    width:275px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 5px;
}
.ac_results {
	padding: 5px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	text-align: left;
	width: 275px;
}

.ac_results ul {
	width: 275px;
	list-style-position: outside;
	list-style: none;
	padding: 3;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	cursor: pointer;
	display: block;
	width: 275px;
	padding: 3px;
	overflow: hidden;
}
.ac_loading {
	background : url('/jquery/img/indicator.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}.form_txt {
	font: normal 10px Verdana, Geneva, sans-serif;
	color: #666;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/cal.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
.error {
	font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #900;
	padding: 5px;
	width: 350px;
}
#CP_hourcont {
padding: 0px;
position:absolute;
border:1px solid #999999;
background-color:#f2f2f2;
}

#CP_minutecont {
padding: 1px;
position:absolute;
background-color:#dddddd;
width:45px;
}

.floatleft {
float:left;
}

.CP_hour {
	padding:3px;
	white-space:nowrap;
	cursor:pointer;
	width:35px;
	font: 12px Tahoma, Geneva, sans-serif;
}

.CP_minute {
	padding:2px;
	background-color:#dddddd;
	white-space:nowrap;
	cursor:pointer;
	width:auto;
	font: 12px Tahoma, Geneva, sans-serif;
}

.CP_over {
background-color:#FFFFFF;
}

#pag a, #pag strong {
	background:#ccc;
	padding: 7px 5px;
	margin:10px 0 0 5px ;
	border:1px solid #666;
	text-decoration:none;
}
#pag strong, #pag a:hover {
font-weight:normal;
background:#004848;
}


#profile_detail{
	float:right;
	
	width: 380px;
}
#profile_detail h1{
	font-size: 20px;
	font-family: Arial, "MS Trebuchet", sans-serif;
}
#profile_img{
	float:left;
	padding: 5px;
	text-align: center;
	
}
.label {
	
	display:block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	border-bottom: 2px solid #666;
	width: 400px;
	color: #666;
	padding: 5px 0 5px 0;
	
}

div.pagination
{
    padding: 3px;
    margin: 3px;
}

div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none; /* no underline */
    color: #000099;
}

div.pagination a:hover, div.pagination a:active
{
    border: 1px solid #000099;
    color: #000;
}

div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #993300;
    color: #FFF;
}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}
.alert {
	background: #fff6bf;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}