body { margin: 0; padding: 0; background: #2c4762; color: #555; }
body, td, div { font-family: verdana; font-size: 12px; }
body.blank { background: transparent; }
#main {
	margin: 5px auto 0; width: 840px; max-width: 840px; color: #aaa;
}
.content {
	background: #fff; color: #555; margin-top: 15px; padding: 0 20px 20px 20px;
	border: #2c4762 0px solid; border-top:0px; border-radius: 20px / 15px;
}
a:link, a:visited { color: #336699; }
a:hover { color: #0066ff; }
.topArea a:link, .topArea a:visited { color: #ddd; }
.topArea a:hover { color: #fff; }
.disabled a:link, .disabled a:visited, a.disabled:link, a.disabled:visited { color: #888; }
.disabled a:hover, a.disabled :hover { color: #0066ff; }
a.headlink:link, a.headlink:visited { color: #FFF; text-decoration: none; }
a.headlink:hover { color: #FFF; text-decoration: underline; }
form { margin: 0; padding: 0; }
h1, h2 { margin: 0; margin-bottom: 20px; padding: 0; color: #336699; font-size: 24px; font-weight: bold; }
h2 { font-size: 18px; }
h1 sup { color: #336699; font-size: 10px; font-style: italic; line-height: 10px; }
img { border: 0; }
s { text-decoration: line-through; }
input.text, select.text, textarea.text {
	padding: 5px;
	font-size: 15px;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0 #efefef;
	-moz-box-shadow: 1px 1px 0 #efefef;
	box-shadow: 1px 1px 0 #efefef;
	width: 200px;
}
input.text:focus, select.text:focus, textarea.text:focus {
	-webkit-box-shadow: 0 0 5px #FFE600;
	-moz-box-shadow: 0 0 5px #FFE600;
	box-shadow: 0 0 5px #FFE600;
}
input.shortText, select.shortText, textarea.shortText { width: 100px; }
input.longText, select.longText, textarea.longText { width: 450px; }
textarea.text, textarea.shortText, textarea.longText { height: 150px; }
input.placeholder { color: #bbb; }
.pseudo { cursor:pointer; border-bottom: #336699 1px dashed; color: #336699; }
.comment { color: #888; font-size: 11px; }
.hr { height: 1px; background: #aaa; }
.clear { clear:both; height: 0; }
.header { font-size: 18px; text-align: center; font-weight: 400; color: #DD3300; }
.topArea {}
.logoArea { float: left; height: 30px; }
.loginArea { text-align: right !important; float: right; height: 30px; line-height: 35px; }

img.lang {
	cursor: pointer; width: 16px; height: 11px; vertical-align: middle;
}

.error { color: #ed2424; }
input.error, textarea.error { background: #FF9999; }
.userMenu { margin: 0; padding: 0; display: inline; }
.userMenu li { margin-left: 5px; list-style:none; display: inline; }
.hidden{ display: none; }
.modal{ width: 600px; height: auto; }

.footer { margin: 30px auto; padding: 5px auto; color: #aaa; }
.footer table { width: 600px; margin: 5px auto; }
.footer table td { margin:0; padding:0; }
.footer a:link, .footer a:visited { color: #aaa; text-decoration: none; }
.footer a:hover { color: #ddd; }

.fullmenu ul { margin: 0; padding: 0; list-style: none; }
.fullmenu li { float: left; color: #336699; width: 194px; }
.fullmenu li li { float: none; margin-bottom: 2px; }
.fullmenu h3 { margin-top: 0; margin-bottom: 5px; font-size: 13px; font-weight: 700; }
.fullmenu li a:link, .fullmenu li a:visited { color: #336699; text-decoration: none; }
.fullmenu li a:hover { color: #0066ff; }

ul.links { margin: 0 0 0 40px; padding-left: 0; list-style: none; }
ul.links li { margin-bottom: 5px; float: left; width: auto; min-width: 33%; text-align: left; line-height: 18px; }
.tON, .tOFF { width: 60px; text-align: center; cursor: pointer; border: #ccc 1px solid; display: block; margin: 0 0 3px 3px; height: 17px; line-height: 17px; }
.tON { color: #888; background: #fefefe; border-style: inset; }
.tOFF { color: #aaa; background: #eee; border-style: outset; }
.ihelper { color: #bbb; font-style: italic;  }
.editTitle { margin-left:5px;background:url(/i/edit.png) no-repeat;cursor:pointer;display:none; }

table.tlist { width: 100%; }
table.tlist tr { min-height: 22px; }
table.tlist tr.head, table.tlist tr.tail { background: #336699; }
table.tlist tr.head a, table.tlist tr.tail a { color: #FFF; }
table.tlist tr.head a:hover, table.tlist tr.tail a:hover { color: #EEE; }
table.tlist tr.head td, table.tlist tr.tail td, table.tlist tr.head th, table.tlist tr.tail th { padding: 5px; color: #FFF; }
table.tlist tr.first { background: #EEEEFF; }
table.tlist tr.second { background: #DDDDFF; }
table.tlist tr.third { background: #FFF0F0; }
table.tlist tr.forth { background: #FFE5E5; }
table.tlist tr.highlight { background: #BBBBFF; }
table.tlist tr.gray td { color: #888; }
table.tlist tr.pointer { cursor: pointer; }
table.tlist tr.hover { background: #c33; }
table.tlist tr.hover td, table.tlist tr.hover a { color: #fff; }
table.tlist tr.hover a { text-decoration:none; }
table.tlist tr.hover a:hover { text-decoration:underline; }
table.tlist tr td { text-align: center; padding: 3px 5px; }
table.tlist img { margin: 3px 0; }
.greenbg { background: #A5FFA5; }
.alertbg { background: #FFF0F0; }
.fillbg { background: #336699; }
.whitebg { background: #fff; }
.white { color: #fff; }
.bold { font-weight: bold; }
.bar, .barInner { width: 100px; height:18px; border:#336699 1px solid; }
.barInner { border: 0px; }

table.blist { width: 100%; }
table.blist tr.head, table.blist tr.tail { background: #336699; }
table.blist tr.head a, table.blist tr.tail a { color: #FFF; }
table.blist tr.head a:hover, table.blist tr.tail a:hover { color: #EEE; }
table.blist tr.head td, table.blist tr.tail td { padding: 5px; color: #FFF; }
table.blist tr.first { background: #E5FFE5; }
table.blist tr.second { background: #CCFFCC; }
table.blist tr.third { background: #FFF0F0; }
table.blist tr.pointer { cursor: pointer; }
table.blist tr.hover { background: #c33; }
table.blist tr.hover td { color: #fff; }
table.blist tr.bold * { font-weight:bold; }
table.blist tr td { padding: 10px 15px; }

ul.slist { list-style: none; clear: both; margin: 15px 0; padding: 0; }
ul.slist li { float: left; margin: 1px; padding: 3px 5px; text-align: center; }
ul.slist li.first { background: #E5FFE5; }
ul.slist li.second { background: #CCFFCC; }

.pages_bar { font-size: 15px; list-style: none; clear: both; margin: 15px 0 0 2px; padding: 0; }
.pages_bar li { float: left; }
.pages_bar a, .pages_bar em { padding: 3px; margin-right: 3px; display: block; background: #fff; border: 1px solid #fff; text-decoration: none; }
.pages_bar a { border: 1px solid #336699; color: #336699; }
.pages_bar em { font-weight: bold; font-style: normal; color: #fff; background: #336699; border: 1px solid #336699; }
.pages_bar span { margin: 0 10px 0 7px; }

ul.tabs {
	text-align: left; margin: 0; font: bold 12px verdana, arial, sans-serif; 
	list-style-type: none; padding: 3px 10px;
}
ul.tabs li {
	display: inline; cursor: pointer; padding: 3px 4px; background: #336699; color: #fff; 
	margin-right: 0; text-decoration: none; border: #336699 1px solid; border-bottom: none;
	border-radius: 5px 5px 0 0;
}
ul.tabs li.tabOn { border-bottom: #fff 1px solid; background: transparent; color: #336699; padding-top: 4px; }
ul.tabs li:hover { background: transparent; color: #336699; }
.tab { padding: 10px 10px 5px 10px; border: #336699 1px solid; border-radius: 8px; min-height: 80px; }

ul.features {
	text-align: left; margin: 0 0 0 -30px; font-size: 12px;
	list-style-type: none; padding: 0;
}
ul.features li {
	padding: 3px 0 3px 30px; margin: 0; text-decoration: none;
}
ul.plus li {
	background:url(/i/plus.png) no-repeat left center;
}
ul.minus  li {
	background:url(/i/minus.png) no-repeat left center;
}

/* submit button */
.submit {
	padding:4px 8px;
	cursor: pointer;

	font:normal 15px "Helvetica Neue", Arial; color: #fff;
	text-shadow: 0 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);

	background: rgb(106,155,203); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(106,155,203,1) 0%, rgba(61,125,188,1) 49%, rgba(47,115,182,1) 50%, rgba(31,105,177,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,155,203,1)), color-stop(49%,rgba(61,125,188,1)), color-stop(50%,rgba(47,115,182,1)), color-stop(100%,rgba(31,105,177,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(106,155,203,1) 0%,rgba(61,125,188,1) 49%,rgba(47,115,182,1) 50%,rgba(31,105,177,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(106,155,203,1) 0%,rgba(61,125,188,1) 49%,rgba(47,115,182,1) 50%,rgba(31,105,177,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(106,155,203,1) 0%,rgba(61,125,188,1) 49%,rgba(47,115,182,1) 50%,rgba(31,105,177,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9bcb', endColorstr='#1f69b1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(106,155,203,1) 0%,rgba(61,125,188,1) 49%,rgba(47,115,182,1) 50%,rgba(31,105,177,1) 100%); /* W3C */

	border:2px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.submit:hover {
	opacity: 0.9;
	filter:alpha(opacity=90);
}
/* end of submit button */

/* premium */
#pay input[type=image] { margin: 1px 0; cursor: pointer; }
#pay table.types td {
	cursor: pointer;
	padding: 20px 0 5px;
	border:#336699 2px solid;
	border-radius: 15px;
}
#pay table.types td.radio-on {
	border-color:#336699;
	color:#333;
	background-color:#EEE8AA;
}
#promoDesc {
	width: 93%; float: right;
}
#promoDesc div {
	float: left; width: 50%; margin: 5px 0;
	font-size: 14px; text-align: left;
}
/* premium */

/* Pages bar decoration */
.page_bar {
	margin: 20px 0;
}
.page_bar span.active, .page_bar span a {
	background-color: #EEF;
	margin-right: 5px;
	padding: 5px;
}
.page_bar span.active {
	font-weight: bold;
}

.uploadifyQueueItem table { margin-top: 10px; }
.uploadifyQueueItem textarea { width: 345px; height: 30px; }
.uploadifyQueueItem input { width: 345px; }
.uploadifyQueueItem a { font-weight: bold; }

.left { text-align: left !important; }
.fleft { float: left; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.fright { float: right; }

table.edit_form td { height: 35px; }

table.tablelist { width: 100%; border-spacing: 5px 2px; }
table.tablelist tr.head, table.tablelist tr.tail { background: #f90; color: #fff; }
table.tablelist tr td { padding: 5px; }
table.tablelist tr.first { background: #ffc; color: #777; }
table.tablelist tr.second { background: #ffb; color: #777; }
table.tablelist tr.third { background: #f8f8f8; color: #ddd; }

.sub { margin: 15px 0; }
.sub a { padding: 3px 7px 3px 0px; }
.sub a.subAct { font-weight: bold; }

#filter_form { margin: 15px 0; }