body {
   padding : 0;
   margin : 0;
   font : 0.79em Arial, sans-serif;
   line-height : 1.5em;
   background : #393939;
   color : #fff;
}

a {
   color : #65CFEF;
   background : inherit;
   text-decoration : none;
}
a:hover {
   color : #FF8E25;
   background : inherit;
   text-decoration : none;/*underline;*/
}

.content1 {
   margin : 0 auto;
   /*width : 1000px; */
   padding: 0 8px 0 8px;
}


#logo {
   background: url(../images_default/webmastercatalogo_logo.gif) no-repeat;
   margin: 8px 0 0 0;
   width : 350px;
   height: 60px;
   vertical-align: middle;
}

#topbar { 
   height : 35px;
   background : #212121;
   width : 100%;
}

#topbar #icons {
   float : right;
   margin : 10px 0 0;
   padding : 0;
}

#topbar #icons img {
   padding-right : 4px;
   border : 0;
}

.url {
   padding : 10px 0;
   color : #454545;
   font : normal 11px Arial, Sans-Serif;
}

.url h1 {
   padding : 0 0 8px 0;
   color : #454545;
   font : normal 11px Arial, Sans-Serif;
   letter-spacing: 0.6px;
}

.url a, .url a:active {
   font : normal 11px Arial, Sans-Serif;
   color : #454545;
   text-decoration : none;
}
.url a:hover {
   color : #fff;
}


h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}

h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
   height : 1px;
   border-style : none;
   color : #414141;
   background-color : #414141;
   margin-bottom: -3px 0 8px 0;
}

/* Header */

#top {
   padding-top : 0;
   height : 60px;
   margin-bottom : 3px;
}
/*
#top img{
   padding : 15px 0 0 0;
   vertical-align: middle;
}
*/

#top a:hover {
   text-decoration : none;
}

#top h2 {
   font : 0.9em Arial, Sans-Serif;
   letter-spacing : 0;
   color : #868686;
   margin : 0;
   padding : 0;
}

#menu {
   float : right;
   height : 23px;
   margin-top : 25px;
}

#menu a {
   color : #fff;
   background : inherit;
   text-decoration : none;
   padding-left : 10px;
   line-height : 23px;
   font-weight : bold;
}

#menu a span {
   padding-right : 10px;
}

#menu a, #menu a span {
   display : block;
   float : left;
}

#menu a:hover, #menu .current {
   color : #fff;
   border-bottom: 3px solid #65CFEF;
   /*background-color: #65CFEF;*/
   padding-left : 10px;
   height : 23px;
}

#menu a:hover span, #menu .current span {
   
   /*background-color: #65CFEF;*/
   padding-right : 10px;
   height : 23px;
   cursor : pointer;
}

#menu ul {
   list-style : none;
   padding : 0;
   margin : 0;
}

#menu li {
   float : left;
   margin : 0 0 0 5px;
}

#rightContent /* right */
{
	position: relative;
	float: right;
	width: 15em;
	padding: 3em 2em 1.5em 2em;
	
}
#rightContent .xbg
{
	position: absolute;
	left: 0em;
	bottom: -64px;
	background: url('../images_default/128x64.gif') top left no-repeat;
	height: 64px;
	width: 128px;
}
/* Primary Content */

#primaryContentContainer /* center */
{
	
	float: right;
	margin: 0em -19em 0em -19em;
	width: 99%;
}

#primaryContent
{
	margin: 1.5em 19em 0em 18.25em;
	padding: 1.5em 3em 1.5em 3em;
}

/* Secondary Content */

#leftContent /* left */
{
	position: relative;
	float: left;
	width: 15em;
	padding: 3em 2em 1.5em 2em;
	
}

#leftContent .xbg
{
	position: absolute;
	right: 0em;
	bottom: -64px;
	background: url('../images_default/128x64.gif') top right no-repeat;
	height: 64px;
	width: 128px;
}

/* Content */

#content {
    background : inherit;
    line-height: 1.5em;
}

.intro {
   background : #414141;
   color : #fff;
}

.intro h2 {
   padding: 5px;
   color : #fff;
}


.intro .pad {
padding : 10px;
}

.intro a {
color : #65CFEF;
text-decoration : none;
}

.intro a:hover {
color : #cdff56;
text-decoration : underline;
}


.mpart {
   padding : 3px 0 0 0;
   font : 15px Arial, sans-serif;
}

