/* CSS Document */

#content_area{
	width:100%;
	background-color:#FFFFFF;
	clear:both;
}

body{
	width:100%
	margin:15px auto;
}

.col2, #col2{
	border-left: 1px solid #ccc;
	margin: 5px;
	padding:5px;
	overflow-y: auto;
	overflow-x: hidden;
	float:left;
	width: 70%;
}

#content_main{
	padding: 10px;
}

.col1, #col1{
	margin: 5px;
	padding:5px;
	width: 275px;
	overflow-y: auto;
	overflow-x: hidden;	
	float:left;
}


body, input, textarea{

	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
}

.input_error{
	background-color:#FF0000;
		
}


.hide{
	display:none;
}

.transparent{
	background:#FFFFFF;
	background:transparent;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

/* ----------- form section ------------- */

form {margin:0 auto;}
form .textbox{ font-size:12px; color:#333333; border: 1px solid black; background-color:#FFFFF4;}
form .submit{ font-size:16px; color:#000; background-color:#CCC;}
form select{ font-size:12px; color:#999; border: 1px solid black;}
form .textarea{font-size:12px; color:#999; border: 1px solid black;}
.error{ font-size:12px; color:#333333; 
	background-color:#FFF;
	border-top: 1px solid #B22222; 
	border-bottom: 3px solid #B22222; 
	border-left: 1px solid #B22222; 
	border-right: 1px solid #B22222; 
}

#error_message{
	background-image:url(/images/standard/error.png);
	background-repeat:no-repeat;
	padding-left: 65px;
	font-weight: bold;
	font-size: 14px;
	height: 50px;
	overflow:auto;
}




/* ------------ login  ------------ */
	#login{
		height: 250px;
		padding: 5px;
		width: 250px;
		padding: 5px;
		margin: 3px;
		border: 1px solid #000;
	}
	
	#login.submit{
		font-family: Arial, Helvetica, sans-serif;
		font-size: .85em;
		margin: 1px;
		padding: 1px;
		border: 1px groove #666666;
		background-color: #BB9611;
		background-image:url(/images/bb9611bkx1.gif);
		background-repeat:repeat-x;
	}


/* ------------ navigation area  ------------ */
	#header{
		border-bottom: 3px solid #999;
		margin: 3px 0px 0px 0px;
		vertical-align:bottom;
	}
	
	#header .nav{
		float:left;
		background-color:#fff;
		width:550px;
		vertical-align:bottom;
		margin-bottom: 0px;
		padding-bottom:0px;
	}
	
	#header .nav .button{
		background-color: #49629a;
		font-weight: bold;
		font-size: 12px;
		padding: 5px;	
		margin:  auto 3px auto 0px;
		float:   left;
		text-align:center;
		border: 1px solid #000;
	}
	#header .nav a{
		text-decoration:none;
		color:#fff;
	}
	#header .nav .button:hover{
		background-color: #86A4B5;
		font-size: 12px;
	}
	#header .nav .current{
		background-color: #86A4B5;
	}
	#header ul{
		margin:0px;
		padding:0px;	
	}
	#header li{
		list-style:none;
		margin:0px;	
		padding:0px;
	}
	#header li>div{
			display:none;
	}
	#header li:hover>div{
			display:block;
	}
	#header li a{
		float:left;
		width:100%;	
	}
	.sub_menu{
		margin-top:8px 0px 0px -8px !important;
		width: 250px;
		position:absolute;	
		z-index:2;
		padding:5px;
		background-color:#FFF;
		border: 1px solid #999;
	}
	.sub_menu a{
		color:#000 !important;
		text-decoration:underline !important;
		text-align:left;
		padding: 5px;
	}
/* FOOTER AREA */
#footer{
	font-size: 14px;
	margin: auto 0px;
}

#footer a{
	text-decoration:none;
}

/* ------------ pack area  ------------*/

	.pack{
		width: 250px;
		height: 80px;
	}



/*  ------------ messages  ------------ */
	#message{
		font-size: 1em;
		font-weight: 600;
		margin: 5px;
	}	
	.ok{
		background-color: #90EE90;
		border: 2px solid #228B22;
	}
	.error{
		background-color: #FFB6C1;
		border: 2px solid #B22222;

	}


/*  ----------- article area  ----------- */
#articles {

}

.article {
	/*border: 1px solid #999999;*/
	padding: 5px; 
	margin: 5px;
	/*float:left;
	width:310px;*/
}

.article .title{
	margin-bottom: 5px;
	color:#666666;
	border-bottom: 1px solid #ccc;
	font-size:20px;
	font-weight:bold;
}
.article .body{

}
.article .edited_by{
	display:none;
}
.article .last_edited{
	bottom-padding:5px;
	margin-bottom: 5px;
	font-size: 10px;

}

/* ------------ details boxes --------------- */

.boxit{
	border: 2px solid #ccc;
	margin: 5px 5px 10px 5px;
	padding: 0px;
	font-size:12px;
	background-color:#FFF;
}

.boxit .dashed{
	border-bottom: 1px dashed #CCCCCC;
	padding: 3px;
	margin: 3px;
}

.seperator{
	border-bottom: 1px dashed #CCCCCC;
	padding: 3px;
	margin: 3px;
}


.desc {
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	letter-spacing:-0.5px;
	text-transform:capitalize;
	
	background-color:#86A4B5;
	border-bottom: 3px solid #86A4B5;
	
	background-repeat:repeat-x;
	background-image:url(/images/nav/boxit_desc.png);
	margin: auto -2px auto -2px;	
	padding: 5px;
	vertical-align:middle;
}
		
/* ---------------- tables ------------------- */

.edit_area td{
	border-top: 1px dashed #999999;
}

.edit_area:hover {
	background-color:#CCCCCC;
}

.edit_table {
	padding: 3px;
}

li{
	padding: 3px;
}

form ul li{
	list-style:none;
}

form label{
	width: 150px;
	float:left;
}	

/* ACTIONS */
.edit_button{
	padding: 3px 3px 3px 3px;
	font-size: 16px;
	height: 30px;
	text-decoration:none;
}
.add_button{
	padding: 3px 3px 3px 3px;
	font-size: 16px;
	height: 30px;
	text-decoration:none;
	font-weight:bold;
}


/* misc */
.arrow_down{
	width:15px;
	height:15px;
	background-image:url(/images/standard/down_arrow_15.png);
	cursor:pointer;
}
.arrow_up{
	width:15px;
	height:15px;
	background-image:url(/images/standard/up_arrow_15.png);
	cursor:pointer;
}