html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	line-height: 18px;
	color: #ddd;
	background: url(../img/bg.jpg) fixed;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,
	StartColorStr='#00FFFFFF',
	EndColorStr='#00FFFFFF');
}

html, body, select, input, textarea, div, ul, li, table, td {
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 12px;
}
a { color: #87C5FF; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

p {
	margin: 0px;
	padding: 5px 0px;
}

p.divider {
	margin: 0px 0px 13px 0px;
	padding: 0px;
	height: 14px;
	line-height: 14px;
	border: none;
	border-bottom: 1px solid #3a3a3a;
}

h1 {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	font-size: 26px;
	font-weight: normal;
	color: #FCB631;
}


#content {
	margin: 0px;
	padding: 48px 310px 0px 20px;
}

#content .contentboth {
	float: left;
	width: 100%;
	border: none;
}
#content .contentboth .inner {
}

#content .contentleft {
	float: left;
	width: 49%;
	border: none;
	border-right: 1px solid #555;
}
#content .contentleft .inner {
	padding: 0px 20px 0px 0px;
}

#content .contentright {
	float: right;
	width: 49%;
}
#content .contentright .inner {
	padding: 0px 0px 20px 0px;
}

#content .contentboth strong,
#content .contentleft strong,
#content .contentright strong {
	color: #8FD549;
}

#content .contentboth ul li,
#content .contentleft ul li,
#content .contentright ul li {
	color: #fcb631;
}

#content .contentboth ul li span,
#content .contentleft ul li span,
#content .contentright ul li span,
#content .contentboth ul li span strong,
#content .contentleft ul li span strong,
#content .contentright ul li span strong  {
	color: #ddd;
}

#header {
	height: 80px;
	background: url(../img/header.gif);
	position: relative;
}

#logo{
	height: 80px;
	background: url(../img/header.gif);
	position: absolute;
	left: 0px;
	top:0px;
}

#subheader {
	height: 38px;
	font-size: 11px;
	color: #bbbbbb;
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 98;
	width: 100%;
}

#subheader a {
	color: #fdb82d;
}

strong.gold { color: #decf8a; }
strong.silver { color: #a9b5ba; }
strong.bronze { color: #a79e7b; }

#content strong { color: #8FD549; }
#content strong.gold { color: #decf8a; }
#content strong.silver { color: #a9b5ba; }
#content strong.bronze { color: #a79e7b; }


#subheader div.left {
	padding: 12px 0px 0px 30px;
	float: left;
}

#footer {
	display: block;
	clear: both;
	width: 100%;
	height: 50px;
}

ul#portfolio {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	clear: both;
}

ul#portfolio li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 220px;
	height: 260px;
	background: url(../img/listing_bg.png);
}

ul#portfolio li.opacity div {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

ul#portfolio li.opacity div strong.opacity {
	color: #999;
}

.level {
	height: 25px;
	position: relative;
}
.level img {
	position: absolute;
	right: 1px;
	top: 12px;
}

.owner {
	color: #999;
}

.owner, .evaluations, .public {
	font-size: 11px;
	line-height: 16px;
}

.level, .thumb, .title, .owner, .evaluations, .public { margin: 0px 10px; }

li div.thumb {
	width: 200px;
	height: 150px;
	background: url(../img/thumb_pending.gif);
	margin-bottom: 4px;
}


.title a,
.title a:hover,
strong.green {
	color: #8fd549 !important;
	background: none !important;
	border: none !important;
}

#column  {
	position: absolute;
	width: 310px;
	right: 0px;
	top: 100px;
}
#column .boxtop {
	background: url(../img/boxtop.png) no-repeat;
	height: 45px;
}
#column .boxmiddle {
	background: url(../img/boxmiddle.png) repeat-y;
	padding: 0px 0px 0px 40px;
}
#column .boxbottom {
	background: url(../img/boxbottom.png) no-repeat;
	height: 100px;
}

div.login {
	position: absolute;
	right: 25px;
	top: -15px;
	color: #BFCBDF;
	z-index: 99;
}

div.login a {
	color: #fff;
}

div.account {
	position: absolute;
	right: 25px;
	top: 20px;
	color: #BFCBDF;
	z-index: 99;
}

div.account strong {
	color: #FCB631;
}

ul#menu {
	position: absolute;
	left: 445px;
	top: 45px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 97;
}

ul#menu li {
	float: left;
	display: block;
	background: url(../img/menu_middle.png);
	margin: 0px 1px 0px 0px;
	padding: 0px 20px;
	height: 70px;
	position: relative;
}

ul#menu li div.left {
	width: 20px;
	height: 70px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../img/menu_left.png);
}

