/* --- elements --- */

a:visited,a:link,a:active{color:#249;font-weight:bold;text-decoration:none}
a:hover{color:#249;text-decoration:underline;}
caption{font-size:85%;text-align:center}
em{font-style:italic;font-weight:bold}
fieldset{border-top:3px #ccc solid;margin:0;padding:.5em 0}
html,body{background:#fff url('http://images.designers-network.com/images/bodybg.gif') repeat-x;color:#000;font-family:helvetica,verdana,sans-serif;text-align:center;height:100%}
h1{color:#000;font-size:200%;font-weight:bold}
h1 sup{font-size:60%}
h2, h2.active{background:#C7DEF7;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-size:138.5%;margin:0 0 .5em 0;padding:.25em .5em 0 .5em;}
h2.active{background:#A2C3F3;color:#000;margin:0 0 .25em 0;}
h2.error{background:#A13660;color:#fff;}
h2.archives{background:#C19F5A;color:#fff;}
h3{font-size:108%;background:#BBD764;color:#000;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin:.25em 0 .5em 0;padding:.4em .5em .25em .5em;}
h3.sponsored{background:#fff;color:#000;}

h4{font-size:85%;font-weight:bold;text-transform:uppercase;margin:0 0 .5em 0;}
h5{font-size:100%}
h6{font-size:85%}
hr{border:0;border-top:1px #ccc solid}
img{border:0}
input[type="text"],input[type="password"],input[type="file"],textarea{border:3px #BBCAFF solid;color:#000;font-size:100%;margin:.25em;padding:.25em;width:20em}
select{border:3px #BBCAFF solid;color:#000;font-size:100%;margin:.25em;padding:.25em}
input[type="checkbox"],input[type="radio"]{color:#000;margin:3px;padding:2px}
label{display:block;font-weight:bold;margin-right:.25em;padding-top:0.5em;width:10em}
.button-to{margin:2px}
.button-to input[type="submit"]{width:5em}
.label{font-weight:bold}
.labelspaced{margin:0 0 0 155px}
legend{background:#fff;font-size:123.1%;font-weight:bold;margin:0 4em;padding:0 1em}
legend small{font-weight:normal}
p, li{line-height:1.25em;margin-bottom:1em}
#archives li {margin-bottom:0;}
select.wide{width:21em}
strong{font-weight:bold}
table{border-collapse:collapse;border:1px #ccc solid;margin:6px 0;width:100%}
th{background:#fff5A1;color:#c70;border:1px #ccc solid;font-size:92%;font-weight:bold;padding:2px 4px;text-align:left;vertical-align:bottom}
td{border:1px #ccc solid;padding:3px;vertical-align:top}

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

#jobs, #directory{
  -moz-border-radius:1em;
  -webkit-border-radius:1em;
  border-radius:1em;
  border:1px solid #bbb;
  margin:0;
  padding:.5em;
}
#main{padding:.5em 0 0 .5em;}

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

#hd{padding:.25em 0}
#bd{
  background:#fff;
  -moz-border-radius:1.5em;
  -webkit-border-radius:1.5em;
  border-radius:1.5em;
  border-top:1px #ddd solid;
  padding:.5em;
}
#ft{border-top:1px #ccc solid;margin:7em 1em;padding:.5em}
#sp{background:#fff}
#archives table, #archives td {border:0;}
#header{color:#fff;padding:0 0 1.25em 1em}
#header h1 span{font-size:75%;font-weight:normal}
#header #byline{color:#356;font-size:85%;font-weight:bold;letter-spacing:2px;text-transform:uppercase}
.submit{background:#fff;border:1px #ccc solid;color:#000;font-size:100%;margin:6px 0;padding:6px;text-align:right}
.reminder{color:#900;font-weight:bold;font-size:85%}
.l{float:left;text-align:left;width:75%}
.r{float:right;text-align:right;width:25%}
.clear{clear:both}
.lo,.odd{background:#fff}
.hi,.even{background:#e8f8ff}

.forumpost{border-bottom:1px #ccc solid;padding:0 0 .25em 0;}
.forumpost small {font-weight:normal;}
.pages{border-top:1px #aaa dotted;color:#000;padding:.5em 0 0 .5em;}
.pages ul{border:0;margin:0;padding:0;list-style-type:none;text-align:center;}
.pages ul li{display:block;float:left;text-align:center;padding:0;margin:0;}
.pages ul li a{background:#f7f7f7;height:20px;width:30px;padding:3px 0;margin:0 3px 3px 0;text-decoration:none;display:block;text-align:center;}
.pages ul li a:hover,.pages ul li a:focus,.pages a:active,.pages li#active a{background:#46b;color:#fff;}
.pages li a.select{text-decoration:underline;}

/* --- navlist --- */

.dir ul li {display:block;float:left;font-weight:bold;margin:0;padding:.25em .5em 0 .5em}
.dir li {margin:0 0 .25em 0}
.dir li a {background:#ddd;display:block;padding:.25em .5em;color:#000;font-weight:bold;}
.dir a:hover{background:#ccc;text-decoration:none;} 

.navcontainer{color:#000;padding:0;margin:1.75em 0 0 0;text-align:right;}
.navcontainer ul{overflow:hidden;list-style-type:none;zoom:1;margin:0;padding:.25em .25em .5em 0;}
.navcontainer ul li{display:block;float:right;font-weight:bold;margin:0;padding:.25em} 

.navcontainer ul li a{color:#708A10;padding:.5em;}
.navlist li a:hover{background:#E6FD97;color:#000;text-decoration:none;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.navlist li a.active{background:#E6FD97;color:#708A10}

/* --- tooltip --- */

#text{margin:50px auto;width:500px}
.hotspot{font-size:11px;color:#900;padding-bottom:1px;cursor:pointer;margin:0 5px}
.imghotspot{padding-bottom:1px;cursor:pointer;margin:0 0 0 5px}
#tt{position:absolute;display:block;background:url(http://images.designers-network.com/images/tt_left.gif) top left no-repeat;margin-left:-150px}
#tttop{display:block;height:5px;margin-left:5px;background:url(http://images.designers-network.com/images/tt_top.gif) top right no-repeat;overflow:hidden}
#ttcont{display:block;padding:2px 12px 3px 7px;margin-left:5px;background:#666;color:#fff}
#ttbot{display:block;height:5px;margin-left:5px;background:url(http://images.designers-network.com/images/tt_bottom.gif) top right no-repeat;overflow:hidden}

.right{text-align:right}
.centre{text-align:center}

.container{background:#fff;padding:0;width:230px}
.container div:after{content: "."; display: block; height:11px; clear:both; visibility:hidden}
.container div{height:auto;width:230px}
b.tl{display:block; width:230px; height:8px; font-size:1px}
b.tr{display:block; width:222px; height:8px; font-size:1px; float:right}
b.bl{display:block; width:8px; height:8px; font-size:1px; float:left}
b.br{display:block; width:222px; height:8px; font-size:1px; float:right; position:relative}
b.point{display:block;font-size:1px;width:25px;height:14px}
.container div p{padding:0 .75em;margin:0;border:1px solid #ccc;border-width:0 1px;text-align:left}

#menu{margin:0}
#menu div.active,#menu div a:hover{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#menu div a{display:block;background:#fff;color:#708A10;font-weight:bold;padding:.5em .5em;margin:.25em 0;}
#menu div a:hover{background:#e6fd97;color:#000;text-decoration:none;}
#menu div.active{background:#BBD764;text-decoration:none;margin:.25em 0;padding:0 .5em .25em .5em;}
#menu div.active a{background:#BBD764;color:#000;}
#menu div.active a:hover{background:#BBD764;color:#000;}
#menu select{border:4px #fff solid;}

/* --- thickbox specific link and font settings --- */

#TB_window{color:#333;}
#TB_secondLine{color:#666;}
#TB_window a:link{color:#666;}
#TB_window a:visited{color:#666;}
#TB_window a:hover{color:#000;}
#TB_window a:active{color:#666;}
#TB_window a:focus{color:#666;}

/* --- thickbox settings --- */

#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url(http://images.designers-network.com/images/macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
* html #TB_overlay{ /* ie6 hack */ position:absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window{position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #555;text-align:left;top:50%;left:50%;}
* html #TB_window{ /* ie6 hack */ position:absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border:1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0;}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load{ /* ie6 hack */ position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
* html #TB_HideSelect{ /* ie6 hack */ position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}

.spam {background:#f00;color:#fff;padding:.25em;}

#guidelines{background:#fffedf;margin-bottom:1em;padding:.5em;}
#guidelines h2{margin:0 0 .5em 0;border-bottom:1px dotted #aaa;}
#guidelines ul{margin:0 0 0 1.25em;}
#guidelines li{list-style:circle;}

.msg{background:#811;color:#fff;margin:0 .25em 1em;padding:.5em;}
.reviewcontrols{background:#fff;margin:0 .25em 1em;padding:.5em;}
.reviewcontrols a{padding:0 .5em;}
.rr{/* reviewresponse */ background:#F99734;margin:.25em;padding:.25em;color:#fff;}

/* --- added 19/05/2009 --- */
.jobpost{border-bottom:1px #aaa dotted;margin-bottom:.5em;padding-bottom:.5em;}

/* --- added 21/06/2009 --- */
.searchbox {background:#fff;border-top:1px #ccc dotted;border-bottom:1px #ccc dotted;padding:1em;margin:1em 0;}

/* --- added 11/07/2009 --- */
#livesearch-result{background:#fffedf;padding:.5em;}