@charset "utf-8";
/* CSS Document */

html,body,div,h1,h2,h3,h4,h5,h6,h7,p,span,form,ul,ol,li,hr,img,a,table,th,tr,td,fieldset,legend,select,option,input,textarea, br
{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
html,body,div,p,span,form,ul,ol,li,a,table,th,tr,td,fieldset,legend,select,option,input,textarea {
	font-size: 12px;
	color: #ffffff;
}
html, body {
	background-color:#0d0d0d;
}
h1 {
	font-size: 20px;
	color: #ffffff;
}
h2 {
	font-size: 16px;
	color: #ffffff;
}
div {
	border: 0px solid red;
	height: auto;
}
hr {
	border: 1px dotted #333333; 
}

/*main style*/
#wrapper {
	height: auto;
	width: 910px;
	margin: auto;
}
.inner_wrapper{
	width: 900px;
	margin: auto; 
} 
#header {
	height: 90px;
	background-color: #000000;
	background-image: url('lib/skin/bg_header.png');
}
	#header .logo{
		margin-top: 10px;
		margin-left: 10px;
		float: left;
		border: 0px;
	}
	#header .flashcontent_mini{
		margin-top: 8px;
		float:left;
		margin-left: 48px;
	}
	#header .searchbox{
		margin-top: 5px;
		float:right;
		border: 0px solid red;
		width: 200px;
		height: 30px;
	}

	#header #menu {
		float: right;
		width: 580px;
		margin-top: 25px;
		margin-right: 0px;
	}
		#menu li{
			float: right; 
			list-style-type: none;
		}
		#menu a{
			display: block;
			color: #ffffff;
			font-size:16px;
			padding: 0px 9px 0px 9px;	
			text-decoration:none;	
		}
	
#content {
	width: 100%;
}
	#content textarea{
		width: 99.9%;
		height: auto;
	}
	#content a{
		text-decoration:none;
		color: #e3357c;
	}
	#content .paging {
		margin: 12px 10px 0px 10px;
		padding:  0px 10px 0px 10px;
		float: right;
	}
	#content a.current {
		color: #e3357c;
		margin: 0px;
		padding: 0px;
	}
	#content .paginate {
		margin: 0px;
		padding: 2px;
		color: #ffffff;
	}
	#content .prev {
		margin-top: 5px;
		display:block;
		width: 61px;
		float: right;
	}
	#content .next {
		margin-top: 5px;
		display:block;
		width: 61px;
		float: right;
	}
	#content h1{
		margin: 0px 10px 0px 10px;
	}
	#content p{
		margin-left: 10px;
		margin-right: 10px;
	}
	#content .template{
		margin: 10px; 
		float: left; 
		width: 210px; 
		height: 250px; 
		text-align: center; 
		border:0px solid red;
	}
	#content li{
		margin: 0px 30px 0px 30px;
	}

/* calender style */
div.dateinput {
	width: 190px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
	div.dateinput table {
		margin: 0px;
		padding: 0px;
		width: 200px;
	}
	div.dateinput table table{
		margin: 0px;
		padding: 0px;
		width: 125px;
	}
	div.dateinput td {
		vertical-align: top;
		margin: 0px;
		padding: 0px;
	}
	div.dateinput input {
		margin: 0px;
		padding: 0px;
		height: 16px;
		width: 50px;
	}
	div.dateinput select {
		margin: 1px 0px 0px 0px;
		padding: 0px;
		height: 20px;
	}
	div.dateinput img {
		margin: 3px 0px 0px 0px;
		padding: 0px;
	}


/*standard  style*/
.clear {
	clear: both;
}
input {
	height: 22px;
	width: 220px;
	color: #333333;
}
textarea {
	color: #333333;
}

input.button {
	margin-left: 20px;
	height: 30px;
}

input.radio {
	height: 22px;
	width: 20px;
}
input.checkbox {
	height: 22px;
	width: 20px;
}
input.file{
	margin-left: 5px;
	height: 25px;
	width: 210px;
}

a.back {
	display: block;
	margin: 20px 20px 0px 20px;
}

table.groups {
	width: 400px;
}