ul#menu li div.middle {
	margin-top: 8px;
}

ul#menu li div.right {
	width: 20px;
	height: 70px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(../img/menu_right.png);
}

ul#menu li a { color: #ddd; }
ul#menu li a.members { color: #8fd549; }

ul#menu li.selected { background: url(../img/menu_middle_selected.png); }
ul#menu li.selected div.left { background: url(../img/menu_left_selected.png); }
ul#menu li.selected div.right { background: url(../img/menu_right_selected.png); }
ul#menu li.selected a { font-weight: bold; color: #fdb82d; }
ul#menu li.selected a.members { font-weight: bold; color: #8fd549; }

div#pages {
	position: absolute;
	right: 20px;
	top: 8px;
	font-size: 11px;
	color: #666;
}

div#pages a {
	color: #999;
}

body#pg_about div#pages span.pageabout a,
body#pg_requirements div#pages span.pagerequirements a,
body#pg_criteria div#pages span.pagecriteria a,
body#pg_affiliations div#pages span.pageaffiliations a,
body#pg_terms div#pages span.pageterms a {
	font-weight: bold;
	color: #fdb82d;
}

div#pagination {
	display: block;
	width: 100%;
	height: 30px;
	padding: 10px 0px 0px 10px;
	clear: both;
	font-size: 11px;
	color: #bbbbbb;
}

div#pagination a {
	font-size: 11px;
	color: #fdb82d;
}

.comment {
	background: #1e1e1e;
	padding: 5px 5px 4px 5px;
	border: 1px solid #323232;
	font-size: 11px;
	margin: 0px 5px 0px 5px;
	color: #999;
}

.comment2 {
	padding: 7px 5px 3px 5px;
	color: #8fd549;
	font-size: 11px;
}

.comment textarea {
	background: #a5acb2;
	margin: 0px;
	font-size: 11px;
	color: #000;
	width: 210px;
	height: 56px;
	border: 1px solid #a5acb2;
	padding: 2px;
}

.result {
	background: #1e1e1e;
	border: 1px solid #323232;
	margin: -1px 5px 0px 5px;
	position: relative;
	height: 27px;
	font-weight: bold;
	color: #87c5ff;
}

.result select {
	background: #a5acb2;
	margin: 0px;
	font-size: 11px;
	color: #000;
	width: 138px;
	border: 1px solid #a5acb2;
}

.result .left {
	position: absolute;
	left: 5px;
	top: 3px;
}

.result .right {
	position: absolute;
	right: 5px;
	top: 4px;
}

.verify {
	background: #1e1e1e;
	border: 1px solid #323232;
	margin: 5px 5px 10px 5px;
	position: relative;
	height: 27px;
	font-size: 11px;
	width: 114px;
}

.verify .left {
	position: absolute;
	left: 5px;
	top: 4px;
}

.verify .right {
	position: absolute;
	right: 5px;
	top: 4px;
}

.verify .security  {
	position: absolute;
	right: -113px;
	top: -1px;
}

.verify input  {
	background: #a5acb2;
	margin: 0px;
	font-size: 12px;
	color: #000;
	width: 43px;
	border: 1px solid #a5acb2;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.verify2 {
	padding: 0px 5px 0px 5px;
	position: relative;
	height: 40px;
}

.verify2 span {
	margin: 0px;
	padding: 1px;
	background: #76B040;
	float: left;
}

.verify2 strong {
	color: #87c5ff;
}

.verify2 input.submit {
	border: none !important;
	background: url(../img/btn_submit.gif) repeat-x !important;
	padding: 4px 8px;
	cursor: pointer;
	overflow: visible;
	font-weight: bold;
	color: #fff;
}
*:first-child+html .verify2 input.submit { padding: 5px 12px; }


.verify2 input.inputscore {
	border: 0px !important;
	color: #87c5ff;
	line-height: 17px;
	width: 15px;
	font-weight: bold;
	height: 18px;
	margin: 0px;
	padding: 0px;
	background: #111 !important;
	text-align: right;
}

.verify2 .left {
	position: absolute;
	left: 5px;
	top: 3px;
}

.verify2 .right {
	position: absolute;
	right: 40px;
	top: 7px;
}

.evalyes {
	background: #224c17;
	border: 1px solid #3c722d;
	margin: 0px 5px 6px 5px;
	position: relative;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	line-height: 14px;
}

.evalno {
	background: #4c1d17;
	border: 1px solid #72342d;
	margin: 0px 5px 6px 5px;
	position: relative;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	line-height: 14px;
}

div.showtab {
	display: block;
}

