/*
//
//   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{color:#eee;font-size:75%;background:url('../img/bg_b.png') repeat-x #53453c;}
a {text-decoration: underline;}
a, :focus {outline: 0;}
a {color:#2394CC;text-decoration:none;}
a:hover, a:focus {color: #0C394F;}
h1 {font-size: 200%;font-weight: normal;}
h2 {font-size: 150%;font-weight: normal;}
h4{font:500 20px normal verdana,sans-serif;word-spacing:0.5pt;}
ul {list-style: none;}
ul li {background: url('../img/li_bullet1.gif') left 8px no-repeat;display: block;padding: 5px 0 5px 12px;}
ul li ul {margin: 5px 0 15px 20px;}
ul li li {background: url('../img/li_bullet2.gif') left 8px no-repeat;font-size: 95%;padding: 2px 0 0 12px;}

a, a *, button, button * {cursor: pointer;}
img {border:0;}
small{font-size: 75%;}

input.button {
	background: #2394CC;
	border: 0;
	color: #fff;
	font-size: 12px;
	padding: 4px 15px;
	text-align: center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
input.button:hover {background:#000000;color:#e5e5e5;}
input.text_input,
textarea.text_input,
select.text_input{
	font-size: 12px;
	color: #333;
	border:none;
	background: #fafafa;
	padding: 4px;
	margin: 0 0 2px;
	width: 250px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

label {display:block;font-size:14px;font-weight:500;margin:0 auto 5px;text-align:center;width:220px;}
select.text_input {width: 150px;}
.error_message{color:red;display:block;font-size:small;text-align:center;}
.clear{clear:both}
#wrap{margin:0 auto 10px;width:850px;}
#header {height:130px;padding:20px 0;position:relative;}
#header .languages{
	background: #FFF;
	color:#777;
	padding:5px 15px;
	position:absolute;
	right:0;
	top:0;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}
#header #language{display:none;margin:2px 0 0;text-align:center;}
#header .lan_on{display:block;text-align:center;}
#header .lan_on img{vertical-align:bottom;}

#search{display:inline-block;float:right;}
#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;height:90px;}
#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.2em;font-weight:normal;padding:5px 0 10px;}

/*************************
	nav
*************************/
#nav {height:25px;display:inline-block;float:left;}
#nav ul {display:inline-block;}
#nav li,
#nav li a {
	background:#80C0E2;
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
#nav li {margin:0 2px;padding:0;}
#nav, #nav * {color:#e5e5e5;text-transform:uppercase;}
#nav a {padding:5px 15px;}
#nav a:hover, #nav a:focus,#nav a.current {background: #4EA9D8;color:#333333;}
#nav a.current {}

/*************************
	content
*************************/
#content {padding: 0;}
#content .contentBox{padding:10px 0;}
#content h3 {font-size:120%;padding:20px 0 0 245px;text-transform:uppercase;}
#content p {font-size: 100%;line-height: 140%;padding-bottom: 30px;}
#content .teaser {font-size:110%;text-align:center;}
#content .search_for{color: #333;}
#content .top_ad{margin:0 0 40px;padding:5px;text-align:center;}

#tos{font-size:120%;}

/*************************
	Footer
*************************/
#footer {display: block;padding: 10px 0 20px;}
#footer p {display:inline-block;font-size:95%;padding:0 5px 1px 0;}
#footer, #footer * {text-decoration: none;}
#footer a:hover{color: #999;}
#footer .sp {border-top:3px solid #504035;padding: 0;}
.footer_ad{display: block;width:728px;margin:0 auto;}

