/*
//
//   CF Image Hosting Script 
//   --------------------------
//
//   Author:    codefuture.co.uk
//   Version:   1.4.1
//   Date:      03 April 2011
//
//   download the latest version from - http://codefuture.co.uk/projects/imagehost/
//
//   Copyright (c) 2011 codefuture.co.uk
//   This file is part of the CF Image Hosting Script.
//
//   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
//   EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
//   FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
//   COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
//   WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF
//   OR  IN  CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
//
//
//  You may not modify and/or remove any copyright notices or labels on the software on each
//  page (unless full license is purchase) and in the header of each script source file.
//
//  You should have received a full copy of the LICENSE AGREEMENT along with
//  CF Image Hosting Script.  If not, see http://codefuture.co.uk/projects/imagehost/license/
//   
////////////////////////////////////////////////////////////////////////////////////*/

* {margin: 0;padding: 0;outline: 0;}
html{height: 101%;}
body {background: #ccc;font: 11px/1.4 tahoma,Arial,sans-serif;color: #777;text-align: center;margin: 0;}
a, a:visited {text-decoration: none;background: inherit;color: #346187;}
a:hover {text-decoration: underline;background: inherit;color: #4682B4;}
a, a *, button, button *, .button {cursor: pointer;}
h1, h2, h3 {font-family: tahoma,Arial,sans-serif;}
h1 {font-size: 180%;font-weight: 400;color: #555;}
h4{font:500 20px normal verdana,sans-serif;word-spacing:0.5pt;color:#aaa;}
img {border: 0;}
h1, h2, p {margin: 10px 15px;padding: 0;}
h3 {
	clear: both;
	color: #666666;
	font-size: 14px;
	font-weight: bolder;
	margin: 0;
	padding: 20px 0 0 250px;
}
ul, ol {margin: 5px 15px;padding: 0 0 0 20px;}
label {display:block;font-size:12px;font-weight:500;margin:0 auto 5px;text-align:center;width:220px;}
form.upform .file_input_button,
input.button {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color: #00A9C8;
	border: 1px solid #017387;
	color: #f5f5f5;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	padding: 3px 8px;
}
input.button:hover{background-color:#017387;border-color:#000;}

textarea.text_input,
input.text_input,
select.text_input{
	font-size: 12px;
	color: #888;
	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;}

/*************************
	layout
*************************/
#wrap {
	width: 860px;
	margin: 15px auto;
	text-align: left;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	-moz-box-shadow: 0px 0px 5px #444;
	-webkit-box-shadow: 0px 0px 5px #444;
	box-shadow: 0px 0px 5px #444;
}

#content{padding: 10px 20px;border-left: 10px solid #fff;border-right: 10px solid #fff;background: #f5f5f5;direction:rtl;}
#header{
	background: #4682B4 url('../img/background.png');
	position: relative;
	height: 100px;
	padding: 0;
	color: #fff;
	border: 10px solid #fff;
	border-radius: 16px 16px 0 0;
	-moz-border-radius: 16px 16px 0 0;
	-webkit-border-radius: 16px 16px 0 0;
}
#header .languages{
	background:#FFF;
	padding:10px 10px 5px 5px;
	position:absolute;
	right:-48px;
	top:5px;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	-moz-box-shadow: 2px 0 2px #666;
	-webkit-box-shadow: 2px 0 2px #666;
	box-shadow: 2px 0 2px #666;
}
#header #language{display:none;}
#header .languages div span{display:none;}
#header .languages img {display:block;padding-bottom:5px;}
#search{position:absolute;right:10px;top:10px}
#search input.text_input{width: 175px;}
#search input.button{margin-left:5px;background-color:#346187;border-color:#22425B;}
#search input.button:hover{background-color:#25445E;border-color:#222;}

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

#nav{bottom:0;display:block;height:26px;position:absolute;right:10px;}
#nav ul{margin:0;padding:0;}
#nav li{list-style:none;float:right;padding-right: 5px;}
#nav a, #nav a:visited {
	text-transform: uppercase;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	border-top: 5px solid #346187;
	border-left: 5px solid #346187;
	border-right: 5px solid #346187;
	position: relative;
	cursor: pointer;
	line-height: 1;
	font-size: 10px;
	background: #4682B4 url('../img/overlay_l.png') repeat-x;
	-moz-border-radius-topright:6px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-top-left-radius:6px;

}
#nav a:hover,#nav a.current { color: #4682B4;background: #fff; }
#content p {font-size: 100%;line-height: 140%;padding-bottom: 10px;}
#content .teaser {font-size:110%;text-align:center;}
#content .top_ad{}

#randWidget{clear: both;float: none;width: 800px;}
#randWidget ul.gallery{height: 200px;}

#footer {
	color: #fff;
	background: #4682B4 url('../img/background.png');
	height: 40px;
	text-align: center;
	font-size: 90%;
	line-height: 0.9;
	border: 10px solid #fff;
	-moz-border-radius: 0 0 16px 16px;
	-webkit-border-radius: 0 0 16px 16px;
	border-radius: 0 0 16px 16px;
}
#footer p {padding: 2px 0;margin: 0;}
#footer a {color: #fff;text-decoration: underline;}

/*************************
	gallery
*************************/
ul.gallery {    display: block;
    height: 220px;
    margin: 0 auto;
    padding: 0;
    width: 800px;}
ul.gallery li {float:left;position:relative;margin:5px 10px;padding:0;background:transparent;display:inline;}
ul.gallery li a.thumb {display:table-cell; *display:block;height:160px;text-align:center;vertical-align:bottom;width:180px;}
ul.gallery img{border:5px solid #fff;background-color:#fff;}
ul.gallery img:hover{-moz-box-shadow: 0 0 5px #444;-webkit-box-shadow: 0px 0px 5px #444;box-shadow: 0px 0px 5px #444;}
ul.gallery li h2{margin:0;}
ul.gallery li h2 a {color:#444;display:block;font-size:10px;margin:0;overflow:hidden;padding:10px 5px;text-align:center;text-decoration:none;width:170px;}
.gallery_ad{margin:0 auto;padding:10px;text-align:center;width:760px;}
.search_for{color:#777;}
.img_report{
	background-color:#FFFFFF;
	padding:3px 0;
	position:absolute;
	right:0;
	top:0;
	display:none;
	text-align:center;
	width:50px;
	-moz-border-radius:0 0 0 10px;
	-webkit-border-radius:0 0 0 10px;
	border-radius:0 0 0 10px;
}
.info{display:none;}
/*************************
	pagination
*************************/
.pagination {clear: both;margin: 20px 20px 0;}
.pagination span.pagecount,
.pagination span.disabled,
.pagination span.current,
.pagination a {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background: #fff;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 24px;
	margin: 0 2px;
	min-width: 15px;
	padding: 0 5px;
	text-align: center;
	text-decoration: none;
}
.pagination a {color: #666;}
.pagination a:hover, div.pagination a:active, .pagination span.current {background-color:#333;color:#fff}
.pagination span.disabled {color:#868686;}
.pagination span.pagecount{background: #00A9C8;color: #f5f5f5;}

/*************************
	notification
*************************/
.notification {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid;
	display: block;
	font-size: 13px;
	font-style: normal;
	line-height: 1.5em;
	margin: 5px auto 0;
	padding: 5px 10px 5px 30px;
	position: relative;
	text-align: left;
}
.success {background: #d5ffce url('../img/tick_circle.png') no-repeat 10px 8px;border-color: #9adf8f;color: #556652;}
.error {background: url("../img/cross_circle.png") no-repeat scroll 10px 8px #FFCECE;border-color: #DF8F8F;color: #665252;}
.notification .close {color: #990000;font-size: 9px;position: absolute;right: 5px;top: 5px;}

/*************************
	File Upload
*************************/
.upload_adson{
    float: left;
    margin-top: 10px;
    width: 480px;
}
.linklocal,.linkremote{
	color:#eee;
	background:#888;
	margin-right:2px;
	padding:3px 10px 1px;
	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;
}
a.show,
.linklocal:hover,
.linkremote:hover{background-color:#fff;color:#333;text-decoration:none;}
.upload_op{margin:0 auto;}
div.input .closeUpload{color: #990000;font-size: 9px;position: absolute;right:10px;top:10px; display:none;}/*//////////////*/
.left{float:left;}
form.upform{display:block;margin:20px auto 0;text-align:center;width:460px;    margin-bottom: 20px;}
div.input{
	background-color:#FFFFFF;
	margin:0 auto 10px;
	padding:15px 10px 20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: relative;/*///////////////////////////////////////*/
}

.upload_form {height: 55px;display: block;}
.upload_form label{width:auto;}
.hide{display:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.add_another_file_input img{vertical-align:middle;}
form.upform .loading {
	background-color:#fff;
	display:none;
	margin:0 auto 5px;
	padding:10px;
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
form.upform .loading img {height:15px;width:380px;background: #4682B4;}
form.upform {text-align:center;width:460px;}
form.upform .file_input_div {height:30px;margin:0 auto;overflow:hidden;position:relative;text-align:center;}
form.upform .file_input_div input.text_input {position: relative;z-index: 1002;width:320px}
form.upform .long,
form.upform .long_des{width: 400px;}
form.upform .file_input_button {
/*	background: #00D1F8 url('../img/overlay_l.png') left top repeat-x;
	border: 0 none;
	color: #fff;
	height: 28px;
	padding: 0;
	margin:0px;
	top: 0;
	width: 80px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	margin:0px;
}
form.upform input.button{margin:0px;}
form.upform .file_input_hidden {
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;-moz-opacity: 0;
}
.preferences{
	background-color:#eee;
	color:#777;
	margin:0 auto;
	padding:10px;
	text-align:left;
	-moz-border-radius:0 5px 5px 5px;
	-webkit-border-radius:0 5px 5px 5px;
	border-radius:0 5px 5px 5px;
	text-align:left;
	line-height:25px;
	width:390px;
	display:none;
}
.pref_title{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:url("../img/downarrow.png") no-repeat scroll 125px 5px #E0E0E0;
	color:#333;
	margin:10px 0 0 15px;
	padding: 2px 0 2px 10px;
	text-transform:capitalize;
	width:140px;
	cursor:pointer;
	text-align:left;
}
.preferences label{
	display: inline;
	font-size: 12px;
	margin: 0;
	text-align: left;
}
.open_pref{
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	background:url("../img/uparrow.png") no-repeat scroll 125px 5px #888;
	color:#f5f5f5;
}
.preferences .title{
    display: block;
    font-weight: bold;
}
.preferences .small{
    display: block;
    font-size: 10px;
    line-height: 10px;
}
.preferences input.text_input{
    border-color: #999999;
    padding: 1px;
    width: 75px;
}
a.bookmarklet{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background: none repeat scroll 0 0 #fff;
	color: #346187;
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin: 5px auto 0;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 240px;
}
form.upform #dimension.long_des{width: 200px;}
.Upload_Multiple{
	display:block;
	height:20px;
	margin:5px 0;
	text-align:center;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.ad_index{
	display:block;
	float:right;
	width:310px;
	margin:20px auto 10px;
}
/*************************
	Thumbnail page
*************************/

.boxpanel{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    background-color: #FFF;
    clear: both;
    color: #444;
    float: right;
    margin-bottom: 20px;
    padding: 0 0 10px;
    width: 375px;
}
.boxpanel h2.boxtitle{
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
    background-color: #DDDDDD;
    color: #555555;
    cursor: auto;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 3px 10px;
}
.boxpanel h3{
padding: 20px 0 0 15px;
}
div.open{display:block;}

.code_box{    clear: both;
    height: 40px;
    margin: 0 auto;
    padding: 0 5px;
    width: 340px;}
.code_box label {
    color: #666666;
    float: right;
    font-size: 10px;
    margin: 0 10px 0 0;
    padding: 2px 0 0;
    text-align: right;
	direction:rtl;
    width: 122px;
}
div.code_box .long {    font-size: 10px;
    padding: 3px;
    width: 325px;}
.code_box .text_input {float: right;}
.long{width: 420px;}
.thumb_Ad{float:right;padding:25px;}
.bookmarking {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    background: #FFF;
    border: 1px solid #AEAEAE;
    color: #666;
    display: block;
    float: right;
    font-size: 11px;
    height: 16px;
    padding: 3px;
    text-decoration: none;
    width: 325px;
}
.bookmarking a {
	background: url("../img/social.png") no-repeat scroll left top transparent;
	border: 0 none;
	display: block;
	float: right;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	width: 16px;
}
.bookmarking a:hover {margin: -2px 5px 0 0;}
.bookmarking a.sprite-delicious{ background-position: 0 0;}
.bookmarking a.sprite-digg{ background-position: 0 -21px;}
.bookmarking a.sprite-facebook{ background-position: 0 -42px;}
.bookmarking a.sprite-googlebookmarks{ background-position: 0 -63px;}
.bookmarking a.sprite-googlebuzz{ background-position: 0 -84px;}
.bookmarking a.sprite-stumbleupon{ background-position: 0 -105px;}
.bookmarking a.sprite-twitter{ background-position: 0 -126px;}
.bookmarking a.sprite-windowslive{ background-position: 0 -147px;}
.bookmarking a.sprite-yahoo{ background-position: 0 -168px;}

.img_box {margin: 0 auto;padding: 25px;text-align: center;width: 390px;}
.img_box img {border:10px solid #FFF;margin:0 auto;}
.img_box a {text-decoration:none;color:#0066CC;}
.img_box a:hover {color:#333;}

/* no comments */
div.full{float: none;margin: 0 0 20px;width: 800px;}
div.full .code_box{margin: 0 auto;width: 775px;}
div.full .code_box label {font-size: 14px;margin: 0 10px;width: 220px;}
div.full .code_box input.text_input {padding: 4px;width: 420px;}
#content div.full h3{padding-left: 250px;}
div.full .bookmarking{width: 420px;}
/** end  no comments **/


/*************************
	FAQ
*************************/
#faq{margin: 10px 30px;}
#faq h2 {font-size: 20px;font-weight: normal;margin: 0 0 5px;text-align:right;}
.faq_box{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background: #fefefe;margin: 5px;padding: 5px 10px;text-align:right;}
.faq_box .title{font-size: 12px; text-decoration: none;}
.faq_box .answer{margin: 5px 10px;display:none;}

/*************************
	contact
*************************/
#contact{margin: 10px 30px;}
#contact h2 {font-size: 20px;font-weight: normal;margin: 0 0 5px;text-align:right;}
#contact .contactbox{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background: #fefefe;margin: 5px;padding: 5px 10px;}
#contact .button_cen{margin: 5px 0 10px 185px;}
#contact .error_message{color:red;display:block;font-size:small;text-align:center;}
#contact .captcha{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fafafa;
	border: 1px solid #999;
	margin: 5px 0;
}

/*************************
	Terms of Service
*************************/
#tos{margin: 10px 30px;direction:rtl;text-align:right;}
#tos h2 {font-size: 20px;font-weight: normal;margin: 0 0 5px;}
#tos ul {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background: #Fefefe;
	list-style: none;
	margin: 5px;
	padding: 15px;
}
#tos ul li {
	background: none repeat scroll 0 0 transparent;
	display: list-item;
	font-size: 12px;
	list-style: disc outside none;
	margin-left: 15px;
	padding: 5px 0 15px;
}
#tos ul li ul{margin: 0 0 15px 0;padding-top: 5px;}
#tos ul li li{list-style: circle outside none; padding: 4px 0 0;}

/*************************
	admin menu bar
*************************/
#admin_bar{display:block;background-color:#333}
#admin_bar .title{color:#BBBBBB;float:right;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: left;margin: 0;padding:0px 10px 0px 0px;}
#admin_bar a {color:#fff;}

.clear {clear: both;}