div.hidetab {
	display: none;
}

ul#col_content {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 250px;
	height: 360px;
}

ul#col_content li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	clear: both;
	font-size: 11px;
}

ul#col_content li.col_square {
	width: 250px;
	height: 230px;
	background: url(../img/bluesquare2.png);
	font-size: 12px;
}

ul#col_content li.col_square div.col_thumb {
	position: absolute;
	left: 25px;
	top: 25px;
}

ul#col_content li.col_square div.col_site {
	font-weight: bold;
	position: absolute;
	left: 25px;
	top: 180px;
}
ul#col_content li.col_square div.col_site a {
	color: #fff;
}

ul.col_gold { background: url(../img/col_gold.gif); }
ul.col_silver { background: url(../img/col_silver.gif); }
ul.col_bronze { background: url(../img/col_bronze.gif); }
ul.col_grey { background: url(../img/col_grey.gif); }

ul#col_content li.col_name {
	padding-left: 104px;
	color: #8cd048;
}

ul#col_content li.col_date {
	padding: 0px 0px 13px 104px;
}
ul#col_content li.col_date span { color: #fdb82d; }

ul#col_content li.col_official {
	padding-left: 104px;
}

ul#col_content li.col_public {
	padding: 0px 0px 12px 104px;
}

ul#col_content li.col_official strong,
ul#col_content li.col_public strong {
	color: #8cd048;
}
ul#col_content li.col_visit {
	padding-left: 104px;
	font-weight: bold;
}

#tab1, #tab2, #tab3 {
	margin: 0px 25px 0px 5px;
	position: relative;
	padding: 23px 0px 0px 0px;
}

#tab1 .inner,
#tab2 .inner,
#tab3 .inner {
	background: #111;
	border: 1px solid #414141;
	padding: 10px 0px 7px 0px;
}

#tab1 ul,
#tab2 ul,
#tab3 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 250px;
	height: 23px;
	position: absolute;
	top: 0px;
	font-size: 11px;
}

#tab1 ul li.showtab,
#tab2 ul li.showtab,
#tab3 ul li.showtab  {
	background: #111;
	border-top: 1px solid #414141;
	border-right: 1px solid #414141;
	border-bottom: none;
	border-left: 1px solid #414141;
	padding: 2px 9px 3px 9px;
	margin: 0px 1px 0px 0px;
	float: left;
	font-weight: bold;
	color: #fdb82d;
}

#tab1 ul li.hidetab,
#tab2 ul li.hidetab,
#tab3 ul li.hidetab {
	background: #414141;
	padding: 3px 10px 1px 10px;
	margin: 0px 1px 0px 0px;
	float: left;
}

#tab1 ul li.hidetab a,
#tab2 ul li.hidetab a,
#tab3 ul li.hidetab a {
	color: #fff;
}

ul#col_content2 {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 250px;
	height: 670px;
}

ul#col_content2 li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	clear: both;
	font-size: 11px;
}

ul#col_content2 li.col_square2 {
	width: 250px;
	height: 230px;
	background: url(../img/bluesquare1.png);
	position: relative;
}

ul#col_content2 li.col_square2 strong {
	position: absolute;
	left: 54px;
	top: 67px;
	font-size: 12px;
	color: #fff;
}

ul#col_content2 li.col_square2 span {
	position: absolute;
	left: 54px;
	top: 85px;
	color: #d5dfef;
	line-height: 12px;
	width: 175px;
}

ul#col_content2 li.col_square2 form {
	position: absolute;
	left: 20px;
	top: 133px;
	width: 175px;
	margin: 0px;
	padding: 0px;
}

ul#col_content2 li.col_square2 input.input {
	background: url(../img/input.gif) !important;
	margin: 0px;
	padding: 4px 2px;
	font-size: 12px;
	color: #000;
	width: 204px;
	border: 1px solid #1b3770 !important;
	position: absolute;
	left: 0px;
	top: 0px;
}

ul#col_content2 li.col_square2 input.submit {
	position: absolute;
	left: 0px;
	top: 37px;
	background: url(../img/btn_signmeup.gif) !important;
	width: 94px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border: none !important;
	cursor: pointer;
}

li.col_agree {
	background: url(../img/agree.gif);
	width: 240px;
	height: 23px;
	line-height: 23px;
	text-indent: 25px;
	left: 5px;
}

li.col_newsletter {
	background: url(../img/ttl_joinournewsletter.png) no-repeat;
	width: 240px;
	padding: 0px;
	line-height: 14px;
	left: 5px;
	color: #999;
}

li.col_newsletter div {
	padding: 5px 0px 0px 0px;
}