.mpart h3 {
   background : inherit;
   padding : 0;
   margin : 0 0 15px 0;
   font : 0.9em verdana, Arial, Sans-Serif;
   color : #a5a5a5;
}

.mpart h4 {
   background : inherit;
   padding : 0;
   margin : 0 0 15px 0;
   font : 0.73em verdana, Arial, Sans-Serif;
   color : #a5a5a5;
}

.mpart .cdetails {
   font : 0.58em verdana, Arial, Sans-Serif;
}

/* Footer */

#footer {
	padding: 20px 0;
	background: url(images/img4.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
}

/* Boxed */

.boxed h2 {
    
	margin: 0;
	height : 30px;
	/*padding: 10px 0 3px 10px;*/
	background : url(../images_default/rmenuhead2.gif) no-repeat top;
	font : bold 1.2em Arial, Sans-Serif;
    padding-top : 7px;
    text-indent : 10px;
}

.boxed h3 {
	margin: 0;
	font-size: 1em;
}

.boxed p, .boxed ul {
	margin-top: 0;
}

.boxed ul {
	margin-left: 0;
	padding-left: 0;
}

.boxed li{
   line-height : 18px;
   background : inherit;
   list-style : square;
   padding-left : 0px;
   margin-left : 17px;
   color : #65CFEF;
}

.boxed-content {
	padding: 10px;
	border-left: 0px solid #CADAFF;
}


.boxed-content p, .boxed-content ul{
   padding: 0 5px 0 1px;
}


ol {
padding : 0;
margin : 0;
}

.code {
   margin: 0 5px 0 5px;
   padding : 3px 10px 3px 35px;
   border : 1px solid #666;
   list-style-type : none; /*decimal-leading-zero;*/
   font-family : Courier;
}

.mpart blockquote {
   padding-left : 10px;
   border-left : 3px solid #868686; /*65CFEF;*/
   margin : 10px 0 10px 25px;
   font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.mpart blockquote h3 {
   color: #FF8E25;
}

.mpart .date1 {
	float: left;
	width: 50px;
	height: 50px;
	background: #393939 url(../images_default/voting.gif) no-repeat;
	text-align: center;
	margin: 8px 0 0 0;
	padding: 0 3px 0 0;
	color: #65CFEF;
	font : bold 0.79em Arial, sans-serif;
}

.mpart .date1 .month1 {
	display: block;
	padding-top: 7px;
	font-size: .8em;
}

.mpart .date1 .day1 {
	display: block;
	font-size: 2em;
}

.mpart .date1 .year1 {
	display: none;
}

.date {
   padding : 7px 35px 0 0;
   margin : 10px 0 25px 0;
   text-align : right;
   background : url(../images_default/commentb.gif) no-repeat top right;
   height : 32px;
   color : #65CFEF;
   font : normal 12px Arial, Sans-Serif;
}
.date a {
   color : #65CFEF;
   background : transparent;
}

.date a:hover {
   color : #FF8E25;
}

.rs {
   float : right;
   margin : 0 0 0 10px;
   border : 1px solid #888;
   padding : 5px;
   background : inherit;
}

.rs2 {
   float : left;
   margin : 0 10px 0 0;
   border : 1px solid #888;
   padding : 5px;
   background : inherit;
}

/* Samples */
#sample1 {
	width: auto;
}

.boxed3 {
	padding: 0px;
}

.boxed3 ul {
	margin: 0 0 0 1.3em;
}

.boxed3 li {
   list-style : square;
   padding : 0px;
   margin : 0 0 0 3px;
   font : 0.78em sans-serif, Arial;
   color: #FFFFFF;
   letter-spacing: 0.6px;
}

/* for sub categories on homepage */
.boxed3 li a{
   font : 13px sans-serif, Arial;
   color: #FFFFFF;
}

.boxed3 li a:visited, .boxed3 li a:active{
   color: #FFFFFF;
}

.boxed3 li a:hover{
   list-style : square;
   color: #d0eb55;
   text-decoration: none;
}
/* end */

/* for stats of main categories on homepage */
.boxed3 .small {
   
   background : inherit;
   padding-left : 0px;
   margin-left : 3px;
   color : #393939;
   font : 0.45em sans-serif, Arial;
   letter-spacing: 0.6px;
}

.small span {
   color : #8A8A8A;
}
/* end */

