/*

  * Author: Copyright - Zymic.com All Rights Reserved



/* ==IMPORTS

--------------------------------------------------------------------- */

@import "defaults.css";



/* ==GENERAL

--------------------------------------------------------------------- */

#nav,

#section-nav,

#sponsor-partners dt a,

#sponsor-partners p a,

#member-login h2,

#section-nav h3,

#sponsor-partners h2,

#content h2,

body.templates #content h3,

body.web-hosting #content h3,

#latest-news a,

#featured-content .tutorials p a,

#featured-content .templates p a,

#footer,

body.web-hosting #content div.feature-glossary dl,

body.web-hosting #content #additional-links li a,

body.tutorials #content div.tutorial-step h3,

body.tutorials #content div.tutorial-step h4,

body.tutorials #content #tutorial-comments h3,

body.tutorials #content #tutorial-submit-comments h3,

body.tutorials #tutorial-metadata dt {



   /* An IE6 'feature' results in 'Login-in' being transformed to

   'Login-In' - this doesn't occur in Opera9 and Mozilla FF 1.5+ as

   it is an i18n violation */



   text-transform: capitalize;

}



#nav ul,

#member-login form,

#member-login form ul,

#member-login form dl,

#section-nav ul,

#featured-promo ul,

#latest-news .date,

#featured-promo ul,

#featured-promo p,

#content .tutorials ul,

#content .tutorials p,

#content .templates ul,

#content .templates p {

   list-style: none;

   margin    : 0;

}



#member-login h2,

#section-nav h3,

#sponsor-partners h2 {

   background: #d2d9e3 url(/images/section_nav_header_bg.gif) no-repeat 0 0;



}



#member-login h2,

#section-nav h3,

#sponsor-partners h2,

#content h2,

body.templates #content h3,

body.web-hosting #content h3,

body.tutorials #content div.tutorial-step h4,

body.tutorials #content #tutorial-comments h3,

body.tutorials #content #tutorial-submit-comments h3 {

   height      : 22px;

   font-size   : 1em;

   padding-left: 1.35em;

   color       : #566884;

}



#section-nav h3,

#sponsor-partners h2 {

   line-height: 1.8em;

}



/* Make it easier for user to see 'hot' area to click */

#section-nav a,

#sponsor-partners dt a,

#sponsor-partners .url a,

#sponsor-partners p a {

   display: block;

   height : 100%;

}



#nav a,

#section-nav li a,

#sponsor-partners a,

#sponsor-partners dt a:hover,

#sponsor-partners p a:hover,

#latest-news a,

#content .tutorials a,

#content .templates a,

#footer a,

body.web-hosting #content #additional-links li a {

   text-decoration: none;

}



body.web-hosting #content h2,

body.templates #content h2,

body.tutorials #content h2 {

   margin-top: 1px;

}



/* ==WRAPPER

--------------------------------------------------------------------- */

/* We could use body {} and border-left: on #content or border-right:

on #sidebar, but ie6 doesn't play nice due to 3px float bug */



#wrapper {

   background: #fff url(/images/global_bg_faux.gif) repeat-y 187px 0;

}



/* ==BRANDING

--------------------------------------------------------------------- */

#branding {

   /* Gutter spacing */

   padding: 17px 0 50px 0;

	background: url(/images/main-bg-detail.jpg) top right no-repeat;

}



#branding h1 a {

   background: transparent url(/images/global_logo.gif) no-repeat 0 0;

   width : 175px;

   height: 59px;

}



div#branding div#header-promo

{

	float: right;

	position: relative;

	bottom: 53px;

	margin: 0 2px -53px 0;

	padding: 10px 62px 0 0;

	height: 50px;

	text-align: right;

}



div#branding .header-service-coding

{

	background: url(/images/header-icon-coding.png) right no-repeat;

}



div#branding .header-service-templates

{

	background: url(/images/header-icon-templates.png) right no-repeat;

}



div#branding .header-service-traffic
{
	background: url(/images/twitter-logo.png) right no-repeat;
}



div#branding div#header-promo h2

{

	margin: 0;

	padding: 0;

	font-size: 1.2em;

}



div#branding div#header-promo h2 a:link, div#branding div#header-promo h2 a:visited, div#branding div#header-promo h2 a:hover, div#branding div#header-promo h2 a:active

{

	background-color: inherit;

	color: #546986;

	text-decoration: none;

}



div#branding div#header-promo p

{

	margin: 4px 0 0 0;

	padding: 0;

	background-color: inherit;

	color: #546986;

	font-size: 1.2em;

}



/* ==GLOBAL NAVIGATION



--------------------------------------------------------------------- */



#nav {

   background : #546986 url(/images/global_nav.gif) no-repeat 0 0;

   position   : absolute;

   top        : 93px;

   width      : 917px;

   color      : #fff;

   font-size  : 1.2em;

   font-weight: bold;



   /* Height of #546986 coloured container in global_nav.gif, with -4px */

   line-height: 26px;

}



#nav ul {

   height: 33px;

   width : 74.5em;

   margin: 0 auto;

}



/* Safari 1.3 has issues with the above, it wants 75+em */

html[xmlns*=""] body:last-child #nav ul {

   width: 75.5em;

}



#nav li, #nav a {

   float : left;

   height: 100%;

}



#nav li {

   /* 10% clipped for guttering */

   background: transparent url(/images/global_nav_vseperator.gif) no-repeat 0 40%;

}



#nav li.first {

   background: transparent;

}



#nav a {

   padding: 0 .5em;

}



#nav a:link, #nav a:visited {

   color: #fff;

}



#nav a:hover {

   background: transparent url(/images/global_nav_pointer.gif) no-repeat 50% 0;

}



/* Active link states */

body.home #nav li.home a,

body.signup-login #nav li.signup-login a,

body.web-hosting #nav li.web-hosting a,

body.web-hosting-arrow #nav li.web-hosting a,

body.template-arrow #nav li.templates a,

body.tutorials-arrow #nav li.tutorials a,

body.web-traffic #nav li.web-traffic a,

body.contact-us #nav li.contact-us a {

   background: transparent url(/images/global_nav_pointer.gif) no-repeat 50% 0;

}



/* ==SIDEBAR

--------------------------------------------------------------------- */

#sidebar {

   width: 186px;

}



/* ==SIDEBAR: MEMBER LOGIN FORM

--------------------------------------------------------------------- */

#member-login {

   position      : relative;

   padding-bottom: 1em;

}



#member-login h2 {

   height: 23px;

   background-color: #fff;

   background-position: 0 100%;

   line-height: 2em;

}



#member-login form {

   /* Additional top gutter spacing */

   margin-top: .8em;

}



#member-login input.text-field,

#member-login input.password-field {

   background   : #eef1f5;

   color        : #465871;

   border       : 1px solid #b4bbc6;

   height       : 17px;

   width        : 167px;

   margin-left  : 3%;

   margin-bottom: .5em;

   padding      : 1px 2px;

}



/* Checkbox */

#member-login dd.checkbox {

   position: absolute;

   left    : 37.5%;

   bottom  : 9%;

}



/* Checkbox: Label */

#member-login dt.checkbox {

   position: absolute;

   left    : 8.9em;

   bottom  : 10%;

}



/* IE6 has specificity issues with '#member-login .submit-fieldset input.submit-btn' */

#member-login fieldset.submit-fieldset input.submit-btn {

   background: #ef7510 url(/images/global_member_login_btn.gif) no-repeat 0 0;

   position  : relative;

   bottom    : 0;

   left      : 3%;

   width     : 58px;

   height    : 20px;

   border    : 0;



   /* Requested by client: Hover behaviour now matches latest news 'button' */

   cursor    : pointer;



   /* Opera has issues with Phark method when used on input button widgets, so we

   use a close matching orange colour to blur the visible text */

   color     : #ef7510;

}



/* Ignore IE6, no input:hover access (not interested in JS solution) */

#member-login fieldset.submit-fieldset input.submit-btn:hover {

   background-position: 0 -30px;

}



/* ==SIDEBAR: SECTION NAVIGATION

--------------------------------------------------------------------- */

#section-nav li a {

   background  : transparent url(/images/global_bullet_orange.gif) no-repeat 1.5% 45%;

   padding-left: 1.2em;

	padding-top : 1px;

	padding-bottom: 2px;

   color       : #3c485b;

   height      : 1.85em;



   /* Maximum size we can have before 'Template copyright removal' text

   causes a container leak */

   font-size   : 1.15em;

}



#section-nav li a:hover {

   background: transparent url(/images/global_bullet_flint.gif) no-repeat 1.5% 45%;

   color: #fe700e;

}



/* Cascading order of the following is very important */

#section-nav li {

   background: transparent url(/images/section_nav_dotted_bg.gif) repeat-x bottom left;

}



#section-nav li.last {

   background  : none;

	padding-top: 1px;

	padding-bottom: 1px;

}



#section-nav li.last,

#section-nav li.last a {

   height: 2em; /* 1.84 */

}



#section-nav li.even {

   background-color: #f6f7fa;

}



/* ==SIDEBAR: WEB PARTNERS AND SPONSORS

--------------------------------------------------------------------- */

#sponsor-partners dl {

   margin     : .5em 0 0 0;

   line-height: 1.3em;

   font-size  : 1em;

}



#sponsor-partners dt a,

#sponsor-partners p a {

   font-weight: bold;

   color      : #394250;

}



#sponsor-partners .url {

   margin: .15em 0 .8em 0;

}



#sponsor-partners dt a,

#sponsor-partners dd {

   padding-left: 1.25em;

}



#sponsor-partners dt a {

   background: transparent url(/images/global_bullet_orange.gif) no-repeat .2em 60%;

}



#sponsor-partners dt a:hover {

   background: transparent url(/images/global_bullet_flint.gif) no-repeat .2em 60%;

}



#sponsor-partners p {

   font-size : 1.1em;

   text-align: right;



   /* Added some bottom gutter spacing for visual separation safety */

   padding   : 0 .7em 1em 0;



   /* Remove seperation gutter spacing so footer can touch edge */

   margin    : 0;

}



/* ==CONTENT

--------------------------------------------------------------------- */

#content {

   float: right;

   width: 728px;

}



#content h2,

body.templates #content h3,

body.web-hosting #content h3,

body.tutorials #content div.tutorial-step h4,

body.tutorials #content #tutorial-comments h3,

body.tutorials #content #tutorial-submit-comments h3 {

   background: #d2d9e3 url(/images/global_header_bg.gif) no-repeat 0 0;

}



/* ==CONTENT: LATEST NEWS

--------------------------------------------------------------------- */

#latest-news {

   font-size     : 1.2em;

	margin-top: 1px;

   padding-bottom: .7em;

	background: url(/images/generic-grad-bg.png) 0 23px repeat-x;

}



#latest-news h2 {

   margin-bottom: .65em;



   /* Odd inheritance occurs here, #content h2 should have addressed font-size */

   font-size: .8em;

}



#latest-news h3 {

   font-size: 1.15em;

   color    : #f60;

   margin   : 0 .25em 0 .5em;

   padding  : 0.2em;

}



#latest-news p {

   margin      : .75em;

	padding: .75em 0 0 .2em;

	border-top: 1px solid #d7dbd7;

}



#latest-news h3,

#latest-news .date {

   display: inline;

   border : 0;

}



#latest-news .date {

   padding: 0;

}



#latest-news a {

   font-weight: bold;

}



#latest-news p.submit-btn {

   border : 0;

   padding: 0;

}



/* IE6 has issues with specificity, 'a' is not enough, 'a:visited'

must also exist */

#latest-news p.submit-btn a:link,

#latest-news p.submit-btn a:visited {

   background: #ef7510 url(/images/global_latest-news_btn.gif) no-repeat 0 0;

   width : 121px;

   height: 20px;



   /* Opera Phark colour fix */

   color : #ef7510;

}



#latest-news p.submit-btn a:hover {

   background: #ef7510 url(/images/global_latest-news_btn.gif) no-repeat 0 -30px;

}



/* ==CONTENT: FEATURED PROMOTION

--------------------------------------------------------------------- */

/* IE6 won't let child show background-image: until parent is given

height and widths similar to child */

#featured-promo p,

#featured-promo a {

   background: #fff url(/images/promo_free-webhosting.jpg) no-repeat 0 100%;



   /* 1px extra for top gutter spacing */

   height    : 212px;

   width     : 728px;

}



#featured-promo p {

   /* Gutter spacing */

   margin-bottom: .1em;

}



/* ==CONTENT: FEATURED CONTENT

--------------------------------------------------------------------- */

#featured-content {

   width        : 728px;

   margin-bottom: 1em;

}



#featured-content h2 {

   /* Really being used to provide gutter spacing inside parent

   container */

   margin-bottom: 1em;

}



/* ==CONTENT: FEATURED CONTENT: LATEST TUTORIALS / TEMPLATES

--------------------------------------------------------------------- */

#featured-content .tutorials,

#featured-content .templates {

   float   : left;

   height  : 300px;

   position: relative;

}



#featured-content .tutorials img,

#featured-content .templates img {

   position: absolute;

   top     : 0;

   left    : 0;

}



#featured-content .tutorials h4,

#featured-content .tutorials p,

#featured-content .templates h4,

#featured-content .templates p {

   font-size  : 1.1em;

   line-height: 1.1em;

}



#featured-content .tutorials h4,

#featured-content .templates h4 {

   margin-bottom: .25em;

}



#featured-content .tutorials li.first,

#featured-content .templates li.first {

   margin-top: 0;

}



#featured-content .tutorials li.last,

#featured-content .templates li.last {

   border: none;

}



#featured-content p.phark {

   position  : absolute;

   bottom    : 0;

   right     : 1.4em;

   width     : 348px;

   height    : 18px;

   border-top: 1px solid #d7dbd7;

}



