/*
//
//   CF Image Hosting Script v1.3.8
//   -------------------------------
//
//   Author:    codefuture.co.uk
//   Version:   1.3.8
//   Date:      14-Aug-10
//
//   download the latest version from - http://codefuture.co.uk/projects/imagehost1.3/
//
//   Copyright (c) 2010 codefuture.co.uk
//   This file is part of the CF Image Hosting Script.
//
//   CF Image Hosting Script is free software: you can redistribute it and/or modify
//   it under the terms of the GNU General Public License as published by
//   the Free Software Foundation, either version 3 of the License, or
//   (at your option) any later version.
//
//   CF Image Hosting Script is distributed in the hope that it will be useful,
//   but WITHOUT ANY WARRANTY; without even the implied warranty of
//   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//   GNU General Public License for more details.
//   You should have received a copy of the GNU General Public License
//   along with CF Image Hosting Script.  If not, see http://www.gnu.org/licenses/.
//
////////////////////////////////////////////////////////////////////////////////////*/
* {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida", Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
html{height: 101%;}
body {background: #eee url('../img/bg_l.png') left top repeat-x;color: #666;font-size: 75%;text-align: center;}
a, :focus {outline: 0;}
a {color:#444444;text-decoration: none;}
a:hover, a:focus {color: #ffa200;}
h1 {font-size: 200%;font-weight: normal;}
h2 {font-size: 150%;font-weight: normal;}
h2.title {font-size:25px;text-transform:uppercase;}
form p {padding: .4em 0 !important;}
a, a *, button, button * {cursor: pointer;}
img {border:0;}
small{font-size: 75%;}
label {display:block;font-size:12px;font-weight:500;text-align:center;width:220px;}
input.button {
	background: #ffa200 url('../img/th_bg.gif') left top repeat-x;
	border: 0;
	color: #444;
	font-size: 12px;
	padding: 4px 15px;
	text-align: center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
input.button:hover {background:#000;color:#e5e5e5;}
input.text_input,
textarea.text_input,
select.text_input{
	font-size: 12px;
	color: #333;
	border-color: #8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;
	border-style: solid;
	border-width: 1px;
	background: #fefefe url('../img/textback.png') repeat-x 0 0;
	padding: 4px;
	margin: 0 0 2px;
	width: 250px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;
}
select.text_input {width: 150px;}

.clear{clear:both}

#wrap {margin: 0 auto;text-align: left;width: 1000px;}
#header {border-bottom: 5px solid #333;padding: 20px 0 10px;position:relative;}
#search{position:absolute;right:0;top:40px}
#search input.text_input {
	background:none repeat scroll 0 0 #FFFFFF;
	border-width:0;
	color:#333333;
	font-size:12px;
	margin:0 0 2px;
	padding:4px 5px;
	width:150px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}
#search input.button{
	padding:3px 12px;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}

#logo {display: block;}
#logo h1, #logo h1 * {color: #444;font-weight: normal;text-decoration: none;}
#logo h1 a span {color: #ffa200;}
#logo h1 {font-size: 4em;}
#logo h2 {color: #555;font-size: 1.1em;font-weight: normal;padding: 5px 0 10px;}

/*************************
	nav
*************************/
#nav {float: right;font-size: 90%;padding-top: 1.4em;width: 500px;position:absolute;right:0;top:65px;}
#nav ul {float: right;}
#nav li, #nav li a {background:transparent;display: block;float: left;text-align: center;text-decoration: none;}
#nav li {padding: 0 0 0 10px;}
#nav, #nav * {color: #777;text-transform: uppercase;}
#nav a {padding: 3px 3px 5px 3px;border-bottom: 1px solid #666;}
#nav a:hover, #nav a:focus,#nav a.current {color: #444;border-color: #ffa200;}
#nav a.current {border-width: 2px;}

/*************************
	CONTENT
*************************/
#content {padding: 20px 0 20px;}
#content .contentBox{padding:20px 0;}
#content h3,
#content h4 {font-size:20px;font-weight:normal;padding:0 0 0 245px;}
#content p {font-size: 100%;line-height: 140%;padding-bottom: 30px;}
#content .teaser {font-size:110%;text-align:center;}
#content table {-moz-box-shadow:0 0 3px #777;-webkit-box-shadow: 0px 0px 3px #777;box-shadow: 0px 0px 3px #777;border: 0;border-collapse: collapse;border-spacing: 0;width: 100%;}
#content table th, #content table td {font-size:90%;padding:2px;text-align:center;}
#content table thead th {background: #ffa200 url('../img/th_bg.gif') left top repeat-x;color: #fff;height:35px;}
#content table tbody td {background:#d1d1d1;border-top: 1px solid #888;}
#content table tbody .odd td {background: #FFFFFF;}
#content table tbody tr:hover td {color: #222;}

/*login*/
#login-form{
	margin:0 auto;
	width:300px;
}

/*ban*/
#content form.ban{
	background:#F5F5F5;
	float:left;
	margin:0 auto;
	padding:10px;
	width:270px;
	-moz-box-shadow:0 0 3px #777;
	-webkit-box-shadow: 0px 0px 3px #777;
	box-shadow: 0px 0px 3px #777;
}
#content form.ban h3{padding:5px}
#content table.ban{float:right;width:700px;}

/*admin home*/
#content table.table_small{float:right;margin-bottom:20px;width:560px;}
.top_img{
	background-color:#F5F5F5;
	float:left;
	padding:10px;
	text-align:center;
	width:400px;
	-moz-box-shadow:0 0 3px #777;
	-webkit-box-shadow: 0px 0px 3px #777;
	box-shadow: 0px 0px 3px #777;
}
.top_img h2 {
	font-size:140%;
	font-weight:normal;
	margin-bottom:5px;
	text-transform:uppercase;
}

/*settings*/
.tabs{overflow:hidden;}
.tabNavigation{float:left;}
.tabNavigation li a{background-color:#F5F5F5;display:block;margin-bottom:5px;padding:5px;width:180px;}
.panel{float:right;margin:0 5px;background-color:#F5F5F5;display:none;padding:10px;width:780px;}
#content .panel .teaser {font-size:110%;text-align:left;}

/*************************
	Footer
*************************/
#footer {display: block;padding: 10px 0 20px;}
#footer p {font-size: 95%;padding: 0 5px 1px 0;}
#footer, #footer * {color: #555;text-decoration: none;}
#footer a:hover{color: #999;}
#footer .sp {border-top:1px solid #888888;padding: 0;}

/*************************
	Forms
*************************/
.button_cen{margin:10px 5px;}
input.long {width: 420px;}
form.box {background-color:#F5F5F5;border:1px solid #BBBBBB;padding:10px;}
.code_box{clear:both;padding:5px;}
.code_box label{padding:0 0 2px;text-align:left;width:auto;}

.flip{background-color:#F5F5F5;border:1px solid #AAAAAA;color:#888888;cursor:pointer;display:block;font-size:16px;padding:5px;margin-top:20px;}
.img_box {background-color:#F5F5F5;border:1px solid #BBBBBB;margin:0 auto 20px;padding:10px;text-align:center;}
.img_box img {margin:0 auto;}
/*************************
	Admin
*************************/
.table_top{width: 100%;clear: both;display:inline-block;margin:20px 0 5px;}
.table_top .col{float:right;text-align:right;width:160px;}
#tooltip{
	background:#fff;
	border:0px solid #e1e1e1;
	color:#666;
	display:none;
	font-size:14px;
	padding:5px 10px;
	position:absolute;
	-moz-box-shadow: 0 0 5px #444;
	-webkit-box-shadow: 0px 0px 5px #444;
	box-shadow: 0px 0px 5px #444;
}
#img_tooltip {
	background-color:#222;
	border:5px solid #222;
	display:none;
	position:absolute;
	z-index:999999;
}
#img_tooltip h3 {
	color:#FFBC00;
	display:block;
	margin:2px;
	text-align:center;
}

/*************************
	admin menu bar
*************************/
#admin_bar{display:block;background-color:#333}
#admin_bar .title{color:#BBBBBB;float:left;font-size:20px;padding:0 5px;}
#admin_bar ul{padding:5px 20px 0px;height:25px;width:auto;list-style: none;margin:0;}
#admin_bar li {float: right;margin: 0;padding:0px 10px 0px 0px;}
#admin_bar a {color:#fff;}

/*************************
	pagination
*************************/
.pagination {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 0 3px #777;
	-webkit-box-shadow: 0px 0px 3px #777;
	box-shadow: 0px 0px 3px #777;
	background-color:#d1d1d1;
	clear:both;
	margin:30px 0 0;
}

.pagination span.disabled,
.pagination span.current,
.pagination a {margin:0;text-decoration:none;padding:2px 6px;display:inline-block;height:16px;border:0 none;}
.pagination a {color:#777;}
.pagination a:hover, div.pagination a:active {background-color:#ec5210;color:#fff;}
.pagination span.current {color:#777;font-weight:bold;background-color:#eee;}
.pagination span.disabled {color:#a5a5a5;}

/*************************
	notification
*************************/
.notification {position: relative;margin: 0 auto 15px;padding: 0;border: 1px solid;font-size: 13px;}
.success {background: #d5ffce url('../img/tick_circle.png') no-repeat 10px 11px;border-color: #9adf8f;color: #556652;}
.error {background: #ffcece url('../img/cross_circle.png') no-repeat 10px 11px;border-color: #df8f8f;color: #665252;}
.notification div {display: block;font-style: normal;padding: 10px 10px 10px 36px;line-height: 1.5em;}