/*
//   CF Image Hosting Script v1.0
//   -----------------------------
//   download the latest version from - http://codefuture.co.uk/projects/imagehost/
//   Copyright (c) 2010 codefuture.co.uk
//
////////////////////////////////////////////////////////////////////////////////////*/

* {margin: 0;padding: 0;outline: 0;}
body {background: #ccc;font: 12px/1.4 Helvetica,Arial,sans-serif;color: #777;text-align: center;margin: 15px 0;}
a, a:visited {text-decoration: none;background: inherit;color: #FB9233;}
a:hover {text-decoration: underline;background: inherit;color: #93C600;}
h1, h2, h3 {font-family: Helvetica,Arial,sans-serif;}
h1 {font-size: 180%;font-weight: 400;color: #555;}
img {border: 0;}
h1, h2, h3, p {margin: 10px 15px;padding: 0;}
ul, ol {margin: 5px 15px;padding: 0 0 0 20px;}
form {background: #fff;border: 1px solid #e5e5e5;float: left;padding: 10px 0;text-align: center;width: 380px;}
label {display: block;font-size: 15px;font-weight: 700;margin: 17px 0 2px;}
input.text_input {font-size: 14px;color: #333;border-color: #8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;border-style: solid;border-width: 1px;background: #fefefe url('../img/textback.png') repeat-x 0 0;-moz-border-radius: 2px;-webkit-border-radius: 2px;padding: 4px;margin: 0 0 2px;width: 250px;}
input.button {background: url('../img/file.png') repeat scroll 0 0 transparent;border: 0 none;color: #FFF;height: 28px;margin: 0;padding: 0 0 5px;width: 76px;}
/* layout */
#wrap {width: 810px;margin: 0 auto;text-align: left;-moz-border-radius: 16px;-webkit-border-radius: 16px;-moz-box-shadow: 0px 0px 5px #444;-webkit-box-shadow: 0px 0px 5p #444;box-shadow: 0px 0px 5px #444;}
#content {padding: 20px;border-left: 10px solid #fff;border-right: 10px solid #fff;background: #f5f5f5;}
#header {background: #4682B4 url('../img/background.png');position: relative;height: 100px;padding: 0;color: #fff;border: 10px solid #fff;-moz-border-radius: 16px 16px 0 0;-webkit-border-radius: 16px 16px 0 0;}
#header h1#logo-text a {position: absolute;margin: 0;padding: 0;font-size: 55px;top: 5px;left: 35px;color: #fff;}
#header p#slogan {position: absolute;margin: 0;padding: 0;font-size: 13px;text-transform: none;top: 70px;left: 35px;}
.img_box {background: #FFF;border: 1px solid #E5E5E5;float: left;margin: 0 0 20px 0;	padding: 10px;text-align: center;width: 310px;height: 310px;display: table-cell;vertical-align: middle}
.img_box img {border: 1px solid #666;	margin:0 auto;}
.long {width: 385px!important;}
.right_col {float: left;	margin-left: 20px;width: 348px;}
.right_col p {margin: 0;}
.right_col input.text_input {*margin: -2px -20px 2px;/* ie7*/}
#toplabel {margin: 0 0 2px !important;}
#footer {color: #fff;background: #4682B4 url('../img/background.png');height: 30px;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;}
#footer p {padding: 5px 0;margin: 0;}
#footer a {color: #fff;text-decoration: underline;}
.notification {position: relative;margin: 0 auto 15px;padding: 0;border: 1px solid;background-position: 10px 11px !important;background-repeat: no-repeat !important;font-size: 13px;width: 750px;}
.success {background: #d5ffce url('../img/tick_circle.png');border-color: #9adf8f;color: #556652;}
.error {background: #ffcece url('../img/cross_circle.png');border-color: #df8f8f;color: #665252;}
.notification div {display: block;font-style: normal;padding: 10px 10px 10px 36px;line-height: 1.5em;}
.file_input_div {height: 31px;margin: 0 auto;overflow: hidden;position: relative;text-align: left;width: 340px;}
.file_input_div input.text_input {position: relative;z-index: 1002;}
.file_input_button {background: url('../img/file.png') no-repeat;border: 0 none;color: #fff;height: 28px;padding: 0 0 0;top: 0;width: 76px;}
.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;}
.bookmarking {border: #8E8E8E 1px solid;background: #fff;display: block;width: 385px;margin: 0 auto;text-decoration: none;clear: both;height: 16px;position: relative;padding: 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;}
.loading {display: none;	height: 150px;padding: 20px;text-align: center;}
.loading img {border: #8E8E8E 1px solid;background: #4682B4;}
.clear {clear: both;}