/*



PHP Image Host

www.phpace.com/php-image-host



Copyright (c) 2004,2008 Sam Yapp



Permission is hereby granted, free of charge, to any person obtaining a copy

of this software and associated documentation files (the "Software"), to deal

in the Software without restriction, including without limitation the rights

to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

copies of the Software, and to permit persons to whom the Software is

furnished to do so, subject to the following conditions:



The above copyright notice and this permission notice shall be included in

all copies or substantial portions of the Software.



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.



*/



/* general font, size and color settings */



body, div, td{

	font-family: verdana, arial;

	font-size: 8pt;

	color: #b0d4ea;

}



/* the text-align: center; is responsible for positioning the site in the middle of the screen */



body {

	height: 100%;

    margin:0px;

    padding:0px;

    text-align:center;

	background-color: #152026;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.wrapper1 {

	width: 900px;

	margin:0 auto!important;

	padding-bottom:10px;padding-top:10px;

	min-width:1000px;

	text-align:left;

	

	}

	

.button1

{   text-decoration:none!important;

	display: block;

	float:left;

	overflow:hidden;

	width: 101px;

	height: 52px;

	background-image: url(modules/default/themes/default/images/button.png);

	background-repeat: no-repeat;

	background-position: 0 0;

	margin-right: 5px;

}

.button1:hover{ text-decoration:none;background-position:0 -52px;}

.button1 span{margin-left:0px;text-align:center;display:block;}

.hbutton1{

padding-top:15px;

cursor:pointer;

font-size:12px;

font-face:Arial;

font-weight:bold;

color:#cccccc;

text-shadow: 1px 1px 1px #111;

}



.topwrap {

overflow:hidden;

	height: 62px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_topbg.png);

	background-repeat: repeat-x;

}



.topL{

	float:left;

	width:27px;

	height: 62px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_topL.png);

	background-repeat: no-repeat;

}



.topR{

	float:right;

	width:27px;

	height: 62px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_topR.png);

	background-repeat: no-repeat;

}



.topC{

	margin-left:27px;

	margin-right:27px;

	height: 62px;

	position:relative;

}

.headerwrap {

overflow:hidden;

	height: 122px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_headerbg.png);

	background-repeat: repeat-x;

	position:relative;

}



.headerL{

	float:left;

	width:335px;

	height: 122px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_headerL.png);

	background-repeat: no-repeat;

}



.headerR{

    position:relative;

	float:right;

	width:445px;

	height: 122px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_headerR.png);

	background-repeat: no-repeat;

}



.headerC{

	margin-left:335px;

	margin-right:445px;

	height: 122px;

	text-align: center;

}



.navwrap {

overflow:hidden;

	height: 37px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_navbg.png);

	background-repeat: repeat-x;

}



.navL{

	float:left;

	width:11px;

	height: 37px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_navL.png);

	background-repeat: no-repeat;

}



.navR{

	float:right;

	width:11px;

	height: 37px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_navR.png);

	background-repeat: no-repeat;

}



.navC{

	margin-left:11px;

	margin-right:11px;

	height: 37px;



}



#navtabs {padding-top:1px;display:block;height:37px;font-size:11px;font-weight:bold;}

#navtabs ul{margin:0;padding:0;list-style-type:none;width:auto;}

#navtabs ul li{display:block;float:left;margin:0;}

#navtabs ul li a{

	display:block;

	float:left;

	color:#81a3b8;

	text-decoration:none;

	height:37px;

	padding-top: 8px;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 20px;

}

#navtabs ul li a:hover,#tabs31 ul li a.current{

	color:#FFFFFF;

	background-color: #26363f;

	border-right:1px solid #3e6279;

	border-left:1px solid #3e6279;

	padding-right: 19px;

	padding-left: 19px;	

}





#content{

    float:left;

	padding: 10px;

	text-align: left;

	padding-top: 5px;

	width: 600px;

	padding-bottom: 0px;

  

}



#sidepanel{

    float:right;

	margin: 10px;

	padding: 0px;

	text-align: left;

	width: 220px;



}



.cwrap {

    

    overflow:hidden;

	padding-right:20px;

	padding-left:20px;

	background-color: #26363F;

	border-right:1px solid #31434f;

	border-left:1px solid #31434f;



}

