/* CSS Document */
body { 
margin: 0; 
padding: 0; 
background-color:#506379;  
font-family: Verdana, Arial; 
font-size: 12px; 
}
.searchinput
{
border:1px solid #ffffff;
background-color:#CCCCCC;
font-size:11px;
}
a {
	color:#0000ff;
  	text-decoration: underline;
	}
a:hover {
	color: #ff0000;
	text-decoration: underline;
	}
/* misc*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;

	padding-left: 10px;
	height:5px;
	background-image: url(../images/navigation_header.gif);
width:100%;
margin: 0px;
	}
.page_heading {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;

	padding-left: 10px;
	height:32px;
	background-image: url(../images/navigation_header.gif);
width:100%;
margin: 0px 0px 0px 0px;
	}
h2 {
	font-size: 12px;
	margin: 0em 0em .5em 0em;
	font-weight: normal;
	}
p {
	margin: 0 10px 10px 10px;
	font-size: 12px;

}

.bginput
{
    background-color: #f8fcfe; 
	border: solid #c6def0; 
	border-width: 1px 1px 1px 1px; 
	font-color: #626161; 
	font-size: 10px;
	font-family: trebuchet MS, arial, verdana;
	}

.button
{
	background: #FFFFFF;
	border: 2px solid #CDDBDE;
	font-size: 10px;
	font-family: trebuchet MS, arial, verdana;
}

.spacer
{
	padding: 5px;
}
/* header 
td.header {
	background-image:  url(/images/headerbg.gif);
}*/

td.header_links {
	background-color: #383838;
	height: 10px;
	font-size: 10px;
	color: #ffffff;
	padding-right: 15px;
	text-align: right;
}
td.header_links a{
	
	color: #ffffff;
	font-weight: normal;
		font-size: 10px;
}	









/*  LEFT menu */
td.menu {
	width: 190px;
	background: #ffffff;
	padding: 0;
	margin: 0;
	border: 3px solid #f4f4f4;	
}
td.menu div.headmenu {
	background-image: url(/images/content_bg.gif);
	width:179px;
	height: 32px;
	font-family: verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;

}
td.menu div.submenu {
	background: #f1f4f9;
	padding: 0;
}
td.menu div.submenu a {
	display: block;
	padding: 3px;
	padding-left:10px;
	margin: 0px;
	font-size: 11px;
	color: #506379;
	border-top: 0px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
	font-weight: bold;
}
td.menu div.submenu a:hover { 
	background: #ffffff;
	padding-left:13px;
	background-color: #cccccc;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}
	

/* content */
div.middle
{
	background: #ffffff;
	padding: 10px;
	text-align:left;
	border: 0px solid #ffffff;
}
.middle {
	background: #ffffff;
	padding: 0px;
	color: #313131;
  	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	padding:10px;
	text-align:left;
	border: 3px solid #f4f4f4;

}
td.middle div.middle a {

}
td.middle div.middle a:hover { 

	}
	
	
	
	
	
	
	
	
	/*  RIGHT menu */
td.menu2 {
	width: 150px;
	background: #ffffff;
	padding: 0;
	margin: 0;
	border: 3px solid #f4f4f4;	
}
td.menu2 div.headmenu2 {
	background-image: url(/images/content_bg.gif);
	width:150px;
	height: 32px;
	font-family: verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;


}
td.menu2 div.submenu2 {
	background: #f1f4f9;
	padding: 0;
}
td.menu2 div.submenu2 a {
	display: block;
	padding: 3px;
	padding-left:10px;
	margin: 0px;
	font-size: 11px;
	color: #506379;
	border-top: 0px solid #cdd7e3;
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
	font-weight: bold;
}
td.menu2 div.submenu2 a:hover { 
	background: #ffffff;
	padding-left:13px;
	background-color: #cccccc;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}
	
	
	
	
	
	
	
		/*  Footer */
td.footer {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #9cb0c8;
	font-family: verdana;
	color: #F4F4F4;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	}
	
	
	/* UNCATEGORIZEDDD */
	
div.text {
	text-align: left;
	font-family: trebuchert ms, verdana, arial;
	color: #333333;
	font-size: 11px;
		}
div.text a{
	text-decoration: none;
	color: #f53535;
	}
td.too {
	width: 100%;
	background: #f1f4f9;
	padding: 10px;
	margin-bottom: 30px;
	border-top: 1px solid #9cb0c8;
	border-bottom: 1px solid #9cb0c8;
	font-family: verdana;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	}
	
	.saveb
	{
	
	font-size: 9px;
	}
	
	
/*  image tools */

/*


	Edit this file to change the design of your image hosting site.

	*IMPORTANT* - we recommend that you make a backup copy of this file before you edit anything in it!

*/

/* general font, size and color settings */

body, div, td, p{
	font-family: arial,verdana ;
	font-size: 12px;

}

/* the text-align: center; is responsible for positioning the site in the middle of the screen */
.grayheader
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding:3px;
	height:22px;
	background-image: url(../images/navigation_header.gif);
	width: 100%;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
}

.images_list
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding:3px;
	height:22px;
	background-image: url(../images/navigation_header.gif);
	width: 100%;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;


}

.imagelist
{
	width: 100%;

}
/*
 the #page <div> just contains all the content displayed on the page. the "margin: ?px auto;" is needed
	to keep all the content centered on the screen.

	If you would prefer the site to stretch the full width of the screen, change "width: 740px;" to "width: 100%;"
*/

#page{
	width: 100%;
}

