/* ###--------------------------------------------------------###
 * style.css SGS 0.6 admin area
 * @author William Moffett <william.moffett@bigfishgames.com>
 * @version 0.6
 * @package PNP
 */

*{
	margin:0px;
	padding:0px;
}

/* BASE ELEMENTS */

body{
	margin:0px;
	padding:0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	text-align:center;
	background:#d4e3f0 url(../templates/default/images/body.gif) top left repeat-x;
}

a{
	text-decoration:none;
	color:#0549c9;
}

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

h1,h2,h3,h4,h5{
	display:block;
	margin:0px;
	padding:0px;
}

h1{ font-size:20px; }
h2{ font-size:18px; }
h3{ font-size:16px; }
h4{ font-size:14px; }
h5{ font-size:12px; }

p{
	padding:10px;
}

ul, ol {
	margin:0px;
	padding:0px;
	list-style:none;
}

img{ border:none;}

table{
	width:100%;
}

td{
	text-align:left;
	vertical-align:top;
}

/* FORM ELEMENTS */

form { }

label {
	margin:4px;
	padding:2px;
	display:block;
	font-weight:bold;
}

input {
	margin:4px;
	padding: 2px;
}

input:hover {}

select{
	margin:4px;
}

select:hover {}

textarea {
	margin:4px;
	padding:2px;
	font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	height:100px;
	display:block;
	color: #333333;
	border:1px solid #c2d9e1;
	background: #ffffff url(../templates/default/images/textbox.gif) top left repeat-x;
}

textarea:hover{
	color:#000000;
	border:1px solid #339ae6;
	background: #ffffff url(../templates/default/images/textbox_hover.gif) top left repeat-x;
}

/* FORM ELEMENT CLASSES */

.textbox{

	border:1px solid #c2d9e1;
	background: #ffffff url(../templates/default/images/textbox.gif) top left repeat-x;
}

.textbox:hover{
	color:#000000;
	border:1px solid #339ae6;
	background: #ffffff url(../templates/default/images/textbox_hover.gif) top left repeat-x;
}
.textbox-disable{
	color:#339ae6;
	border:1px solid #339ae6;
	background: #d7e9ff;
}

.textbox-disable:hover{
	border:1px solid #339ae6;
	background: #d7e9ff;
	color:#339ae6;
}

input.button{
	width:auto;
	margin:4px;
	padding:2px;
	font: bold 1em/1.1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	display:block;
	color: #ffffff;
	border:1px solid #1b83de;
	border-right:1px solid #004499;
	border-bottom:1px solid #004499;
	background: #004499 url(../templates/default/images/btn_right.gif) 0px -6px repeat-x;
}

input:hover.button{
	color:#ffffff;
	border:1px solid #2299f1;
	border-right:1px solid #0466bf;
	border-bottom:1px solid #0466bf;
	background: #004499 url(../templates/default/images/btn_right.gif) 0px -41px repeat-x;
}


a.button{
	width:80px;
	margin:4px;
	padding:4px;
	font: bold 1em/1.1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	display:block;
	color: #ffffff;
	text-align:center;
	border:1px solid #1b83de;
	border-right:1px solid #004499;
	border-bottom:1px solid #004499;
	background: #004499 url(../templates/default/images/btn_right.gif) 0px -6px repeat-x;
}

a:hover.button{
	color:#ffffff;
	border:1px solid #2299f1;
	border-right:1px solid #0466bf;
	border-bottom:1px solid #0466bf;
	background: #004499 url(../templates/default/images/btn_right.gif) 0px -41px repeat-x;
}




/* PAGE LAYOUT */

div#page{
	margin:0px auto;
	padding:0px;
	text-align:left;
}

div#header{
	position:relative;
	margin:0px;
	padding:0px;
	height:141px;
	background: transparent url(../templates/default/images/header.gif) top left repeat-x;
	border-right: 1px solid #bed7e3;
	border-left:1px solid #bed7e3;
}

/* HEADER ELEMENTS */

div#header h1, div#header h2{
	position:absolute;
	top:0px;
	margin:0px;
	color:#ffffff;
}