#featured-content p.phark a {

   height: 18px;

   float : right;

}



/* ==CONTENT: FEATURED CONTENT: LATEST TUTORIALS

--------------------------------------------------------------------- */

#featured-content .tutorials {

   width       : 348px;

   padding     : 0 1.5em 0 .9em;

   border-right: .1em solid #d7dbd7;

}



#featured-content .tutorials li {

   position     : relative;



   /* Image is 40px, additional 12px is for gutter spacing */

   min-height   : 52px;

   margin-top   : 12px;

   border-bottom: .1em solid #d7dbd7;

}



#featured-content .tutorials h4,

#featured-content .tutorials p {



   /* Image width plus 5px of gutter spacing */

   margin-left: 45px;

}



#featured-content .tutorials p.phark a {

   background: #f2f3f2 url(/images/featured_content_linkunits.gif) no-repeat 0 -36px;

   width: 144px;

}



#featured-content .templates p.phark {

   width: 339px;

   right: 0;

}



/* ==CONTENT: FEATURED CONTENT: TEMPLATES

--------------------------------------------------------------------- */

#featured-content .templates {

   width       : 339px;

   padding-left: 1.5em;

}



#featured-content .templates li {

   position     : relative;



   /* Image is 75px, additional 8px is for gutter spacing */

   min-height   : 83px;

   margin-top   : 8px;

   border-bottom: .1em solid #d7dbd7;

}



#featured-content .templates h4,

#featured-content .templates p {

   margin-left: 105px

}



#featured-content .templates li.first {

   margin-bottom: 1em;

}



#featured-content .templates p.phark a {

   background: #f2f3f2 url(/images/featured_content_linkunits.gif) no-repeat 0 0;

   width     : 155px;

}



/* Need to cascade this here only due specificity in Mozilla FF 1.5+ and

Opera9, IE6 parsed OK */

#featured-content p.phark a:hover {

   background-color: #fff;

}



/* ==AD CONTAINER

--------------------------------------------------------------------- */

.adcontainer h2 {



}



.adcontainer {

   background: #fff;

   width     : 728px;

   margin    : 0 auto;

   overflow  : hidden;

}



/* ==FOOTER

--------------------------------------------------------------------- */

#footer {

   clear         : both;

   background    : transparent url(/images/global_footer.gif) no-repeat 0 0;

   color         : #fff;

   font-size     : 1.2em;

   font-weight   : bold;

   height        : 30px;

   padding-bottom: 1em;

   text-align    : center;

}



#footer p {

   padding-right: .7em;

   display      : inline;

   line-height  : 35px;

}



#footer p acronym {

   padding-left: .8em;

   background  : transparent url(/images/global_footer_vseperator.gif) no-repeat 0 50%;

}



#footer a {

   color: #fff;

}



#footer a:hover {

   text-decoration: underline;

}



/* ==FREE TEMPLATES

--------------------------------------------------------------------- */

body.templates #content p {

   padding: 0 .5em;

}



body.templates #content p.first {

   margin-top: .5em;

}



/* ==FREE TEMPLATES: COPYRIGHT REMOVAL

--------------------------------------------------------------------- */

body.copyright-removal #content p {

   font-size: 1.2em;

}



body.copyright-removal #payment-instructions {

   padding: .5em;

   margin : .2em 0 .5em 0;

}



body.copyright-removal #payment-instructions h3 {

   color        : #fe700e;

   margin-bottom: .3em;

   font-size    : 1.2em;

}



body.copyright-removal #payment-instructions em {

   color     : #fe700e;

   font-style: normal;

}



body.copyright-removal #payment-instructions img {

   margin-right: .9em;

   border      : .1em solid #c7ccd4;

   padding     : .1em;

   float       : left;

}



body.copyright-removal #payment-instructions p {

   margin: 0;

}



body.copyright-removal #payment-instructions p a {

   background: transparent url(/images/paypal_incl_creditcards.png) no-repeat 0 100%;

   width     : 302px;



   /* 10px+ for gutter spacing */

   height    : 59px;

}



body.copyright-removal #payment-instructions h3 {

   background: none;

   padding   : 0;

   margin    : 0;

}



body.copyright-removal #footer-diagram {

   padding-left : 400px;

   background   : transparent url(/images/copyright_footer-diagram.png) no-repeat 7px 50%;

   min-height   : 132px;

   margin-bottom: 1.5em;

}



#terms-conditions {

   background : #eef1f5;

   color      : #384352;

   border     : .1em solid #b4bbc6;

   margin     : 1em .5em;

   padding    : 0.5em .8em;

   font-family: monospace;

   font-size: 1.2em;

}



#terms-conditions p.first {

   margin: 0;

}



body.copyright-removal #footer-diagram p {

   padding: 0;

   margin : 0 0 .5em 0;

}



body.copyright-removal #footer-diagram #footer-example {

   background : #ededed;

   color      : #5c5c5c;

   font-size  : 1em;

   height     : 2.5em;

   line-height: 2.5em;

   text-align : center;

}



/* ==FREE WEB HOSTING

--------------------------------------------------------------------- */

body.web-hosting #content p {

   font-size: 1.2em;

}



body.web-hosting #content #introduction {

   background: transparent url(/images/web_hosting_introduction-bg.jpg) no-repeat 0 1px;

   width     : 728px;



   /* 2px extra for top and bottom gutter spacing */

   height    : 190px;

}



body.web-hosting #content #introduction em {

   font-style    : normal;

   font-weight   : bold;

   text-transform: uppercase;

}



body.web-hosting #content #introduction p.first {

   padding-top: 71px;

   margin     : 0;

}



body.web-hosting #content #introduction p {

   padding-left: 145px;

   font-size   : 1.2em;

   line-height : 1.29em;

}



/* ==FREE WEB HOSTING: SIGN-UP / LOG-IN

--------------------------------------------------------------------- */

body.web-hosting #content #signup-login-wrapper {

   width: 100%;

}



body.web-hosting #content #signup-login-wrapper div {

   background: #f4f5f7 url(/images/web_hosting_signup_login-bg.gif) repeat-x 0 0;

   height    : 7.5em;

   float     : left;

   margin    : .1em 0;

}



body.web-hosting #content #signup-login-wrapper div p.first {

   float: left;

}



body.web-hosting #content #signup-btn {

   width: 364px;

}



/* Specificity is essential here */

body.web-hosting #content #signup-login-wrapper #login-btn {

   margin-left: 1px;

   width      : 363px;

}



body.web-hosting #content #signup-login-wrapper p a {

   width : 122px;

   height: 54px;

}



body.web-hosting #content #signup-login-wrapper p {

   font-size  : 1.15em;

   line-height: 1.25em;

   padding    : .5em .5em 0 .5em;

}



body.web-hosting #content #signup-login-wrapper p.first {

   padding: 0 .5em 0 1em;

}



body.web-hosting #content #signup-btn p a {

   background: transparent url(/images/web_hosting_signup_login-btns.gif) no-repeat 0 0;

}



body.web-hosting #content #login-btn p a {

   background: transparent url(/images/web_hosting_signup_login-btns.gif) no-repeat 0 -64px;

}



/* ==FREE WEB HOSTING: ADDITIONAL LINKS

--------------------------------------------------------------------- */

body.web-hosting #content #additional-links {

   background: transparent url(/images/web_hosting_additional_links-bg.png) no-repeat 0 0;

   width     : 100%;

   height    : 106px;

   margin    : .1em 0;

}



body.web-hosting #content #additional-links ul {

   margin-top: 1.5em;

   float     : left;

   list-style: none;

   width     : 200px;

   display   : inline;

}



body.web-hosting #content #additional-links li a {

   background  : transparent url(/images/global_bullet_orange.gif) no-repeat 0 45%;

   padding-left: 1em;

   color       : #475770;

   height      : 1.85em;



   /* Increase hover 'hot' click area */

   display     : block;

   width       : 100%;

   height      : 100%;

   font-size   : 1.2em;

}



body.web-hosting #content #additional-links li a:hover {

   background-image: url(/images/global_bullet_flint.gif);

}



body.web-hosting #content #additional-links li {

   background: transparent url(/images/web_hosting_link_shaded-border.gif) no-repeat 100% 100%;

   height    : 2em;

}



body.web-hosting #content #additional-links li.last {

   background: none;

}



body.web-hosting #content #additional-links ul.first {

   margin-left: 14em;

}



body.web-hosting #content #additional-links ul.last {

   margin-left: 2em;

}



/* ==FREE WEB HOSTING: FEATURE GLOSSARY

--------------------------------------------------------------------- */

body.web-hosting #content div.feature-glossary dl {

   margin   : 0 0 1px 0;

   width    : 100%;

   font-size: 1.1em;

}



body.web-hosting #content div.feature-glossary dt,

body.web-hosting #content div.feature-glossary dd {

   float       : left;

   margin-top  : 1px;

   background  : #eef0f2;

   height      : 25px;

   line-height : 25px;

   margin-right: 1px;

}



body.web-hosting #content div.feature-glossary dt {

   width       : 190px;

   padding-left: 5px;

}



body.web-hosting #content div.feature-glossary dd.quota {

   width     : 120px;

   text-align: center;

   background: #eef0f2;

}



body.web-hosting #content div.feature-glossary dd.description {

   background    : transparent url(/images/web_hosting_glossary-bg.png) no-repeat 0 0;

   margin-right  : 0;

   padding       : 0 5px 0 35px;

   text-transform: none;

   width         : 371px;

}



/* ==TUTORIALS

--------------------------------------------------------------------- */

body.tutorials #content {

   position: relative;

}



body.tutorials #content p {

   font-size  : 1.2em;

   line-height: 1.43em;

}



body.tutorials #content p.additional-steps {

   margin-top: .5em;

}



body.tutorials div.tutorial-instructions {

   padding   : 0 .5em .5em 0.5em;

   margin-top: .5em;

}



body.tutorials div.tutorial-instructions p {

   margin: 0 0 .5em 0;

}



body.tutorials div.tutorial-diagrams {

   background: #f1f4f7;

   border    : 1px solid #d9d9d9;

   text-align: center;

   padding   : 1.5em 0 1.2em 0;

}



div.tutorial-instructions span {



}



/* ==TUTORIALS: INTRODUCTION

--------------------------------------------------------------------- */

body.tutorials #tutorial-introduction {

   background: transparent url(/images/tutorials/ps_polygon_art_thumbnail.gif) no-repeat 0 5px;

   width     : 463px;

   padding   : 0 10px 0 50px;

   height    : 185px;

   margin    : 5px 0 0 205px;

}



body.tutorials #tutorial-introduction h3 {

   color        : #fe700e;

   font-size    : 1.2em;

}



body.tutorials #tutorial-introduction p {

   margin-top: .3em;

}



/* ==TUTORIALS: NAVIGATION

--------------------------------------------------------------------- */

body.tutorials #tutorial-navigation {

   width       : 728px;

   padding-left: 5px;

   margin      : 0 0 1em 0;

}



body.tutorials #tutorial-navigation ul {

   list-style: none;

}



body.tutorials #tutorial-navigation li {

   float: left;

}



body.tutorials #tutorial-navigation li a {

   background: transparent url(/images/tutorials_next_prev_btns.gif) no-repeat 0 0;

   width     : 69px;

   height    : 20px;

}



body.tutorials #tutorial-navigation li.previous a {

   background-position: 0 -60px;

}



body.tutorials #tutorial-navigation li.next a:hover {

   background-position: 0 -30px;

}



body.tutorials #tutorial-navigation li.previous a:hover {

   background-position: 0 -90px;

}



body.tutorials #tutorial-navigation li.previous {

   margin-right: 1em;

}



/* ==TUTORIALS: USER COMMENTS

--------------------------------------------------------------------- */

body.tutorials #tutorial-comments {

   color: #546986;

}



body.tutorials #tutorial-comments h3 {

   margin-bottom: .5em;

}



body.tutorials #tutorial-comments div.entry {

   background: transparent url(/images/tutorials_comment_avatar.gif) no-repeat 5px 5px;

   padding   : .5em .5em .5em 45px;



   /* Image height 5+ top gutter */

   min-height: 47px;

   overflow: auto;

}



body.tutorials #tutorial-comments div.odd {

   background  : #f1f4f7 url(/images/tutorials_comment_avatar_odd.gif) no-repeat 5px 5px;

   border      : 1px solid #d9d9d9;

   border-right: 0;

   border-left : 0;

}



body.tutorials #tutorial-comments h4 {

   font-weight : normal;

   float       : left;

   font-size   : 1.2em;

   line-height : 1.2em;

   margin-right: .5em;

}



body.tutorials #tutorial-comments p.author, p.mod-options {

   color : #f60;

   margin: 0;

}



p.mod-options button, form.edit-comment input[type="submit"] {

  background-color: #d4dbe4;

  color: #000;

  border: 1px solid #b4bbc6;

  margin-right: 5px;

}



form.edit-comment textarea {

  padding: 5px;

  background-color: #d4dbe4;

  border: 1px solid #b4bbc6;

  color: #000;

}



body.tutorials #tutorial-user-comments {

   margin-left: .5em;

}



body.tutorials #tutorial-user-comments a {

   background: transparent url(/images/tutorials_comment_btns.gif) no-repeat 0 0;

   width : 117px;

   height: 20px;

}



body.tutorials #tutorial-user-comments a:hover {

   background-position: 0 -30px;

}



/* ==TUTORIALS: SUBMIT COMMENTS

--------------------------------------------------------------------- */

body.tutorials #tutorial-submit-comments {

   width         : 728px;

   padding-bottom: 1em;

}



body.tutorials #tutorial-submit-comments dl {

   margin: 0;

}