/*
	the #content <div> contains everything that changes from one page to the next, ie. the main content on the site.
*/

#content{
	padding: 2px;
width: 100%;


}

/*
	the #sidepanel <div> displays content in the php file "/includes/sidepanel.inc.php". It appears on every page.
	You can edit the sidepanel.inc.php file to display your own google adsense code, links to sponors, or
	whatever else you want.

	If you want to swap the positions of the #content and #sidepanel <divs> (so the sidepanel is on the left, and
	the content on the right of the page), change the following values:

	In the #content definition above, change "float: left;" to "float: right;"
	In the #sidepanel definition below, change "float: right;" to "float: left;"

	*Important*

	For the layout to work, the combined widths of the #content and #sidepanel <divs> (together with any padding
	or margins) must be less than the "width:" of the #page <div> above.

	If the widths exceed this, then the #sidepanel <div> will appear *below* the #content, instead of to its side.

*/

#sidepanel{
	float: right;
	margin: 10px;
	padding: 0px;
	text-align: left;
	width: 150px;
}

/* link (<a >..</a> ) style definition */




strong{
	font-weight: bold;
}

li{
	margin-bottom: 10px;
}

h3{
	font-size: 12px;
}


/*
	The header is the area containing the logo and the top banner.
*/

#header{
	height: 80px;
}

#logo{
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	height: 60px;
	vertical-align: bottom;
}

/* style for the logo (site name) link. */

#logo a:link, #logo a:visited, #logo a:hover{
	color: black;
	font-weight: bold;
	text-decoration: none;
}

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

#topbanner{
	float: right;
	margin: 5px;
	width: 468px;
	height: 60px;
	border: 1px solid #cccccc;
}

/* navbar, containing all the links to other pages on the site. */

.navbar{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px;
	text-align: center;
}

.navitem{
	padding: 2px;
}

/* styles for links appearing in the nav bar */

.navlink:link, .navlink:visited{
	text-decoration: none;
	color:#FFFFFF;
	font-weight: bold;
}

.navlink:hover{
	text-decoration: none;
	color:#f4f4f4;
	font-weight: bold;
}

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

#footer{
	clear: both;
	margin: 5px;
	text-align: center;
	color: #555555;
}

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

#bottombanner{
	width: 468px;
	height: 60px;
	border: 1px solid #cccccc;
	margin: 10px;
	float: right;
	clear: none;
}


.infobox
{
border: 1px solid #cccccc;
}
.infoboxheading
{
background-image: url(../sharing/picboxbg.gif);
border-bottom:1px solid #cccccc;
font-size:14px;
}
.infoboxcontent
{
font-size:12px;
}

