@import url(date.css);
@import url(slide.css);


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 20px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

a {
	font-family:Tahoma, Geneva, sans-serif;
	color:#2196AA;
	text-decoration:underline;
}
SPAN	{ font-family:Tahoma, Geneva, sans-serif; }
TD     	{ font-family:Tahoma, Geneva, sans-serif; }

body {
	margin:0;
	padding:0;
	color:#333;
	background-color:#f8f8f8;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background-image:url(../images/bg-wood.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}

/**** month and year header at top of calendar ****/
.date_header			{
	font-size:16px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color: #fff;
}
 .h2			{ font-size:16px; font-family:Tahoma, Geneva, sans-serif;
 font-weight:bold }

/**** color and size of calendar cells.  ****/
.day_cell				{
	height:120px;
	width: 120px;
	border:thin #666 1px;
	background-color: #FFF;
	padding: 5px;
}
.empty_day_cell			{
	height:130px;
	width: 130px;
}
.today_cell				{
	background-color:#666;
	height:120px;
	width: 120px;
	padding: 5px;
}

/**** day number in upper left corner of each cell ****/
.day_number				{
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#2196AA;
}

/**** title_txt is the text for each post on main page ****/
.title_txt				{ 
 color:#000; }
.title_txt A:link		{ color:#2196AA;
 text-decoration:underline; }
.title_txt A:active		{ color:#2196AA;
 text-decoration:underline; }
.title_txt A:visited	{ color:#2196AA;
 text-decoration:underline; }
.title_txt A:hover		{
	color:#2196AA;
	text-decoration:underline
}

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; 
font-family:Tahoma, Geneva, sans-serif;
}

/**** column headers or days of the week ****/
.column_header			{
	background-color:#2196AB;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:bold
}

/**** footprint text ****/
.footprint				{ font-size:10px; 
font-family:Tahoma, Geneva, sans-serif;
 color:#000; 
 font-weight:bold; 
 }
.footprint A			{
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#2196AA;
	font-weight:bold;
}

#wrapper{
	width:960px;
	margin: 0 auto;
	}
	
#logo{
	height:150px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:right;
	margin-right: 20px;
	}
#main-content{
	width:960px;
	height:auto;
}

	
.button{
	padding: 3px;
	border: solid #999 1px;
	width: auto;
	float: right;
	margin-right: 5px;
	
}

.form_labels		{ font-size:14px; font-family:Tahoma, Geneva, sans-serif; }

.add_new_header		{ font-size:16;  font-weight:bold; }
.delete_pg_txt		{ font-size:14px;  }

.display_header		{ font-size:16px;  font-weight:bold; }
.display_title		{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	float: left;
	width:60%;
	line-height:16px;
	padding: 0px 5px;
}
.display_txt		{
	font-size:12px;
	color:#333;
	padding: 5px;
}
.display_user		{
	font-size:10px;
	color:#999999;
	font-weight:bold;
	padding: 5px;
}
.display_edit		{ font-size:10px; font-family:Tahoma, Geneva, sans-serif; }
.display_title_bg	{ background-color:#2196AB; }
.display_txt_bg		{ background-color:#ffffff;}


.accordion {
	
		background:#fff ;
		width: 132px;
		border:1px solid #333;
		-background:#fff;
		float:left;
		margin:20px 0 20px 30px;
	}
	
#overlay {
		background-image:url(../images/transparent.png);
		color:#efefef;
		height:450px;
	}
	
	 div.contentWrap {
		height:350px;
		overflow-y:auto;
	}
	
	
	.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
		height:480px;
	*/
	
	width:450px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:8px; top:8px;
	cursor:pointer;
	height:20px;
	width:20px;
}

	
.form-name
{
	width:80px;
	float: left;
	font-size: 12px;
	clear: both;
}
.form-field
{
	width: 350px;
	float: left;
}

input.bt_login,
input.bt_register {
	display: block;
	float: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
	
}

.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

.bt_los {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

input.bt_los {
	display: block;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 0px;
	clear:both;
	
}
.input{
	width:auto;
	float: left;
	height:24;
	margin-right:5px;
	vertical-align:middle;
	}
	
	
input {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 350px;
	color: white;
	height: 16px;
}

input:focus {
	background: #545454;
}

 select {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: auto;
	color: white;
	height: 16px;
}

select:focus {
	background: #545454;
}

textarea {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 350px;
	color: white;
	height: 70px;
}

textarea:focus {
	background: #545454;
}


#wrap-box{
	width:100%;
	height:auto;
	background-color:#f8f8f8;
	}
	
#box-header{
	background-color:#2196AA;
	height: 75px;
	}
	
.display_title_1
	{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	float: left;
	width:20%;
	line-height:16px;
	margin: 0;
	text-align: right;
}
.display_subtitle	
{
	font-size:12px;
	color:#333;
	font-weight:normal;
	float: left;
	width:90%;
	line-height:14px;
	margin: 0;
	text-align: left;
	padding: 5px 0px 0px 5px;
}


#msg{
	height:auto;
	width:200px;
	padding:15px;
	background-color: #fff;
	border:#666 solid 2px;
	margin: 0 auto;
	position: absolute;
	z-index:999999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
	}


#footer-wrap {
	background-color:#252525;
	width: 100%;
	font-size:12px;
	color:#ccc;
	border-top: 1px #fff solid;

}

#footer-wrap h1{
	font-size:14px;
	color:#666;
	padding-bottom:8px;
	
}


#footer-wrap #footer_content {
		width: 960px;
		margin: 0px auto;
		display: none;
		
	}
#footer-wrap #footer_content .footbox {
		width: 280px;
	float: left;
	margin-top: 15px;
	padding: 0 15px;
	border-left: 1px solid #333;
	}
#footer-wrap #footer_content .footbox-right {
		width: 280px;
	float: left;
	padding: 0 15px;
	margin-top: 15px;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	}
#footer_button {
	width: 100px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #2196AA;
	cursor: pointer;
	background-color: #252525;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-top: 1px #fff solid;
	height: 20px;
	}
	
.foo-button a.open, .foo-button a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.foo-button a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.foo-button a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.foo-button a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.foo-button a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}


.success {
    width: 298px;
    
    border: #337f09 1px solid;
    padding: 5px;
}

.error {
    width: 298px;
    
    border: #a71010 1px solid;
    padding: 5px;
}