body.tutorials #tutorial-submit-comments ul {

   list-style: none;

   margin    : 0;

}



body.tutorials #tutorial-submit-comments form {

   width : 713px;

   margin: 1em auto 0 auto;

}



body.tutorials #tutorial-submit-comments textarea {

   background   : #eef1f5;

   border       : 1px solid #b4bbc6;

   height       : 6em;

   width        : 700px;

   margin-bottom: 1em;

   padding      : 5px;

}



body.tutorials #tutorial-submit-comments .submit-fieldset input.submit-btn {

   background: #ef7510 url(/images/tutorials_comment_btns.gif) no-repeat 0 -60px;

   border    : 0;

   width     : 111px;

   height    : 20px;



   /* Requested by client: Hover behaviour now matches latest news 'button' */

   cursor    : pointer;



   /* Opera has issues with Phark method when used on input button widgets, so we

   use a close matching orange colour to blur the visible text */

   color     : #ef7510;

}



body.tutorials #tutorial-submit-comments .submit-fieldset input.submit-btn:hover {

   background-position: 0 -90px;

}



/* ==TUTORIALS: METADATA

--------------------------------------------------------------------- */

body.tutorials #tutorial-metadata {

   width     : 524px;

   min-height: 114px;

   border-top: 1px solid #d9d9d9;

   position  : absolute;

   right     : 0;

   top       : 99px;

}



body.tutorials #tutorial-metadata dd.rating {

   position: relative;

}



body.tutorials #tutorial-metadata dl {

   margin   : .5em 0 0 .3em;

   font-size: 1.2em;

}



body.tutorials #tutorial-metadata dt {

   float       : left;

   margin-right: .3em;

}



body.tutorials #tutorial-metadata ul {

   position  : absolute;

   right     : 122px;

   top       : -21px;

   background: transparent no-repeat 0 0;

   width     : 171px;

   height    : 37px;

   margin    : 0;

   list-style: none;



   /* First star's gutter spacing */

   padding   : 7px 0 0 12px;

}



body.tutorials #tutorial-metadata ul li {

   float : left;

   width : 29px;

   height: 29px;

}



body.tutorials #tutorial-metadata ul li a {

   position: absolute;

   width   : 29px;

   height  : 29px;

   z-index : 100;

}



body.tutorials #tutorial-metadata dd.rating a.one-star:hover {

  width: 29px;

}



body.tutorials #tutorial-metadata dd.rating a.two-stars {

   width: 29px;

}



body.tutorials #tutorial-metadata dd.rating a.two-stars:hover {

  width: 59px;

}



body.tutorials #tutorial-metadata dd.rating a.three-stars:hover {

  width: 89px;

}



body.tutorials #tutorial-metadata dd.rating a.four-stars:hover {

  width: 119px;

}



body.tutorials #tutorial-metadata dd.rating a.five-stars:hover {

  width: 149px;

}



/* Must be declared here, else specificity issues occurs in Opera and Mozilla FF */

body.tutorials #tutorial-metadata dd.rating ul li a:hover {

  background: transparent url(/images/tutorials_rating_highlight.gif) repeat-x 4px 5px;

  left      : 12px;

  z-index   : 50;

}



body.photoshop-tutorial #tutorial-metadata {

   background: transparent url(/images/tutorials_rating_photoshop_bg.gif) no-repeat 100% 1px;

}



body.css-xhtml-tutorial #tutorial-metadata {

   background: transparent url(/images/templates-listing-bg.jpg) no-repeat 100% 0;

}



body.php-mysql-tutorial #tutorial-metadata {

   background: transparent url(/images/templates-listing-bg.jpg) no-repeat 100% 0;

}



body.fireworks-tutorial #tutorial-metadata {

   background: transparent url(/images/templates-listing-bg.jpg) no-repeat 100% 0;

}



body.c4d-tutorial #tutorial-metadata {

   background: transparent url(/images/templates-listing-bg.jpg) no-repeat 100% 0;

}



body.tutorials #tutorial-metadata ul.zero-stars {

  background-image: url(/images/tutorials_rating_other_bg_default.gif);

}

body.tutorials #tutorial-metadata ul.one-star {

  background-image: url(/images/tutorials_rating_other_s1.gif);

}

body.tutorials #tutorial-metadata ul.two-stars {

  background-image: url(/images/tutorials_rating_other_s2.gif);

}

body.tutorials #tutorial-metadata ul.three-stars {

  background-image: url(/images/tutorials_rating_other_s3.gif);

}

body.tutorials #tutorial-metadata ul.four-stars {

  background-image: url(/images/tutorials_rating_other_s4.gif);

}

body.tutorials #tutorial-metadata ul.five-stars {

  background-image: url(/images/tutorials_rating_other_s5.gif);

}



body.photoshop-tutorial #tutorial-metadata ul.zero-stars {

  background-image: url(/images/tutorials_rating_photoshop_bg_default.gif);

}

body.photoshop-tutorial #tutorial-metadata ul.one-star {

  background-image: url(/images/tutorials_rating_photoshop_s1.gif);

}

body.photoshop-tutorial #tutorial-metadata ul.two-stars {

  background-image: url(/images/tutorials_rating_photoshop_s2.gif);

}

body.photoshop-tutorial #tutorial-metadata ul.three-stars {

  background-image: url(/images/tutorials_rating_photoshop_s3.gif);

}

body.photoshop-tutorial #tutorial-metadata ul.four-stars {

  background-image: url(/images/tutorials_rating_photoshop_s4.gif);

}

body.photoshop-tutorial #tutorial-metadata ul.five-stars {

  background-image: url(/images/tutorials_rating_photoshop_s5.gif);

}



/* ==TUTORIALS: ADCONTAINER

--------------------------------------------------------------------- */

body.tutorials div.adcontainer {

   background: transparent url(/images/tutorials_adcontainer_shade.gif) repeat-y 100% 0;

   height  : 189px;

   width   : 200px;

   position: absolute;

   top     : 23px;

}



body.tutorials div.adcontainer iframe {

   margin: 2.3em 0 0 8px;

}



div#content h2

{

	line-height: 1.8em;

	clear: left;

}



div#content h2.first

{

	margin-top: 1px;

}



div#hosting-section

{

	margin-top: 1px;

	height: 140px;

	background: #fff url(/images/hosting-details.png) no-repeat;

	color: #343e4d;

}



div#hosting-details

{

	width: 450px;

	height: 130px;

	float: left;

}



div#hosting-details h3

{

	margin: 12px 0 0 30px;

	padding: 0;

	font: normal 3em Verdana, sans-serif;

}



div#hosting-details ul

{

	margin: 18px 0 0 18px;

	padding: 0;

	font-size: 1.2em;

	height: 50px;

}



/* Easy side-by-side UL leveling fix for CSS2 compliant browsers */

* > div#hosting-details ul

{

	border: 1px solid transparent;

	margin: 18px 0 0 30px;

}



div#hosting-details ul#ul-left

{

	float: left;

	width: 180px;

}



div#hosting-details ul li

{

	list-style-type: none;

	margin: 6px 0 0 0;

	padding: 0;

}



div#hosting-usage p

{

	margin: 0;

	padding: 0.6em 0 0.5em 0;

	font-size: 1.2em;

}



table#hosting-table

{

	width: 100%;

	border-collapse: collapse;

	margin: 0 0 1px 0;

}



table#hosting-table thead

{

	display: none;

}



table#hosting-table td

{

	background-position: 1.5em 1.7em;

	background-repeat: no-repeat;

	background-color: #fff;

	color: inherit;

	border-bottom: 1px solid #d9d9d9;

	height: 7em;

}



table#hosting-table tr#hosting-row-last td

{

	border-bottom: 0;

}



table#hosting-table tr.hosting-row-alt td

{

	color: inherit;

	background-color: #f1f4f7;

}



table#hosting-table td#hosting-options-files

{

	background-image: url(/images/hosting-icon-files.png);

}



table#hosting-table td#hosting-options-stats

{

	background-image: url(/images/hosting-icon-stats.png);

}



table#hosting-table td#hosting-options-mysql

{

	background-image: url(/images/hosting-icon-mysql.png);

}



table#hosting-table td#hosting-options-phpmyadmin

{

	background-image: url(/images/hosting-icon-phpmyadmin.png);

}



table#hosting-table td#hosting-options-domain

{

	background-image: url(/images/hosting-icon-domain.png);

}



table#hosting-table td#hosting-options-settings

{

	background-image: url(/images/hosting-icon-settings.png);

}



table#hosting-table td#hosting-options-tutorials

{

	background-image: url(/images/hosting-icon-tutorials.png);

}



table#hosting-table td#hosting-options-forum

{

	background-image: url(/images/hosting-icon-forum.png);

}



table#hosting-table h3, table#hosting-table p

{

	font-size: 1.3em;

	margin: 0 0 0.3em 5em;

	padding: 0;

}



table#hosting-table a

{

	text-decoration: none;

}



div#hosting-leaderboard

{

	background: url(/images/hosting-leaderboard.png) top repeat-x;

	padding: 10px 10px 10px 10px;

	font-size: 1.3em;

  margin-top: 1px;

}



div#hosting-leaderboard table

{

	margin: 0.5em 0 0 10px;

	width: 360px;

	float: left;

	border-collapse: collapse;

	/* IE6 double-margin float bug */

	display: inline;

}



* > div#hosting-leaderboard table

{

	display: table;

}



div#hosting-leaderboard table caption

{

	font-weight: bold;

	margin: 0.5em 0 0 0;

}



div#hosting-leaderboard table th

{

	padding-top: 0.7em;

	border-bottom: 1px solid #d2d6db;

	padding-bottom: 0.3em;

	font-weight: normal;

	text-align: left;

}



/* this may be temporary */

       #zcpsponsortitle {

       background: #fefacb;

       border: 1px solid #ebe184;

       padding: 4px;

       }

       

       #zcpsponsortitle a:link, a:hover, :visited {

       color: #51617a;

       text-decoration: none;

       }

       

       #zcpsponsorlink {

       font-size: 14px;

       font-weight: bold;

       }

       

       #zcpsponsorsmallprint {

       font-size: 10px;

       font-style: italic;

       }

/* IE can't style caption or thead, so we have to margin elsewhere */

* > div#hosting-leaderboard table th

{

	padding-top: 0;

}



/* We want the tabular data to be present but not visible */

div#hosting-leaderboard table th#leaderboard-placement

{

	visibility: hidden;

	font-size: 0.4em;

}



div#hosting-leaderboard table td

{

	border-bottom: 1px solid #d2d6db;

	height: 26px;

}



* > div#hosting-leaderboard table td

{

	height: 27px;

}



div#hosting-leaderboard table tr.leaderboard-alt td

{

	background: url(/images/hosting-leaderboard-alt.png) top repeat-x;

}



div#hosting-leaderboard table td.leaderboard-num

{

	text-align: center;

}



div#hosting-leaderboard table a

{

	text-decoration: none;

}



div#hosting-leaderboard div#leaderboard-desc

{

	margin: 0 25px 0 390px;

	padding: 30px 0 0 0;

}



div#hosting-leaderboard div#leaderboard-desc p

{

	margin-top: 0;

	margin-bottom: 15px;

}



div#header-ads-box

{

	width: 185px;

	padding: 0 0 0 4px;

	float: left;

}



div#header-section

{

	margin-left: 194px;

	background: #fff url(/images/ad-box-right.gif) left repeat-y;

	color: inherit;

}



div.section-description-blurb

{

	padding: 10px 0 0 55px;

	margin: 0 0 0 15px;

}



div.section-description-blurb h3

{

	background-color: inherit;

	color: #f60;

	margin: 0;

	padding: 0;

	font-size: 1.3em;

	font-weight: normal;

}



div.section-description-blurb p

{

	margin: 2px 0 0 0;

	padding: 0;

	font-size: 1.3em;

}



div.section-description-paging

{

	margin: 10px 0 0 15px;

	padding-left: 4px;

	border-top: 1px solid #d9d9d9;

	font-size: 1.3em;

	height: 113px;

}



div.section-description-paging form

{

	margin: 0;

	padding: 0;

}



div.section-description-paging form fieldset

{


	margin: 0;

	padding: 0;

	border: none;

}



div.section-description-paging form fieldset legend

{

	display: none;

}



select#display-by

{

	width: 10em;

}



select#sort-limit

{

	width: 4em;

}



div.section-description-paging label

{

	margin-left: 1em;

}



div.section-description-paging button

{

	width: 58px;

	height: 20px;

	margin-left: 1em;

	text-indent: -10000px;

	background: url(/images/sort-submit.gif) top no-repeat;

	border: none;

	cursor: pointer;

}



div.section-description-paging button:hover

{

	background: url(/images/sort-submit.gif) bottom no-repeat;

}



p.pagination

{

  padding-right: 5px;

	font-size: 12px;

}



p.pagination a:link, p.pagination a:visited

{

	text-decoration: none;

	background-color: inherit;

	color: #354356;

	padding: 0 2px;

}



p.pagination a:hover, p.pagination a:active

{

	background-color: inherit;

	color: #ff8500;

}



div#header-bg-photoshop

{

	background: url(/images/photoshop-header-bg.jpg) 0 10px no-repeat;

}



div#header-bg-php

{

	background: url(/images/php-icon.png) 0 14px no-repeat;

}



div#header-bg-htmlcss

{

	background: url(/images/htmlcss-icon.png) 0 14px no-repeat;

}



div#header-bg-fireworks

{

	background: url(/images/fireworks-icon.png) 0 14px no-repeat;

}



div#header-bg-c4d

{

	background: url(/images/c4d-icon.png) 0 14px no-repeat;

}



div#listing-bg-photoshop

{

	background: url(/images/photoshop-listing-bg.jpg) top right no-repeat;

}