#feed{
	background:#504035;
	display:inline-block;
	float:right;
	padding:2px 6px;
	position:relative;
	text-align:right;
	text-transform:uppercase;
	top:7px;
}
#feed a{background:url("../img/rss.png") no-repeat scroll 100% 0 transparent;padding-right:19px;padding-top:1px;}
/*************************
	Thumbnail page
*************************/
.flip{
	background-color:#333;
	clear:both;
	color:#F1F1F1;
	cursor:pointer;
	display:block;
	margin-top:5px;
	padding:5px;
}
.panel{
	background-color:#504035;
	color:#eee;
	display:none;
	margin-bottom:20px;
	padding:15px 0;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
div.open{display:block;}
.code_box{clear:both;height:25px;padding:5px;width:800px;}
.code_box label {float:left;margin:0 10px;padding:4px 0 0;text-align:right;}
.code_box input.text_input {float: left;}
.contact{height:145px;}
div.button_cen,input.button_cen{margin:0 0 0 245px;}
input.long,textarea.long {width: 420px;}
.img_ad_box{
	background-color:#FFFFFF;
	color:#EEEEEE;
	margin:20px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow: 0px 0px 4px #111;
	box-shadow: 0px 0px 4px #111;
}
.thumb_Ad{
	background:none repeat scroll 0 0 #504035;
	float:right;
	margin:20px;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.bookmarking {
	background: #fff;
	display: block;
	width: 420px;
	text-decoration: none;
	float:left;
	height: 16px;
	padding: 5px;
	color: #000;
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.bookmarking a {margin: 0 5px 0 0;height: 16px;width: 16px;border: 0;position: relative;display: block;float: left;}
.bookmarking a:hover {margin: -2px 5px 0 0;}
.img_box {margin:0 auto;padding:30px;text-align:center;}
.img_box img {
	border:10px solid #FFFFFF;
	margin:0 auto;
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow: 0px 0px 4px #111;
	box-shadow: 0px 0px 4px #111;
}
.img_box a {text-decoration:none;}
.img_box a:hover{color: #999;}
.img_box a span{
	background-color:#F5F5F5;
	display:block;
	margin-top:5px;
	padding:3px 0 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/*************************
	gallery
*************************/
ul.gallery {width: 850px;margin: 0 auto;padding: 0;overflow:hidden;}
ul.gallery li {
	background:#fff;
	display:inline;
	float:left;
	height:230px;
	margin:10px;
	padding:0 6px;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 7px #111;
	-webkit-box-shadow: 0px 0px 7px #111;
	box-shadow: 0px 0px 7px #111;
}
ul.gallery li a.thumb {display:table-cell; *display:block;height:183px;padding:5px 0;text-align:center;vertical-align:middle;width:180px;}
ul.gallery img{border:5px solid #fff;background-color:#fff;}
ul.gallery img:hover{-moz-box-shadow: 0 0 5px #000;-webkit-box-shadow: 0px 0px 5px #000;box-shadow: 0px 0px 5px #000;}
ul.gallery li h2 a {
	display:block;
	font-size:10px;
	margin:0;
	overflow:hidden;
	padding:10px 5px;
	text-align:center;
	text-decoration:none;
	width:170px;
}
.gallery_ad{
	background:#504035;
	float:left;
	margin:0 10px;
	padding:10px;
	text-align:center;
	width:810px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.img_report{
	background-color:#FFFFFF;
	display:none;
	margin:0 6px;
	padding:3px 16px;
	position:absolute;
	right:0;
	top:0;
	-moz-border-radius:0 0 0 10px;
	-webkit-border-radius:0 0 0 10px;
	border-radius:0 0 0 10px;
}
.img_report a{text-decoration:none;color:#777;font-size: 11px;}

/*************************
	File Upload
*************************/
.linklocal,.linkremote{
	color:#f5f5f5;
	background:#333;
	margin-right:2px;
	padding:3px 10px 0px;
	text-decoration:none;
	text-transform:uppercase;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.upform input.button{margin:20px 0;}
a.show,
.linklocal:hover,
.linkremote:hover{background-color:#f5f5f5;color:#333;}
.upload_op{display:block;margin:0 auto;text-align:center;width:150px;}
.left{float:left;}
.upform{display:block;margin:0 auto;text-align:center;width:450px;}
.preferences{
	background-color:#F5F5F5;
	color:#444;
	margin:0 auto;
	padding:10px;
	text-align:left;
	width:200px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
div.input{
	background-color:#F5F5F5;
	/*border:1px solid #DDDDDD;*/
	color:#444;
	margin:0 auto 5px;
	padding:15px;
	/*width:380px;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
div.hide{display:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.upload_form{height: 55px;display: block;}
.upload_form label{width:auto}
.add_another_file_input img{vertical-align:middle;}
.Upload_Multiple{
	background-color:#F5F5F5;
	display:block;
	height:20px;
	margin:-6px 370px 5px;
	text-align:center;
	width:25px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.Upload_Multiple small,.Upload_Multiple span{display:none}
.file_input_div {
	height:31px;
	overflow:hidden;
	position:relative;
/*	width:380px;
	*width:390px;*//* IE7*/
}
.file_input_div input.text_input{border:1px solid #CCCCCC;position:relative;width:280px;z-index:1002;}
input.long_des,input#imgUrl{width:370px;border:1px solid #DDDDDD;}
.file_input_button {
	background:#2394CC;
	border:0 none;
	color:#fff;
	padding:4px 15px;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.file_input_hidden {
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.loading {
	background:#F5F5F5;
	/*border:1px solid #DDDDDD;*/
	color:#444;
	display:none;
	margin-bottom:5px;
	padding:15px;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.loading img{background:#FFA800;height:15px;width:380px;}

.ad_index{
	background:#504035;
	/*border:1px solid #CCCCCC;*/
	float:right;
	margin-bottom:10px;
	padding:10px;
	width:300px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}

/*************************
	admin menu bar
*************************/
#admin_bar{background-color:#333333;display:block;position:absolute;width:100%;z-index:2003;}
#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;background:none}
#admin_bar a {color:#fff;}

/*************************
	pagination
*************************/
.pagination {background-color:#504035;color:#eee;clear:both;margin:20px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.pagination span.disabled,
.pagination span.current,
.pagination a {margin:0;text-decoration:none;padding:2px 6px;display:inline-block;height:16px;}
.pagination a {color:#ddd;}
.pagination a:hover, div.pagination a:active {background-color:#4EA9D8;color:#fff;}
.pagination span.current {background-color:#F5F5F5;color:#333333;font-weight:bold;}
.pagination span.disabled {color:#868686;}

/*************************
	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;}