.footerwrap {

    clear:both;  

	height: 76px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_footerbg.png);

	background-repeat: repeat-x;

}



.footerL{

	float:left;

	width:11px;

	height: 76px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_footerL.png);

	background-repeat: no-repeat;

}



.footerR{

	float:right;

	width:11px;

	height: 76px;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_footerR.png);

	background-repeat: no-repeat;

}



.footerC{

	margin-left:11px;

	margin-right:11px;

	height: 76px;

}









/* link (<a >modules/default/themes/default</a> ) style definition */



a:link, a:visited{

	color: #FFFFFF;

}



a:hover{

	color: #CCCCCC;

}



p{

	margin-top: 10px;

	margin-bottom: 10px;

}



strong{

	font-weight: bold;

}



li{

	margin-bottom: 10px;

}



h3{

	font-size: 10pt;margin-bottom: 3px;

}

.sidebaritem h3{

	font-size: 10pt;margin-bottom: 3px;margin-top: 3px;

}







/* <div> containing the banner for the top of the page. */



#topbanner{

	position:absolute;

	top:15px;right:15px;

	margin: 5px;

	width: 468px;

	height: 60px;

	border: 0px solid black;

}







/* footer contains your site's copyright, etc message. */



#footer{

	clear: both;

	margin: 5px;

	text-align: center;

	color: #FFFFFF;

}



/* <div> containing the banner at the bottom of each page of the site. */



#bottombanner{

	width: 468px;

	height: 60px;

	border: 0px solid black;

	margin: 10px;

	float: right;

	clear: none;

}



/* style definitions for the <table> used to list member's images on the images.php page when they are logged in. */



.imagetable{

	background-color: #384e5c;

}



.imagetitle{

	font-weight: bold;

	padding: 3px;

	background-color: #152026;

	color: #fff;

	text-align: center;

}



.tr1{

	background-color: #2b3c48;padding: 10px;

}



.tr2{

	background-color: #435e6f;padding: 10px;

}



.tdcheck{

	width: 20px;

	text-align: center;

	vertical-align: middle;

}



.tdthumb{

	vertical-align: middle;

	text-align: center;

	padding: 10px;

}



.thumb{

	border: 1px solid black;

	margin: 0px;

}



.tdinfo{

	text-align: left;

	vertical-align: middle;

	padding: 10px;

	padding-left: 15px;

	padding-right: 15px;

}



.infolabel{

	font-weight: bold;

	text-align: left;

	vertical-align: middle;

	margin: 0px;

	padding: 0px;

	padding-top: 2px;

}



.infotext{

	color: #555555;

	text-align: left;

	vertical-align: top;

	margin: 0px;

	padding: 0px;

}



/* <input type="text"> style used for listing the urls to link to images on the images.php page. */



.urlinput{

	width: 300px;

	margin: 0px;

	padding: 3px;

	font-size: 8pt;

	border: 1px solid black;

	background-color: #ffffdd;

	font-family: verdana;

}



/* style definitions for the upload images form . */



.uploadform{

	text-align: center;

	background-color:#445e6f;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_altbg.png);

	background-repeat: repeat-x;

	border: 1px solid #384e5c;

	padding: 10px;

	color: #b0d4ea;

}



.uploadheading{

	font-weight: bold;

	text-align: center;

	padding: 5px;

}



.uploadfield{

	text-align: center;

	vertical-align: top;

	padding: 5px;

	font-weight: bold;

}



.uploadinput{

	width: 45%;

	border-radius: 5px;

	text-align: center;

	background-color:#97b61c!important;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_btnbg.png)!important;

	background-repeat: repeat-x;

	border: 1px solid #97b61c!important;

	padding: 2px;

	color: #fff!important;font-weight:bold;

}



.uploadname{

	width: 40%;

}



.uploadgallery{

	width: 95%;

}



.uploadsubmit{

	width: 95%;

	border-radius: 5px;

	text-align: center;

	background-color:#97b61c!important;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_btnbg.png)!important;

	background-repeat: repeat-x;

	border: 1px solid #97b61c!important;

	padding: 2px;

	color: #fff!important;font-weight:bold;

}



/* styles for the galleries.php page */



/* container for the add and edit gallery forms */