div#header-bg-templates

{

	background: url(/images/templates-header-bg.jpg) 0 10px no-repeat;

}



div#listing-bg-templates

{

	background: url(/images/templates-listing-bg.jpg) top right no-repeat;

}



div#header-bg-index

{

	background: url(/images/index-icon.png) 0 8px no-repeat;

}



div#header-bg-index h3

{

	padding-left: 10px;

}



div#header-bg-index p

{

	padding: 0 0 4px 10px;

}



div#listing-bg-tutorials

{

	background: url(/images/tutorials-listing-bg.jpg) top right no-repeat;

}



div#listing-bg-tutorials ul

{

	margin: 0 0 0 -5px;

	padding: 12px 0 0 0;

}



div#listing-bg-tutorials ul li

{

	margin: 0;

	padding: 4px 0 0 16px;

	background: url(/images/arrow-bullet-small.png) 0 5px no-repeat;

	list-style-type: none;

}



table.tutorial-index-table

{

	margin: 0;

	padding: 0;

	font-size: 1.2em;

}



table.tutorial-index-table caption, table.tutorial-index-table thead

{

	display: none;

}



table.tutorial-index-table tbody tr.listing-alt td

{

	background-color: #f4f6f9;

	color: inherit;

}



table.tutorial-index-table tbody tr td.listing-thumb

{

	padding: 12px 12px 0 9px;

}



table.tutorial-index-table tbody tr td.listing-thumb img a

{

	border: none;

}



table.tutorial-index-table tbody tr td h3

{

	margin: 0;

	padding: 0 0 4px 0;

	font-size: 1em;

}



table.tutorial-index-table tbody tr td p

{

	margin: 0;

	padding: 0;

	font-size: 1em;

}



table.tutorial-index-table tbody tr td p.listing-bottom

{

	padding-top: 4px;

}



table.tutorial-index-table tbody tr td p.listing-bottom a

{

	background: url(/images/arrow-bullet-small.png) 0 1px no-repeat;

	padding-left: 16px;

}



table.tutorial-index-table tbody tr td a

{

	text-decoration: none;

}



tr.border-top td

{

	border-top: 1px solid #e1e1e1;

}



tr.border-bottom td

{

	border-bottom: 1px solid #e1e1e1;

}



p#templates-view

{

	margin: 13px 0 0 165px;

}



p#templates-view a

{

	padding-left: 20px;

	text-decoration: none;

	background-color: inherit;

	background-repeat: no-repeat;

	color: #334052;

}



p#templates-view a#view-normal

{

	background-position: 0 1px;

	background-image: url(/images/templates-view-normal.png);

}



p#templates-view a#view-screens

{

	background-position: left;

	background-image: url(/images/templates-view-screens.png);

}



table#table-list

{

	margin: 0;

	padding: 0;

	border-collapse: collapse;

	width: 728px;

}



table#table-list caption, table#table-list thead

{

	display: none;

}



table#table-list tr

{

	background-color: inherit;

	color: #3c485b;

}



table#table-list tr td

{

	padding: 0;

	border-bottom: 1px solid #d9d9d9;

}



table#table-list tr.listing-alt td

{

	color: inherit;

	background-color: #f1f4f7;

}



table#table-list tr td.listing-thumb

{

	text-align: center;

	padding: 10px 6px 8px 6px;

}



table#table-list tr td h3

{

	margin: 0;

	padding: 0;

	font-size: 1.2em;

}



table#table-list tr td h3 a

{

	text-decoration: none;

}



table#table-list tr td p

{

	font-size: 1.1em;

	margin: 2px 0 0 0;

	padding: 0;

}



table#table-list tr td.listing-small

{

	vertical-align: bottom;

	text-align: right;

	width: 150px;

	padding: 0 2px 0 6px;

}



table#table-list tr td.listing-small span

{

	font-weight: bold;

}



p.paging-prev-next

{

	float: left;

	position: relative;

	z-index: 2;

}



p.paging-prev-next a.paging-prev, p.paging-prev-next a.paging-next

{

	display: block;

	width: 69px;

	height: 20px;

	text-indent: -10000px;

	float: left;

	margin: 0 6px;

}



p.paging-prev-next a.paging-prev

{

	background: url(/images/paging-prev.gif) top no-repeat;

}



p.paging-prev-next a.paging-prev:hover

{

	background: url(/images/paging-prev.gif) bottom no-repeat;

}



p.paging-prev-next a.paging-next

{

	background: url(/images/paging-next.gif) top no-repeat;

}



p.paging-prev-next a.paging-next:hover

{

	background: url(/images/paging-next.gif) bottom no-repeat;

}



p.paging-bottom

{

	margin: 11px 0 10px 0;

	position: relative;

	left: 10px;

	z-index: 1;

}



div#premium-templates-ad

{

	margin: 1px 0;

	height: 114px;

	background: url(/images/premium-templates-ad.png) no-repeat;

}



div#premium-templates-ad h3

{

	display: none;

}



/* Accurate kerning in comparison to .psd, but looks pretty shit. Needed to stay within section boundaries */

div#premium-templates-ad p

{

	font-size: 1.2em;

	line-height: 1.2em;

	letter-spacing: -0.1px;

	margin: 0;

	padding: 45px 0 0 15px;

	width: 400px;

}



div#premium-templates-ad p a

{

	text-decoration: none;

}



tbody#template-screens tr td

{

	padding: 10px 17px 10px 9px;

}



tr.no-border td

{

	border: none !important;

}



table#table-list tbody#template-details tr td.screenshot-col

{

	width: 170px;

	text-align: center;

	padding: 10px 0;

}



table#table-list tbody#template-details tr td

{

	vertical-align: top;

}



tbody#template-screens tr td img, tbody#template-details tr td img, img.screenshot

{

	padding: 1px;

	border: 1px solid #b4bbc6;

}



table#table-list tbody#template-details tr td h3

{

	background-color: inherit;

	color: #f60;

	margin: 7px 0 0 0;

	padding: 0;

	font-size: 1.3em;

}



table#table-list tbody#template-details tr td dl, table#table-list tbody#template-details tr td dl dt, table#table-list tbody#template-details tr td dl dd

{

	margin: 0;

	padding: 0;

	/* Cheeky faux-padding workaround; floated definition lists skew with paddings/margins */

	line-height: 2em;

}



table#table-list tbody#template-details tr td dl dt

{

	float: left;

	font-weight: bold;

	padding-right: 4px;

	font-size: 1.2em;

}



table#table-list tbody#template-details tr td dl dd

{

	font-size: 1.2em;

}



table#table-list tbody#template-details tr td ul

{

	margin: 7px 0 0 0;

	padding: 0;

}



table#table-list tbody#template-details tr td ul li

{

	float: left;

	margin: 0 8px 0 0;

	padding: 0;

	list-style-type: none;

}



table#table-list tbody#template-details tr td ul li a

{

	display: block;

	height: 20px;

	text-indent: -10000px;

}



table#table-list tbody#template-details tr td ul li a#template-button-download

{

	width: 69px;

	background: url(/images/template-button-download.png) top no-repeat;

}



table#table-list tbody#template-details tr td ul li a#template-button-download:hover

{

	width: 69px;

	background: url(/images/template-button-download.png) bottom no-repeat;

}



table#table-list tbody#template-details tr td ul li a#template-button-preview

{

	width: 83px;

	background: url(/images/template-button-preview.png) top no-repeat;

}



table#table-list tbody#template-details tr td ul li a#template-button-preview:hover

{

	width: 83px;

	background: url(/images/template-button-preview.png) bottom no-repeat;

}



table#table-list tbody#template-details tr td ul li a#template-button-copyright

{

	width: 120px;

	background: url(/images/template-button-copyright.png) top no-repeat;

}



table#table-list tbody#template-details tr td ul li a#template-button-copyright:hover

{

	width: 120px;

	background: url(/images/template-button-copyright.png) bottom no-repeat;

}



table#table-list tbody#template-details tr td ul li a#template-button-comments

{

	width: 83px;

	background: url(/images/template-button-comments.png) top no-repeat;

}









table#table-list tbody#template-details tr td ul li a#template-button-comments:hover

{

	width: 83px;

	background: url(/images/template-button-comments.png) bottom no-repeat;

}



div#zcp-intro

{

	height: 110px;

	background: #fff url(/images/zcp-header-bg.png) no-repeat;

	font-size: 1.2em;

	margin-bottom: 1px;

}



div#zcp-intro p

{

	margin: 0;

	padding: 9px 0 0 0;

}



img.zcp-avatar

{

	float: left;

	margin: 13px 10px;

}



p#activate-forum

{

	display: block;

	height: 26px;

	background: #fcf1f1 url(/images/icon_error.png) 8px 7px no-repeat;

	color: #2f3b4d;

	border-bottom: 1px solid #e5cdcd;

	margin: 1px 0 0 0;

	padding: 6px 0 0 34px;

	font-size: 1.2em;

}



p#activate-forum a:link, p#activate-forum a:visited, p#activate-forum a:hover, p#activate-forum a:active

{

	text-decoration: none;

	background-color: inherit;

	color: #2f3b4d;

}



div#zcp-info

{

	background: url(/images/generic-grad-bg.png) top repeat-x;

	margin-top: 1px;

	height: 125px;

}



div#zcp-account-info, div#zcp-account-stats, div#zcp-account-newsletter

{

	float: left;

}



div#zcp-info h3

{

	margin: 0;

	padding: 8px 0 0 0;

	font-size: 1.3em;

}



div#zcp-info a:link, div#zcp-info a:visited, div#zcp-info a:hover, div#zcp-info a:active

{

	text-decoration: none;

	background-color: inherit;

	color: #2f3b4d;

}



div#zcp-info dl

{

	margin: 0;

	padding: 0;

	background-color: inherit;

	color: #2f3b4d;

}



div#zcp-info dl dt

{

	float: left;

	padding-right: 4px;

	font-size: 1.2em;

}



div#zcp-info dl dd

{

	font-size: 1.2em;

}



div#zcp-account-info, div#zcp-info div#zcp-account-stats

{

	border-right: 1px solid #fff;

}



div#zcp-info div#zcp-account-info

{

	padding: 0 18px 29px 9px;

}



div#zcp-info div#zcp-account-stats

{

	padding: 0 18px 13px 18px;

	width: 214px;

}



div#zcp-info div#zcp-account-newsletter

{

	padding: 0 0 0 18px;

}



div#zcp-hosting-section

{

	background: url(/images/generic-bg.jpg) no-repeat;

	font-size: 1.2em;

	margin-top: 1px;

}



div#zcp-create-hosting

{

	float: left;

	width: 276px;

	padding: 6px 8px 0 8px;

	border-right: 1px solid #fff;

}



div#zcp-create-hosting p

{

	margin: 0 0 12px 0;

	padding: 0;

}



div#zcp-create-hosting p#zcp-new-account

{

	margin-top: 16px;

}



p#zcp-new-account a:link, p#zcp-new-account a:visited, p#zcp-new-account a:hover, p#zcp-new-account a:active

{

	display: block;

	width: 275px;

	height: 40px;

	background: url(/images/zcp-new-account.png) no-repeat;

	text-indent: -10000px;

}



div#zcp-current-accounts

{

	margin: 0 8px 0 299px;

}



div#zcp-current-accounts p

{

	margin: 0;

	padding: 6px 0;

}



p.hosting-login

{

	background: url(/images/arrow-bullet-small.png) 63px 8px no-repeat;

}



p.hosting-login strong a:link, p.hosting-login strong a:visited

{

	display: block;

	width: 58px;

	height: 20px;

	text-indent: -10000px;

	background: url(/images/global_member_login_btn.gif) top;

	float: left;

	margin-right: 22px;

}



p.hosting-login strong a:hover, p.hosting-login strong a:active

{

	background: url(/images/global_member_login_btn.gif) bottom;

}



div#traffic-header-ad

{

	width: 328px;

	height: 131px;

	padding: 25px 0 0 400px;

	background: url(/images/traffic-header-ad.jpg) no-repeat;

}



div#traffic-header-ad h3, div#traffic-header-ad p

{

	display: none;

}



div#traffic-header-ad ul

{

	margin: 0;

	padding: 0;

	background-color: inherit;

	color: #4d5d77;

	font: 2em "Trebuchet MS", Sans-serif;

	letter-spacing: -1.3px;

	word-spacing: 1.5px;

}



div#traffic-header-ad ul li

{

	background: url(/images/arrow-bullet.png) left no-repeat;

	margin: 0;

	padding: 0 0 0 26px;

	list-style-type: none;

}



table#web-traffic-order

{

	margin: 1px 0 0 0;

	padding: 0;

	width: 100%;

	background: #eef0f2 url(/images/order-table-bg.gif) right repeat-y;

	color: #333c4b;

	font-size: 1.2em;

}



table#web-traffic-order thead

{

	display: none;

}



table#web-traffic-order td

{

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	padding: 5px 4px;

}



table#web-traffic-order td.order-info

{

	background-color: #e2e4e7;

	color: inherit;

	text-align: center;

	padding: 0 4px;

}



table#web-traffic-order td.order-info img

{

	vertical-align: middle;

}



table#web-traffic-order td.order-desc

{

	background: #fafafa url(/images/order-desc-bg.png) left repeat-y;

}



table#web-traffic-order td select, table#web-traffic-order td input

{

	width: 152px;

	border: 1px solid #abadb3;

	margin: 0 8px;

}



table#web-traffic-order td input

{

	padding: 2px 4px 4px 4px;

}



table#web-traffic-order td select

{

	padding: 0;

	vertical-align: middle;

	height: 20px;

	width: 162px;

}



table#web-traffic-order td select option

{

	padding: 2px 0 2px 4px;

	vertical-align: middle;

}