form.ayzinelink {
	margin: 0px;
	padding: 60px 0px 0px 0px;
}

form.ayzinelink input {
	margin: 0px;
	padding: 0px;
	border: none !important;
	background: url(../img/ayzine.gif) !important;
	cursor: pointer;
	width: 240px;
	height: 66px;
}

li.col_sponsor {
	background: url(../img/ttl_officialpagesponsor.png) no-repeat;
	width: 240px;
	padding: 0px;
	line-height: 14px;
	left: 5px;
	color: #999;
}

li.col_sponsor div {
	padding: 5px 0px 0px 0px;
}

li.col_acn {
	background: url(../img/ttl_acn.png) no-repeat;
	width: 240px;
	padding: 0px;
	left: 5px;
	color: #999;
}

li.col_acn div.acnfeed {
	padding: 60px 0px 0px 0px;
}


#google_outer {
	padding: 10px 2px 14px 2px;
	margin-top: 60px;
	border: 1px solid #414141;
	background: #111 url(../img/sponsor.gif) no-repeat;
}

#google_inner {
	height: 40px;
	width: 234px;
	overflow: hidden;
}

div.col_addsite {
	width: 235px;
	padding: 15px 0px 0px 5px;
}

li.col_aylis, div.col_aylis {
	background: url(../img/ttl_aylis.png) no-repeat;
	width: 240px;
	height: 72px;
	left: 5px;
	font-size: 11px;
	position: relative;
}

.col_aylis a {
	position: absolute;
	top: 39px;
	padding: 7px 0px;
	display: block;
	width: 240px;
	color: #777;
	text-decoration: none;
}

.col_aylis a:hover {
	color: #999;
	text-decoration: none;
}



ul#members_menu {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style: none;
	display: block;
	height: 33px;
	background: url(../img/menu_ul.gif) repeat-x; 
}

ul#members_menu li {
	margin: 5px 0px 0px 0px;
	padding: 1px 1px 0px 1px;
	display: block;
	float: left;
	background: url(../img/menu_li1.gif) repeat-x; 
}

ul#members_menu li a {
	display: block;
	padding: 4px 14px 6px 14px;
	text-decoration: none;
	color: #fff;
	background: url(../img/menu_a1.gif) repeat-x; 
	border: 1px solid #7FA0D4;
	border-bottom: none;
	line-height: 13px;
	font-size: 12px;
}

ul#members_menu li div {
	line-height: 13px;
	font-size: 12px;
	padding: 4px 14px 6px 14px;
	color: #fff;
}

ul#members_menu li a:hover {
	text-decoration: underline;
}

#pg_members ul#members_menu li#linkratings, 
#pg_members_account ul#members_menu li#linkaccount,
#pg_members_join ul#members_menu li#linkjoin,
#pg_members_login ul#members_menu li#linklogin,
#pg_members_forgot ul#members_menu li#linklogin,
#pg_members_contact ul#members_menu li#linkcontact,
#pg_members_community ul#members_menu li#linkcommunity,
#pg_members_feedback ul#members_menu li#linkfeedback,
#pg_members_statistics ul#members_menu li#linkstatistics,
#pg_members_evaluate ul#members_menu li#linkevaluate,
ul#members_menu li#linkwelcome {
	background: url(../img/menu_li2.gif) repeat-x; 
}

#pg_members ul#members_menu li#linkratings a, 
#pg_members_account ul#members_menu li#linkaccount a,
#pg_members_join ul#members_menu li#linkjoin a,
#pg_members_login ul#members_menu li#linklogin a,
#pg_members_forgot ul#members_menu li#linklogin a,
#pg_members_contact ul#members_menu li#linkcontact a,
#pg_members_community ul#members_menu li#linkcommunity a,
#pg_members_feedback ul#members_menu li#linkfeedback a,
#pg_members_statistics ul#members_menu li#linkstatistics a,
#pg_members_evaluate ul#members_menu li#linkevaluate a,
ul#members_menu li#linkwelcome div {
	background: url(../img/menu_a2.gif) repeat-x; 
	font-weight: bold;
	border: 1px solid #e4ebf7;
	border-bottom: none;
}

table {
	margin: 0px;
	padding: 0px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #48494B;
}

table th {
	margin: 0px;
	padding: 5px 7px 5px 7px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #48494B;
	background: url(../img/bg_th.png);
	font-weight: bold;
	text-align: left;
}

table td {
	margin: 0px;
	padding: 5px 7px 5px 7px;
	border-style: solid;
	border-color: #48494B;
	background: url(../img/bg_td.png);
}

