body, img, p, div, h1, h2, h3, h4, h5, h6, form, ul {
	margin:0px;
	padding:0px;
	border:0 none;
}
a {
	margin:0px;
	padding:0px;
	border:0 none;
	cursor:pointer;
}
p { 
	text-align:justify;
	padding:0 0 8px;
}
:focus {
	outline:none;
}
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#A9C5CD url(bodynew.png) repeat-x top left;
}
.page {
	width:964px;
	margin:0 auto;
	text-align:left;
	xwidth:970px;
	position:relative;
	z-index:0;
}
.header, .headerpic {
	width:957px;
	height:121px;
	position:relative;
	margin:0 5px 0 2px;
}
.headerpic {
	background:url(header.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:0px;
}
.line {
	background:url(line.png) no-repeat top left;
	height:4px;
	width:957px;
	position:absolute;
	top:84px;
}
.banercont {
	_width:484px;
	_height:71px;
	width:468px;
	height:67px;
	background:url(banercont.png) no-repeat top left;
	position:absolute;
	left:343px;
	top:13px;
	padding:4px 12px 0 4px;
}
.logo {
	width:207px;
	height:59px;
	/*background:url(/images/logo.png) no-repeat top left;*/
	position:absolute;
	left:12px;
	top:3px;
}
.mainmenu {
	width:957px;
	height:33px;
	position:absolute;
	top:88px;
	left:0px;
	color:#fff;
}
.mainmenu a{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding:1px 15px 0;
	background:url(sep.gif) no-repeat top right;
	height:23px;
	margin:9px 0 0 2px;
	float:left;
}
.mainmenu a:hover{
	color:#f3eeb3;
}
.leftshadow {
	background:url(leftshadow.png) no-repeat top left;
	width:31px;
	height:35px;
	position:absolute;
	top:84px;
	left:-31px;
}
.rightshadow {
	background:url(rightshadow.png) no-repeat top left;
	width:31px;
	height:35px;
	position:absolute;
	top:84px;
	right:-33px;
}
.content {
	width:964px;
	overflow:hidden;
	zoom:1;
	background:url(maincontback1.png) repeat-y 3px top;
	margin:0 auto;
	padding:0;
}
.leftcontent {
	float:left;
	width:165px;
}
.maincontent {
	float:left;
	width:499px;
	padding:0 0 15px 15px;
	background:url(maincontbottom.png) no-repeat bottom right;
}
.mainconttopp {
	background:url(maincontent.png) no-repeat top left;
	width:514px;
	height:2px;
	font-size:1px;
	margin:0 0 0 -15px;
}
.maincontbackshadow {
	width:957px;
	height:7px;
	background:url(maincontbackshadow.png) no-repeat top left;
	position:absolute;
	top:121px;
	left:2px;
	z-index:999;
}
.rightcontent {
	float:right;
	width:285px;
}
.leftpageshadow {
	position:absolute;
	background:url(leftpageshadow.png) no-repeat top left;
	width:5px;
	height:514px;
	top:121px;
	left:-2px;
}
.rightpageshadow {
	position:absolute;
	background:url(rightpageshadow.png) no-repeat top left;
	width:5px;
	height:514px;
	top:121px;
	right:1px;
}
.leftsearchcont {
	width:158px;
	height:31px;
	background:url(leftsearchcont.png) no-repeat top left;
	margin:0 0 0 3px;
	padding:7px 0 0 4px;
}
.divsearchcont {
	background:url(divsearchcont.png) no-repeat top left;
	height:25px;
	width:128px;
	float:left;
}
.leftsearch {
	border:0 none;
	height:16px;
	width:90px;
	margin:4px 0pt 0pt 35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#848585;
	font-size:12px;
	padding:2px 1px 0 1px;
	background:none;
}
.leftsubmit {
	width:15px;
	height:16px;
	background:url(leftsubmit.png) no-repeat top left;
	border:0 none;
	float:left;
	margin:6px 0 0 5px;
	cursor: pointer;
}
.wresourcesback, .dresourcesback {
	width:150px;
	height:24px;
	background:url(wresourcesback.png) no-repeat top left;
	color:#304149;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	padding:5px 0 0 15px;
}
.dresourcesback {
	color:#eef6fc;
	background:url(dresourcesback.png) no-repeat top left;
}
ul.heart, ul.arrow {
	width:158px;
	margin:0 0 0 3px;
}
ul.heart li, ul.arrow li {
	background:url(liback.png) no-repeat top left;
	line-height:19px;
	padding:0 0 0 18px;
}
ul.heart li:hover, ul.arrow li:hover {
	background:url(libackh.png) no-repeat top left;
	font-weight:bold;
}
ul.heart li a, ul.heart li a.sel, ul.arrow li a, ul.arrow li a.sel {
	color:#4d606b;
	font-size:12px;
	text-decoration:none;
	padding:0;
}
/*ul.arrow li a, ul.arrow li a.sel {
	padding:0 0 0 16px;
}
ul.heart li a:hover, ul.heart li a.sel {
	background:url(heart.png) no-repeat left center;
}
ul.arrow li a:hover, ul.arrow li a.sel {
	padding:0 0 0 16px;
	background:url(darkarrow.png) no-repeat left center;
	font-weight:bold;
}*/
ul.arrow span {
	color:#548aaa;
	font-size:9px;
}
ul#relatedTutorials {
	margin:5px 0 0 8px;
}
ul#relatedTutorials li {
	margin:5px 0 0 0;
	list-style:none;
}
ul#relatedTutorials li p {
	margin:0 0 5px 15px
}
ul#relatedTutorials li p a:link, ul#relatedTutorials li p a:visited {
	color:#4D606B;
	text-decoration:none;
	font-size:12px;
}
ul#relatedTutorials li p a:hover {
	font-weight:bold;
	padding:0 0 0 16px;
	background:url(darkarrow.png) no-repeat left center;
}
#color {
	height:41px;
	width:153px;
	padding:9px 0 0 12px;
}
#color a {
	margin:0 5px 3px 0;
}
.twiterback {
	width:279px;
	height:45px;
	background:url(mytwiterback.png) no-repeat 0 -100px;
	position:relative;
}
.twitertext {
	position:absolute;
	color:#49626b;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	top:13px;
	left:158px;
	font-weight:bold;
	line-height:11px;
	display:block;
}
.twstatone {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#676767;
}
.twstattwo {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	position:absolute;
	color:#676767;
	top:57px;
	left:137px;
	width:119px;
	text-align:center;
}
.twstatthree {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	position:absolute;
	color:#676767;
	top:83px;
	left:18px;
	width:140px;
	text-align:center;
}
.twitadd {
	width:94px;
	height:22px;
	background:url(twitadd.png) no-repeat top left;
	position:absolute;
	top:81px;
	left:166px;
	display:block;
	text-decoration:none;
	border:0 none;
	line-height:20px;
	color:#316889;
	font-size:11px;
	padding:0 0 0 10px;
}
.twitadd:hover {
	color:#173f57;
	background:url(twitadd.png) no-repeat bottom left;
}
.twitbluetext {
	position:absolute;
	background:url(twitbluetext.png) no-repeat top left;
	top:23px;
	left:216px;
	display:block;
	width:54px;
	height:18px;
}
.bird {
	width:47px;
	height:40px;
	background:url(bird.png) no-repeat top left;
	display:block;
	position:absolute;
	top:110px;
	left:920px;
	z-index:1000;
}
.involve {
	width:285px;
	height:134px;
	position:relative;
}
.involvepic {
	position:absolute;
	width:285px;
	height:134px;
	background:url(involve.png) no-repeat top left;
	top:0px;
	left:0px;
}
.involve img{
	position:absolute;
	top:25px;
	left:15px;
}
.involve img.button{
	bottom:0px; 
	right:15px;
	top:auto;
	left:auto;
}
.involve img.go{
	bottom:15px; 
	right:136px;
	top:auto;
	left:auto;
}
.involve .desc{
	float:left;
	position:absolute;
	top:25px;
	left:95px;
	width:180px;
}
.ordiv {
	position:absolute;
	height:20px;
	top:97px;
	left:118px;
	width:165px;
	font-size:10px;
	color:#6c6a64;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ordivtwo {
	clear:both;
	height:22px;
	width:250px;
	font-size:10px;
	color:#6c6a64;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	margin:0px 0 0px 7px;
	padding:10px 0 0 0;
}
.smallletterlink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#20516e;
	text-decoration:underline;
}
.smallletterlink:hover {
	color:#934769;
}
.bannercont {
	width:266px;
	overflow:hidden;
	zoom:1;
	background:url(bannercont.png) repeat-x top left;
	margin:0 0 0 7px;
	padding:0 0 0 4px;
}
.bannerimage {
	width:125px;
	xheight:130px;
	background:#afa998;
	float:left;
	margin:0 2px 2px 0;
	padding:3px;
}
.advertise {
	width:255px;
	height:20px;
	background:url(advertise.png) no-repeat top left;
	margin:0 0 0 7px;
	text-align:right;
	padding:5px 15px 0 0;
}
.grayboxback {
	width:270px;
	background:url(grayboxback.png) repeat-x bottom left;
	margin:0 0 0 7px;
	overflow: hidden;
	zoom:1;
	padding:0 0 10px 0;
}
.grayboxheader {
	height:34px;
	line-height:40px;
	background:url(grayboxheader.png) no-repeat top left;
	font-weight:bold;
	font-size:17px;
	color:#4c626e;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 0 0 34px;
}
.shisbox {
	width:84px;
	height:110px;
	background:url(shishborder.png) no-repeat top right;
	float:left;
	margin:0 0 10px 0;
}
.shisbox h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#be4a6e;
	font-size:11px;
	text-align:center;
	margin:2px 0;
}
.shisbox p {
	color:#535353;
	font-size:9px;
	text-align:center;
}
.shishpicture {
	width:51px;
	height:55px;
	background:url(shishpicture.png) no-repeat top left;
	margin-top:6px;
	margin-left:12px;
	padding-top:4px;
	padding-left:6px;
}
.divbiglink {
	float:left;
	margin:4px 0 10px 10px;
	display:inline;
}
.bigletterlink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#20516e;
	text-decoration:underline;
	display:inline;
}
.bigletterlink:hover {
	text-decoration:none;
}
.footer {
	background:url(footerback.png) repeat-y top left;
}
.footertop {
	width:904px;
	height:24px;
	background:url(footertop.png) no-repeat top left;
	color:#3d7c8e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-weight:bold;
	padding:22px 0 0 60px;
}
.footerbottom {
	width:931px;
	height:38px;
	background:url(footerbottom.png) no-repeat top left;
	padding:10px 0 0 33px;
}
.footercont {
	width:890px;
	background:#f9f9f6 url(footercont.png) no-repeat top left;
	margin:0 0 0 33px;
	overflow:hidden;
	zoom:1;
}
.footerdiv, .footerbottomdiv {
	float:left;
	width:275px;
	margin:0 29px 0 0;
	display:inline;
}
.footerbottomdiv {
	padding:0 10px;
	width:255px;
}
.footerdiv .headeing {
	color:#3d7c8e;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	height:40px;
	margin:10px 0;
	line-height:17px;
	padding:4px 0 0 32px;
}
.aboutdiv {
	background:#e8f2f5;
	border:1px solid #e3eaeb;
	width:860px;
	padding:20px;
	margin:0 auto;
	color:#535353;
}
.aboutdiv p {
	margin:0 0 5px 0;
}
.paper {
	color:#286386;
	font-style:italic;
	font-size:11px;
	text-decoration:underline;
	float:left;
	margin:1px 10px 0 0;
	padding:0;
}
/*
.paper:hover {
	text-decoration:underline;
}
*/