table#web-traffic-order td input.traffic-checkbox

{

	width: auto;

	border: none;

}



table#web-traffic-order td h3

{

	margin: 0;

	padding: 10px 2px;

	background-color: inherit;

	color: #ef7710;

	font-weight: normal;

	font-size: 3em;

}



table#web-traffic-order td p

{

	margin: 0;

	padding: 3px 0 3px 2px;

}



table#web-traffic-order td button, button.paypal-purchase

{

	width: 302px;

	height: 49px;

	border: none;

	background: url(/images/order-paypal-button.png) no-repeat;

	cursor: pointer;

	margin-left: 16px;

}



/* IE does not like a negative text-indent applied to <button> */

table#web-traffic-order td button span, button.paypal-purchase span

{

	display: none;

}



div#web-traffic-features

{

	width: 728px;

	height: 188px;

	background: #fff url(/images/order-features-bg.png) no-repeat;

	color: #384251;

	margin: 0;

	padding: 0;

	font-size: 1.2em

}



div#web-traffic-features div h3

{

	font-weight: bold;

	margin: 0;

	padding: 0 0 3px 0;

	font-size: 1.1em;

}



div#web-traffic-features div p

{

	width: 335px;

	margin: 0;

	padding: 0;

	line-height: 1.1em;

}



div#web-traffic-features div

{

	padding: 6px 0 0 5px;

	height: 80px;

}



div#web-traffic-features div#web-traffic-features-visitors

{

	float: left;

	width: 342px;

}



div#web-traffic-features div#web-traffic-features-guarantee

{

	margin-left: 362px;

	width: 342px;

}



div#web-traffic-features div#web-traffic-features-target

{

	clear: left;

	float: left;

	width: 342px;

	margin-top: 3px;

}



div#web-traffic-features div#web-traffic-features-panel

{

	margin-left: 362px;

	margin-top: 3px;

	width: 342px;

}



div#web-traffic-tutorial

{

	padding: 6px;

	font-size: 1.2em;

}



div#web-traffic-tutorial p

{

	margin: 0 0 15px 0;

}



div#web-traffic-login

{

	float: left;

	width: 385px;

}



div#web-traffic-login form

{

	margin: 10px 0 0 10px;

	padding: 0;

}



div#web-traffic-login form fieldset

{

	margin: 0;

	padding: 0;

	border: none;

}



/* Strange margin added by IE I can't seem to get rid of */

div#web-traffic-login form fieldset legend

{

	position: relative;

	left: -7px;

	background-color: inherit;

	color: #384251;

}



* > div#web-traffic-login form fieldset legend

{

	position: static;

}



div#web-traffic-login dl

{

	margin: 10px 0 0 0;

	padding: 0;

}



div#web-traffic-login dl dt

{

	display: none;

}



div#web-traffic-login dl dd

{

	float: left;

}



div#web-traffic-login dl dd input

{

	width: 120px;

	background-color: #eef1f5;

	color: inherit;

	border: 1px solid #b4bbc6;

	margin: 0 8px 0 0;

	padding: 1px;

}



div#web-traffic-login dl dd button

{

	width: 58px;

	height: 20px;

	background: url(/images/global_member_login_btn.gif) top no-repeat;

	border: 0;

	cursor: pointer;



}



div#web-traffic-login dl dd button:hover

{

	background: url(/images/global_member_login_btn.gif) bottom no-repeat;

}



div#web-traffic-login dl dd button span

{

	/* display: none; causes margin bug(?) in Firefox */

	visibility: hidden;

}



div#web-traffic-login p

{

	clear: left;

	margin: 0;

	/* Margin a bit strange due to floats, so position it instead */

	position: relative;

	top: 15px;

}



div#web-traffic-login p a:link, div#web-traffic-login p a:visited, div#web-traffic-login p a:hover, div#web-traffic-login p a:active

{

	background-color: inherit;

	color: #384251;

	text-decoration: none;

}



dl#web-traffic-breakdown

{

	margin: 0 0 0 395px;

	padding: 0;

}



dl#web-traffic-breakdown dt

{

	font-weight: bold;

	margin: 0;

	padding: 0 0 0 18px;

	background: url(/images/arrow-bullet-small.png) left no-repeat;

}



dl#web-traffic-breakdown dd

{

	margin: 5px 0 5px 18px;

}



p#template-check-valid

{

	display: block;

	height: 26px;

	background: #f5f8f5 url(/images/icon_error.png) 8px 7px no-repeat;

	color: #2f3b4d;

	border-bottom: 1px solid #d5e0d3;

	margin: 1px 0 0 0;

	padding: 6px 0 0 34px;

	font-size: 1.2em;

}



div#template-check

{

	background: url(/images/generic-bg.jpg) no-repeat;

	margin-top: 1px;

	padding: 16px 8px;

	font-size: 1.2em;

}



div#template-check-details

{

	width: auto;

	float: left;

	padding-right: 8px;

	width: 360px;

}



div#template-check-details img

{

	float: left;

	margin-right: 8px;

}



div#template-check-details dl, div#template-check-details dl dt, div#template-check-details dl dd

{

	margin: 0;

	padding: 0;

}



div#template-check-details dl dt

{

	font-weight: bold;

}



div#template-check-details dl dd

{

	margin-bottom: 8px;

}



div#template-check-blurb

{

	margin-left: 368px;

	padding-right: 8px;

}



div#template-check-blurb h3

{

	font-size: 1em;

	margin: 0;

	padding: 0;

}



div#template-check-blurb p

{

	margin: 0 0 8px 0;

}



p#template-check-invalid

{

	display: block;

	height: 26px;

	background: #fcf1f1 url(/images/icon_error.png) 8px 7px no-repeat;

	color: #2f3b4d;

	border-bottom: 1px solid #e5cdcd;

	margin: 1px 0 0 0;

	padding: 6px 0 0 34px;

	font-size: 1.2em;

}



div#template-check-sect

{

	background: url(/images/generic-bg.jpg) no-repeat;

	margin-top: 1px;

	padding: 8px;

	font-size: 1.2em;

}



div#template-check-sect h3

{

	margin: 0;

	font-size: 1em;

}



div#template-check-sect p

{

	margin: 8px 0 0 0;

	padding: 0;

}



div#template-check-sect form

{

	padding: 6px 0 0 0;

}



div#template-check-sect form fieldset legend

{

	display: none;

}



div#template-check-sect form fieldset input

{

	float: left;

	width: 166px;

	height: 17px;

	padding: 1px 3px;

	background-color: #eef1f5;

	color: inherit;

	border: 1px solid #b4bbc6;

}



div#template-check-sect form fieldset button

{

	float: left;

	margin-left: 8px;

	width: 106px;

	height: 20px;

	background: url(/images/report-website-search.png) top no-repeat;

	border: none;

	cursor: pointer;

}



div#template-check-sect form fieldset button:hover

{

	background: url(/images/report-website-search.png) bottom no-repeat;

}



div#template-check-sect form fieldset button span

{

	display: none;

}



p#template-report-button

{

	display: block;

	width: 106px;

	height: 20px;

	text-indent: -10000px;

}



p#template-report-button a

{

	display: block;

	width: 106px;

	height: 20px;

	margin-top: 10px;

}



p#template-report-button a:link, p#template-report-button a:visited

{

	background: url(/images/report-website-button.png) top no-repeat;

}



p#template-report-button a:hover, p#template-report-button a:active

{

	background: url(/images/report-website-button.png) bottom no-repeat;

}



a img

{

	border: none;

	padding: 0;

}



.no-margin

{

	margin: 0 !important;

}



.float-left

{

	float: left;

}



.invisible

{

	display: none;

}



.invisible

{

	display: none;

}



div#layout-coding-header

{

	margin-top: 1px;

	padding-left: 15px;

	width: 713px;

	height: 208px;

	background: url(/images/coding-header.jpg) no-repeat;

}



div#layout-coding-header p

{

	margin: 0;

	padding: 44px 0 0 0;

	width: 533px;

	font-size: 1.2em;

	background-color: inherit;

	color: #333c4b;

}



div#layout-coding-header table

{

	margin-top: 24px;

	margin-left: -12px;

}



div#layout-coding-header table thead tr th

{

	font: normal 1.8em "Trebuchet MS", Verdana, Arial, Sans-serif;

	background: url(/images/arrow-bullet-small.png) 8px 4px no-repeat;

	padding-left: 26px;

}



div#layout-coding-header table tbody tr td

{

	padding-left: 50px;

	background-position: 4px 8px;

	background-repeat: no-repeat;

}



div#layout-coding-header table tbody tr td#layout-coding-website

{

	background-image: url(/images/coding-icon-website.gif);

}



div#layout-coding-header table tbody tr td#layout-coding-wordpress

{

	background-image: url(/images/coding-icon-wordpress.gif);

}



div#layout-coding-header table tbody tr td#layout-coding-vbulletin

{

	background-image: url(/images/coding-icon-vbulletin.gif);

}



div#layout-coding-header table tbody tr td h3

{

	margin: 0;

	padding: 0;

	font: normal 2.6em "Trebuchet MS", Verdana, Arial, Sans-serif;

	background-color: inherit;

	color: #ef7710;

	letter-spacing: 1.8px;

}



div#layout-coding-header table tbody tr td p

{

	margin: 0;

	padding: 0;

	width: 130px;

	font: normal 1.6em "Trebuchet MS", Verdana, Arial, Sans-serif;

}



form#web-layout-coding-form

{

	margin: 1px 0 21px 0;

	padding: 18px 0 0 0;

	background: url(/images/generic-grad-bg.png) top repeat-x;

	font-size: 1.2em;

}



form#web-layout-coding-form input, form#web-layout-coding-form select, form#web-layout-coding-form textarea

{

	background-color: #eef1f6;

	color: #333c4b;

	border: 1px solid #b3bcc5;

}



form#web-layout-coding-form div

{

	float: right;

	margin-right: 17px;

	/* IE fix for double float margin bug */

	display: inline;

}



form#web-layout-coding-form textarea

{

	margin: 4px 0 0 0;

	padding: 7px;

	width: 462px;

	height: 201px;

	font: 1em Verdana, Arial, Sans-serif;

}



form#web-layout-coding-form dl

{

	margin: 0 0 0 8px;

}



form#web-layout-coding-form dl dt

{

	margin-bottom: 4px;

}



form#web-layout-coding-form dl dd input

{

	margin-bottom: 8px;

	padding: 2px 3px 0 3px;

	width: 204px;

	height: 19px;

}



form#web-layout-coding-form dl dd select

{

	padding: 2px 3px 0 3px;

	width: 210px;

	height: 24px;

}



form#web-layout-coding-form dl dd select option

{

	padding-left: 4px;

}



form#web-layout-coding-form dl dd.web-layout-coding-recaptcha, .recaptcha

{

	overflow:auto;

	width:100%;

}



form#web-layout-coding-form dl dd.web-layout-coding-recaptcha div, .recaptcha div

{

	margin: 0;

	float: left;

}



form#web-layout-coding-form button

{

	margin-top: 14px;

	width: 212px;

	height: 20px;

	border: none;

	background: url(/images/coding-form-submit.gif) top no-repeat;

	cursor: pointer;

}



form#web-layout-coding-form button:hover

{

	background: url(/images/coding-form-submit.gif) bottom no-repeat;

}



form#web-layout-coding-form button span

{

	display: none;

}



div#coding-proc, div#coding-spec, div#coding-comp

{

	margin-top: 1px;

	padding: 8px 0;

	background: url(/images/generic-grad-bg.png) top repeat-x;

	font-size: 1.2em;

}



div#coding-proc div

{

	background: url(/images/coding-icon-proc.gif) 16px 12px no-repeat;

}



div#coding-spec div

{

	background: url(/images/coding-icon-spec.gif) 16px 12px no-repeat;

}



div#coding-spec div ul

{

	margin: 0 0 12px 125px;

	padding: 0 12px 0 0;

}



div#coding-spec div ul li

{

	margin: 4px 0 0 0;

	padding: 0 0 0 16px;

	list-style-type: none;

	background: url(/images/arrow-bullet-small.png) 0 2px no-repeat;

}



div#coding-comp div

{

	background: url(/images/coding-icon-comp.gif) 16px 12px no-repeat;

	padding-bottom: 16px;

}



div#coding-proc div p, div#coding-spec div p, div#coding-comp div p

{

	margin: 0;

	padding: 8px 8px 8px 85px;

}



div#why-zymic-wrap

{

	margin-top: 1px;

	padding: 0 10px;

	background: url(/images/generic-grad-bg.png) top repeat-x;

}



div#hosting-stats-wrap

{

	margin-top: 1px;

	padding: 10px;

	background: url(/images/generic-grad-bg.png) top repeat-x;

	font-size: 1.2em;

}



div#hosting-stats-wrap ul

{

	margin: 0;

	padding: 0 0 24px 68px;

	background: url(/images/hosting-stats-icon.png) 8px 8px no-repeat;

}



div#hosting-stats-wrap ul li

{

	background: url(/images/arrow-bullet-small.png) 0 5px no-repeat;

	list-style-type: none;

	padding: 3px 0 3px 16px;

}



div#zymic-tos-wrap

{

	margin-top: 1px;

	padding: 0;

	background: url(/images/generic-grad-bg.png) top repeat-x;

}



div#why-zymic-wrap p

{

	margin: 0;

	padding: 9px 0 11px 0;

}



div#zymic-tos-wrap p

{

	margin: 0 !important;

	padding: 9px 10px 11px 10px !important;

}



div#why-zymic-wrap p#why-zymic-img

{

	margin: 12px 0 0 12px;

	padding: 0;

	float: right;

	display: block;

	width: 219px;

	height: 243px;

	text-indent: -10000em;

}



