/* global */
* {margin: 0; padding: 0;}
a {color:#2c60aa; text-decoration: none}
a img,img {border:0;}
a:hover {color:black; text-decoration: none;}
form {margin: 0; padding: 0;}
html, body {background: #f4f4f4 url("../images/header_bg.gif") repeat-x left top; margin: 0px; padding: 0px; text-align: center; color: #2D2B2B;}
body, tr, td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #585858;}
h3 {font-size:14px;}

/* text */

h1
{
	font-size:20px;
	color:#62605F;
	font-weight: normal;
}

h2
{
	font-size:20px;
	color:#62605F;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
}


h1 strong em
{
	font-weight: normal;
	font-style: normal;
}

h3#inner
{
	font-size: 13px;
	color: #2D2B2B;
}

small
{
	font-size: 11px;
}


/* main content */
#main-container {width: 980px; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0; overflow: hidden;}
* html div#main_container {width:980px;}
#topbar {width:980px; height:20px; margin:0px auto; padding: 0;}
#topbar p {padding: 5px 4px 0 10px; font-size: 10px; color:#a6ae09; text-align:right;}
#topbar a {color:#fff;}
#topbar a:hover {color:#2c60aa;}
#left-column {width: 650px; position:relative; text-align: left; overflow: hidden;}
#right-column {float:right; width: 310px;}

/* left column */
#logotype {float:left; width:200px; height:90px; background: url("../images/logo.gif") no-repeat left top; margin-right: 13px;}
.rightbox {background: url("../images/sidebox_bg.gif") no-repeat left top; width: 308px; border: 1px solid #e6e6e6; background-color: #fff; margin: 0px 0 3px 0;}
.rightbox h5 {width:308px; height: 23px; border-bottom: 1px dotted #e6e6e6; display:block; color: #646262; padding:11px 0 0 9px; font-size:12px; font-weight: bold;}
.rightbox ul {padding: 10px 0px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
.rightbox li {list-style: none;}
.rightbox ul li {line-height: 15px; padding-left: 10px; background: url("../images/sponsorbullet_grey.gif") no-repeat 0 50%;}
.rightbox ul li.selected {line-height: 15px; padding-left: 10px; background: url("../images/sponsorbullet_blue.gif") no-repeat 0 50%;}
.rightbox a {color: #565656; text-decoration: none;}
.rightbox a:hover {color: #565656; text-decoration: underline;}
.rightbox p {padding: 10px 10px 10px 10px; font-size: 12px;}
.rightbox table {padding: 5px;}
.rightboxads {width: 308px; margin: 12px 0 3px 10px;}


/* news box */

.categories_video {
	border: 1px solid #e6e6e6; width: 200px;
	background-color: #fff; margin: 5px 0 3px 0;
}
.categories_video label {
	padding: 0px 0px;
	height:17px;
	margin: 0;
	font-size: 11px;
	/*font-weight: bold;*/
	border-top: solid 0px #e6e6e6;
	border-bottom: none;
/*	cursor: none;*/

}

.categories_video label a {
	padding-left: 7px;
	color:#1d88c5;
	display:block;
	line-height:17px;
	width:100%;
	background: url("../images/folder_link.gif") no-repeat left top;
}

.categories_video label a:hover {
	padding-left: 7px;
	color:#000000;
	background-color: #f4f4f4;
	display:block;
	line-height:17px;
	width:100%;
	background: url("../images/folder_link.png") no-repeat left top;

}

.categories_video2 {
	border: 1px solid #e6e6e6; width: 200px;
	background-color: #fff; margin: 0px 0 3px 0;
}
.categories_video label2 {
	padding: 0px 0px;
	height:17px;
	margin: 0;
	font-size: 11px;
	/*font-weight: bold;*/
	border-top: solid 0px #e6e6e6;
	border-bottom: none;
/*	cursor: none;*/

}

.categories_video2 label a {
	padding-left: 7px;
	color:#1d88c5;
	display:block;
	line-height:17px;
	width:100%;
	background: url("../images/star.gif") no-repeat left top;
}

.categories_video2 label a:hover {
	padding-left: 7px;
	color:#000000;
	background-color: #f4f4f4;
	display:block;
	line-height:17px;
	width:100%;
	background: url("../images/star.png") no-repeat left top;
}

.categories_webtips {
	background: url("../images/sidebox_bg.gif") no-repeat left top; border: 1px solid #e6e6e6; width: 308px;
	background-color: #fff; margin: 12px 0 3px 0;
}

.categories_webtips h3 {
	padding: 10px 10px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	border-top: solid 0px #e6e6e6;
	border-bottom: solid 0px #e6e6e6;
	cursor: pointer;
	/*margin-top:-15px;*/
}

.categories_webtips label {
	padding: 0px 5px;
	height:20px;
	margin: 0;
	font-size: 11px;
	/*font-weight: bold;*/
	border-top: solid 0px #e6e6e6;
	border-bottom: none;
/*	cursor: none;*/
	display:block;
}

.categories_webtips label a {
	color:#1d88c5;
	display:block;
	line-height:20px;
	width:100%;
}

.categories_webtips label a:hover {
	color:#1d88c5;
	background-color: #f4f4f4;
	display:block;
	line-height:20px;
	width:100%;
}

.categories {
	background: url("../images/sidebox_bg.gif") no-repeat left top; border: 1px solid #e6e6e6; width: 308px;
	background-color: #fff; margin: 12px 0 3px 0;
}
.categories h5 {
	width:299px; height: 23px; border-bottom: 0px dotted #e6e6e6; display:block; color: #646262; 
	padding:11px 0 0 9px; font-size:12px; font-weight: bold;
}

.categories h3 {
	background: url("../images/arrow-square.gif") no-repeat right -47px;
	padding: 10px 10px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	border-top: solid 0px #e6e6e6;
	border-bottom: solid 0px #e6e6e6;
	cursor: pointer;
	/*margin-top:-15px;*/
}

.categories h3:hover {
	background-color: #f4f4f4;
}

.categories h3.active {
	background-position: right 9px;
}

.categories h4 {
	padding: 5px 10px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	border-top: solid 0px #e6e6e6;
	border-bottom: none;
	cursor: pointer;
}

.categories h4:hover {
	background-color: #e3e2e2;
}

.categories label {
	padding: 0px 5px;
	height:20px;
	margin: 0;
	font-size: 11px;
	/*font-weight: bold;*/
	border-top: solid 0px #e6e6e6;
	border-bottom: none;
/*	cursor: none;*/
	display:block;
}

.categories label a {
	color:#1d88c5;
	display:block;
	line-height:20px;
	width:100%;
}

.categories label a:hover {
	color:#1d88c5;
	background-color: #f4f4f4;
	display:block;
	line-height:20px;
	width:100%;
}

.categories p {
	margin: 0;
	padding: 10px 0px 0px 0px;
	display: none;

}

/* main navigation */
#topnav {float:right; margin-top: 20px; display: inline;}
#mainnav {padding: 0px; margin-left: 0px; list-style-type: none;}
/*
* html .mainnav {line-height: 26px;}
.mainnav li {display:inline; margin:0px; padding:0px;}
.mainnav li a {text-decoration: none; padding: 12px 9px; color: #f5f8fd;}
.mainnav li a:visited {color: #f5f8fd;}
.mainnav li a:hover {color: #1a447f; padding-bottom: 5px; border-bottom: 1px solid #fff;}
.mainnav li a:active {color: #1a447f;}
.mainnav li.active a {position: relative; color: #3364a9; border: 1px solid #FFF; background: #fff url("../images/main_nav_active.gif") repeat-x left top;}
.mainnav li.active a span {color: #3364a9; margin-top: 5px;}
.mainnav li ul {display: hidden; }
*/

#mainnav li { float: left; margin: 0; padding: 0px; padding-left: 16px; font-family: verdana; font-size: 100%; font-size: 11px;}
#mainnav li a { float: left; display: block; text-decoration: none; margin-top: 10px; margin-right: 4px; padding-bottom: 5px; color: #79776f; border-bottom: none;  }
html>body .mainnav a { float: left; display: block; text-decoration: none; margin-top: 10px; margin-right: 20px; padding-bottom: 5px; color: #b9b7b0; border-bottom: none; }
#mainnav a:hover { padding-bottom: 5px; text-decoration: none; color: #fff; border-bottom: 1px solid #a6ae09; }
#mainnav .active a { border-bottom: 1px solid #1d88c5; padding-bottom: 5px; color: #fff; }
/*#mainnav li ul {display: hidden;}*/

/* featured image*/
#featuredimg {width:648px; border: 1px solid #e6e6e6; background-color: #fff; font-size:0px;}
/*#featuredimg {width:448px; border: 1px solid #e6e6e6; background-color: #fff; font-size:0px;}*/
#featuredimg img {padding: 2px;}
#featuredimg form {margin: 0px; padding: 2px;}

/* listing */

.listingbox {margin-top: 13px; width:618px; border: 1px solid #e6e6e6; background-color: #fff; padding:10px 15px; font-size:11px; line-height: 16px;}
.listingbox tr td {color:#585858;}
.listingbox h1, .listingbox tr td h1 {font-size:20px; margin: 10px 0 15px 0;}
.listingbox h3 {margin:0; padding:0; color: #646262; font-size: 13px; line-height: 10px;}

.listingbox2 hr {color: #E6E6E6;height: 2px;}

.listingbox hr {
border-top: 1px;/*the border*/
color: #E6E6E6;
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin-top: 5px; 
margin-bottom: 5px;
}

.listingbox h3 {
	margin-bottom: 5px;
}

.listingbox .rules { 
	color: #FD0326;
}
.inspiration {width:575px;}
.inspiration h2 {font-size:18px; color: #e55725; padding-top: 20px; text-decoration: none;}
.inspiration img {border: 1px solid #e6e6e6; background-color: #fff; font-size:0px; padding: 5px 5px 5px 5px; margin-top: 10px;}
.inspiration p {color: #000000; display:inline;}
.inspiration a:link, .inspiration a:active, .inspiration a:visited { color: #1d88c5; text-decoration: none;}
.inspiration a:hover { color: #1d88c5; text-decoration: underline;}

.FieldLabel{
	font: normal 11px Tahoma, sans-serif;padding: 6px 10px 0 10px;color: #4e4f4f;
	text-decoration: none;vertical-align: top;width: 170px;
}
.FieldLabelSearch{
	font: normal 11px Tahoma, sans-serif;padding: 6px 10px 0 10px;color: #4e4f4f;
	text-decoration: none;vertical-align: top;width: 100px;
}
.Required{color: Red;}
/*Field200{
	font: normal 11px Tahoma;color: #333333;margin-top: 3px;margin-right: 5px;width: 200px;
}*/

.inputtext{
	font: normal 11px Tahoma, sans-serif;width:150px;background: #fff;border:1px solid #e6e6e6;
	padding:3px;color:#585858;margin-bottom:-5px;
}
.inputsubmit{
	font: normal 11px Tahoma, sans-serif;width:100px;background: #f4f4f4;border:1px solid #e6e6e6;
	color:#585858
}
.inputDownload{
	font: bold 11px Tahoma, sans-serif;width:300;background: #f4f4f4;border:1px solid #6A8B56;
	color:#585858; margin-left:-10px;
}

.Field300{
	font: normal 11px Tahoma, sans-serif;width:300px;background: #fff;border:1px solid #e6e6e6;
	padding:3px;color:#585858;margin-bottom:5px;
}
.Field308{
	font: normal 11px Tahoma, sans-serif;width:308px;background: #fff;border:1px solid #e6e6e6;
	padding:3px;color:#585858;margin-bottom:3px;
}
.Field200_BrowseFile{
	font: normal 11px Tahoma, sans-serif;width:100px;color: #585858;background: #eee;
	border:1px solid #e6e6e6;padding:3px;margin-bottom:5px;
}
.Field500{
	font: normal 11px Tahoma, sans-serif;font: normal 11px Tahoma;color: #585858;
	margin-top: 3px;margin-right: 5px;width: 500px;margin-bottom:5px;
}
.thumbURL{
	font: normal 11px Tahoma, sans-serif;width:300px;color: #e6e6e6;background: #fff;
	border:1px solid #e6e6e6;padding:3px;color:#585858;margin-bottom:5px;
}
.FieldLabel{
	font: normal 11px Tahoma, sans-serif;padding: 6px 10px 0 10px;color: #4e4f4f;text-decoration: none;
	vertical-align: top;width: 170px;
}
.FormButton{font: normal 11px Arial;width: 80px;}
.Gap{
	padding-top: 5px;
}

.listing textarea {
   overflow:auto;
}

.listing p {display:inline;font:normal 11px Verdana;color: #585858;padding-bottom:0px;}
.comment {padding-bottom:2px;padding-top:7px;margin-bottom:7px;margin-top:7px;position:relative;}
.comment-content {padding:10px 0 10px 14px;}
.thanksforcommenting p,
.comment-content p {font:normal 11px/17px Verdana;color: #4a1200;padding-bottom:0px;}
.comment-header {font:bold 12px/22px Georgia,serif;}
.thanksforcommenting a:link,
.comment a:link {
	color:#4a1200;
	text-decoration:none;
	border-bottom:1px dotted #4a1200;
	}
.thanksforcommenting a:visited,
.comment a:visited {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
	}
.thanksforcommenting a:hover,
.comment a:hover {
	color:#4a1200;
	text-decoration:none;
	border-bottom:1px solid #4a1200;
	}
p.comment-footer {
	color:#333;
	padding-top:2px;
	margin-top:8px;
	border-top:1px solid #DACDC1;
	font:normal 9px/16px Verdana,sans-serif;
	text-align:right;
	}
p.comment-footer a:link, p.entry-footer a:visited {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #4a1200;
	}
p.comment-footer a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #4a1200;
	}

img.faviconimg {
	border:0;
	width:12px;
	height:12px;
	padding:0 4px;
}



.listing
{
	width:575px;
	margin:5px 0px 5px 0px;
	/*background:url(../images/tutorial_div.gif) no-repeat bottom left;*/
	border-bottom:1px solid #e6e6e6;
	padding:5px 0px 0px 0px;
	clear:both;
	display:block;
	color:#1d88c5;
}

.green
{
	color:#67ad00;
}

.byuser
{
	color:#e55725;
}

.orange
{
	color:#E96324;
}

.listingcategory
{
	color:#E96324;
}

.tutorialtitle
{
	color:#1d88c5;
	font-size:11px;
}

.tutorialcategory
{
	color:#1d88c5;
}

.tutorialdate
{
	color:#1d88c5;
}

.savebookmarks{
	overflow: hidden; 
	background: #f4f4f4;/* url(../images/rating_warning.gif) no-repeat 5px 50%;*/
	padding:1px 5px 3px 5px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:100%;
	font-size:10px;
	line-height:8px;
}

.reporttutorial{
	/*display:inline;font:normal 10px Verdana;color: #585858;padding-bottom:0px;*/
	overflow: hidden; 
	background: #f4f4f4;
	padding:1px 5px 3px 5px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:100%;
	font-size:10px;
	line-height:8px;
}

.sharitlinks a
{
	color:#1d88c5;
}

.registerlink
{
	color:#1d88c5;
}

.llgrey
{
	color:#B2B2B2;
}

.tutorialinfo{
	color:#1d88c5;
}

.tutorialinfocount{
	color:#e55725;
}

.lgrey
{
	color:#537E95;
}

.listing-main-left
{
	width:55px;
	height:65px;
	padding:5px 0px 10px 2px;
	margin:0px;
	overflow:hidden;
	text-align:left;
	vertical-align:top;
}
.listing-main-avatar
{
	width:44x;
	height:44px;
	padding-right:2px;
	margin:5px 10px 5px 5px;
	overflow:hidden;
}
.listing-main-avatar img
{
	width:40px;
	height:40px;
	border:0;
}
.listing-main-left a
{
	margin:0px 0px 0px 2px;
	padding:0px;
	width:50px;
	height:11px;
	overflow:hidden;
}


.listing-main
{
	width:515px;
	float:right;
	overflow:hidden;
	padding:2px 0px 10px 0px;
}

h3
{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:12px;
}
.listing-main h3
{
	text-align:justify;
	margin-bottom:4px;
}

.listing-main div
{
	margin:4px 0px 4px 0px;
}
.listing-main .icons
{
	margin:-3px 0px 0px 0px;
	float:right;
	width:130px;
	text-align:left;
}
.listing-main .featuredicon
{
	background:url(../images/icon_featured.gif) no-repeat;
	margin:2px 5px 0px 10px;
	width:16px;
	height:15px;
	overflow:hidden;
	display:block;
	float:left;
}
.listing-main .deadOn
{
	background:url(../images/dead_on.gif) no-repeat;
	margin:2px 5px 0px 0px;
	width:16px;
	height:16px;
	overflow:hidden;
	display:block;
	float:left;
}
.listing-main .deadOff
{
	background:url(../images/reportOn.jpg) no-repeat;
	margin:2px 5px 0px 0px;
	width:16px;
	height:16px;
	overflow:hidden;
	display:block;
	float:left;
}
.listing-main .deadOff:hover
{
	background:url(../images/dead_on.gif) no-repeat;
}
.listing-main .faveOn
{
	background:url(../images/fave_on.gif) no-repeat;
	margin:2px 5px 0px 0px;
	width:16px;
	height:16px;
	overflow:hidden;
	display:block;
	float:left;
}
.listing-main .faveOff
{
	background:url(../images/faveOn.jpg) no-repeat;
	margin:2px 5px 0px 0px;
	width:16px;
	height:16px;
	overflow:hidden;
	display:block;
	float:left;
}
.listing-main .faveOff:hover
{
	background:url(../images/fave_on.gif) no-repeat;
}
.listing-main .digg
{
	margin:2px 5px 0px 0px;
	width:16px;
	height:16px;
	float:left;
	display:block;
	background:url(../images/icon_digg.jpg) no-repeat;
	overflow:hidden;
}
.listing-main .shareit
{
	background:url(../images/shareit.gif) no-repeat 0px 2px;
	padding-left:14px;
	color:#999999;
}
.listing-main .shareit:hover
{
	background:url(../images/shareitOn.gif) no-repeat 0px 2px;
}
.listing-main strong
{
	text-transform:uppercase;
	color:#67ad00;
	float:left;
	margin:3px 0px 0px 0px;
}
.clear
{
	clear:both;
}


/* footer */
#footer-bg { clear:both; border-top: 1px solid #fff; background: #313435; margin: 15px 0px 0px 0px; padding: 15px 0px; width: 100%; text-align: center;}
#footer {width: 960px; text-align: left; color:#79776f; padding:15px 10px; margin:0 auto;}

#copyright { width: 220px; float: left; border-right: 1px solid #79776f; padding-right: 20px;}

#support { width: 200px; float: left; border-right: 1px solid #79776f; padding: 0px 20px 0px 20px;}
/*#statistic { width: 200px; float: left; padding: 0px 0px 0px 20px;}*/
#statistic { width: 180px; float: left; border-right: 1px solid #79776f; padding: 0px 20px 0px 20px;}
#brainsites { width: 200px; float: left; padding: 0px 20px 0px 20px;}

#footer-bottom { clear:both; margin-top:10px; width: 960px; padding: 10px 0px 5px 0px; text-align: center;}
* html div#support { width: 490px; padding: 0px 10px 0px 20px;}
#footer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#footer a:link, #footer a:active, #footer a:visited { color: #79776f; text-decoration: none;}
#footer a:hover { color: #79776f; text-decoration: underline;}