.padleft
{
padding-left:6px;
}
.padright
{
padding-right:6px;
}
.boxcontainer
{
	margin-left:0px;
	margin-right:0px;
}
/* style definitions for the <table> used to list member's images on the images.php page when they are logged in. */

.imagetable{

	background-color: #cccccc;
	
}

.imagetitle
{
	font-weight: bold;
	padding: 3px;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}

.tr1
{
	background-color:#ffffff;
}
.tr2
{
	background-color:#ffffff;
}

.tdcheck
{
width:25px;

}

.tdthumb
{
	text-align: center;
	padding: 10px;
}

.thumb{
	border: 1px solid black;
	margin: 0px;
}

.tdinfo{
	text-align: left;
	vertical-align: top;
	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. */

.pictextbox{
	border: 1px solid #cccccc;

	background-image:url(../sharing/loginbg.gif);
	padding: 5px;
}

.urlinput{
	width: 260px;
	height: 18px;
	margin: 0px;
	padding: 2px;
	font-size: 10px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	font-family: arial, verdana;
}
.urlinputsmall{
	width: 250px;
	height: 18px;
	margin: 0px;
	padding: 2px;
	font-size: 10px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	font-family: arial, verdana;
}
/* style definitions for the upload images form . */

.uploadform{
	text-align: center;
	border: 3px dotted #cccccc;
	padding: 5px;
}

.uploadheading{
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.uploadfield{
	text-align: center;
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
}

.uploadinput{
	width: 45%;
}

.uploadname{
	width: 40%;
}

.uploadgallery{
	width: 95%;
}

.uploadsubmit{
	width: 95%;
}

/* styles for the galleries.php page */

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

.galleryform{
	text-align: center;
	border: 3px dotted #cccccc;
	padding: 5px;


}

.galleryheading{
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	font-size: 12px;
}

.gallerylabel{
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	margin-top: 10px;
}

.gallerynameinput{
	width: 45%;
	border: 1px solid #cccccc;
	padding: 2px;
}

.galleryintrotext
{
	width: 45%;
	height: 80px;
	border: 1px solid #cccccc;
	padding: 2px;
}

.gallerysubmit{
	width: 45%;
}



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

.errors{
	font-weight: bold;
	color: red;
	margin: 20px;
	text-align: center;
}

/* <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: 420px;
	font-size: 11px;
	border: 1px solid #cccccc;
	color: #666666;
	background-color:#FDFDEA;
}
.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;
}

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

.memberform{
	text-align: center;
	margin-top: 40px;
}

.membertable{
	background-color: #000000;
}

.memberheading{
	background-color: #6699cc;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #000000;
}

.memberlabel{
	padding: 10px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	background-color: #ffffff;
	border-bottom:1px dotted #cccccc;
}

.memberfield{
	color: #555555;
	background-color: #ffffff;
	padding: 10px;
	text-align: left;
	vertical-align: top;

		border-bottom:1px dotted #cccccc;
}

.memberinput{

}



.contactform{
	text-align: center;
}

.contactinput{
	width: 400px;
}

.contactmessage{
	width: 400px;
	height: 150px;
}

.plantable{
	background-color: #cccccc;
width: 100%;
}



.planname{
	background-image: url(../images/navigation_header.gif);
	font-weight: bold;
font-size:14px;
color:#FFFFFF;
	padding: 6px;
}

.planlabel{
	font-weight: bold;
	padding: 6px;
}

.planvalue{
	text-align: center;
	padding: 6px;
}


.userinfo
{

	font-size: 10px;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	padding: 4px;
	color: #777777;
	font-weight: normal;
	background-color: #bede99;
}
.ustats
{
	font-size: 10px;
	text-align: left;
	padding: 4px;
	color: #f4f4f4;
	background-color:#ffffff;
	font-weight: normal;
	border-bottom:1px solid #cccccc;
}
.uivalue{
font-size: 10px;
	color: #999999;
	font-weight: normal;
}

.pagecontents
{
margin-left:5px;
margin-right:5px;
}
	
#graphic1 {
    padding-left: 20px;
    background: url(http://www.myspacewrench.com/icon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    height: 25px;
}