.paperArticles {
	color:#286386;
	font-style:italic;
	font-size:12px;
	text-decoration:underline;
	padding:0;
}
.paperArticles:hover {
	text-decoration:none;
}
.paperspan {
	background:url(paper.png) no-repeat left center;
	height:14px;
	width:8px;
	float:left;
	margin:1px 4px 0 0;
	display:inline;
	font-size:1px;
}
.cloud {
	color:#286386;
	font-style:italic;
	font-size:11px;
	text-decoration:underline;
	padding:0;
}
/*
.cloud:hover {
	text-decoration:underline;
}
*/

.cloudspan {
	background:url(cloud.png) no-repeat left center;
	height:14px;
	width:10px;
	float:left;
	margin:1px 4px 0 0;
	display:inline;
}
.tabscont {
	width:484px;
	margin:15px 0 0 0px;
	background:url(righttabback.png) no-repeat top right;
	float:left;
}
ul.tabs {
	width:479px;
	height:30px;
	background:url(ultabsback.png) repeat-x top left;
}
ul.tabs li, ul.tabs li.sel {
	float:left;
	height:30px;
	margin:0 3px 0 0;
	list-style:none;
	background:url(tabslia.png) no-repeat top left;
}
ul.tabs li.sel {
	background:url(selectli.png) no-repeat top right;
}
ul.tabs a {
	float:left;
	height:30px;
	padding:0 15px;
	text-decoration:none;
	font-size:12px;
	color:#fcf5b5;
	line-height: 23px;
	display:block;
}
ul.tabs a:hover {
	color:#FFFFFF;
}
ul.tabs li a.first {
	background: url(selecta.png) no-repeat left 25px;
}
ul.tabs .sel a {
	color:#706c6e;
	background: url(selecta.png) no-repeat left bottom;
}
ul.tabs .sel a.first {
	background: url(selecta.png) no-repeat left top;
}
.tabsdet {
	width:484px;
	background:url(tabsdet.png) repeat-y top left;
	float:left;
}
.detbottom {
	width:484px;
	padding:0 0 20px 0;
	background:url(detbottom.png) no-repeat bottom left;
	float:left;
}
.numtabsback {
	background:url(/images/numtabsback.png.png) repeat-y top left;
	margin:0px 0px 0 14px;
	width:453px;
	background:url(numtabsback.png) repeat-y top right;
	border-bottom:1px solid #eae9ea;
	padding:5px 0;
	float:left;
}
.numtabsback p.tuttext, .innernumtabsback p.tuttext {
	margin:0;
	color:#4d4d4d;
}
.headingone, .headingtwo {
	background:url(papertwo.png) no-repeat center left;
	color:#286386;
	padding:0 0 0 0px;
	display:block;
	position:relative;
	line-height:30px;
}
.headingtwo {
	margin:0 0 0 10px;
	line-height:15px;
	padding:0;
	line-height:17px;
}
.headingone .bigpaperlink {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#286386;
	text-decoration:underline;
}
.headingone .bigpaperlink:hover {
	text-decoration:none;
}
.headingtwo .bigpaperlink {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#286386;
	text-decoration:underline;
}
.headingtwo .bigpaperlink:hover {
	text-decoration:none;
}
.numtabsback p {
	color:#535353;
	margin:2px 0;
}
.spanpink {
	color:#b53059;
	font-size:11px;
	font-style:italic;
}
.headingone span, .headingtwo span {
	position:absolute;
	color:#7998a9;
	top:7px;
	right:35px;
	line-height:10px;
	text-align:center;
	left:auto;
}
.headingtwo span {
	top:10px;
}
.papercont {
	width:274px;
	background:url(numtabsback.png) repeat-y top left;
}
.submitarticle {
	width:78px;
	height:17px;
	float:right;
	color:#fcf5b5;
	background:url(submitarticle.png) no-repeat top left;
	display:block;
	line-height:14px;
	font-size:11px;
	font-style:italic;
	padding:3px 0 0 15px;
	text-decoration:none;
}
.submitarticle:hover {
	color:#FFFFFF;
}
.footerend {
	width:914px;
	height:20px;
	margin:0 0 30px 0;
	background:#A9C5CD;
	padding:10px 30px 0 20px;
	color:#FFFFFF;
}
.footerend div {
	float:right;
}
.footerend a {
	color:#16435e;
	text-decoration:underline;
}
.footerend a:hover {
	text-decoration:none;
}
#submitArticleHelpText a, #submitArticleHelpText a:visited {
	color:#16435e;
	text-decoration:underline;
}
#submitArticleHelpText a:hover {
	text-decoration:none;
}
.featured, .featuredbig {
	float:left;
	width:245px;
	height:207px;
	background:url(featuredback.png) no-repeat top left;
	margin:0px 4px 0 0;
	position:relative;
}
.featured, .featuredbig h2{
	font-size:14px;
	color:#3D7C8E;
	text-transform:capitalize;
}
.heatmapInfo {
	position:relative;
	width:480px;
	height: 240px;
	margin-top:10px;
	background:url(heatmap_info_back.png) bottom left no-repeat;
}
.heatmapDetail {
	position:relative;
	left:10px;
	top:20px;
	margin-bottom:20px;
	width:490px;
}
.heatmap {
	float:left;
	width:340px;
	height:227px;
	background:#fff url(htmap_back.png) left top no-repeat;
	margin:0;
	padding:0;
	position:relative;
}
.heatmap img {
	border:1px solid #bfc8cb;
}
.siteHeatmap {
	margin:0;
	padding:8px 0 0 10px;
}
.bynameHeatmap {
	color:#be4a6e;
	font-size:11px;
	position:absolute;
	height:14px;
	width:313px;
	top:185px;
	left:13px;
	letter-spacing:0.5px;
}
.bynameHeatmap p {
	float:right;
	color:#535353;
}
.bynameHeatmap a {
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;
	color:#be4a6e;
}
.bynameHeatmap a:hover {
	text-decoration:underline;
}
.rateHeatmap {
	margin-top:15px;
}
.rateHeatmap .ratingblock {
	margin:17px 0 0 10px;
	width:auto;
}
.rateHeatmap .comments {
	float:right;
	color:#588d9b;
	text-decoration:none;
	padding:0;
	margin:3px 20px 0 0;
	font-size:11px;
}
.rateHeatmap .comments:hover {
	text-decoration:underline;
}
.designerInfo {
	margin-top:10px;
}
.mapInfo {
	float:left;
	margin:80px 0 0 10px;
	padding:0;
	width:100px;
}
.hotColdScale {
	margin-top:15px;
}
.hotColdScaleDetail {
	position:relative;
	float:left;
	left:15px;
	top:209px;
}
.featuredbig {
	background:url(featuredbig.png) no-repeat 0 15px;
	height:290px;
}
.featuredsite {
	width:190px;
	height:130px;
	position:absolute;
	top:35px;
	left:25px;
}
.featuredline {
	width:84px;
	height:37px;
	background:url(featuredline.png) no-repeat top left;
	position:absolute;
	top:4px;
	left:5px;
	z-index:1000;
}
.byname, .rate, .bynames, .rates {
	color:#be4a6e;
	font-size:11px;
	position:absolute;
	height:14px;
	width:215px;
	top:177px;
	left:13px;
	letter-spacing:0.5px;
}
.bynames {
	top:17px;
	width:410px;
	left:20px;
}
.rate {
	top:193px;
	height:16px;
	line-height:16px;
}
.rates {
	top:35px;
	width:410px;
	height:16px;
	line-height:16px;
	left:20px;
}
.rate .comments, .rates .comments {
	float:right;
	color:#588d9b;
	text-decoration:none;
	padding:0 0 0 12px;
}
.rate .comments:hover, .rates .comments:hover {
	text-decoration:underline;
}
.commentspan {
	background:url(orangeballon.png) no-repeat left center;
	height:14px;
	width:8px;
	float:left;
	margin:1px 4px 0 0;
	display:inline;
	font-size:1px;
}
.byname p, .bynames p {
	float:right;
	color:#535353;
}
.byname a, .bynames a {
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;
	color:#be4a6e;
}
.byname a:hover, .bynames a:hover {
	text-decoration:underline;
}
.featuredh1, .latestentrh1, .tutpinkhead {
	background:url(featuredh1.png) no-repeat top left;
	color:#3d7c8e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	height:30px;
	line-height:31px;
	padding:0 0 0 25px;
	margin:5px 0 0 0;
	width:300px;
}
.innerfed {
	margin:15px 0 10px 0px;
	border-bottom:1px solid #d7e3e6;
	width:455px;
}
.latestentrh1, .tutpinkhead {
	background:url(latestentr.png) no-repeat center left;
	color:#b04a78;
	line-height:21px;
	height:27px;
	margin:20px 0 0 10px;
}
.tutpinkhead {
	margin:10px 0 0 0;
	padding:0 0 0 25px;
	width:240px;
	float:left;
}
.container {
	overflow:hidden;
	zoom:1;
}
.headmenu {
	float:right;
	margin:0 40px 0 0;
	padding:5px 0 0 0;
	display:inline;
	overflow:hidden;
	zoom:1;
}
.headerdiv {
	float:right;
	width:97px;
	height:27px;
	margin:0 3px 0 0;
	position:relative;
}
.headerdivpic {
	position:absolute;
	background:url(headerdiv.png) no-repeat top left;
	xbackground:#FF0000;
	top:0px;
	left:0px;
	width:97px;
	height:27px;
}
.headerdiv .inputs {
	position:relative;
	border:0 none;
	background:none;
	width:80px;
	height:17px;
	margin:4px 0 0 9px;
	color:#f4f8f9;
	padding:2px 0 0 0;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.headersubmit {
	float:right;
	background:url(headersubmit.png) no-repeat top left;
	width:35px;
	height:23px;
	border:0 none;
	margin:2px 0 0 0;
	cursor:pointer;
}
.headersubmit:hover {
	background:url(headersubmit.png) no-repeat bottom left;
}
.new {
	width:29px;
	height:15px;
	background:url(new.png) no-repeat top left;
	position:absolute;
	top:84px;
	left:215px;
	text-align:center;
	line-height:15px;
	color:#FFFFFF;
	z-index:1000;
	font-size:9px;
}
.new:hover {
	color:#FCF5B5;
}
/**************************************************INNER PAGE *********************/

.inner {
	overflow:hidden;
	zoom:1;
}
.innerheight {
	height:38px;
	line-height:16px;
	padding:0 0 0 35px;
}
.tabsdettop {
	border-top:1px solid #d9d9d6;
	height:10px;
	width:480px;
}
.innerpiccont {
	float:left;
	width:122px;
	height:125px;
	position:relative;
	background:url(innerpiccont.png) no-repeat top left;
	margin:0 0 0 4px;
	padding:1px 0 0 8px;
}
.innernumtabsback {
	float:left;
	width:320px;
}
.paginback {
	width:480px;
	overflow:hidden;
	zoom:1;
	background:url(paginback.png) no-repeat bottom left;
	margin:0 0 5px 0;
	padding:0 0px 1px 0px;
}
.paginback span {
	color:#3d7c8e;
	margin-left:1px;/*	padding-left:5px; */
}
.numcont {
	float:right;
	margin:0 10px 0 0;
	display:inline;
	font-size:11px;
}
.pagedef {
	width:15px;
	height:21px;
	background:url(pag2edef.png) no-repeat top left;
	background-color:#E3D9CC;
	font-size:11px;
}
.pagedef, .pagesel, .pagedot, .pageinactive {
	width:20px;
	height:21px;
	background:url(pag2edef.png) no-repeat top left;
	background-color:#E3D9CC;
	float:left;
	line-height:21px;
	text-align:center;
	font-size:11px;
	color:#41799a;
	margin-left:1px;
}
.pagesel {
	background:url(pag2edef.png) no-repeat top left;
	background-color:#E3D9CC;
	color:#20516e;
	font-weight:bold;
}
.pagedot {
	background:none;
}
.prevnext, .prevbig, .nextbig, .inactive {
	width:28px;
	height:21px;
	/*	background:url(/images/prevnext.png) no-repeat top left; */ background-color:#E3D9CC;
	float:left;
	line-height:21px;
	text-align:center;
	font-size:11px;
	color:#41799a;
	margin-left:1px;
}
.prevbig {
	background:url(prevbig.png) no-repeat top left;
	width:71px;
}
.nextbig {
	background:url(nextbig.png) no-repeat top left;
	width:44px;
}
.pagedef:hover, .pagesel:hover, .prevnext:hover, .prevbig:hover, .nextbig:hover {
	text-decoration:underline;
}
.pageinactive:hover {
	text-decoration:none;
}
/************************************************************************* inner tut ************************************/

.breedcrumb {
	float:left;
	margin:10px 0 10px 10px;
	display:inline;
}
.breedcrumb a {
	color:#3d7c8e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding-left:5px;
	font-weight:bold;
	text-decoration:underline;
	background:url(bluearrow.png) no-repeat right top;
	padding:0 10px 0 0;
	margin:0 5px 0 0px;
}
.breedcrumb a:hover {
	text-decoration:none;
}
.tutcontainer {
	width:444px;
	margin:0 auto;
	background: url(tutcontainerback.png) no-repeat right top;
}
.tut {
	float:left;
	background:none;
}
.yellowbox, .yellowboxProfile {
	position:relative;
	border:1px solid #e7e7bb;
	background:#f2f2da;
	padding:9px 0 10px 0px;
	overflow:hidden;
	zoom:1;
	margin:10px 0;
}
.yellowboxProfile {
	min-height:120px;
}
.aboutauthor {
	float:left;
	color:#535353;
	margin:10px 0 0 10px;
	font-size:11px;
	width:345px;
	background:url(pencil.png) no-repeat right top;
}
.authortitle {
	color:#535353;
	font-weight:bold;
	font-size:11px;
}
.aboutauthor a {
	color:#be4a6e;
}
p.authortext {
	color:#535353;
	line-height:16px;
	margin:5px 0 0 0;
}
.tutcontainer p, .tutcontainer ul {
	line-height:16px;
	color:#535353;
	margin:0 0 0px 0;
	padding:0 0 0 5px;
}
.heatmapImage {
	width:426px;
	background:#f2f1ed;
	padding:1px;
	margin:10px 0 0 7px;
	position:relative;
	float:left;
}
.tutimage {
	width:426px;
	background:#f2f1ed;
	padding:1px;
	margin:10px 0 0 10px;
	position:relative;
}
.tutshadowleft {
	width:7px;
	background:url(tutshadowleft.png) no-repeat top left;
	height:104px;
	top:0px;
	left:-7px;
	position:absolute;
}
.tutshadowbot {
	height:8px;
	background:url(tutshadowbot.png) no-repeat top left;
	margin:0 0 15px 10px;
}
.leavecomment {
	margin:20px 0 0 0;
	border-top:1px solid #eae9ea;
	overflow:hidden;
	zoom:1;
}
.writecommlinkbox {
	float:right;
	overflow:hidden;
	zoom:1;
	margin:15px 0 0 0px;
}
.commentshow {
	position:relative;
	overflow:auto;
	zoom:1;
}
.commentbox {
	float:left;
	background:#f6f5f1;
	border:1px solid #d9d9d6;
	width:325px;
	position:relative;
	padding:15px 15px 5px 15px;
	margin:10px 0 0 0;
	color:#535353;
	overflow:hidden;
	zoom:1;
}
.commentboxborder {
	width:10px;
	height:15px;
	background:url(commentboxborder.png) no-repeat top left;
	position:absolute;
	left:-10px;
	top:10px;
}
.formcomm {
	float:left;
	width:360px;
	margin:10px 0 0 0;
}
.inputstorage, .textareabig, .inputsubmit {
	width:360px;
	height:30px;
	background:url(inputdiv.png) no-repeat top left;
	margin:0 0 5px 0;
	float:left;
}
.showErrors, showMesages {
	width: 90%;
	margin: 0 0 15px 25px;
	padding: 5px;
	font: normal 13px Georgia, 'Times Roman', serif;
}
.showErrors {
	color: #dd3300
}
.showMessages {
	color: #0099e8
}
.showErrors ul, .showMessages ul {
	list-style: none;
	margin:5px;
	padding-left: 25px
}
.inputsubmit {
	width:440px;
}
.textareabig {
	background:url(textareabig.png) no-repeat top left;
	height:77px;
}
.input {
	border:0;
	height:18px;
	background:none;
	margin:3px 15px 0 15px;
	width:330px;
	color:#535353;
	font-size:12px;
	padding:4px 0 0 0;
}
.texarbig {
	width:328px;
	margin:10px 15px 0 15px;
	border:0 none;
	height:55px;
	background:none;
	color:#535353;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.submitcomm, .submitsite, .registernow, .loginnow {
	width:98px;
	height:20px;
	background:url(submitcomm.png) no-repeat top left;
	border:0 none;
	cursor:pointer;
	float:right;
}
.submitsite {
	background:url(submitsite.png) no-repeat top left;
}
.registernow {
	background:url(registernow.png) no-repeat top left;
}
.loginnow {
	background:url(loginnow.png) no-repeat top left;
}
.browsedesigner {
	background:url(paginback.png) no-repeat left bottom;
	padding:15px 0 2px 10px;
	color:#3d7c8e;
	font-weight:bold;
	font-size:11px;
}
.browsedesigner a {
	color:#3d7c8e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	font-size:14px;
}
.browsedesigner a:hover {
	text-decoration:none;
}
.innerfed span {
	color:#6093a1;
	font-size:14px;
	font-weight:normal;
}
.innerfed span a {
	color:#6093a1;
	font-size:14px;
	text-decoration:underline;
}
.innerfed span a:hover {
	text-decoration:none;
}
.somecont {
	width:484px;
}
.aboutdesigner {
	float:left;
	width:370px;
	margin:10px 0 0 25px;
	background:url(aboutdesback.png) no-repeat top right;
}
.aboutdesigner div {
	width:370px;
	border-bottom:1px solid #e7e7bb;
	overflow:hidden;
	zoom:1;
	padding:5px 0;
}
.aboutdesigner .label {
	color:#5b8895;
	font-weight:bold;
	font-size:11px;
	width:80px;
	float:left;
}
.aboutdesigner p {
	float:left;
	color:#535353;
	font-size:11px;
	float:left;
	width:290px;
}
.designerlink {
	color:#be4a6e;
	text-decoration:none;
	font-size:11px;
}
.designerlink:hover {
	text-decoration:underline;
}
.deswork {
	overflow:hidden;
	zoom:1;
	background:url(paginback.png) no-repeat left bottom;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.desworkleft {
	float:left;
	height:212px;
	width:244px;
	position:relative;
	overflow:hidden;
}
.desworkright {
	float:left;
	width:225px;
	margin:10px 0 0 15px;
}
.desworkright h1.title a {
	color:#286386;
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.pick {
	width:67px;
	height:15px;
	background:url(pick.png) no-repeat top left;
	display:block;
	margin:5px 0 15px 0;
}
.desworkright p {
	color:#535353;
	font-size:12px;
	line-height:17px;
	margin:10px 0 0 0;
}
.designed {
	color:#535353;
	font-size:12px;
	margin:20px 0 0 0;
}
.twiterbacktwo {
	position:relative;
	width:277px;
	height:96px;
	background:url(twiterbacktwo.png) no-repeat top left;
}
.heighttwo {
	top:57px;
}
.heightthree {
	top:82numpx;
}
.usernum {
	position:absolute;
	width:250px;
	height:25px;
	top:14px;
	left:18px;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#f6f5f1;
	text-align:center;
}
.othermember {
	width:258px;
	margin:0 0 0 13px;
	padding:10px 0;
}
.othermembertitle {
	color:#4c626e;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	background:url(othermembertitle.png) no-repeat left bottom;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}
.othermembertitleBtm {
	color:#4c626e;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	background:url(othermembertitle.png) no-repeat left bottom;
	padding:0 0 5px 0;
	margin:20px 0 5px 0;
}
.othermembertitle a {
	color:#4d8291;
	text-decoration:none;
}
.othermembertitle a:hover {
	text-decoration:underline;
}
.otherdesinfoLeft, .otherdesinfoRight {
	width:117px;
	float:left;
	overflow:hidden;
	zoom:1;
	border-bottom:1px solid #f3f1ec;
	padding:4px 4px;
}
.otherdesinfoRight {
	float:right;/*margin-left:7px;*/
}
.dessearch {
	padding:2px 0 5px 7px;
	width:153px;
}
.dessearch p {
	color: #676666;
	font-size:11px;
	margin:2px 3px 4px 4px;
}
.selectbox {
	width:150px;
	height:20px;
	background-color:#f6f5f1;
	border:1px solid #cbc5b2;
	cursor:pointer;
}
.selectbox-wrapper {
	background:#FF0000;
	position:absolute;
	top:25px;
	margin:-1px 0 0 0;
}
.infopicsmall {
	float:left;
	width:19px;
	height:21px;
	background:url(infopicsmall.png) no-repeat top left;
	padding:1px 0 0 2px
}
.infodesbox {
	float:left;
	font-size:11px;
	color:#4c626e;
	margin:3px 0 0 4px;
}
/************************************************************************* inner 4 **************************************/

.designerrate {
	background:url(designerrate.png) no-repeat top left;
	position:relative;
	width:447px;
	height: 64px;
	margin:10px 0 10px 10px;
}
.designercomment {
	color:#535353;
	line-height:16px;
	font-size:12px;
	margin:15px 0 15px 30px;
	width:400px;
}
.designercomment a {
	color:#be4a6e;
}
.colorboxdiv {
	width:115px;
	height:20px;
	float:right;
	margin:25px 15px 0 0;
}
.colorbox {
	width:8px;
	height:8px;
	/*background:url(/images/colorbox.png) no-repeat top left;*/
	padding:3px;
	display:block;
	float:right;
	margin-left:3px;
}
.colorbox div {
	width:8px;
	height:8px;
}
.pinklabel {
	float:left;
	color:#ac5077;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:7px 0 0 0;
	width:80px;
}
.capcha {
	position:relative;
	width:324px;
	height:122px;
	margin:10px 0 10px 80px;
	clear:both;
}
.tutcontainerleft {
	float:left;
	width:200px;
}
.tutcontainerright {
	float:right;
	width:240px;
}
.tuthtitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#286386;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:16px;
}
.yellowheart {
	background:url(yellowheart.png) no-repeat center left;
	color:#535353;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 0 0 12px;
	margin:0 0 3px 5px;
	display:block;
}
.yellowheart:hover {
	text-decoration:underline;
}
.checking {
	float:left;
}
.pinklabelcheck {
	color:#AC5077;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0 0 5px;
	width:200px;
	float:left;
}
.checkcont {
	margin:5px 0;
	padding:0 0 0 80px;
}
.checkcont img {
	float:left;
	margin:1px 0 0 0;
}
#editProfileArea {
	position:absolute;
	left: 17px;
	top:80px;
}
#submitSiteArea {
	position:absolute;
	left: 17px;
	top:115px;
}
#changeAvatarArea {
	position:absolute;
	left: 17px;
	top:95px;
}
.friends_ul {
	float:left;
	font-size:11px;
	margin-left:0;
	margin-top:10px;
	width:135px;
}
.friends_ul li {
	line-height:1.1em;
	margin-top:11px;
	width:130px;
	list-style-type:none;
	margin-bottom:3px;
	margin-left:10px;
}
.friends_ul li a {
	font-size:11px;
}
.fieldError {
	border: 1px dashed #d00
}
p.noFieldError {
	display:none;
}
p.fieldErrorNotify {
	clear:left;
	position:relative;
	left:90px;
	width:315px;
	height:25px;
	padding-left: 15px;
	background: url(arrowError02.gif) left center no-repeat;
	color: #d00 !important;
}
#errors p {
	color: #d00;
	width: 90%;
	margin: 0 0 15px 25px;
	padding: 5px;
	font: normal 12px Georgia, 'Times New Roman', serif;
}
#messages p {
	color: #47a303;
	width: 90%;
	margin: 0 0 15px 25px;
	padding: 5px;
	font: normal 12px Georgia, 'Times New Roman', serif;
}
#working {
	position:absolute;
	left:450px;
	top:450px;
	padding:15px;
	border:5px solid #a7c8d4;
	z-index: 100;
	text-align:center;
	background-color:#fff;
	color: #80a9b8;
	display:none;
}
#workingComment {
	position:absolute;
	left:15px;
	top:25px;
	padding:15px;
	border:5px solid #a7c8d4;
	z-index: 1000;
	text-align:center;
	background-color:#fff;
	color: #80a9b8;
	display:none;
}
.memberalphasearch {
	width:484px;
	padding:19px 0 20px 0;
	background:url(memberalphaback.jpg) no-repeat bottom left;
}
.memberalphatop {
	height:3px;
	width:484px;
	padding:0;
	margin:0;
	background: url(memberalphatop.jpg) left top no-repeat;
}
.memberssearchtitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#286386;
	font-weight:bold;
	margin:0 0 0px 0;
}
p#alphaLinks {
	font: normal 11px Arial;
	padding:0;
	color:#216a8d;
}
p#alphaLinks a:link {
	color:#216a8d;
	text-decoration:none;
}
p#alphaLinks a:visited {
	color:#007700;
	text-decoration:none;
}
p#alphaLinks a:hover {
	color:#ac5077;
	text-decoration:none;
}
#membersCountries {
	width:480px;
	border-left: 1px solid #d9d9d6;
	border-right: 1px solid #d9d9d6;
	border-top: 1px solid #ececea;
	background: #fafaf9 url(membercountryback.jpg) top right no-repeat;
 *padding-bottom:40px;
}
#membersCountriesEnd {
	clear:left;
	width:483px;
	height:45px;
	background: url(membercountrybottom.jpg) bottom right no-repeat;
 *position:absolute;
}
.countriesContainer {
	float:left;
	width:160px;
}
h1.searchMembers {
	color:#ac5077;
	background:transparent;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:20px;
}
.country {
	padding: 1px 10px;
}
.countryImage {
	width:16px;
	height:20px;
	float:left;
}
a.countryName {
	display:block;
	float:left;
	width:110px;
	padding-left:5px;
	color: #3c6d8e;
	text-decoration:none;
}
.memberOuterBorder {
	width:460px;
	height:90px;
	margin-left:10px;
	border-top: 1px solid #d4d9da;
	border-bottom:1px solid #d4d9da;
	padding: 1px 0;
}
.memberInnerBlue {
	position:relative;
	width:460px;
	height:89px;
	background-color:#e8f2f5;
	text-align:left;
	vertical-align:top;
}
.memberOuter {
	width:460px;
	height:90px;
	margin-left:10px;
	padding: 1px 0;
}
.memberInner {
	position:relative;
	width:460px;
	height:89px;
	text-align:left;
	vertical-align:top;
}
img.memberAvatar {
	position:absolute;
	left:15px;
	top:15px;
	padding:5px 6px;
	margin-top:10px;
	background:url(shishpicture.png) left top no-repeat;
	margin-top:-5px;
}
.memberAbout {
	position:absolute;
	top:10px;
	left:75px;
	margin-left:10px;
}
p.memberData {
	width:370px;
	position:relative;
	padding-bottom:2px;
	margin-top:2px;
	border-bottom:1px solid #d7e3e6;
}
label.memberDataName {
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#5b8895;
	width:50px;
}
p.memberData a {
	color:#216a8d;
	text-decoration:underline;
}
span.memberRating {
	color:#ac5077;
	font-weight:bold;
}
p.tuttext {
	color:#4d4d4d;
}
p.tuttext, h3.subtitl {
	margin-top:20px;
}
h3.subtitl {
	width:100%;
	text-align:center;
	color:#3d7c8e;
	font-size:13px;
}
p.tuttext span {
	color:#efefef;
}
p.tuttext span.path {
	color: #b760d7;
}
p.tuttext span.option {
	color: #36827f;
}
p.tuttext span.item, ul.tutorialUL span.item {
	color:#4d4d4d;
	font-weight:600;
}
dl.tutorialDL {
	color: #4d4d4d;
}
dl.tutorialDL dt {
	font-size: 12px;
	font-style:italic;
	color:#6d6d6d;
	margin-top:5px;
}
ol.tutorialOL {
	list-style:decimal;
	color:#6d6d6d;
}
ol.tutorialOL li {
	margin:2px 0;
}
ul.tutorialUL {
	margin:10px 0 0 25px;
}
h2.step {
	margin-top:20px;
	color:#8f8f8f;
	padding-bottom:3px;
	font:bold 14px Georgia, "Times New Roman", serif;
	border-bottom:1px solid #eae9ea;
}
#profileOrLogout {
	position:absolute;
	left:711px;
	top:-9px;
	width:220px;
	height:33px;
}
#profileOrLogout #myProfile {
	width:105px;
	height:33px;
	float:left;
	display:inline;
	background:url(menu02.png) no-repeat 0px 0px;
	margin:9px 0 0 0;
}
#profileOrLogout #iLogout {
	width:86px;
	height:33px;
	float:left;
	display:inline;
	background:url(menu02.png) no-repeat -106px 0px;
	margin:9px 0 0 0;
}
#profileOrLogout #myProfile:hover {
	background:url(menu02.png) no-repeat 0px -33px;
}
#profileOrLogout #iLogout:hover {
	background:url(menu02.png) no-repeat -106px -33px;
}
#usLinksContainerLeft {
	margin:30px 0 0 55px;
	float:left
}
#usLinksContainerRight {
	margin:30px 0 0 85px;
	float:left
}
.linkSubtitle {
	color:#be4a6e;
	font-weight:bold;
	margin-top:15px;
}
ul.usLinks {
	list-style:none;
	margin:0;
}
ul.usLinks a:link, ul.usLinks a:visited {
	text-decoration:underline;
	color:#286386;
}
ul.usLinks a:hover {
	text-decoration:none;
}
h3 a {
	color: #be4a6e;
}
.dnlfontfile {
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;
	color:#be4a6e;
}
.hidden {
	position:absolute;
	left:0px;
	top:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
}
a#csscremeContest {
	display:block;
	width:188px;
	height:115px;
	position:absolute;
	top:10px;
}
a#submitArticle {
	display:inline;
	float:none;
	width:100%;
	height:115px;
	position:absolute;
	left:0px;
	top:10px;
}
.paidcateg {
	margin-top:170px;
}
#story p {
	padding:0 20px 10px 0;
}
#story h2 {
	font-size:14px;
}