/* for main category on homepage */
.title1 {
	margin: 0;
    text-indent : 8px;
	border-top: 4px solid #414141;
    font : bold 1.2em Arial, Sans-Serif;
	padding : 6px 0 0 0;
}

.title1 a {
	color: #65CFEF;
	text-decoration: none;
}

.title1 a:active {
	color: #65CFEF;
	text-decoration: none;
}

.title1 a:visited {
	color: #65CFEF;
	text-decoration: none;
}

.title1 a:hover{
	color: #d0eb55;
	text-decoration: none;
}
/* end */

.clear
{
 clear: both;
}

#catlist {
   /*text-align: justify;   */
}

#textfield1 {
	width: 110px;
	padding: 2px 5px;
	background: #6FD2F1 url(../images_default/textfiled1.gif) repeat-x;
	border: 1px solid #FFFFFF;
	font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #393939;
}

#textfield2 {
	width: auto;
	padding: 2px 5px;
	background: #6FD2F1 url(../images_default/textfiled1.gif) repeat-x;
	border: 1px solid #FFFFFF;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #393939;
}

#selectfield1 {
	width: auto;
	background: #A5EBFC url(../images_default/textfiled1.gif) repeat-x;
	font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #393939;
	padding: 1px;
}

#selectfield2 {
	width: auto;
	background: #A5EBFC url(../images_default/textfiled1.gif) repeat-x;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #393939;
	padding: 1px;
}

#textareafield {
	width: 350px;
	background: url(../images_default/textareafield.png) repeat;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #393939;
	padding: 1px;
}

#submit1 {
	width: auto;
	background: #6FD2F1 url(../images_default/textfiled1.gif) repeat-x;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	padding: 1px;
	font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #393939;
}

#submit2 {
	width: auto;
	background: #6FD2F1 url(../images_default/textfiled1.gif) repeat-x;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	padding: 1px;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #393939;
}

.bullet {
   padding:2px;
   background-color: #A5EBFC;
}

.important {
    color: #FF8E25;
}

.pagination{
   padding: 2px;
}

.pagination ul{
   margin: 0;
   padding: 0;
   text-align: center; /*Set to "right" to right align pagination interface*/
   font-size: 16px;
  font-weight: bold;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
background-color: #A5EBFC;
color: #FFFFFF;
}

.pagination a:hover, .pagination a:active{
   border: 1px solid #FFFFFF;
   color: #000;
   background-color: #DFF4FD;
}

.pagination li.currentpage{
padding: 0 5px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
color: #393939;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}











/* Form Styles */
form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 1em 0;
	border: none;
	border-top: 1px solid #414141;
	font-size: 13px;
}

legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #FFF;
	background: transparent;
	font-size: 1.1em;
	font-weight: bold;
}

label {
	float: left;
	width: 160px;
	padding: 0 1em;
	text-align: right;
}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {
	width: 280px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

fieldset div select {
	padding: 1px;
}

div.fm-multi div {
	margin: 5px 0;
}

div.fm-multi input {
	width: 1em;
}

div.fm-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

#fm-submit {
	clear: both;
	padding-top: 1em;
	/*text-align: center;*/
}

#fm-submit input {
	border: 1px solid #333;
	padding: 2px 1em;
	background: #555;
	color: #fff;
	font-size: 100%;
}

input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}

	
/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: bold;
}

fieldset div.fm-req span{
	font-weight: normal;
	font-size: 11px;
	color: #8B8A8A;
}

fieldset div.fm-opt span{
	font-weight: normal;
	font-size: 11px;
	color: #8B8A8A;
}

fieldset div.fm-req label:before {
	content: "* "; /* does not work in IE */
}

#gold a{
   color: #D4A017;
}

#gold a:hover{
   color: #65CFEF;
}

#gold p {
   color: #FFFFFF;
}

#gold .rs-gold {
   float : right;
   margin : 0 0 0 10px;
   border : 1px solid #D4A017;
   padding : 5px;
   background : inherit;
}

#gold blockquote {
   padding-left : 10px;
   border-left : 3px solid #D4A017; /*65CFEF;*/
   margin : 10px 0 10px 25px;
   font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#gold .date1 {
	float: left;
	width: 50px;
	height: 50px;
	background: #393939 url(../images_default/voting_gold.gif) no-repeat;
	text-align: center;
	margin: 8px 0 0 0;
	padding: 0 3px 0 0;
	color: #D4A017;
	font : bold 0.79em Arial, sans-serif;
}

