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

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#333333;
	background:url(img/pageback.jpg) repeat-x #BCC5AB;
	margin:0;
	padding:0;
	}
	h2 { 
		border:1px dotted #ccc;
		text-transform:capitalize;
		color:#006600;
		padding:6px 10px;
		}
	a, a:visited, a:active {
		text-decoration:none;
		color:#003300;
		}
	a:hover {
		color:#00CC00;
		}
	a.item {
		padding:6px 7px;
		background:url(img/bkg_item.jpg) repeat-x #FFF;
		border:1px solid #CCC;
	}	

#top {
	width:960px;
	background-color:#EAEDE4;
	border:1px solid #DFE3D5;
	margin:0 auto;
	font-size:10px;
	text-align:right;
	}
	#top p {
		padding:0 5px 0 0;
		margin:0;
		}

#wrap {
	width:920px;
	margin:0 auto;
	padding:15px 20px;
	background:url('img/bkg_wrap.jpg') no-repeat #fff;
	border-right:1px solid #DFE3D5;
	border-left:1px solid #DFE3D5;
	border-bottom:1px solid #DFE3D5;
	-moz-border-radius-bottomleft:16px;
	-moz-border-radius-bottomright:16px;
	}
	#wrap label {
		width:200px;
		float:left;
		}
	#wrap form {
		padding-bottom:30px;
		}
	#wrap input {
		margin-bottom:14px;
		width:450px;
		}
	#wrap select {
		margin:14px 0;
		width:200px;
		}
	#fckcontent {
		margin-bottom:12px;
		}
	h2 {
		font-size:14px;
		}
	#wrap input.button {
		width:125px; 
		padding:3px 8px;
		float:right;
		}

#header {
	height:125px;
	}
	
	#header h1.logo {
		font-size:18px;
		font-weight:normal;
		}

#login {
	width:350px;
	margin:65px auto;
	padding:25px;
	}
	
#logo {
	text-align:center;
	margin-bottom:15px;
	}
	#logo img {
		border:none;
		}	
#login form {
	padding-bottom:25px;
	}	
	#login label {
		width:100px; 
		float:left;
		}
	#login input.textbox {
		width:240px;
		font-size:10px;
		margin-bottom:10px;
		}
	input.button {
		width:100px;
		padding:3px;
		float:right;
		}

div.pagecont {
	margin:0 auto;
	}
	
	div.confirm {
		padding-top:4px;
		width:150px;
		float:right;
		}

#edit {
	padding-bottom:35px;
	}

#datacont {
	width:770px; 
	}
	
	#datacont ul {
	list-style:none;
	}
	
	#datacont h2 {
		margin-top:22px;
		}
	
	#datacont img.right, p.right {
		float:right;
		border:none;
		}
	#datacont p.pagelist {
		padding-top:10px;
		height:26px;
		border-bottom:dotted 1px #CCC;
		}
	#datacont span.datatitle {	
		padding-right:9px;
		font-weight:bold;
		text-transform:capitalize;
	}
	#datacont span.dataitem {	
		padding-left:9px;
		border-left:1px dotted #999999;
	}
	#datacont span.datamod {		
		margin-left:20px;
		font-style:italic;
		color:#009933;
	}	

	
#nav ul {
	list-style:none;
	margin:55px 0 0 0;
	padding:8px 0;
	border-bottom:1px solid #009900;
	}
	#nav li {
		display:inline;
		}
	#nav li.sep {
		border:none;
		}
	#nav a {
		color:#009900;
		padding:5px 14px;
		width:200px;
		background-color: #fff;
		border: 1px solid #ccc;
		}
	#nav a:visited, #nav a:active {
		text-decoration: none;
		}
	#nav a:hover {
		background-color:#98BA9A;
		color: #fff;
		}
	#nav a.active {
		background-color:#BAD3B6;
		color:#FFF;
		}
	span.cap {
		text-transform:capitalize;
		}
	#rec {
		width:30px;
		float:right;
		}
		#rec img {
			padding:0;
			margin:0;
			border:none;
			}
		#rec a {
			padding:0;
			margin:0;
			border:none;
			}	

div.app {
	border:dotted 1px #999999;
	padding:10px;
	margin-bottom:18px;
	background-color:#F2F4EF;
	-moz-box-shadow:5px 4px 8px #C8C8C8;
	}
	div.app h4 {
		margin:0 0 18px 0;
		padding:0;
		font-size:12px;
		}
	div.app div.appdes {
		float:right;
		width:370px;
		text-align:left;
		}

#footer {
	margin:15px auto;
	padding:10px;
	width:950px;
	text-align:right;
	}
	
	p.note {
		font-size:.9em;
		font-style:italic;
		color:#CCCCCC;
		margin-top:35px;
		}
	ul.done {
		margin:45px 0 175px 0;
		list-style:none;
		}
	ul.done li {
		font-size:12px;
		line-height:32px;
		}
	ul.done li a {
		font-weight:bold;
		}

textarea.app_textbox {
	width:560px; 
	height:350px; 
	margin-bottom:15px;
	}