.galleryform{

	text-align: center;

	background-color:#445e6f;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_altbg.png);

	background-repeat: repeat-x;

	border: 1px solid #384e5c;

	padding: 10px;

	color: #b0d4ea;

	width: 450px;

	margin: 10px auto;

}



.galleryheading{

	font-weight: bold;

	text-align: left;

	padding-left: 2.5%;

	font-size: 10pt;

}



.gallerylabel{

	font-weight: bold;

	text-align: left;

	padding-left: 2.5%;

	margin-top: 10px;

}



.gallerynameinput{

	width: 95%;

	border: 1px solid black;

	padding: 2px;

}



.galleryintrotext{

	width: 95%;

	height: 80px;

	border: 1px solid black;

	padding: 2px;

}



.gallerysubmit{

	width: 95%;

}







/* <div> used to display any error messages. */



.errors{

	font-weight: bold;

	color: red;

	margin: 20px;

	text-align: center;

	background:#172a34;

	padding:10px;

}



/* <div> used to display status messages, eg. image uploaded, etc */



.message{

	font-weight: bold;

	color: #336699;

	margin: 10px;

	text-align: center;

}



/* styles for galleries.php page */



/* <input> containing the url to each gallery */



.galleryurlinput{

	width: 95%;

	margin: 0px;

	padding: 3px;

	font-size: 8pt;

	border: 1px solid #aaaaaa;

	color: #990000;

}

.tdlabel{

	padding: 4px;

}



/* styles used on the rename image page */



/* <div> surrounding the thumbnail and form */



.renameform{

	text-align: center;

	border: 3px dotted #cccccc;

	padding: 10px;

}



/* <div> containing the thumbnail of the image to rename */



.renamethumb{

	float: left;

	width: 130px;

	text-align: center;

}



/* <div> surrounding the text input and submit button */



.renamefields{

	float: left;

	padding: 10px;

	padding-top: 0px;

	font-weight: bold;

	text-align: left;

}



/* new name <input> styles */



.renamename{

	margin-top: 10px;

	width: 300px;

}



/* submit <input> style */



.renamesubmit{

	width: 300px;

	margin-top: 10px;

	clear: both;

}

/* styles used on the resize image page */



/* <div> surrounding the thumbnail and form */



.resizeform{

	text-align: center;

	border: 3px dotted #cccccc;

	padding: 10px;

}



/* <div> containing the thumbnail of the image to resize */



.resizethumb{

	float: left;

	width: 130px;

	text-align: center;

	padding-bottom: 10px;

}



/* <div> surrounding the text input and submit buttons */



.resizefields{

	float: left;

	padding: 10px;

	padding-top: 0px;

	font-weight: bold;

	text-align: left;

	width: 300px;

}



/* new size <input> styles */



.resizesize{

	width: 50px;

	margin-top: 10px;

}



/* submit <input> style */



.resizesubmit{

	width: 300px;

	margin-top: 5px;

	clear: both;

}



.loginbutton{

    border-radius: 5px;

	text-align: center;

	background-color:#97b61c!important;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_btnbg.png)!important;

	background-repeat: repeat-x;

	border: 1px solid #97b61c!important;

	padding: 2px;

	color: #fff!important;font-weight:bold;

}



/* styles used for any member forms, eg. login, join, etc. */



.memberform{

	text-align: center;

	margin-top: 40px;

}



.membertable{

	background-color: #384e5c;

}



.memberheading{

	background-color: #152026;

	padding: 5px;

	text-align: center;

	font-weight: bold;

	color: #fff;

}



.memberlabel{

	padding: 4px;

	text-align: right;

	vertical-align: top;

	font-weight: bold;

	background-color:#445e6f;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_altbg.png);

	background-repeat: repeat-x;

}



.memberfield{

	color: #CCC;

	background-color:#445e6f;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_altbg.png);

	background-repeat: repeat-x;

	padding: 4px;

	text-align: left;

	vertical-align: top;

	width: 300px;

}



.memberinput{

	width: 95%;

}



/* styles used for the contact form on the contact.php page. */



.contactform{

	text-align: center;

}



.contactinput{

	width: 400px;

}



.contactmessage{

	width: 400px;

	height: 150px;

}



.plantable{

	background-color: #384e5c;

	margin-top: 40px;



}