#gold .date {
   padding : 7px 35px 0 0;
   margin : 10px 0 25px 0;
   text-align : right;
   background : url(../images_default/commentb.gif) no-repeat top right;
   height : 32px;
   color : #D4A017;
   font : normal 12px Arial, Sans-Serif;

}
#gold .date a {
   color : #D4A017;
   background : transparent;
}

#gold .date a:hover {
   color : #65CFEF;
}


#silver a{
   color: #C0C0C0;
}

#silver a:hover{
   color: #65CFEF;
}

#silver p {
   color: #FFFFFF;
}

#silver .rs-silver {
   float : right;
   margin : 0 0 0 10px;
   border : 1px solid #C0C0C0;
   padding : 5px;
   background : inherit;
}

#silver blockquote {
   padding-left : 10px;
   border-left : 3px solid #C0C0C0; /*65CFEF;*/
   margin : 10px 0 10px 25px;
   font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#silver .date1 {
	float: left;
	width: 50px;
	height: 50px;
	background: #393939 url(../images_default/voting_silver.gif) no-repeat;
	text-align: center;
	margin: 8px 0 0 0;
	padding: 0 3px 0 0;
	color: #C0C0C0;
	font : bold 0.79em Arial, sans-serif;
}


#silver .date {
   padding : 7px 35px 0 0;
   margin : 10px 0 25px 0;
   text-align : right;
   background : url(../images_default/commentb.gif) no-repeat top right;
   height : 32px;
   color : #C0C0C0;
   font : normal 12px Arial, Sans-Serif;
}
#silver .date a {
   color : #C0C0C0;
   background : transparent;
}

#silver .date a:hover {
   color : #65CFEF;
}

#copper a{
   color: #73B1B7;
}

#copper a:hover{
   color: #65CFEF;
}

#copper p {
   color: #FFFFFF;
}

#copper blockquote {
   padding-left : 10px;
   border-left : 3px solid #73B1B7; /*65CFEF;*/
   margin : 10px 0 10px 25px;
   font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#copper .date1 {
	float: left;
	width: 50px;
	height: 50px;
	background: #393939 url(../images_default/voting_copper.gif) no-repeat;
	text-align: center;
	margin: 8px 0 0 0;
	padding: 0 3px 0 0;
	color: #73B1B7;
	font : bold 0.79em Arial, sans-serif;
}

#copper .date {
   padding : 7px 35px 0 0;
   margin : 10px 0 25px 0;
   text-align : right;
   background : url(../images_default/commentb.gif) no-repeat top right;
   height : 32px;
   color : #73B1B7;
   font : normal 12px Arial, Sans-Serif;
}

#copper .date a {
   color : #73B1B7;
   background : transparent;
}

#copper .date a:hover {
   color : #65CFEF;
}


.rules ul {
	margin-left: 8px;
	padding: 3px;
}

.rules li{
   line-height : 18px;
   background : inherit;
   list-style : square;
   padding-left : 0px;
   margin-left : 17px;
   color : #EFEEEE;
}

#terms {
   margin: 0 40px 0 40px;
   background-color: #414141;
   padding: 12px 6px 0 6px;
   border: 1px solid #FFFFFF;
}

#plan {
   color : #EFEEEE;
   font : normal 12px Arial, Sans-Serif;
}

#plan ul {
	margin-left: 50px;
	padding-left: 12px;
}

#plan li{
   line-height : 18px;
   background : inherit;
   list-style : square;
   padding-left : 0px;
   margin-left : 17px;
   color : #EFEEEE;
   font : normal 12px Arial, Sans-Serif;
}

#plan img {
   float : left;
   margin : 0 10px 0 0;
   background : inherit;
}

#plan table {
   background-color: #414141;
   border: 0px solid #CFCECE;
}

#plan td {
   border: 0px solid #CFCECE;
   vertical-align: top;
   padding: 10px;
   width: 50%;
}

.texts {
   text-align: justify;
   color: #E7E6E6;
}

.texts h3 {
   font-size: 0.92em;
   font-weight: bold;
   color: #E7E6E6;
}

.texts ul {
	margin-left: 0;
	padding-left: 0;
}

.texts li{
   line-height : 18px;
   background : inherit;
   list-style : square;
   padding-left : 0px;
   margin-left : 17px;
   color : #E7E6E6;
}
.ES-FL-Title a {
    font-weight: bold;
}
.ES-FL-Body a {
    color: #ffffff;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
}