@charset "utf-8";
/* XHTMLDESIGNERS.com */

* {margin-left:0px;margin:0px; padding:0px}

img {border:0px}

body {background-color:#000000; height:100% !important; color:#555555; font-size:small;font-family: Arial,Helvetica,Geneva,sans-serif}

p {text-align:justify}
hr {color: #E1E1E1;background-color: #E1E1E1;height: 1px;border:0px}

#wrapper {height:100%; width:100%; background-color:#eeeeee}

/********************************************************************************/
/*logo css*/
#logo-wrapper {margin:0px auto}
#logo-center {margin:0px auto; width:960px}
.logo {background-image: url(../images/logo.jpg); height:201px; width:960px; background-repeat:no-repeat}
.logo-repeat {background-image: url(../images/logo-repeat.jpg);background-position: center bottom; height:197px; background-repeat:repeat}

/********************************************************************************/
/*body*/

#body-repeat {padding-bottom:30px;background-image: url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/body-repeat.jpg);background-repeat:repeat; width:960px;}
.body-content {min-height:600px;padding:0px;margin-left:2px}
.content {min-height:600px;padding:0px; width:960px; margin:0px auto}

.left-body {width:660px; float:left}
.right-body {width:287px; padding-bottom:50px; float:left; border-right:0px solid #e1e1e1;border-left:0px solid #e1e1e1; padding-left:3px}
.clearfloat {clear:both}

.devsearchbar{margin-left:5px; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;width:653px}

div.loading-invisible{ display:none;}

div.loading-visible{display:block;margin:0px auto;width:625px; text-align:center;
height:100%; position:absolute; background:#eeeeee; }


div.loadme-visible{ display:block;}

div.loadme-invisible{display:none;}


div.subloadme-visible{ display:none;}

div.subloadme-invisible{display:block;margin:0px auto;width:625px; text-align:center;
height:100%; position:absolute; background:#eeeeee;}
/********************************************************************************/
/*footer*/
#footer-wrapper {margin:0px auto;}
#footer-center {margin:0px auto; width:960px}
.footer {background-image: url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/footer.jpg); height:158px; width:960px; background-repeat:no-repeat}
.footer-repeat {background-image: url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/footer-repeat.jpg);background-position: center bottom; height:153px; background-repeat:repeat}
.footerBox {background-color:#000000;border-left:0px solid #111111;border-right:0px solid #111111;margin:0 auto;margin-top:6px;padding:0;width:960px;}
.footerboxBack{bottom:0;clear:both;margin-bottom:0;margin-left:auto;margin-right:auto;padding-top:48px;text-align:center;width:960px;background-color:#000000}


.validateXhtml {margin:0px auto;margin-left:50px;float:left;background-image: url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/xhtml.png);border:0;width:200px;height:60px;cursor:pointer;}
.validateCss {margin:0px auto;margin-left:25px;float:left;background-image: url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/css.png);border:0;width:200px;height:60px;cursor:pointer;}
.broswerCompatible {margin:0px auto;background-image: url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/browserCompat.jpg);border:0;width:169px;height:52px;cursor:pointer;}


/********************************************************************************/
/*Profile Tabs*/
.profiletab ul{width:600px;margin: 4px;padding: 3px 0;margin-left: 0;font: bold 12px Verdana;list-style-type: none;text-align: left;}

.profiletab li{height:30px;float: left;margin: 0;}

.profiletab li p{cursor:pointer;text-decoration: none;padding: 3px 7px;margin-right: 3px;border: 1px solid gray;border-bottom: none;background-color: #e1e1e1;}

.profiletab li a:visited{color: #2d2b2b;}

.profiletab li a:hover, .basictab li a.current{background-color: #DBFF6C;color: black;}

.profiletab li a:active{color: black;}

#profiletabcontentcontainer{width:100%;}

.profiletabcontent{display:none; border:0px solid; padding:10px}


/********************************************************************************/
/*Edit Tabs*/
.tab-wrapper{margin:0;border:1px solid #eee;clear:both;}
.tab-menu{margin:0;	padding:0;list-style:none;overflow:auto;}
.tab-menu li{ background-color:#333333; color:#ffffff;border:0px solid;margin:2px;padding:0;float:left;	line-height:2em;}
.tab-menu li a{padding:0 .5em;font-weight:bold;color:#ffffff;}
.tab-menu li a:hover,.tab-menu li a:focus{	/* your effect here */}
.tab-menu li.tab-selected a{background-color:#ff0000;text-decoration:none;padding:5px}

.TXNewsletters_form_text,.TXNewsletters_form_email {display:none}

/********************************************************************************/
/*Feed List*/
.rssItem {border: 1px solid #e1e1e1; padding: 10px; background-color: #ffffff; list-style-type: none; list-style-image: none; list-style-position: outside; margin-bottom: 30px;}

.ditto_paging {    border-top: 1px solid #ccc;    padding: 10px;     font-size: 86%;    color: black;}
#ditto_pages .ditto_currentpage {border: 1px solid black;padding: 1px 5px 2px;margin-right: 1px;background-color: #803D3D; color: #ffffff;} 
#ditto_pages .ditto_off { border: 1px solid #cccccc;padding: 1px 5px 2px; margin-right: 1px;color: #cccccc;}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {border: 1px solid #803D3D;padding: 1px 5px 2px;margin-right: 1px; text-decoration: none !important;color: #000000;} 
#ditto_pages a:hover {background-color: #fff;color: #000;}

/********************************************************************************/
/*Top Button*/
#topbutton{position:absolute; right:25px;border:2px solid #333333; border-bottom:0px; background-color:#111111; width:80px; height:30px; text-align:center; font-weight:bold; color:#ffffff}
html > body #topbutton { position:absolute;position:fixed; right:25px;bottom:0px;border:2px solid #333333; border-bottom:0px;  background-color:#111111; width:80px; height:30px; text-align:center; font-weight:bold; color:white}


/********************************************************************************/
/*Link Styles*/
a {color: #803D3D;text-decoration: none;font-weight:bold;font-size:small}

a:hover {color: #354158;}

a :link {text-decoration:underline}

.linkstyle {color:#00ADEF}

.latestdesigners a:visited img, .latestdesigners a img {opacity:0.4;filter:alpha(opacity='40');}

.latestdesigners a:hover img{opacity:1;filter:alpha(opacity='100');}


/********************************************************************************/
/*heading tags*/
h1 {font-size:x-large}
h2 {font-size:large;}
h3 {font-size:medium}
h4 {font-size:small}
h5 {font-size:x-small}
h6 {font-size:xx-small}


.header-plate-small{background-image:url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/headers/header.jpg); background-repeat:no-repeat;height:75px; width:530px;}
.header-plate{background-image:url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/headers/header-large.jpg); background-repeat:no-repeat;height:75px; width:592px;}

/********************************************************************************/
span.title {font-weight:bold; color:#666666}
/********************************************************************************/

/********************************************************************************/
/*Ajax Search*/

#ajaxSearch_output {font-weight:bold;color:#00ADEF }



/********************************************************************************/
/*Gallery + -*/

.managepicturecontainer{float:left; width:300px; padding:10px}



ul.thumbs li {width:190px; height:250px; text-align:center;list-style:none;float:left;display:block;list-style-image:none !important;margin:0px !important;}

.managecontainer {margin-top:20px}
.pictureform{float:left; width:640px}
.managecontainer textarea {width:250px;}
.managecontainer hr {width:	280px;text-align: left;margin: 20px auto 20px 0;}
.pictureform .managepicture {height:190px;float:left;clear:	left;}
.pictureform .shortfields {line-height:25px;margin-left:20px;text-align:right;}
.pictureform .clearboth {clear:	both;}
.uploadcounter {width: 	20px;margin-bottom: 10px;float:	left;clear:	left;}
.uploadfile {width:210px;margin-bottom: 10px;float: left;}
.uploadfile input {width:250px;}
.uploadform {width:285px;margin-top:20px;padding-left:3px;border-left:solid 1px #E1E1E1;float:left;}
.clearboth {clear:both;}
.slideshowwrapper {text-align:	center;}
.deleteform {margin-left:5px;}
.synchform {margin-left:5px;}





/********************************************************************************/
/*designers + -*/

.htmlyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.htmlno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.htmlyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.htmlno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.cssyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.cssno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.flashyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.flashno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.javayes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.javano{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.phpyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.phpno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.xmlyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.xmlno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.psyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.psno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.dwyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.dwno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.flashSyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.flashSno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.apacheyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.apacheno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.mysqlyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.mysqlno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.phpmyadminyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.phpmyadminno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.workyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.workno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}

.validyes{background-position:center bottom;background-image: url(/assets/images/yes.png); background-repeat: no-repeat; display:block;}
.validno{background-position:center bottom;background-image: url(/assets/images/no.png); background-repeat: no-repeat; display:block;}
.valid{background-position:center bottom;background-image: url(/assets/images/.png); background-repeat: no-repeat; display:block;}

.noneselect {background-image: url(http://xhtmldesigners.com/assets/images/.png);width:100px;float:right;margin-left:10px;height:23px;background-repeat: no-repeat; display:block;}
.none {width:100px;float:right;margin-left:10px;height:23px;background-position:bottom left;background-image: url(http://xhtmldesigners.com/assets/images/no.png); background-repeat: no-repeat; display:block;}
.novice{width:100px;float:right;margin-left:10px;height:23px;background-position:bottom left;background-image: url(http://xhtmldesigners.com/assets/templates/xhtml/images/yes/novice.png); background-repeat: no-repeat; display:block;}
.competant{width:100px;float:right;margin-left:10px;height:23px;background-position:bottom left;background-image: url(http://xhtmldesigners.com/assets/templates/xhtml/images/yes/competant.png); background-repeat: no-repeat; display:block;}
.advanced{width:100px;float:right;margin-left:10px;height:23px;background-position:bottom left;background-image: url(http://xhtmldesigners.com/assets/templates/xhtml/images/yes/advanced.png); background-repeat: no-repeat; display:block;}
.expert{width:100px;float:right;margin-left:10px;height:23px;background-position:bottom left;background-image: url(http://xhtmldesigners.com/assets/templates/xhtml/images/yes/expert.png); background-repeat: no-repeat; display:block;}

#workyes {display:block}
#workno {display:none}

/********************************************************************************/
/*Accordion toggles*/

.toggler  { cursor:pointer; font-weight:bold; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; }
.toggler:hover	 {cursor:pointer;}
.element	 { padding:0 5px; }


.toggler1  { cursor:pointer; font-weight:bold; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; }
.toggler1:hover	 {cursor:pointer; background:#111111; }
.element1	 { padding:0 5px; }

.togglercategory  { width:450px;cursor:pointer; font-weight:bold; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; }
.togglercategory:hover	 {cursor:pointer;  }
.elementcategory	 { padding:0 5px; }

.togglerdesigner  { width:450px;cursor:pointer; font-weight:bold; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; }
.togglerdesigner:hover	 {cursor:pointer;  }
.elementdesigner	 { padding:0 5px; }


.topBartoggler  { cursor:pointer; font-weight:bold; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; }
.topBartoggler:hover	 {cursor:pointer; background:#111111; }
.topBarelement	 { height:400px;padding:0 5px; }

#box1 {height:800px; width:550px; }

/**************************************************************/

#imageMenu {background:transparent none repeat scroll 0 50%;height:120px;overflow:hidden;margin-top:34px;width:490px;}

#imageMenu ul {color:yellow;list-style: none;margin: 0px;display: block;height: 120px;width:490px;}

#imageMenu ul li {float: left;border-left: 2px solid #eeeeee;height: 86px;padding:0 5px;}

#imageMenu ul li a {padding:0px 0px;text-align:center;text-indent: 0px;	cursor:pointer;
display:block;overflow:hidden;width:85px;font-weight:bold}

.clear {clear: both;}

/********************************************************************************/
/*Designers drop down options*/
.designerStandardsRadiosLabel{float:left; width:100px}
.designerStandardsRadiosDiv {float:left;width:100px}

.designerSoftwareRadiosLabel{float:left;width:100px}
.designerSoftwareRadiosDiv{float:left;width:100px}

.designerStatusRadiosLabel{float:left;width:100px}
.designerStatusRadiosDiv{float:left;width:100px}

.choice{text-align:left;}

#cssbox {color:#ffffff; display:block}

/********************************************************************************/
/*input css*/
.regform input, textarea, select {font-weight:bold;background-color:#ffffff;background:#ffffff url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/form-field-bg.gif) no-repeat scroll 0 0;border-color:#E6E6E6 #E2E2E2 #E2E2E2 #E6E6E6;border-style:solid;border-width:1px;padding:10px 10px 0px 6px;display:block;width:200px;}
.loginform input,  select {font-weight:bold;background-color:#ffffff;background:#ffffff url(http://www.xhtmldesigners.com/assets/templates/xhtml/images/form-field-bg.gif) no-repeat scroll 0 0;border-color:#E6E6E6 #E2E2E2 #E2E2E2 #E6E6E6;border-style:solid;border-width:1px;padding:5px 3px 3px 7px;width:220px;}


.contact {display:block;float:left;}
.contact label {clear:left;display:block;float:left;line-height:120%;margin:0 !important;width:500px;}
/********************************************************************************/
/*Buttons*/
.box a {display: block;height: 100%;width: 100%;}

.clear {overflow: hidden; width: 100%;}

a.addbutton {background: transparent url('../images/buttons/addDoc.jpg') no-repeat scroll top right;
color: #ffffff;display: block;float: left;margin-left:25px;font: normal 12px arial, sans-serif;height: 30px;
text-align: center;width:71px}

a.editbutton { background: transparent url('../images/buttons/editDoc.jpg') no-repeat scroll top right;
color: #ffffff;display: block;float: left;margin-left:25px;font: normal 12px arial, sans-serif;height: 30px;text-align: center;width:71px}

a.button span {display: block;line-height: 14px;padding: 10px 0 0px 0px;}

a.button:active {background-position: bottom right;color: #000;outline: none; /* hide dotted outline in Firefox */}

a.button:active span {    background-position: bottom left;   padding: 6px 0 4px 18px; /* push text down 1px */}

/********************************************************************************/
/*tag cloud settings*/

.tagcloud {letter-spacing:normal;line-height:2.4em;margin:0;text-align:justify;text-decoration:none;text-indent:0;text-transform:none;word-spacing:normal;}

div.tagcloud a {border-bottom:medium none;padding-right:3px;}

div.tagcloud a {text-decoration:none;border-bottom:medium none;padding-right:3px;}

.s1 {font-size:small;}
.s2 {font-size:medium}
.s3 {font-size:large;}
.s4 {font-size:x-large}
.s5 {font-size:xx-large;}

/********************************************************************************/
/*COMMENTS*/
.CommentUserPhoto{width:110px; float:left}
.CommentUserPhotoAlt{width:110px; float:left}

.Comment{padding:10px;width:480px;margin-left:0px; float:left; text-align:justify;}
.CommentAlt{padding:10px;width:480px;margin-left:0px; float:left; text-align:justify;}

.CommentUsername{}
.CommentUsernameAlt{}