/* styles used for the account plan comparison table on the home page. */



.planname{

	background-color: #152026;

	font-weight: bold;

	text-align: center;

	padding: 10px;

}



.planlabel{

	font-weight: bold;

	padding: 6px;

}



.planvalue{

	text-align: center;

	padding: 6px;

}



/* style for the "powered by phpimagehost" link at the bottom of the page. */



.poweredby{

	margin: 20px; 

	padding-bottom: 40px;

	text-align: center; 

	color: #bbbbbb;

}



.poweredby a{

    text-decoration: none;

    color: #bbbbbb;

}



/* user account information block displayed at the top of each page when a user is logged in */



.userinfo{



	font-size: 8pt;

	text-align: left;

	background-color:#152026;

	border: 1px solid #384e5c;

	padding: 10px;

	color: #b0d4ea;

	font-weight: normal;

	

}



.uivalue{

	font-weight: bold;

}



.bimg{

	float: left;

	margin: 10px;

}



a.imga{

	margin: 0;

	padding:7px;

	border: 6px solid #78a0b8;

	background-color: #0c1316;

	text-align: center;

	display: block;

	box-shadow: -2px 2px 2px #1A1A1A;

}



a.imga:hover{

	border-color: #78a0b8;

	background-color: #2d3e4a;

}



.paginate{

	clear: both;

	margin: 1em;

	text-align: center;

}



.previous{

	float: left;

}



.next{

	float: right;

}



.tinfo{

	font-size:0.9em;

	font-family: verdana,arial;

}



.theimage{

	text-align: center;

}



.theimage img{

	border: 8px solid #78a0b8;

	background-color: #0c1316;

	padding: 5px;

	box-shadow: -2px 2px 2px #1A1A1A;

}

.sidebaritem{

	clear: both;

	margin-bottom: 1em;

	color: black;

	font-size: 8pt;

	text-align: left;

	background-color:#445e6f;

	background-image: url(modules/default/themes/default/images/imagehostingcentral_altbg.png);

	background-repeat: repeat-x;

	border: 1px solid #384e5c;

	padding: 10px;

	color: #b0d4ea;

	font-weight: normal;

	height:auto;



}



.sidebaritem form{text-align: right;margin-right:0px;}

.sidebaritem input{

   background:#152026;

   border:1px solid #364957;

   color:#bedbed;

   width:128px;

}

/* <div> surrounding the navigation menu at the footer of the page */

#footernav{

	margin: 2em;

	color: black;

}



#footernav a{



}



/* div around the main image displayed on the homepage */

#homepageimage{

	float: right;

	margin: 1em;

}



#homepageimage a img{

	border: 8px solid #78a0b8;

	background-color: #0c1316;

	padding: 5px;

	box-shadow: -2px 2px 2px #1A1A1A;

}



#homepageimage a:hover img{

	border: 8px solid #CCC;

}



#homepagethumbs{

}



#homepagethumbs .wr{

	margin: auto;clear:both;

}



#homepagethumbs a img{

	border: 8px solid #78a0b8;

	background-color: #0c1316;

	padding: 4px;

	box-shadow: -2px 2px 2px #1A1A1A;

}



#homepagethumbs a:hover img{

	border: 8px solid #CCC;

}



#homepagethumbs .im{

	float: left;

	margin-right: 25px;margin-top: 25px;

}



.lcode{

	padding-top: 4px;

	font-weight: bold;

}



/* div thumbnail displayed after image upload */

.uploadedthumb{

    float: left;

    text-align: center;

}



.uploadedthumb img{

    border: 1px solid black;

}



#hpnews{

    border: 1px dashed #acacff;

    background-color: white;

    margin: 0.5em;

    padding: 0;

}



#hpnews h2{

    margin: 0;

    font-size: 1.1em;

    border-bottom: 1px dashed #acacff;

    padding: 0.5em;

    background-color: #f0f0ff;

}



#hpnews div{

    margin: 1em;

}



#hpnews a{

    font-weight: bold;

}



#rate{

    text-align: center;

    position: relative;

}

#rate #options{

    margin: auto;

    text-align: center;

    width: 50%;

}



#rate input{

    border: 0;

    padding: 0;

    margin: 0;

    float: left;

}