/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input, img, span { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 12px; font-weight: normal; font-style: normal;}
ul,ol,li { list-style: none; }
fieldset,img,a { border: none;}
caption,th { text-align: left; }
/* ///////////////////////////// */
/* LAYOUT */

#container {text-align:left; width:830px; margin:0 auto;}
#navigation {float:left;width:150px}
#content {float:left; width:100%; min-height:700px; padding:10px 0 0 5px;}
/* IE min-height */
/*\*/  * html #content {height: 700px;} /**/
#extra {float:right; width:750px;}
#footer {clear:both; width:830px; margin-left: auto; margin-right: auto;}
body {background-color:#000000; color:#A8A8A8; font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 16px;}

/*MENU*/
#top {position:relative; background-color: #252525;}
#top div.inner { position: relative; overflow: hidden; width: 830px; margin: 0 auto; padding: 86px 0 0; }
#logo { position: absolute; left: 1px; top: 50%; width: 386px; height: 86px; margin: -43px 0 0; }
#logo a { display: block; position: relative; overflow: hidden; width: 386px; height: 86px; background: url(/img/webmaster/logo.gif) no-repeat; text-indent: -10001px; cursor: pointer; }

#nav {font-size:100%; bottom:0; left:0; float:right}
#nav ul {list-style: none; padding: 0; margin: 0px;    background-color: #252525; }
#nav ul li {float: left; text-align: center;  height: 30px; margin: 0px 0px 0px 0px; border-left: 3px solid #252525; padding: 0; background:url(/img/webmaster/bgNav.gif)}
#nav ul li {voice-family: "\"}\""; voice-family:inherit; width: 71px;}
html>body #nav ul li { width: 71px; }
#nav ul li a {display: block; padding: 7px 5px 7px 7px; color: #636363; text-decoration: none;}
#nav ul li a:hover{color: #a1a1a1; background:url(/img/webmaster/bgNav.gif) bottom left;}
#nav ul li#active a { background: #fff; color: #a1a1a1; background:url(/img/webmaster/bgNav.gif) bottom left; }
#nav ul li#active  a:hover {}
/*#nav ul li.first {border-left: none;}*/


#flashMessage {background-color: #20AF5C; padding: 10px; margin-bottom: 5px; color: #DFDFDF; width: 390px; font-weight: bold;}
#flashMessage.error {background-color: #AF2026;}
#authMessage {background-color: #AF2026; padding: 10px; margin-bottom: 5px; color: #DFDFDF; width: 390px; font-weight: bold;}

.infoMessage {background-color: #20AF5C; padding: 10px; margin-bottom: 5px; color: #DFDFDF; font-weight: bold;}

h1 {padding-top: 10px;}
h2{font-size: 18px; font-weight: normal; padding-bottom: 5px;}

.gallerySites { width: 830px; overflow: hidden;}
.gallerySites li {margin: 0; width: 150px; padding:0 16px 12px 0; float: left;}
.gallerySites .onlist{
  position: absolute; margin: 180px 0 0 4px;display:none;
}

.tmb .onlist2{
  position: absolute; margin: 180px 0 0 4px;display:none;
}

.show {display: none;}

.right {float: right;}
.left {float: left;}
.lines {display: inline;}
.clear {clear: both;}
.h16 {height: 16px;}

.tmb {height: 200px; display: block;}
.tmb a img {float: left; padding-right: 16px;}

.infotext {height: 200px; padding-left: 16px; }



/*WEBMASTERS*/
/*.codebox {border: 0; color:#A8A8A8; padding-right: 16px; float: left;}*/
pre{background-color: #252525; border: 1px dashed gray;padding: 7px; color: #A8A8A8; float: left; width: 633px;}
.code {background-color:#252525;  padding: 5px; width: 150px; height: 200px;}
.code p {background-color:#252525;  padding: 5px; width: 50px; height: 50px;}

.ccbill {color: #CF2626}
.flashsize{color: #2BBF23}


.search2,.myfilter{
  display:block;
    float:right;
    margin:0 16px 10px 0;
    background-color:#3F3F3F;
    border:1px solid #4F4F4F;
    border-top:1px solid #4F4F4F;
    border-left:1px solid #4F4F4F;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.search2 img, .myfilter img{
       margin:0 8px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.search2 select{
  margin-left: 10px;
  padding: 0;
}


/* BUTTONS */
.buttons{
/*width: 638px;*/
}
#preloader{
float: left;display: none;
}


.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#3F3F3F;
    border:1px solid #4F4F4F;
    border-top:1px solid #4F4F4F;
    border-left:1px solid #4F4F4F;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 8px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#dfdfdf;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#dfdfdf;
}
.buttons a.negative:hover, button.negative:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.negative:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}



.buttons a.addhosted, button.addhosted,.buttons a.removehosted, button.removehosted{
    color:#dfdfdf;
}
.buttons a.addhosted:hover, button.addhosted:hover{
    background-color:#FF9999;
    border:1px solid #CC6666;
    color:#CC0000;
}
.buttons a.removehosted:hover, button.removehosted:hover{
    background-color:#FF9999;
    border:1px solid #CC6666;
    color:#CC0000;
}

.buttons a.addhosted:active,.buttons a.removehosted:active{
    background-color:#CC0000;
    border:1px solid #CC0000;
    color:#fff;
}


/*
FARBY
#A9F702
#A8A8A8
*/
form {
	width: 400px;
	background: #1F1F1F; padding: 5px;
}
label{
	width: 150px;
	float: left;
	font-weight: bold;
}
.error-message{
	 vertical-align: top; font-size: 10px; color: #AF2026; padding-left: 160px; float: none;
}
.input{
padding: 5px;
	clear: both;
	background: #1F1F1F;
}
.text input, .password input{
		background: #1F1F1F;
		border: 1px solid #A8A8A8;
		color: #A8A8A8;
		padding: 3px
}

.login input{
	cursor: pointer;
	margin-left: 160px;
}
.input.text.error,.input.password.error{
	/*background: #a52a2a;*/
	padding: 5px;
}
em { font-weight: bold; padding-right: 5px; vertical-align: top; }
.submit{
	padding-left: 160px
}






.col-1 {width: 316px; overflow: hidden; float: left;}
.l16 {padding-left: 16px;}
.center {margin-left: auto; margin-right: auto; text-align: center;}
.p14	{font-size: 15px; line-height: 18px;}

h1 {font-size: 22px; color: #fff; font-style: normal; font-weight: lighter; margin-bottom: 10px;}

h3 {font-size: 14px; font-weight:bold;  font-style:normal; text-align: center; padding-top: 3px; margin-bottom: 4px;}
h4 {margin-bottom: 10px; line-height: 10px; margin-top: 5px;}
h5 {margin-bottom: 10px; line-height: 10px;}
h6 {font-size: 14px; font-style:normal; float: right;}
.line {border-bottom: #2E2E2E; border-bottom-style: solid; border-bottom-width: 1px; margin: 11px 0 9px 0;}

a {color: #00FF00; text-decoration: underline;}
a:hover {text-decoration: none;}
a:link, a:visited {color: #A8A8A8;}
.clear { clear:both; }


#pic-info {padding: 10px 0 0 8px; height: 33px; color: #a97637; font-size: 16px; margin-top: 7px; background-image: url(/img/hosted/bar.gif); background-repeat: no-repeat;}
ul.cover-card {height: 200px; width: 996px;}
.cover-card li{display: inline; float: left; height: 200px; width: 150px; overflow: hidden; margin-right: 16px;}

.cent {width: 316px; display: block; margin: 0 auto; text-align: center;}


/*background-image: url(/img/gallery/thumbs_bg.gif); background-position: 0 0;*/
.thumbwrap {width: 332px; padding-top: 12px;}
.thumbwrap li {float: left; width: 150px; height: 150px; padding: 0 16px 16px 0;}


/*ul.thumbs li img {margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;}*/
/* buttons */
a.buttona {display: block; width: 147px; height: 63px; background-image: url(/img/buttons/a.gif); background-position: 0 0; margin: 0 auto;}
a.buttong {display: block; width: 147px; height: 63px; background-image: url(/img/buttons/g.gif); background-position: 0 0; margin: 0 auto;}
a.buttoni {display: block; width: 147px; height: 63px; background-image: url(/img/buttons/i.gif); background-position: 0 0; margin: 0 auto;}

a.buttona:hover, a.buttong:hover,a.buttoni:hover{ background-position: -147px 0;}
a.buttona:active, a.buttong:active,a.buttoni:active{ background-position: -294px 0;}
a .alt { display: none;}

/* foot nav menu */
#footer {font-size: 11px; text-align: center; line-height:14px; padding-bottom: 10px;}
.foottext a.name {text-decoration: underline;}
.foottext a:hover.name {text-decoration: none;}
#footer .footnav {padding-top: 10px; padding-bottom: 10px;  border-bottom : #2E2E2E;  border-bottom-style: solid; border-bottom-width: 1px; margin-left: 5px; width: 100%; margin-bottom: 10px;}
#footer .footnav a {text-decoration: none; margin-left: 5px; margin-right: 5px;}
#footer .footnav a:hover {text-decoration: underline;}