div#why-zymic-wrap p#why-zymic-img a

{

	display: block;

	width: 219px;

	height: 243px;

}



div#why-zymic-wrap p#why-zymic-img a:link, div#why-zymic-wrap p#why-zymic-img a:visited

{

	background: url(/images/zymic-tour-thumb.png) top no-repeat;

}



div#why-zymic-wrap p#why-zymic-img a:hover, div#why-zymic-wrap p#why-zymic-img a:active

{

	background: url(/images/zymic-tour-thumb.png) bottom no-repeat;

}



div#zhcp-fileman

{

	background: url(/images/generic-grad-bg.png) top repeat-x;

	font-size: 1.2em;

	margin-top: 1px;

	padding: 12px 0 0 10px;

}



div#zhcp-fileman p#ftp-rec

{

	width: 705px;

	height: 37px;

	margin: 0;

	padding: 0;

	background: url(/images/zhcp-notice-bg.png) no-repeat;

	color: #303a48;

	vertical-align: bottom;

}



div#zhcp-fileman p#ftp-rec a

{

	display: block;

	width: 678px;

	height: 29px;

	padding: 8px 0 0 27px;

	background-color: inherit;

	color: #303a48;

	text-decoration: none;

}



div#zhcp-fileman p#ftp-rec span

{

	text-decoration: underline;

}



div#zhcp-fileman p#ftp-rec img

{

	vertical-align: middle;

}



ul#fileman-actions

{

	margin: 20px 0 0 4px;

	padding: 0;

	height: 52px;

}



ul#fileman-actions li

{

	margin: 0 12px 0 0;

	padding: 0;

	list-style-type: none;

	float: left;

	display: block;

	height: 39px;

	text-indent: -10000px;

}



ul#fileman-actions li a

{

	display: block;

	height: 39px;

}



ul#fileman-actions li#fileman-refresh a:link, ul#fileman-actions li#fileman-refresh a:visited

{

	width: 108px;

	background: url(/images/fileman-refresh.png) top no-repeat;

}



ul#fileman-actions li#fileman-refresh a:hover, ul#fileman-actions li#fileman-refresh a:active

{

	width: 108px;

	background: url(/images/fileman-refresh.png) bottom no-repeat;

}



ul#fileman-actions li#fileman-upload a:link, ul#fileman-actions li#fileman-upload a:visited

{

	width: 85px;

	background: url(/images/fileman-upload.png) top no-repeat;

}



ul#fileman-actions li#fileman-upload a:hover, ul#fileman-actions li#fileman-upload a:active

{

	width: 85px;

	background: url(/images/fileman-upload.png) bottom no-repeat;

}



ul#fileman-actions li#fileman-create a:link, ul#fileman-actions li#fileman-create a:visited

{

	width: 103px;

	background: url(/images/fileman-create.png) top no-repeat;

}



ul#fileman-actions li#fileman-create a:hover, ul#fileman-actions li#fileman-create a:active

{

	width: 103px;

	background: url(/images/fileman-create.png) bottom no-repeat;

}



ul#fileman-actions li#fileman-newdir a:link, ul#fileman-actions li#fileman-newdir a:visited

{

	width: 77px;

	background: url(/images/fileman-newdir.png) top no-repeat;

}



ul#fileman-actions li#fileman-newdir a:hover, ul#fileman-actions li#fileman-newdir a:active

{

	width: 77px;

	background: url(/images/fileman-newdir.png) bottom no-repeat;

}



ul#fileman-actions li#fileman-delete a:link, ul#fileman-actions li#fileman-delete a:visited

{

	width: 105px;

	background: url(/images/fileman-delete.png) top no-repeat;

}



ul#fileman-actions li#fileman-delete a:hover, ul#fileman-actions li#fileman-delete a:active

{

	width: 105px;

	background: url(/images/fileman-delete.png) bottom no-repeat;

}



ul#fileman-actions li#fileman-move a:link, ul#fileman-actions li#fileman-move a:visited

{

	width: 147px;

	background: url(/images/fileman-move.png) top no-repeat;

}



ul#fileman-actions li#fileman-move a:hover, ul#fileman-actions li#fileman-move a:active

{

	width: 147px;

	background: url(/images/fileman-move.png) bottom no-repeat;

}



div#zhcp-fileman table

{

	clear: left;

	border-collapse: collapse;

	width: 705px;

}



div#zhcp-fileman table thead

{

	margin: 0;

	padding: 0;

}



div#zhcp-fileman table thead th

{

	padding: 0 7px 2px 7px;

}



div#zhcp-fileman table tbody td

{

	border-top: 1px solid #d2d6db;

	padding: 7px;

}



html > * div#zhcp-fileman table tbody td

{

	padding: 8px 7px;

}



div#zhcp-fileman table tbody tr.fileman-row-alt td

{

	background: url(/images/tbl-row-alt.png) top repeat-x;

}



div#zhcp-fileman table tbody td a

{

	text-decoration: none;

}



div#zhcp-fileman table tbody td ul

{

	margin: 0;

	padding: 0;

}



div#zhcp-fileman table tbody td ul li

{

	float: left;

	list-style-type: none;

	display: block;

	width: 16px;

	height: 16px;

	margin-right: 6px;

	text-indent: -10000px;

}



div#zhcp-fileman table tbody td ul li.fileman-action-delete

{

	background: url(/images/icon_delete.gif) no-repeat;

}



div#zhcp-fileman table tbody td ul li.fileman-action-rename

{

	background: url(/images/icon_rename.gif) no-repeat;

}



div#zhcp-fileman table tbody td ul li.fileman-action-download

{

	background: url(/images/icon_download.gif) no-repeat;

}



div#zhcp-fileman table tbody td ul li.fileman-action-edit

{

	background: url(/images/icon_edit.gif) no-repeat;

}



div#zhcp-fileman table tbody td ul li.fileman-action-perms

{

	background: url(/images/icon_perms.gif) no-repeat;

}



div#zhcp-fileman table tbody td ul li a

{

	display: block;

	width: 16px;

	height: 16px;

	outline: none;

}



form#fileman-form

{

	margin: 0;

	padding: 0;

}



form#fileman-form table tbody td checkbox

{

	margin: 0;

	padding: 0;

}



form#fileman-form table tbody td .checkbox-perms

{

	height: auto;

	margin: 0 2px;

	padding: 0;

}



input.fileman

{

	height: 16px;

	margin: -5px 0 0 0;

	padding: 0;

}



button.fileman 

{

	height: 20px;

	margin: -4px 0 0 0;

	padding: 0 4px;

}



a.button-back

{

	display: block;

	width: 54px;

	height: 20px;

	text-indent: -1000000px;

}



a.button-back:link, a.button-back:visited

{

	background: url(/images/button-back.png) no-repeat top;

}



a.button-back:hover, a.button-back:active

{

	background: url(/images/button-back.png) no-repeat bottom;

}



div#copyright-removal

{

	margin: 7px 0 9px 5px;

}



div#copyright-removal img

{

	float: left;

	margin: 0 8px 8px 0;

}



div#copyright-removal h3#copyright-removal-heading

{

	background-image: none;

	background-color: inherit;

	color: #f60;

	font-size: 1.2em;

	margin: 0;

	padding: 0;

}



div#copyright-removal p

{

	font-size: 1.2em;

	margin: 2px 0 !important;

	padding: 0 !important;

}



div#copyright-removal button

{

	margin: 6px 0 2px 0 !important;

	padding: 0;

}



div#copyright-removal form

{

	display: none;

	clear: left;

	margin: 0;

	padding: 0;

}



div#copyright-removal form fieldset legend

{

	display: none;

}



div#copyright-removal form fieldset table

{

	font-size: 1.2em;

	margin: 0;

	padding: 0;

}



div#copyright-removal form fieldset table thead tr th

{

	font-weight: normal;

}



div#copyright-removal form fieldset table thead tr th, div#copyright-removal form fieldset table tbody tr td

{

	padding: 0 12px 6px 0;

}



div#copyright-removal form fieldset input

{

	width: 171px;

	height: 19px;

	background-color: #eef1f5;

	border: 1px solid #b4bbc6;

}



div#copyright-removal form fieldset button

{

	display: block;

	width: 76px;

	height: 20px;

	border: none;

	background: url(/images/button-continue.png) top no-repeat;

	cursor: pointer;

}



div#copyright-removal form fieldset button:hover

{

	background: url(/images/button-continue.png) bottom no-repeat;

}



div#copyright-removal form fieldset button span

{

	display: none;

}



div#copyright-removal-example

{

	font-size: 1.2em;

	margin-left: 9px;

}



div#copyright-removal-example img

{

	float: left;

	margin: 0 4px 0 0;

}



p#copyright-removal-sample

{

	font-size: 0.8em;

	background-color: #ededed;

	color: #555;

	padding: 4px 0 5px 0;

	text-align: center;

}



.orange

{

	background-color: inherit;

	color: #f60 !important;

}



div#hosting-faq-section

{

	background: url(/images/generic-grad-bg.png) top repeat-x;

	margin: 1px 0 0 0;

	padding: 9px;

}



div#hosting-faq-section p

{

	margin: 0 0 6px 0;

	padding: 0;

}



body.web-hosting div#hosting-faq-section h3

{

	margin: 9px 0 0 0;

	padding: 0;

	background-image: none;

	background-color: transparent;

	color: inherit;

	font-size: 1.2em;

	font-weight: normal;

}



body.web-hosting div#hosting-faq-section dl

{

	margin: 0;

	padding: 9px 9px 10px 90px;

	border-bottom: 1px solid #e1e4e8;

	font-size: 1.2em;

}



body.web-hosting div#hosting-faq-section dl dt

{

	margin: 0 0 6px 0;

	padding: 0 0 0 18px;

	background: url(/images/arrow-bullet-small.png) 0 2px no-repeat;

	cursor: pointer;

}



body.web-hosting div#hosting-faq-section dl dd

{

	display: none;

	background-color: #f6f7fa;

	color: inherit;

	border: 1px solid #b4bbc6;

	margin: 9px 0 12px 21px;

	padding: 6px 9px 9px 9px;

}



body.web-hosting div#hosting-faq-section dl dd a

{

	background-color: #f6f7fa;

	color: #f60;

	text-decoration: none;

}



div#hosting-free-domain-section

{

	background: url(/images/generic-grad-bg.png) top repeat-x;

	margin-top: 1px;

	padding: 9px;

}



div#hosting-free-domain-section p

{

	margin: 0;

	padding: 0;

}



div#hosting-free-domain-section a

{

	background-color: inherit;

	color: #343e4e;

	text-decoration: underline;

}



div#hosting-free-domain-section ul

{

	margin: 12px 0 0 9px;

	padding: 2px 0 0 190px;

	height: 110px;

	font-size: 1.2em;

	background: url(/images/hosting-free-domain.png) left no-repeat;

}



div#hosting-free-domain-section ul li

{

	margin: 6px 0 0 0;

	padding: 0 0 0 20px;

	list-style-type: none;

	background: url(/images/arrow-bullet-small.png) left no-repeat;

}



div#hosting-competition-section

{

	background: url(/images/generic-grad-bg.png) top repeat-x;

	margin-top: 1px;

	padding: 9px;

}



div#hosting-competition-section p

{

	margin: 0;

	padding: 0 0 12px 0;

}



div#hosting-competition-section img

{

	float: left;

	margin: 0 8px 6px 0;

}



div#latest-news-container

{

	height: 144px;

	margin-top: 1px;

	background: url(/images/news-header.jpg) no-repeat;

}



div#latest-news-container h3

{

	display: none;

}



div#latest-news-container p

{

	font-size: 1.2em;

	margin: 0;

	padding: 62px 0 0 17px;

	width: 357px;

}



div#latest-news-container form fieldset

{

	margin-left: 17px;

}



div#latest-news-container form fieldset legend

{

	display: none;

}



div#latest-news-container form fieldset label

{

	font-size: 1.2em;

}



div#latest-news-container form fieldset select

{

	width: 130px;

	border: 1px solid #abadb3;

	padding: 2px 1px;

}



div#latest-news-container form fieldset button

{

	width: 48px;

	height: 20px;

	background: url(/images/button-news-submit.png) top no-repeat;

	border: none;

	cursor: pointer;

	margin: 0 0 0 8px;

}



html > * div#latest-news-container form fieldset button

{

	margin-left: 4px;

	position: relative;

	bottom: 4px;

}



div#latest-news-container form fieldset button:hover

{

	background: url(/images/button-news-submit.png) bottom no-repeat;

}



div#latest-news-container form fieldset button span

{

	display: none;

}



div#news-archive-container

{

	margin: 0 8px 8px 8px;

	font-size: 1.2em;

	/*background: url(/images/generic-grad-bg.png) bottom repeat-x;*/

	background: url(/images/news-post-bg.png) bottom repeat-x;

	border-bottom: 1px solid #d7dbd7;

}



div#news-archive-container div h3

{

	font-size: 1em;

	font-weight: normal;

	border-bottom: 1px solid #d7dbd7;

	padding: 8px 0;

}



div#news-archive-container div h3 span

{

	font-weight: bold;

	background-color: inherit;

	color: #fe700e;

}



div#news-archive-container div#news-paging

{

	margin: 0;

	background-image: none;

	border: none;

}



div.lightbg

{

	margin-top: 1px;

	font-size: 1.2em;

	padding: 8px 4px 12px 4px;

	background: url(/images/generic-grad-bg-light.png) top repeat-x;

}



div#mysql-tutorial-wrap p

{

	margin: 0;

	padding: 0;

}



div#mysql-tutorial-wrap ol

{

	margin-left: 34px;

}



a#button-tutorial-full

{

	background: url(/images/button-tutorial-full.png) top no-repeat;

	text-indent: -1000000px;

	display: block;

	width: 120px;

	height: 20px;

}



