/* CSS Document */
/**
 * @author		Arman Ortega <arman.ortega@yahoo.com> 
 * @copyright	booom interactive
 * @created		Dec 30 2006
 */

html, body {
 margin: 0;
 padding: 0;
 height: 100%; /* Required */
}

body{
	background:#EFECED;
	background:#fff;
}
body.blogin {
	background: #F9FCFE ;
} 

#login-logo {
	background:url(../images/slogo_03.jpg) 0 0 no-repeat ;
	xxfloat: left ; 
	height: 65px ;
}

#login {
	margin:0px auto ;
	margin-top: 200px ;	
	width: 360px ;
	background: #46AAD3 ;
	background:#FE4D01; 
	padding-bottom : 10px ;
	color: #fff ;
	border: 3px  solid #eee ;
	padding: 10px 0px 17px 15px ;
}

#login h2 {
	background:url(../images/login-header_06.jpg) 42px 0 no-repeat ;
	height: 62px ;
	margin: 0;
	margin-left: 33px ; 
}

label , input.clogin {
	display: block ;
	width : 190px ;
	float: left ;
	margin-bottom: 10px ;
} 

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

br {
	clear: left;
}

#head
{
	position:absolute ;
	margin:0; 
	top:0; 
	left:0; 
	width:100%; 
	height:70px; 
	background: #FE4D01 ;
	background-position:0 0; 
	border-top : 5px solid #fff ;
	overflow:hidden; 
	color:#fff;	
}

#head h1 span
{
	display:none;
}

#head h1 {
	background:url(../images/login-header_06.jpg) 15px -5px no-repeat ;
	height:85px ;
	padding-top:20px ;
}

#datalist 
{
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:2px; float: left ;	
}

#datalist a:link , #datalist a:visited
{
	text-decoration:none ;
	color: #383B5A ;
}

#datalist a:hover
{
	text-decoration:underline ;
	color:#000  ;
	font-weight:bold ;
}

#container 
{
	width: 100%;
}

#head h1 {
	color: #fff ;
	font:normal 25px "Times New Roman", Times, serif ;
	margin: 0 ;
	margin-top: 10px;
}
#menu 
{
	position: absolute;
	width: 200px;
	left: 0px;
	font:normal 15px Arial, Helvetica, sans-serif;
}

#nav 
{
	list-style:none ;
	margin: 0 ;
	padding: 0 ;
	text-decoration: none ;
}

#nav li a.current {
	background:#333 ;
	display:block ;
	color:#fff ;
}

#nav li a 
{
	font-weight:bold ;
	display: block ;
	width: 180px;
	padding: 7px ;
	color: #333 ;
	background: #ABDAD8 ;
	background:#EEE9E3 ;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;	
	padding-left: 5px ;
	text-decoration: none ;	
}

#nav li a:hover  {
	width: 180px;
	color: #fff ;
	background:#333 ;
	display:block ;
}

a.current {
	background:#fff ;
}
 
#menu , #contentpane {
	top : 80px ;
}
/* middle */
#contentpane 
{
	position:absolute; 
	position:relative ;
	float:left;
	z-index:3;
	bottom:50px;
	left:200px; 
	background:#fff;	
	width : 84%;
}

#newarticle
{
	background: #f5f5f5 ;
}


fieldset {
	border:1px solid #ccc ;
}

#footer {
	/*position:relative;
	float:left;
	border-top: 3px solid #eee ;
	border-bottom: 5px solid #333 ;
	background: #EDEBD5 ; 
	background: #D3D96C ;
	margin:0; 
	bottom:0; 
	left:0; 
	display:block; 
	width:100%; 
	height: 60px; 
	xfont-size:1em; 
	xz-index:5; 
	xoverflow:hidden; 
	position: relative;
	margin-top: -7.5em;	*/

 width: 100%;
 background: #CCC;
 position: absolute;
 bottom: 0 !important;
 height: 40px;	
}
#footer h1 {
	margin:0 ;
	text-align:center;
	font: normal 15px Arial, Helvetica, sans-serif ;
}

#footer h1:before {
	content: "Copyright 2007 Booom!! interactive";	
}
#toolbar 
{
	background:#CDC79C ;
	padding: 5px ;
}

/* articles */

.article-draft , .article-published , .article-unpublished
{
	font-weight: bold ;
}
.article-draft
{
	color: #333 ;
}

.article-published
{
	color:#336600 ;
}

.article-unpublished
{
	color:#990000 ;
}

/* classes */

.form-title
{
	font:bold 18px "Times New Roman", Times, serif ;
	margin:0 ;
}

.textfield
{
	border: 2px solid #ccc ;
}

.textfield:hover
{
	border: 2px solid #333 ;
}

.column-title
{
	font:normal 18px Arial, Helvetica, sans-serif;
	background: #eee ;
	border-bottom: 1px solid #333 ;
}

.fdata
{
	padding: 5px;
}
.row1
{
	background:#eee ;	

}

.row0
{
	background:#fff;
}

td{
	xborder-bottom:1px solid #ccc; 	
	xborder-top:1px solid #eee; 		
}
/* pagelinks */
.pagelinks 
{
	background:#ccc ;
	text-decoration:none ;
	border-top:2px solid #333 ;
	border-bottom:1px solid #333 ;	
	padding:4px ;
}

.pagelinks2 a {
	text-decoration:none ;	
	font: normal 20px Arial, Helvetica, sans-serif;	
}

.links a {
	color:#fff;
	font: normal 20px Arial, Helvetica, sans-serif;	
}

.lnk {
	font: normal 20px Arial, Helvetica, sans-serif;	
	border:1px solid #333;
	background:#fff ;
	padding:2px;	
	text-align: center ;
}
 .black {
	border:1px solid #333;
	background:#fff ;
	padding:2px;	
	margin-right : 2px ;
	font-weight:bold ;	
}

td a:hover {
 	text-decoration:none ;
	color:#fff;
}

.confirm-message
{
	padding: 2px ;
	padding-bottom: 5px ;
	background: #C2F39C ;
	border:1px solid #333 ;
	margin-bottom: 10px ;
	
}
.confirm-message h1
{
	font:normal 20px Arial, Helvetica, sans-serif; 
	text-align : left ;
	padding-left: 20px;
}



.formbutton
{
	border-top: 1px solid #eee; 
	border-left : 1px solid #eee;
	border-bottom:1px solid #333 ;
	border-right: 1px solid #333 ;
	font:normal 18px Arial, Helvetica, sans-serif;
	color: red ;
	background: #eee ;
}

.h1-login {
	margin:0;
	font:normal 30px "Times New Roman", Times, serif ;
	color: #fff ;
	margin-bottom: 10px ;
	padding-left: 20px ;
	float: left ;
}

p.submit {
	margin: 0 ;
	font:normal 20px Verdana, Arial, Helvetica, sans-serif;
}

.submit input, .submit input:focus, .button {
	background:url(../images/fade-butt.png) ; 
	border: 2px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	margin-top: 0 ;
	padding: 1px;
	padding-left: 20px ;
	padding-right: 20px ;
}

.clogin {
	border: 2px solid #ccc ;
}

.clogin:hover {
	border: 2px solid #333;
}

.invalidpw {
	margin: 0 auto ;
	width:300px;
	text-align: center ;
	color:#fff ;
	background:red;
	padding:2px 1px 2px 1px ;
	border:2px solid #eee ;
}

.invalidpw h1{
	font: bold 17px Arial, Helvetica, sans-serif ;
	text-align: center ;
}
.imageleft {
	float: left ;
}

.copyr-login {
	font:normal 11px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

.clear {
	clear:both ;
}