/* @group Reset CSS */
/* slightly modified from yui (i.e. removed the body * selector) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0; width:  100%;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* @end */

body{font-size: 14px; font-family: "Courier New",Courier,Verdana, Arial, sans-serif; position: relative;}


a{text-decoration: none; color: #000;}
a:hover{text-decoration: underline; color: #555;}
.active a, .trail a{ color: #000;}


.invisible{display: none;}
em, strong{font-weight: bold;}

.clear{clear: both;}


h1{font-size: 20px;padding-bottom: 0.5em; font-weight: bold;}
h2{font-size: 18px; padding-bottom: 0.2em; font-weight: bold;}
h3{font-size: 1em;padding-bottom: 0.1em;  font-weight: bold;}



body{text-align: center;}
#wrapper{width: 680px;   position: relative; margin: 0 auto; text-align: left;}

#header{ position: relative; padding-top: 3px;padding-bottom: 5px;}
#container{ border-top: 1px dashed #000;position: relative; clear: both; padding-top: 30px;}
.one_column #container{ border-top: none;}
#footer{ position: relative; clear: both; padding-top: 20px;}
#right{float: right;width: 230px;  }
#right .inside{padding-left: 15px; font-size: 12px;}
#main{margin-right: 230px;border-right: 1px dashed #000; padding-right: 20px; margin-bottom: 1em;  }
.one_column #main{border-right: none;margin-right:0;padding-right:0;}

#top_navigation{font-size: 18px;;  clear: both;  padding-top: 20px;font-weight: bold; }

#tools_navigation a{font-size: 11px; color: #777;  padding-left:0.9em;}



.mod_navigation.horizontal-right ul{float: right;}
.mod_navigation.horizontal-right li{float: left;}
.mod_navigation.horizontal-right li a{display: block; padding: 0.5em ; }
.mod_navigation.horizontal-right li a.last{padding-right:0;}



.mod_navigation.horizontal-centered ul{text-align: center; margin: 0 auto; width: 100%;}
.mod_navigation.horizontal-centered li{ display: inline;}
.mod_navigation.horizontal-centered li a{display: inline;  padding: 0.5em ; }

.mod_navigation.horizontal-centered ul.level_2{display: none; }

#right .mod_navigation{
    padding-bottom: 20px;
    font-size: 1.2em;
    padding-left: 8px;
    line-height: 1.4;
    font-weight: bold;
}



.mod_article p, .mod_article ul,  .mod_article ol{padding: 0em 0 14px 0; line-height: 1.5;}
.mod_article ul li{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:circle;

    margin-left: 2em;

}

.mod_article ol li{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:decimal;
    margin-left: 2em;

}



.mod_dlh_googlemaps .dlh_googlemap{border: 1px solid #333;overflow: hidden;  }
.mod_dlh_googlemaps {overflow: hidden;  width: 101%;}



/* @group Pagination */
.pagination{margin-top: 1.4em;}
.pagination p{display:  none;}
.pagination ul{ text-align: center;}
.pagination ul li{display: inline; font-size: 1em;margin: 0 0.2em;}
.pagination ul li span.current{ font-size: 1.1em; font-weight: bold; }
.pagination ul li a.previous, .pagination ul li a.next, .pagination ul li a.last, .pagination ul li a.first{ font-size: 0.8em; margin: 0 0.1em;}


/* @end */



.mod_listing #ctrl_search {display: none;}
.mod_listing .list_per_page {display: none;}

.mod_listing .list_search #ctrl_for{ width: 300px; }
.mod_listing .list_search{padding-top: 10px; padding-bottom: 15px;}
.mod_listing .col_last{text-align: right;}
.mod_listing th {text-align: right;}
.mod_listing th.col_first{text-align: left;}
.mod_listing .col_first{max-width: 300px; overflow: hidden;}

.ce_form label, .ce_form input, .ce_form textarea {display: block; width: 99%; max-height: 200px;clear: left;line-height:1.6}
.ce_form select{display: block; ;line-height:1.6; margin-left: 10em;}


.ce_form .submit_container{text-align: right;padding-top: 0;}
.ce_form .submit{width: auto; display: inline;}
.ce_form .error{color: red; font-style: italic; clear: left;}

/*.ce_form label.mandatory{background: url(asterisk.png) no-repeat 99% 2px; width: auto; float:left; padding-right: 2.5%;}*/

.ce_form label.mandatory.one_row{}

.ce_form .checkbox_container label, .ce_form .checkbox_container input.checkbox {display: inline; width: auto;}
.ce_form .checkbox_container span {display: block; clear: left; padding-left: 100px;}




.mod_personalData label, .mod_personalData input, .mod_personalData textarea {display: block; width: 99%; max-height: 200px;clear: left;line-height:1.6 }
.mod_personalData select{display: block; ;line-height:1.6; font-size: 0.85em; width: 100%;}

.mod_personalData input, .mod_personalData textarea{margin-bottom: 7px;}


.mod_personalData label{font-size: 0.9em;}
.mod_personalData br{display: none;}
.mod_personalData fieldset{ border: 1px dashed #999; padding: 2px 10px 10px 10px; margin-bottom: 1.5em; overflow: hidden;}
.mod_personalData fieldset legend{ padding: 0 10px ;}

.mod_personalData .submit_container{text-align: right;padding-top: 0;}
.mod_personalData .submit{width: auto; display: inline;}
.mod_personalData .error{color: red; font-style: italic; clear: left;}
/*.mod_personalData label.mandatory{background: url(asterisk.png) no-repeat 100% 2px; width: auto; float:left; padding-right: 10px;}*/

.mod_personalData label.mandatory.one_row{}

.mod_personalData .checkbox_container label, .mod_personalData .checkbox_container input.checkbox {display: inline; width: auto;}
.mod_personalData .checkbox_container span {display: block; clear: left; padding-left: 100px;}




.mod_registration label, .mod_registration input, .mod_registration textarea {display: block; width: 99%; max-height: 200px;clear: left;line-height:1.6 }
.mod_registration select{display: block; ;line-height:1.6; margin-left: 10em;}

.mod_registration input, .mod_registration textarea{margin-bottom: 7px;}


.mod_registration label{font-size: 0.9em;}
.mod_registration br{display: none;}
.mod_registration fieldset{ border: 1px dashed #999; padding: 2px 10px 10px 10px; margin-bottom: 1.5em; overflow: hidden;}
.mod_registration fieldset legend{ padding: 0 10px ; }

.mod_registration .submit_container{text-align: right;padding-top: 0;}
.mod_registration .submit{width: auto; display: inline;}
.mod_registration p.error{color: red; font-style: italic; clear: left;}
/*.mod_registration label.mandatory{background: url(asterisk.png) no-repeat 100% 2px; width: auto; float:left; padding-right: 10px;}*/

.mod_registration label.mandatory.one_row{}

.mod_registration .checkbox_container label, .mod_registration .checkbox_container input.checkbox {display: inline; width: auto;}
.mod_registration .checkbox_container span {display: block; clear: left; padding-left: 100px;}




.mod_login label, .mod_login input {display: block; width: 99%; clear: left;line-height:1.6 }
.mod_login input{margin-bottom: 7px;}
.mod_login label{font-size: 0.9em;}
.mod_login br{display: none;}
.mod_login fieldset{ border: 1px dashed #999; padding: 2px 10px 10px 10px; margin-bottom: 1.5em; overflow: hidden;}
.mod_login fieldset legend{ padding: 0 10px ;}


.mod_login .submit_container{text-align: right;padding-top: 0; padding-bottom: 2em;}
.mod_login .submit{width: auto; display: inline;}
.mod_login .error{color: red; font-style: italic; clear: left;}
/*.mod_login label.mandatory{background: url(asterisk.png) no-repeat 100% 2px; width: auto; float:left; padding-right: 10px;}*/




.mod_lostPassword label, .mod_lostPassword input {display: block; width: 99%; clear: left;line-height:1.6 }
.mod_lostPassword input{margin-bottom: 7px;}
.mod_lostPassword label{font-size: 0.9em;}
.mod_lostPassword br{display: none;}
.mod_lostPassword fieldset{ border: 1px dashed #999; padding: 2px 10px 10px 10px; margin-bottom: 1.5em; overflow: hidden;}
.mod_lostPassword fieldset legend{ padding: 0 10px ;}

.mod_lostPassword .submit_container{text-align: right;padding-top: 0;}
.mod_lostPassword .submit{width: auto; display: inline;}
 .mod_lostPassword p.error{color: red; font-style: italic; clear: left;}
/*.mod_lostPassword label.mandatory{background: url(asterisk.png) no-repeat 100% 2px; width: auto; float:left; padding-right: 10px;}*/


/*
div.captcha_field{clear: left;}
span.captcha_text { display: block; clear: left;float: left;width: 60%; line-height: 1.8;}
input.captcha { clear: none;float: left;width: 39%; margin:0;}
*/

 input.captcha {margin-bottom:0; margin-right: 1%; width:96%;}




.mod_webdesignindex_site_editor label, .mod_webdesignindex_site_editor input, .mod_webdesignindex_site_editor textarea {display: block; width: 99%; max-height: 200px;clear: left;line-height:1.6 ;}



.mod_webdesignindex_site_editor select{display: block; ;line-height:1.6; width: 100%; }

.mod_webdesignindex_site_editor input, .mod_webdesignindex_site_editor textarea{margin-bottom: 7px;}

.mod_webdesignindex_site_editor input.singleFieldRow{width: 99.6%;}


.mod_webdesignindex_site_editor label{font-size: 0.9em; }
.mod_webdesignindex_site_editor br{display: none;}
.mod_webdesignindex_site_editor fieldset{ border: 1px dashed #999; padding: 2px 10px 10px 10px; margin-bottom: 1.5em; overflow: hidden;}
.mod_webdesignindex_site_editor fieldset legend{ padding: 0 10px; font-weight: bold;}

.mod_webdesignindex_site_editor .submit_container{text-align: right;padding-top: 0;}
.mod_webdesignindex_site_editor .submit{width: auto; display: inline;}
.mod_webdesignindex_site_editor .error{color: red; font-style: italic; clear: left;}
.mod_webdesignindex_site_editor label.mandatory{background: url(asterisk.png) no-repeat 100% 2px; width: auto; float:left; padding-right: 10px;}

.mod_webdesignindex_site_editor label.mandatory.one_row{}

.mod_webdesignindex_site_editor .checkbox_container label, .mod_webdesignindex_site_editor .checkbox_container input.checkbox {display: inline; width: auto;}
.mod_webdesignindex_site_editor .checkbox_container span {display: block; clear: left; padding-left: 100px;}
.mod_webdesignindex_site_editor .form_element_wrapper table td.first{padding-right:10px;}
.mod_webdesignindex_site_editor .form_element_wrapper{margin-bottom: 0.5em;}




/*.mod_webdesignindex_site_list table {border: 1px solid #999;}*/
.mod_webdesignindex_site_list {font-size: 0.9em;}
.mod_webdesignindex_site_list table thead{border-bottom: 1px solid #ccc; }
.mod_webdesignindex_site_list table thead th{font-weight: bold;}
.mod_webdesignindex_site_list table td, .mod_webdesignindex_site_list table th{padding: 3px 10px;}
.mod_webdesignindex_site_list table td.first, .mod_webdesignindex_site_list table th.first{padding: 3px 3px 3px 7px;}
.mod_webdesignindex_site_list table tbody tr.odd{background-color: #f0f0f0;}
.mod_webdesignindex_site_list table td, .mod_webdesignindex_site_list table th{border-left: 1px solid #ccc;}
.mod_webdesignindex_site_list table td.first,.mod_webdesignindex_site_list table th.first{border-left: none;}

.mod_webdesignindex_site_list table tbody tr:hover{background-color: #ffffe5;}




.mod_webdesignindex_site_list .site_container {clear: left; position: relative; height: 117px; line-height: 0;  }
.mod_webdesignindex_site_list .site_container .screenshot_container{float: left;line-height:0; border: 1px solid black; margin-right: 10px;}
.mod_webdesignindex_site_list .site_container h2.url{ font-size: 15px;}
.mod_webdesignindex_site_list #add_suggestion_button_container {clear: left; padding-top: 30px; text-align: right;}

.mod_webdesignindex_site_list .site_container .action_buttons{ position: absolute; bottom:2px; right:2px; line-height:0; }
.mod_webdesignindex_site_list .site_container .action_buttons .button{ float: right; margin-left: 10px;}

.mod_webdesignindex_site_list .site_container .info_container{line-height: 1.3;}
.mod_webdesignindex_site_list .seperator{clear: left; border-bottom: 1px dotted #ddd; margin: 30px 0;}



.mod_newslist .info, .mod_newsreader .info{float: right; font-size: 11px; line-height: 30px; padding:0; }
.mod_newslist h2{}




.mod_webdesignindex_site_editor .screenshot_container .error ul{font-size: 0.9em; padding-top: 5px;}
.mod_webdesignindex_site_editor .screenshot_container .error  li{margin-left: 1.6em;}

.mod_webdesignindex_site_editor .screenshot_picture_container{width:407px; height:310px; background: url(../images/blank_screenshot.png) no-repeat; margin-bottom: 5px; border: 1px solid #000;}

.mod_webdesignindex_site_editor .screenshot_container.screenshot_2{display: none;}

.mod_webdesignindex_site_editor .company_individual_checkboxes{float: right; font-size: 0.85em; }
.mod_webdesignindex_site_editor .company_individual_checkboxes input, .mod_webdesignindex_site_editor .company_individual_checkboxes label{display: inline; width: auto;vertical-align: baseline;}
.mod_webdesignindex_site_editor .company_individual_checkboxes input{margin:0 ;margin-left: 5px; line-height: 1.3em; }
.mod_webdesignindex_site_editor .designers label{width: auto;}
.mod_webdesignindex_site_editor .programmers label{width: auto;}


.mod_webdesignindex_site_editor .add_remove_buttons{display: none; text-align: right;}

.mod_webdesignindex_site_editor .credits_section{ margin: 0em 0 0em 0;}
.mod_webdesignindex_site_editor input.checkbox{width: auto; display: inline; margin-right: 3px; }

fieldset legend{  background-color: white;}
.one_column .homepage_intro{margin-top: 1em;}
.one_column .homepage_intro p{padding-top: 2em; padding-right: 2em;}
.one_column #main .homepage_intro p{ font-size: 18px; color: #999; line-height:1.2;}
.one_column #main  .homepage_intro .image_container img{border: none;}
.one_column #main h2{
    font-size: 17px;  line-height:1.2; margin-bottom: 0.5em;padding-top: 0.7em;
    

}
.one_column #main p{
    font-size: 14px; line-height:1.2; color: #000;  
}

.one_column #main .image_container img{border: 1px solid #000;}
.one_column .mod_article{margin-top: -3.4em;}
.one_column .ce_text{clear: both; padding-top: 3.4em;}


.image_container img{border: 1px solid #000;}



#right h1,#right h2{ font-size: 15px; }
#right h3{ font-size: 13px; padding-bottom: 0.3em; padding-top: 0.2em;}

a{color: #a5af00;}
.mod_navigation li a{color: black;}
.mod_navigation li.active a, .mod_navigation li.trail a{color: #a5af00;}
#tools_navigation li.active a, #tools_navigation li.trail a{color: #a5af00;}



.form_default{color: #aaa;}


#right .inside p{padding-left:8px;}



#wdi_preview_container{ margin-top: 50px;}

#wdi_preview_container .screenshot_inside{ width: 624px; height: 474px; overflow: hidden; line-height:0; border: 1px solid black;  }

#wdi_preview_container .screenshot{ width: 624px; height: 474px; overflow: visible; -moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 10px #888; margin-left: 25px;}



#wdi_preview_container .credits{ width: 624px;  overflow: hidden;  margin-top: 3px;margin-left: 28px; font-size: 12px; line-height: 1.4; font-family: Garamond, Times, Georgia;}

#wdi_preview_container .url{ width: 644px;  overflow: hidden;  margin-top: 18px; margin-left: 8px; font-size: 18px; line-height: 1; font-family: "Clarendon LT Std", Clarendon, Courier;}

.preview_layout #container{padding:0;border: none;}


.our_reply p{color: #d62300; font-weight: bold;}