div#header h1{
	padding:0px 0px 0px 35px;
	left:0px;
	line-height:105px;
	text-align:left;
	font-size:30px;
}

div#header h2 {
	top:70px;
	right:-1px;
	padding-right:20px;
	width:100%;
	text-align:right;
}

/* MAIN CONTAINER */

table#admin{
	width:98%;
	margin:auto;
}

td#left{
	padding:20px 0px 0px 0px;
	width:160px;
}

td#center{
	padding:20px 20px 0px 20px;
	width:auto;
	text-align:center;
}

td#right{
	padding:20px 0px 0px 0px;
	width:160px;
}

div#footer{
	padding:20px;
	text-align:center;
}

/* GENERAL CLASSES */

li.button{
	margin:0px;
	padding:0px;
}

li.button a{
	display:block;
	margin:2px 0px;
	padding:4px;
	height:16px;
	color:#333;
	border:1px solid #d7e9fd;
	background-color: #eef6fa;
	font-weight:bold;
}

li.button a:hover{
	color:#ffffff;
	color:#333;
	background-color: #d8e9fd;
}

li.current a{
	color:#333;
	background-color: #d8e9fd;
}

/* SITE INFO SIDEBAR */
.siteinfo{
	margin:0px 0px 5px 0px;
	padding:0px;
}

.siteinfo li{
	margin:2px;
	padding:4px 4px;
	border:1px solid #d7e9fd;
}


/* MODULE CONFIG SIDEBAR */

#module_config{
	margin:0px 0px 5px 0px;
}

#module_config label{
	margin:0px;
	border:1px solid #d7e9fd;
	background-color: #eef6fa;
}

#module_config select{
	display:block;
	clear:right;
}

/* CONTAINER HEADERS */

#center h3{

	padding:10px;
	text-align:left;
}

#left h4, #right h4{
	padding:10px;
}

#center .success h4{
	color:#009900;
	padding-left:20px;
}

#center .error h4{
	color:#f0c000;
	padding-left:20px;
}

.tablecontent{
	width:98%;
	margin: 0px auto 10px auto;
}

.tableheader{
	padding:4px;
	border:1px solid #d7e9fd;
	background: #ffffff url(../templates/default/images/block_bottom.jpg) bottom left repeat-x;
	color:#000000;
}

.tablerow{
	background-color:#ffffff;
}

.tablecell{
	padding:4px;
	border:1px solid #d7e9fd;
}
/*
#center th{
	padding:4px;
	border:1px solid #d7e9fd;
	background: #ffffff url(../templates/default/images/block_bottom.jpg) bottom left repeat-x;
	color:#000000;
}
*/
.tableheader{
	padding:4px;
	border:1px solid #d7e9fd;
	background: #ffffff url(../templates/default/images/block_bottom.jpg) bottom left repeat-x;
	color:#000000;
}


#center  tr{
	background-color:#ffffff;
}

#center  td{
	padding:4px;
	border:1px solid #d7e9fd;
}


#center  td:hover{
	background-color:#eef6fa;
}


/* MODULE BOX */

.top{
	background: #ffffff url(../templates/default/images/block_top.jpg) top left repeat-x;
}

.bottom{
	border:1px solid #d7e9fd;
	background: #ffffff url(../templates/default/images/block_bottom.jpg) bottom left repeat-x;
}

.text{
	text-align:left;
	padding:2px;
}

.error{
	margin: 0px 10px 4px 10px;
	padding:10px;
	border:1px solid #f0c000;
	background:#ffffce url(../images/icons/icon_error.gif) 10px 10px no-repeat;
}

.success{
	margin: 0px 10px 4px 10px;
	padding:10px;
	border:1px solid #009900;
	background:#ddffdd url(../images/icons/icon_check.gif) 10px 10px no-repeat;
}

/* OVERRIDE CSS */

#allow_comments{
	width:auto;
}

#LoginForm{
	margin: 0px auto 10px auto;
	width:170px;
	text-align:left;
	border:none;
}
#LoginForm input{
	width:auto;
}