table th.thleft {
	border-width: 0px 1px 1px 1px;
}

table th.thright {
	border-width: 0px 1px 1px 0px;
}

table td.tdleft {
	border-width: 0px 1px 1px 1px;
}

table td.tdright {
	border-width: 0px 1px 1px 0px;
}


table td.base {
	margin: 0px;
	padding: 0px;
	border-width: 0px 1px 1px 1px !important;
	border-style: solid !important;
	border-color: #48494B !important;
	background: url(../img/bg_th.png);
	height: 9px;
	line-height: 8px;
}

table tr.deleted td {
	background: none;
	color: #bbb;
}

table td.clear {
	padding: 0px;
	border: none;
	border-width: 0px;
	border-style: none;
	background: none;
}

table td.clear div {
	background: none;
	padding: 13px 8px 13px 7px;
	height: 32px;
}

table td.clear div p {
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	height: 32px;
	line-height: 32px;
}


table td.clear div span {
	float: right;
	margin: 0px;
	padding: 1px;
	background: #76B040;
}


.red, input.red {
	background: #ffdfdf !important;
	border: 1px solid #ff8989 !important;
	color: #660000;
}
.red a {
	color: #660000;
	text-decoration: underline;
}
.red a:hover {
	color: #660000;
	text-decoration: none;
}

.green, input.green {
	background: #e9f9d7 !important;
	border: 1px solid #aada80 !important;
	color: #006600;
}
.green a {
	color: #006600;
	text-decoration: underline;
}
.green a:hover {
	color: #006600;
	text-decoration: none;
}

.yellow, input.yellow {
	background: #fef9c2 !important;
	border: 1px solid #fcd021 !important;
	color: #663300;
}
.yellow a {
	color: #663300;
	text-decoration: underline;
}
.yellow a:hover {
	color: #663300;
	text-decoration: none;
}


p.red, p.green, p.yellow {
	padding: 4px 9px 5px 24px;
	margin: 0px;
	float: left;
	clear: both;
}
p.red { background: #ffdfdf url(../img/red_warning.png) 7px 7px no-repeat !important; }
p.green { background: #e9f9d7 url(../img/green_success.png) 7px 7px no-repeat !important; }
p.yellow { background: #fef9c2 url(../img/orange_info.png) 7px 7px no-repeat !important; }

div.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 10px;
	line-height: 8px;
}

form {
	margin: 0px;
	padding: 0px;
}

table input {
	border: 1px solid #fff !important;
	background: #ccc !important;
	padding: 3px 1px;
	color: #000 !important;
}

table select {
	padding: 2px 2px 2px 0px;
	background: #ccc !important;
	color: #000 !important;
	border: 1px solid #fff !important;
}

table textarea {
	border: 1px solid #fff !important;
	background: #ccc !important;
	color: #000 !important;
	padding: 1px;
}

table input.submit {
	border: none !important;
	background: url(../img/btn_submit.gif) repeat-x !important;
	padding: 6px 9px;
	cursor: pointer;
	overflow: visible;
}
*:first-child+html table input.submit { padding: 5px 12px; }


textarea.snippet {
	font-family: "Courier New", Courier, monospace;
	padding: 10px;
	border: 1px solid #fff;
	background: #ccc;
	color: #000;
	margin: 0px;
}



table tr.active input.submit, table tr.deleted input.submit {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
table tr.active input.submit {
	background: url(../img/delete.png) no-repeat !important;
}
table tr.deleted input.submit {
	background: url(../img/delete2.png) no-repeat !important;
}

textarea.message {
	width: 100%;
	height: 17px;
	overflow: hidden;	
	border: none !important;
	background: none !important;
	color: #ddd !important;
	padding: 0px;
}

span.reply {
	color: #999;
}



#pscroller2 {
	padding: 0px;
	margin: 0px;
	width: 240px; 
	height: 100px; 
	text-align: left;
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #A4A5A5;
}

.rssclass .rsstitle {
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal; 
	color: #fff;
	line-height: 16px;
}

.rssclass .rssdate {
	display: none;
}

.rssclass a {
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #6893BC;
	text-decoration: none;
}

.rssclass a:hover {        
    text-decoration: underline; 
}

#pscroller2 .innerDiv {
	padding-bottom: 10px;
}

.rssdescription {
	line-height: 14px;
}



input.submit2 {
	border: 1px solid #76b040 !important;
	background: url(../img/btn_submit.gif) repeat-x !important;
	padding: 6px 8px;
	cursor: pointer;
	font-weight: normal;
	color: #000;
	display: block;
	clear: both;
	margin: 0px 0px 10px 0px;
}