a#button-tutorial-full:hover

{

	background: url(/images/button-tutorial-full.png) bottom no-repeat;

}



div#phpma-blurb

{

	background: url(/images/mysql-phpma-bg.png) top left no-repeat;

	padding-left: 165px;

}



div#phpma-blurb p

{

	margin: 0;

	padding: 4px 0;

}



a#button-phpma-launch

{

	background: url(/images/button-phpma-launch.png) top no-repeat;

	text-indent: -1000000px;

	display: block;

	width: 142px;

	height: 20px;

}



a#button-phpma-launch:hover

{

	background: url(/images/button-phpma-launch.png) bottom no-repeat;

}



div.lightbg form

{

	margin: -8px 0 0 0;

	padding: 0;

}



div.lightbg form fieldset

{

	margin: 0;

	padding: 0;

}



div.lightbg form fieldset legend

{

	display: none;

}



div.lightbg form p

{

	margin: 8px 4px 12px 4px;

	padding: 0;

}



div.lightbg form fieldset p

{

	font-size: 0.8em;

	margin: 4px 0 0 8px;

	padding: 0;

}



div.lightbg form fieldset input.text-input

{

	height: 19px;

	border: 1px solid #b4bbc6;

	background-color: #eef1f5;

	color: inherit;

}



div.lightbg form fieldset input.text-input-wide

{

	width: 145px;

}



input.text-input-short

{

	width: 125px;

}



button#mysql-create

{

	margin: 0 0 2px 4px;

	width: 158px;

	height: 20px;

	border: none;

	cursor: pointer;

	background: url(/images/button-db-create.png) top no-repeat;

}



button#mysql-create:hover

{

	background: url(/images/button-db-create.png) bottom no-repeat;

}



button#mysql-create span

{

	display: none;

}



button#mysql-adduser

{

	margin: 0 0 2px 4px;

	width: 128px;

	height: 20px;

	border: none;

	cursor: pointer;

	background: url(/images/button-db-adduser.png) top no-repeat;

}



button#mysql-adduser:hover

{

	background: url(/images/button-db-adduser.png) bottom no-repeat;

}



button#mysql-adduser span

{

	display: none;

}



div#priv-user-db

{

	margin-top: 12px;

}



div#priv-user-db label

{

	padding: 0 6px;

}



div#priv-privs

{

	margin: 16px 0 12px 0;

}



div#priv-privs p

{

	margin: 0 0 0 8px;

	padding: 0;

}



div#priv-privs label

{

	padding: 0 4px;

}



input#privs-create, input#privs-alter

{

	margin-left: 24px;

}



input#privs-drop

{

	margin-left: 21px;

}



input#privs-index

{

	margin-left: 25px;

}



button#mysql-priv-button

{

	margin-bottom: 4px;

	width: 124px;

	height: 20px;

	border: none;

	cursor: pointer;

	background: url(/images/button-db-priv.png) top no-repeat;

}



button#mysql-priv-button:hover

{

	background: url(/images/button-db-priv.png) bottom no-repeat;

}



button#mysql-priv-button span

{

	display: none;

}



table#mysql-info

{

	margin: 8px 0 8px 4px;

}



table#mysql-info thead tr th

{

	padding-bottom: 8px;

	border-bottom: 1px solid #d2d6db;

}



table#mysql-info tbody tr td

{

	font-size: 0.8em;

	width: 25%;

	border-bottom: 1px solid #d2d6db;

	padding: 4px 0;

}



button#mysql-revoke

{

	margin-bottom: 4px;

	width: 70px;

	height: 20px;

	border: none;

	cursor: pointer;

	background: url(/images/button-db-revoke.png) top no-repeat;

}



button#mysql-revoke:hover

{

	background: url(/images/button-db-revoke.png) bottom no-repeat;

}



button#mysql-revoke span

{

	display: none;

}



div#mysql-delete-section

{

	padding: 0 0 0 8px;

	width: 335px;

	text-align: right;

}



div#mysql-delete-section form fieldset

{

	padding: 12px 0;

}



div#mysql-delete-section form fieldset button

{

	margin: 0 0 2px 6px;

}



html > * div#mysql-delete-section form fieldset button

{

	margin: 0 0 3px 6px;

}



button.button-delete

{

	width: 63px;

	height: 20px;

	border: none;

	cursor: pointer;

	background: url(/images/button-db-delete.png) top no-repeat;

}



button.button-delete:hover

{

	background: url(/images/button-db-delete.png) bottom no-repeat;

}



button.button-delete span

{

	display: none;

}



select#mysql-delete-user, select#mysql-delete-db

{

	width: 147px;

}



.align-right

{

	text-align: right;

}



div#zhcp-member-loggedin

{

	background: url(/images/generic-grad-bg-light-small.png) 0 1px repeat-x;

	font-size: 1.2em;

	padding: 0 7px;

}



p.zhcp-member-blurb

{

	margin: 0;

	padding: 6px 0 8px 0;

	border-bottom: 1px solid #e6e6e6;

	line-height: 1.8em;

}



.no-border

{

	border: none !important;

}



div#zhcp-member-loggedin ul

{

	border-top: 1px solid #e6e6e6;

	margin: 0;

	padding: 8px 0 8px 4px;

}



div#zhcp-member-loggedin ul li

{

	list-style-type: none;

	background: url(/images/arrow-bullet-small.png) left no-repeat;

	padding-left: 16px;

	margin-top: 2px;

}



div#zhcp-member-loggedin ul li a

{

	text-decoration: none;

	background-color: inherit;

	color: #3c485b;

}



div#hosting-free-domain-section p#free-domain-apply

{

	margin-top: 12px;

	padding: 0;

}



div#hosting-free-domain-section p#free-domain-apply a:link, div#hosting-free-domain-section p#free-domain-apply a:visited

{

	display: block;

	width: 62px;

	height: 20px;

	text-indent: -1000000em;

	background: url(/images/button-free-domain.png) top no-repeat;

}



div#hosting-free-domain-section p#free-domain-apply a:hover, div#hosting-free-domain-section p#free-domain-apply a:active

{

	background: url(/images/button-free-domain.png) bottom no-repeat;

}



div#hosting-free-domain-section p#free-domain-reject

{

	margin-top: 12px;

	background-color: inherit;

	color: #dc1616;

}



p#zcp-no-hosted-sites

{

	display: block;

	width: 191px;

	height: 25px;

	background: url(/images/zcp-no-hosted-sites.png) no-repeat;

	text-align: center;

	letter-spacing: -0.5px;

	margin: 13px 0 0 6px !important;

	padding: 8px 0 0 0 !important;

}



div#zcp-new-hosting-account

{

	display: none;

}



div#zcp-new-hosting-account form

{

	margin: 1px 0 0 0;

	padding: 10px;

	background: url(/images/generic-grad-bg.png) top repeat-x;

}



div#zcp-new-hosting-account form fieldset

{

	margin: 0;

	padding: 0;

	font-size: 1.2em;

}



div#zcp-new-hosting-account form fieldset legend

{

	display: none;

}



div#zcp-new-hosting-account form fieldset input#site-name, div#zcp-new-hosting-account form fieldset input#site-password, div#zcp-new-hosting-account form fieldset input#site-password2, div#zcp-new-hosting-account form fieldset input#site-email, input#free-domain-name, input#uword, .input-text

{

	width: 206px;

	height: 19px;

	border: 1px solid #b3bcc5;

	background-color: #eef1f6;

	color: inherit;

	padding: 1px 2px;

}



div#zcp-new-hosting-account form fieldset select

{

	width: 109px;

	height: 21px;

	margin: 0 0 -1px 6px;

}



div#zcp-new-hosting-account form fieldset table, table#passwords

{

	margin: 6px 0;

	padding: 0;

}



div#zcp-new-hosting-account form fieldset table thead tr th, table#passwords thead tr th

{

	font-weight: normal;

	padding: 0 0 4px 0;

}



div#zcp-new-hosting-account form fieldset table tbody tr td, table#passwords tbody tr td

{

	padding: 0 6px 0 0;

}



div#zcp-new-hosting-account form fieldset input#site-email

{

	margin-bottom: 8px;

}



div#zcp-new-hosting-account form fieldset input#site-tos

{

	margin-right: 6px;

}



div#zcp-new-hosting-account form fieldset button, button.confirm-reg

{

	margin-top: 12px;

	display: block;

	width: 143px;

	height: 20px;

	background: url(/images/button-confirm-reg.png) top no-repeat;

	border: none;

	cursor: pointer;

}



div#zcp-new-hosting-account form fieldset button:hover, button.confirm-reg:hover

{

	background: url(/images/button-confirm-reg.png) bottom no-repeat;

}



div#zcp-new-hosting-account form fieldset button span, button.confirm-reg span

{

	display: none;

}



.block

{

	display: block;

	padding: 0 0 4px 0;

}



div.light-box

{

	font-size: 1.2em;

	background: url(/images/generic-grad-bg-dark.png) 0 1px repeat-x;

	padding: 10px 17px 16px 17px;

}



div.light-box div

{

	padding-left: 47px;

}



div.light-box p

{

	margin: 0;

	padding: 2px 0;

}



div#contact-box-forum

{

	background: url(/images/contact-icon-forum.png) 0 6px no-repeat;

}



div#contact-box-email

{

	background: url(/images/contact-icon-email.png) 0 6px no-repeat;

}



div#contact-box-irc

{

	background: url(/images/contact-icon-irc.png) 0 6px no-repeat;

}



div#contact-box-irc ul

{

	margin: 8px 0 0 0;

	padding: 0;

}



div#contact-box-irc ul li

{

	margin: 4px 0 0 0;

	padding: 0;

	list-style-type: none;

}



div#irc-header

{

	width: 716px;

	height: 80px;

	background: url(/images/irc-header-bg.jpg) no-repeat;

	margin-top: 1px;

	font-size: 1.2em;

	padding: 65px 0 0 12px;

}



div#irc-header h3

{

	display: none;

}



div#irc-header p

{

	margin: 0;

	padding: 0;

	width: 430px;

}



div#irc-header dl

{

	margin: 10px 0 0 0;

	padding: 0;

}



div#irc-header dl dt, div#irc-header dl dd

{

	float: left;

	margin: 0;

	padding: 0 4px 0 0;

}



div#irc-header dl dd img

{

	vertical-align: top;

	margin: 4px 0 0 0;

}



div#irc-what p, div#irc-connect p, div#irc-window p, div#irc-nick p

{

	padding: 6px 0;

}



div#irc-what

{

	background: url(/images/contact-icon-forum.png) 0 10px no-repeat;

}



div#irc-connect

{

	background: url(/images/irc-icon-connect.png) 0 10px no-repeat;

}



div#irc-window

{

	background: url(/images/irc-icon-window.png) 0 10px no-repeat;

}



div#irc-nick

{

	background: url(/images/irc-icon-nick.png) 0 10px no-repeat;

}



button.confirm

{

	display: block;

	width: 71px;

	height: 20px;

	background: url(/images/button-confirm.png) top no-repeat;

	border: none;

	cursor: pointer;

}



button.confirm:hover

{

	background: url(/images/button-confirm.png) bottom no-repeat;

}



button.button-confirm

{

	display: block;

	width: 71px !important;

	height: 20px;

	background: url(/images/button-confirm.png) top no-repeat !important;

	border: none;

	cursor: pointer;

}



button.button-confirm:hover

{

	background: url(/images/button-confirm.png) bottom no-repeat !important;

}



.input-short

{

	width: 146px !important;

}



.no-background

{

	background-image: none !important;

}



div#zcp-new-hosting-account form fieldset h4

{

	font-weight: normal;

	font-size: 1em;

}



div#zcp-new-hosting-account form fieldset p

{

	font-size: 1em !important;

	line-height: 1.6em;

}



div#register-header

{

	width: 708px;

	height: 85px;

	margin-top: 1px;

	padding: 60px 0 0 20px;

	background: url(/images/register-header-bg.jpg) no-repeat;

}



div#register-header h3

{

	display: none;

}



div#register-header p

{

	margin: 0;

	padding: 0;

	font-size: 1.2em;

	width: 400px;

}



div#register-container

{

	float: left;

	font-size: 1.2em;

}



form#register-form

{

	margin: 1px 0 0 0;

	padding: 12px 0 0 12px;

	background: url(/images/generic-grad-bg-mid.png) top repeat-x !important;

	border-right: 1px solid #fff;

	width: 350px;

}



form#register-form fieldset legend

{

	display: block;

	border-bottom: 1px solid #e1e2e4;

	margin: 0;

	padding: 0 230px 6px 0;

}



form#register-form fieldset label

{

	margin-top: 8px;

}



form#register-form fieldset button

{

	margin-top: 12px;

	display: block;

	width: 143px;

	height: 20px;

	background: url(/images/button-confirm-reg.png) top no-repeat;

	border: none;

	cursor: pointer;

}



form#register-form fieldset button:hover

{

	background: url(/images/button-confirm-reg.png) bottom no-repeat;

}



form#register-form fieldset button span

{

	display: none;

}



div#login-container

{

	width: 160px;

	padding-right: 14px;

	margin-left: 350px;

	font-size: 1.2em;

	background: url(/images/generic-grad-bg-mid.png) 0 1px repeat-x;

	position: relative;

	right: 3px;

}



html > * div#login-container

{

	width: 345px;

	margin-left: 363px;

	padding: 0 20px 0 0;

	position: static;

}



form#login-form

{

	margin: 0;

	padding: 12px 0 0 12px;

}



form#login-form fieldset legend

{

	display: block !important;

	border-bottom: 1px solid #e1e2e4;

	padding-right: 130px;

	padding-bottom: 6px;

	margin-bottom: 12px;

}



form#login-form input

{

	width: 170px;

	margin-bottom: 6px;

}



form#login-form input#login-checkbox

{

	width: auto;

	margin: 0;

}



form#login-form button

{

	display: block;

	width: 58px;

	height: 20px;

	background: url(/images/global_member_login_btn.gif) top no-repeat;

	border: none;

	cursor: pointer;

}



form#login-form button:hover

{

	background: url(/images/global_member_login_btn.gif) bottom no-repeat;

}



form#login-form button span

{

	display: none;

}



form#login-form fieldset p a:link, form#login-form fieldset p a:visited, form#login-form fieldset p a:hover, form#login-form fieldset p a:active

{

	text-decoration: none;

	padding-left: 16px;

	background: url(/images/arrow-bullet-small.png) 0 0 no-repeat;

}



div#login-remember-section

{

	position: relative;

	bottom: 18px;

	left: 64px;

}



div#login-remember-section label

{

	font-size: 0.8em;

}



div#template-customisation-header

{

	margin-top: 1px;

	width: 728px;

	height: 166px;

	background: url(/images/template-customisation-header.jpg) no-repeat;

}



div#template-customisation-header p

{

	font-size: 1.2em;

	width: 435px;

	margin: 0;

	padding: 65px 0 0 18px;

	line-height: 1.7em;

}



label#customisation-description-label

{

	padding-right: 350px;

}



div#template-customisation-mods

{

	background: url(/images/generic-grad-bg.png) top repeat-x;

	font-size: 1.2em;

	padding: 20px;

}



div#template-customisation-mods p

{

	margin: 0;

	padding: 0;

}



div#template-customisation-mods ul

{

	margin: 0 0 0 45px;

	padding: 0;

}



div#template-customisation-mods ul li

{

	margin-top: 12px;

	padding-left: 16px;

	list-style-type: none;

	background: url(/images/arrow-bullet-small.png) 0 1px no-repeat;

}



div#advertising-intro

{

	background: url(/images/contact-icon-forum.png) 0 4px no-repeat;

}



div#advertising-desc

{

	background: url(/images/advertising-icon-desc.png) 0 4px no-repeat;

}



div#advertising-desc p img

{

	margin: 8px 0;

}



div#advertising-prices

{

	background: url(/images/advertising-icon-prices.png) 0 2px no-repeat;

}



div#advertising-prices dl

{

	margin: 8px 0;

	padding: 0;

}



div#advertising-prices dl dt

{

	margin: 0;

	padding: 0 4px 0 0;

	float: left;

	font-weight: bold;

	line-height: 2em;

}



div#advertising-prices dl dd

{

	line-height: 2em;

}



div.hosting-box

{

	margin-top: 1px;

	padding: 0 10px;

	background: url(/images/generic-grad-bg.png) top repeat-x;

}



div.hosting-box p

{

	margin: 0;

	padding: 0;

}



div.hosting-box p#hosting-tour-intro

{

	background: url(/images/contact-icon-forum.png) 0 16px no-repeat;

	padding: 14px 0 14px 45px;

}



div.hosting-box p#hosting-tour-intro a

{

	background-color: inherit;

	color: #424850;

	text-decoration: underline;

}



table.hosting-tour-table

{

	margin: 0;

	padding: 0;

}



table.hosting-tour-table caption, table.hosting-tour-table thead

{

	display: none;

}



table.hosting-tour-table caption, table.hosting-tour-table tbody tr td img

{

	vertical-align: top;

	padding: 12px 0 16px 0;

}



table.hosting-tour-table caption, table.hosting-tour-table tbody tr td p

{

	margin: 0;

	padding: 0 8px;

}



form#edit-member-details

{

	margin: 0;

	padding: 0;

}



form#edit-member-details fieldset

{

	margin: 0;

	padding: 0;

}



form#edit-member-details fieldset legend

{

	display: none;

}



form#edit-member-details fieldset h3

{

	margin: 0;

	padding: 4px 0 8px 0;

	font-size: 1.2em;

}



form#edit-member-details fieldset h4

{

	margin: 0;

	padding: 0 0 4px 0;

	font-size: 1em;

}



form#edit-member-details fieldset dl

{

	margin: 0 0 12px 0;

	padding: 0;

}



form#edit-member-details fieldset dl dt

{

	float: left;

	padding-right: 4px;

	line-height: 2.1em;

}



form#edit-member-details fieldset dl dt label

{

	display: block;

	width: 150px;

}



form#edit-member-details fieldset dl dd

{

	margin-bottom: 4px;

}



form#edit-member-details fieldset p

{

	margin: 12px 0;

	padding: 0;

}



form#edit-member-details fieldset button

{

	display: block;

	width: 142px;

	height: 20px;

	background: url(/images/button-member-details.png) top no-repeat;

	cursor: pointer;

	border: none;

}



form#edit-member-details fieldset button:hover

{

	background: url(/images/button-member-details.png) bottom no-repeat;

}



form#edit-member-details fieldset button span

{

	display: none;

}



div.copyright-removal-box

{

	margin-top: 1px;

	padding: 3px 0;

	background: url(/images/generic-grad-bg-light.png) top repeat-x;

}



div.copyright-removal-box p, div.copyright-removal-box p.first

{

	margin: 0 !important;

	padding-top: 6px !important;

	padding-bottom: 6px !important;

}





/* ==BB CODE STYLES

--------------------------------------------------------------------- */



h1.bbcode-heading

{

  margin: 5px 0 5px 0;

  font-size: 1.5em;

}



ul.bbcode-list

{

  font-size: 1.2em;

  padding: 0 0 0 20px;

}

ul.bbcode-list li

{

  list-style: url(/images/arrow-bullet-small.png);

}



/* ==Premium Templates

--------------------------------------------------------------------- */

div#premtemps-intro

{

	width: 710px;

	height: 150px;

	margin-top: 1px;

	padding: 54px 0 0 18px;

	background: #fff url(/images/premtemps-header-bg.jpg) no-repeat;

}



div#premtemps-intro h3

{

	display: none;

}



div#premtemps-intro p

{

	margin: 0;

	padding: 6px 0 0 0;

	width: 410px;

	font-size: 1.2em;

}



div.smooth-bg

{

	margin-top: 1px;

	background: url(/images/gentle-grad-bg.png) top repeat-x;

}



div#premtemps-catselect

{

	margin-top: 1px;

	background: url(/images/gentle-grad-bg.png) top repeat-x;

	display: block;

}



div#premtemps-catselect table

{

	margin: 0 8px;

	padding: 0;

	font-size: 1.2em;

	width: 97%;

}



div#premtemps-catselect table thead

{

	display: none;

}



div#premtemps-catselect table tbody tr td

{

	border-bottom: 1px solid #d8d8d8;

	padding: 12px 0 12px 8px;

}



div#premtemps-catselect table tbody tr td.icon-col

{

	padding: 0;

	text-align: right;

}



div#premtemps-catselect table tbody tr td h3

{

	margin: 0;

	padding: 0;

	font-size: 1em;

}



div#premtemps-catselect table tbody tr td h3 a

{

	text-decoration: none;

}



div#premtemps-catselect table tbody tr td p

{

	margin: 2px 0 0 0;

	padding: 0;

}



p.arrow-link

{

	font-size: 12px;

	margin: 12px;

	padding: 0;

}



.arrow-link a:link, .arrow-link a:visited, .arrow-link a:hover, .arrow-link a:active

{

	background: url(/images/arrow-bullet-small.png) 0 0 no-repeat;

	color: #333e4c;

	padding-left: 16px;

	text-decoration: none;

}



div#premtemps-full

{

	display: none;

	margin-top: 1px;

	padding: 12px 12px 0 12px;

	background: url(/images/gentle-grad-bg.png) top repeat-x;

}



table.premtemps-listing-tbl

{

	margin: 0 0 12px 0;

	padding: 0;

	font-size: 1.2em;

}



table.premtemps-listing-tbl thead

{

	display: none;

}



table.premtemps-listing-tbl tbody tr td

{

	padding-right: 32px;

}



table.premtemps-listing-tblsmall tbody tr td

{

	padding-right: 24px;

}



table.premtemps-listing-tbl tbody tr td ul, table.premtemps-listing-tbl tbody tr td ul li

{

	margin: 0;

	padding: 0;

	list-style-type: none;

}



table.premtemps-listing-tbl tbody tr td ul li a:link, table.premtemps-listing-tbl tbody tr td ul li a:visited, table.premtemps-listing-tbl tbody tr td ul li a:hover, table.premtemps-listing-tbl tbody tr td ul li a:active

{

	background: url(/images/arrow-bullet-small.png) 0 0 no-repeat;

	color: #333e4c;

	padding-left: 16px;

	text-decoration: none;

}



div#premtemps-full-sep

{

	background: url(/images/premtemps-full-sep.png) 0 14px repeat-x;

	text-align: center;

	margin: 0 8px;

}



div#premtemps-full-sep p

{

	font-size: 1.2em;

	background: url(/images/premtemps-full-sep-main.png) center no-repeat;

	padding: 6px 0;

}



p.bluebrtp

{

	border-top: 1px solid #d8d8d8;

	margin: 0;

	padding: 12px 0;

}



div#premtemps-search

{

	font-size: 1.2em;

	padding: 12px;

}



div#premtemps-search form, div#premtemps-search table

{

	margin: 0;

	padding: 0;

}



div#premtemps-search table tbody tr td

{

	padding: 0 12px 0 0;

}



div#premtemps-search form fieldset legend

{

	display: none;

}



div#premtemps-search form fieldset label

{

	font-size: 0.9em;

	text-align: right;

}



div#premtemps-search form fieldset select

{

	width: 110px;

	height: 18px;

	padding: 0 1px;

	font-size: 0.9em;

	background-color: transparent;

	border: 1px solid #abadb3;

}



div#premtemps-search form fieldset input

{

	height: 18px;

	height: 16px;

	padding: 2px 1px 0 1px;

	font-size: 0.9em;

	background-color: transparent;

	border: 1px solid #abadb3;

}



.align-right

{

	text-align: right;

}



div#premtemps-search form fieldset button

{

	margin-top: 4px;

	width: 58px;

	height: 20px;

	cursor: pointer;

	background: url(/images/search.jpg) no-repeat;

	border: none;

}



div#premtemps-search form fieldset button span

{

	display: none;

}



td#premtemps-search-desc

{

	padding-left: 18px;

}



div.smooth-bg div.templates

{

	margin-left: 26px;

}



div.templates1 div

{

	margin: 6px 0 0 12px;

	float: left;

}



div.templates1 > div

{

	margin-left: 18px;

}



div.templates1 p

{

	clear: left;

	text-align: right;

	margin: 0;

	padding: 0 21px 12px 0;

	font-size: 1.2em;

}



div#reset-password-form

{

	margin-top: 1px;

	background: url(/images/generic-grad-bg-light.png) top repeat-x;

	font-size: 1.2em;

	padding: 12px 12px 36px 12px;

}



div#reset-password-form form, div#reset-password-form form fieldset

{

	margin: 0;

	padding: 0;

}



div#reset-password-form form fieldset legend

{

	display: none;

}



div#reset-password-form form fieldset input

{

	border: 1px solid #b3bcc5;

	background-color: #eef1f6;

	color: inherit;

	padding: 1px;

}



div#reset-password-form form fieldset button

{

	position: relative;

	bottom: 21px;

	left: 225px;

	display: block;

	margin-left: 6px;

	width: 58px;

	height: 20px;

	border: none;

	background: url(/images/sort-submit.gif) top no-repeat;

	cursor: pointer;

}



div#reset-password-form form fieldset > button

{

	margin-left: 0;

}



div#reset-password-form form fieldset button:hover

{

	background: url(/images/sort-submit.gif) bottom no-repeat;

}



div#reset-password-form form fieldset button span

{

	display: none;

}



div#reset-password-form form fieldset dl

{

	margin: 0;

	padding: 0;

}



div#reset-password-form form fieldset dl dt

{

	float: left;

	padding-top: 3px;

}



div#reset-password-form form fieldset dl > dt

{

	line-height: 2.4em;

	padding: 0;

}



div#reset-password-form form fieldset dl dd

{

	line-height: 2.4em;

}



div#reset-password-form form fieldset dl dt label

{

	display: block;

	width: 145px;

}



div#reset-password-form form fieldset button#button-reset-password

{

	position: static;

	clear: left;

	display: block;

	width: 106px;

	height: 20px;

	margin-top: 12px;

	border: none;

	background: url(/images/button-reset-password.png) top no-repeat;

	cursor: pointer;

}



div#reset-password-form form fieldset button#button-reset-password:hover

{

	background: url(/images/button-reset-password.png) bottom no-repeat;

}



div#reset-password-form form fieldset button#button-reset-password span

{

	display: none;

}



div#hosting-introduction

{

	background: transparent url(/images/web_hosting_introduction-bg.jpg) no-repeat 0 1px;

        width: 583px;

	height: 120px;

	padding: 70px 0 0 145px;

}



div#hosting-introduction p

{

	margin: 0;

	padding: 0;

}



div#hosting-introduction div#digg-button

{

	margin: 2px 6px 0 0;

	float: left;

	height: 80px;

}



div#hosting-introduction div p

{

	padding-top: 4px;

}



div#hosting-introduction div p#hosting-intro-top

{

	margin-top: 4px;

}



.error

{

   background-color: #F9F0F0;

   border: 1px solid #DEC9C9;

   color: #A80101;

   padding: 0.2em;

}



.notify

{

   background-color: #DDFFE8;

   border: 1px solid #759C81;

   color: #006D34;

   padding: 0.2em;

}



.hosting-notification

{

   border-left: 0;

   border-right: 0;

   text-align: center;

}