/* css document */
/********** global elements **********/
html, body {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
}

p {
	margin-top: 4px;
	margin-bottom: 3px;
	padding-top: 4px;
	padding-bottom: 3px;
}

img { 
	border: none;
}

hr {
	border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	height: 2px;
	margin: 8px auto 8px auto;
	text-align: center;	
}
/********** end global elements **********/

/********** fonts **********/
h1, h2, h3, h4, h5, h6 {
	margin-top: 0ex;
	margin-bottom: 0ex;
	padding-top: 0ex;
	padding-bottom: 0ex;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}

h2 {
	font-size: 18px;
	font-weight: normal;
}

h3 {
	font-size: 14px;
	font-weight: bold;
}

h4 {
	font-size: 14px;
	font-weight: normal;		
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

h6 {
	font-size: 12px;
	font-weight: normal;
}

.orange {
    /*liangshing*/
    color : #c11919;
    /*color : #fc652a2;*/
	/*color: #0000ff;*/
}

.orange_bold {
	color: #c11919;
	font-weight: bold;	
}

.black {
	color: #000000;
}

.black_bold {
	color: #000000;
	font-weight: bold;
}

.white {
	color: #ffffff;
}

.white_bold {
	color: #ffffff;
	font-weight: bold;
}

.grey {
	color: #999999;	
}

.grey_bold {
	color: #999999;
	font-weight: bold;
}

.font_normal {
	font-size: 12px;
}

.font_small {
	font-size: 11px;
}

.font_smallest {
	font-size: 9px;
}

/*
.ultramarine {
	color: #000099;
}

.small_text {
	font-size: 11px;
	color: #5f5f5f;
}

.small_light_text {
	font-size: 11px;
	color: #a1b1c1;
}

.small_normal_text {
    font-size: 11px;
    color:black;
}

.big_light_text {
    font-size: 12px;
    color: #a1b1c1;
}

.big_normal_text {
    font-size: 12px;
    color: black;
}
*/
.admin{
	font-size: 12px;	
}


/********** end fonts **********/

.content_box p:first-child {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* tables */


table {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

th {
	font-weight: bold;
	color: #ffffff;
	background-color: #c11919;
	padding: 5px;
}

th, td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

tr.new_msg, td.new_msg {
    background-color: #ffeee2;
}

table.dotted_table {
	border: none;
}

table.dotted_table img {
	padding: 2px 8px 2px 0px;
}

table.dotted_table tr td  {
	vertical-align: top;
	border-right: none;
	border-bottom: none;
	padding: 2px 0px 2px 0px; 
}

table.members_table, table.members_table tr td {
	border: none;
	vertical-align: top;
}

table.search_table, table.search_table * {
	border: none;
	vertical-align: top;
}

table.article_list_table, table.article_list_table tr td {
	border: none;
}

table.article_list_table tr td {
	vertical-align: top;
	border-bottom: 1px solid #ccd5dc;
}

table.small_table {
	border: none;
}

table.small_table tr td, table.small_table tr td a {
	border: none;
	vertical-align: top;
	font-size: 11px;
}

table.borderless {
	border: none;
}

table.borderless tr td, table.borderless tr td a {
	border: none;
	vertical-align: top;
}

table.thumbnails {
	border: none;
}

table.thumbnails tr td {
	vertical-align: top;
	padding: 5px;
	border: none;
}

table.thumbnails img {
	border: 1px solid #c6c9ce;
}
/* end tables */

/* end global elements */

/* text hyperlinks */
.black_underline {
	color: #000000;
	text-decoration: underline;
}

a:link, a:visited {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a:hover {
	font-size: 12px;
	color: #c11919;
	/*
	text-decoration: underline;
	*/
}

a.action:link, a.action:visited {
	font-size: 12px;
/*
	font-weight: bold;
	*/
	color: #c11919;
	text-decoration: none;
}

a.action:hover {
	font-size: 12px;
	font-weight: bold;
	color: #c11919;
	text-decoration: underline;
}

a.more:link, a.more:visited {
	font-size: 11px;
	color: #c11919;
	text-decoration: none;
}

a.more:hover {
	font-size: 11px;
	color: #c11919;
	text-decoration: underline;
}

a.more_media:hover {
	font-size: 11px;
	color: #c11919;
	text-decoration: underline;
}

a.more_media:link, a.more_media:visited{
    font-size: 11px;
    color: #c11919;
    text-decoration: underline;
}

a.name:link, a.name:visited{
    font-size: 11px;
    color: #c11919;
    text-decoration: none;
}

a.name:hover{
    font-size: 11px;
    color: #c11919;
    text-decoration: underline;
}

a.tiny_mce:link, a.tiny_mce:visited {
	font-size: 12px;
	color: #c11919;
	text-decoration: none;
}

a.tiny_mce:hover {
	font-size: 12px;
	color: #c11919;
	text-decoration: underline;
}

a.tiny_mce_small:link, a.tiny_mce_small:visited {
	font-size: 11px;
	color: #c11919;
	text-decoration: none;
}

a.tiny_mce_small:hover {
	font-size: 11px;
	color: #c11919;
	text-decoration: underline;
}

a.spaced:link, a.spaced:visited {
	font-size: 11px;
	color: #c11919;
	text-decoration: none;
	margin-right: 2px;
}

a.spaced:hover {
	font-size: 11px;
	color: #c11919;
	text-decoration: underline;
	margin-right: 2px;
}

a.small_light:link, a.small_light:visited {
	font-size: 11px;
	font-weight: bold;
	color: #6c819c;
	text-decoration: none;
}

a.small_light:hover {
	font-size: 11px;
	font-weight: bold;
	color: #6c819c;
	text-decoration: underline;
}

a.blue:link, a.blue:visited {
	color: #000099;
	text-decoration: none;
}

a.blue:hover {
	color: #000099;
	text-decoration: underline;
}

a.black:link, a.black:visited {
	font-size: 11px;
	color: #000000;
}

a.black:hover {
	font-size: 11px;
	color: #c11919;
}

#header_top a:link, #header_top a:visited {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#header_top a:hover {
	font-size: 11px;
	color: #8c94a0;
	font-weight: bold;
	text-decoration: none;
}

#footer a:link, #footer a:visited {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}

ul.navlist {
	list-style-image: url(../im/ico_doublearrow.gif);
	padding: 0px 10px 0px 10px;
	margin: 0px 10px 0px 10px;
}

ul.navlist li {
	font-size: 12px;
	font-weight: normal;
	color: #c11919;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

ul.navlist li a:link, ul.navlist li a:visited {
	font-size: 12px;
	font-weight: normal;
	color: #c11919;
	text-decoration: none;
}

ul.navlist li a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #c11919;
	text-decoration: underline;
}

ul.double_arrow ul {
	list-style-image: url(../im/ico_doublearrow.gif);
	padding: 0px;
	margin: 0px;
}

ul.double_arrow li {
	font-size: 11px;
	font-weight: normal;
	color: #c11919;
	list-style-image: url(../im/ico_doublearrow.gif);
}

ul.double_arrow li a:link, ul.double_arrow li a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #c11919;
	text-decoration: none;
}

ul.double_arrow li a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #c11919;
	text-decoration: underline;
}

ol {
    font-size: 11px;
	padding: 0px 10px 0px 10px;
	margin: 0px 10px 0px 10px;
}

/* end text hyperlinks */

#holder {
	width: 1010px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	*margin-bottom: -20px;
}

#container {
	width: 990px;
	float: left;
}

.popup_container {
	width: 430px;
	padding: 10px;
}

#shadow_right {
	width: 10px;
	height: 10px;
	background-image: url('../im/shadow.gif');
	background-repeat: repeat-y;
	float: left;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}

#shadow_left {
	width: 10px;
	height: 1px;
	background-image: url('../im/shadow_left.gif');
	background-repeat: repeat-y;
	float: left;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}

#header_top {
	width: 980px;
	height: 20px;
	padding: 5px;
	background-image: url('../im/header_top.gif');
	background-repeat: repeat-x;
	text-align: right;
	color: #000000;
}

#header_top img {
	vertical-align: text-bottom;
}

#header {
	width: 990px;
	height: 113px;
	background-color: #ffffff;
}



#logo {
	width: 215px;
	height: 83px;
	position: absolute;
	float:left;
	/*margin: 24px auto auto 20px;*/
	margin: 15px auto auto 20px;
	/*background-image: url('../im/logo.jpg');*/
	/*background-image: url('../im/new_logo.jpg');*/
	background-image: url('../im/beta_logo.jpg');
	background-repeat: no-repeat;
}

/* navigation bar */
#navbar {
	width: 990px;
	height: 28px;
	background-image: url('../im/navbar_bg.gif');
	background-repeat: repeat-x;
	margin-bottom: 11px;
	*margin-bottom: -11px;
}

a.home:link, a.home:visited {
	float: left;
	width: 56px;
	height: 28px;
	background-image: url('../im/btnHome0.jpg');
}

a.home:hover {
	float: left;
	width: 56px;
	height: 28px;
	background-image: url('../im/btnHome1.jpg');
}

a.members:link, a.members:visited {
	float: left;
	width: 82px;
	height: 28px;
	background-image: url('../im/btnMembers0.jpg');
}

a.members:hover {
	float: left;
	width: 82px;
	height: 28px;
	background-image: url('../im/btnMembers1.jpg');
}

a.ranking:link, a.ranking:visited {
	float: left;
	width: 75px;
	height: 28px;
	background-image: url('../im/btnRanking0.jpg');
}

a.ranking:hover {
	float: left;
	width: 75px;
	height: 28px;
	background-image: url('../im/btnRanking1.jpg');
}

a.communities:link, a.communities:visited {
	float: left;
	width: 105px;
	height: 28px;
	background-image: url('../im/btnCommunities0.jpg');
}

a.communities:hover {
	float: left;
	width: 105px;
	height: 28px;
	background-image: url('../im/btnCommunities1.jpg');
}

a.blogs:link, a.blogs:visited {
	float: left;
	width: 61px;
	height: 28px;
	background-image: url('../im/btnBlogs0.jpg');
}

a.blogs:hover {
	float: left;
	width: 61px;
	height: 28px;
	background-image: url('../im/btnBlogs1.jpg');
}

a.creative_lounge:link, a.creative_lounge:visited {
	float: left;
	width: 131px;
	height: 28px;
	background-image: url('../im/btnCreativeLounge0.jpg');
}

a.creative_lounge:hover {
	float: left;
	width: 131px;
	height: 28px;
	background-image: url('../im/btnCreativeLounge1.jpg');
}

a.marketplace:link, a.marketplace:visited {
	float: left;
	width: 109px;
	height: 28px;
	background-image: url('../im/btnMarketplace0.jpg');
}

a.marketplace:hover {
	float: left;
	width: 109px;
	height: 28px;
	background-image: url('../im/btnMarketplace1.jpg');
}

a.shop:link, a.shop:visited {
	float: left;
	width: 53px;
	height: 28px;
	background-image: url('../im/btnShop0.jpg');
}

a.shop:hover {
	float: left;
	width: 53px;
	height: 28px;
	background-image: url('../im/btnShop1.jpg');
}

#navbar_search {
	float: right;
	padding: 5px 8px 5px 0px;
}

#navbar_search input {
	font-size: 11px;
	width: 170px;
	height: 12px;
	border: 1px solid #ffffff;
}

#navbar_search #submit_button {
	width: 63px;
	height: 18px;
	background: url('../im/btn_search.gif'); 
	border: 0px; 
	margin: 0px;
}
/* end navigation bar */

/* line separators */
.grey_separator {
	height: 1px;
	/*
	display: block;
	*/
	background-image: url('../im/horizontal_separator.gif');
	background-repeat: repeat-x;
	*margin-bottom: -14px;
}

.generic_separator {
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url('../im/generic_separator.gif');
	background-repeat: repeat-x;
}

.orange_separator {
	height: 1px;
	margin-top: 2px;
	background-image: url('../im/orange_separator.gif');
	background-repeat: repeat-x;
}
/* end line separators */

#sidebar_left {
	width: 157px;
	padding: 0px 5px 5px 5px;
	background-image: url('../im/sidebar_left_bg.gif');
	float: left;	
	margin-bottom: -32767px;
	padding-bottom: 32767px;
	#margin-top: 20px;
	_margin-top: 0px !important;
}

/* left sidebar links */
#left_nav {
	width: 157px;
}

a.left_nav_tab:link, a.left_nav_tab:visited {
	width: 157px;
	display: block;
	color: #000000;
	/*font-weight: bold;*/
	padding-top: 7px;
	padding-bottom: 7px;
	*padding-top:12px;
	_padding-top:7px;
	*padding-bottom:0px;
	_padding-bottom:7px;
	*margin-top: 7px;
	_margin-top: 0px;
	*margin-bottom: 7px;
	_margin-bottom: 0px;
}

a.left_nav_tab:hover, a.left_nav_tab:active {
	width: 157px;
	display: block;
	color: #8c94a0;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	*padding-top:12px;
	_padding-top:7px;
	*padding-bottom:0px;
	_padding-bottom:7px;
	*margin-top: 7px;
	_margin-top: 0px;
	*margin-bottom: 7px;
	_margin-bottom: 0px;
}

.left_search {
	margin-right: 4px;
	margin-bottom: 18px;
}

.left_search input {
	margin-top: 6px;
	font-size: 11px;
	width: 125px;
	border: 1px solid #d8d8d8;
	padding: 2px;
}

.left_search #submit_button {
	margin-top: 6px;
	width: 18px;
	height: 18px;
	background: url('../im/btn_drop_down.gif'); 
	border: 0px; 
	margin: 0px;
}
/* left sidebar links */

#content_area {
	width: 640px;
	*width: 635px;
	float: left;
	*margin-top: 20px;
	_margin-top: 0px !important;
}

#content_left {
	width: 375px;
	*width: 370px;
	padding: 0px 5px 5px 5px;
	float: left;
}

#content_center {
	width: 630px;
	*width: 620px;
	padding: 0px 5px 5px 5px;
	float: left;
	/*
	clear: both;
	*/
	background: #ffffff;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}

#content_right {
	width: 245px;
	*width: 235px;
	padding: 0px 5px 5px 5px;
	float: left;
	background-image: url('../im/vertical_separator.gif');
	background-repeat: repeat-y;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}

#content_left_wide {
	width: 450px;
	*width: 445px;
	padding: 0px 5px 5px 5px;
	float: left;
}

#content_right_narrow {
	width: 170px;
	*width: 165px;
	padding: 0px 5px 5px 5px;
	float: left;
	background-image: url('../im/vertical_separator.gif');
	background-repeat: repeat-y;
	margin-bottom: -32767px;
	padding-bottom: 32767px;

}

#content_left_wide_com {
	width: 420px;
	padding: 0px 5px 5px 5px;
	float: left;
}

#content_right_narrow_com {
	width: 200px;
	*width: 160px;
	padding: 0px 5px 5px 5px;
	float: left;
	background-image: url('../im/vertical_separator.gif');
	background-repeat: repeat-y;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}

#content_left_wide_com_search {
	width: 420px;
	*width: 445px;
	padding: 0px 2px 5px 1px;
	float: left;
}

#content_right_narrow_com_search {
	width: 200px;
	*width: 165px;
	padding: 0px 1px 5px 2px;
	float: left;
	background-image: url('../im/vertical_separator.gif');
	background-repeat: repeat-y;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}

#wide_content_left {
	width: 350px;
	float: left;
}

#narrow_content_right {
	width: 240px;
	/*margin-top: 10px; */
	padding: 0px 5px 5px 10px;
	/*clear: both;*/
	float: left;
	background-image: url('../im/vertical_separator.gif');
	background-repeat: repeat-y;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}

#narrow_content_left {
	width: 150px;
	padding: 10px;
	float: left;
}

#wide_content_right {
	width: 430px;
	padding: 5px 5px 5px 10px;
/*
	background-image: url('../im/vertical_separator.gif');
	background-repeat: repeat-x;
	*/
	float: left;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}

#generic_content {
	width: 290px;
	padding: 5px 10px 5px 5px;
	float: left;
	background: #ffffff;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}

#sidebar_right {
	width: 173px;
	padding: 0px 5px 5px 5px;
	background-image: url('../im/vertical_separator.gif');
	background-repeat: repeat-y;
	background-color: #ffffff;
	float: right;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
	#margin-top: 20px;
	_margin-top: 0px !important;
}

#login_box {
	width: 165px;
	padding: 5px;
	font-size: 11px;
	color: #000000;
	line-height: 2em;
}

#login_box input {
	font-size: 11px;
	border: 1px solid #d8d8d8;
	padding: 2px;
}

#login_box #login_button {
	width: 63px;
	height: 18px;
	margin-top: 5px;
	background-image: url('../im/btn_signin.gif');
	background-repeat: no-repeat;
	border: none;
}

#login_box #links {
	color: #363636;
}

#login_box #links a:link, #login_box #links a:visited {
	color: #363636;
	font-size: 11px;
	text-decoration: underline;
}

#login_box #links a:hover {
	color: #363636;
	font-size: 11px;
	text-decoration: none;
}

#sidebar_right #new_members {
	width: 165px;
	font-size: 11px;
	color: #c11919;
}

#new_tab {
	height: 33px;
	background-image: url('../im/tab_inactive_bg.gif');
	background-repeat: repeat-x;
	/*
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	*/
}

#new_content {
	width: 608px;
	float: left;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;	
	margin-bottom: 30px;
}

#new_content ul {
	list-style-image: url('../im/bullet_square_orange_white.gif');
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

#new_content ul li {
	margin_bottom: 1px;	
}

#sidebar_right #maxovox_specials {
	margin-bottom: 10px;
}

#sidebar_right #maxovox_specials ul {
	list-style-image: url(../im/bullet_square_orange.gif);
	padding: 0px 10px 0px 10px;
	/*
	margin: 0px 10px 0px 10px;
	*/
	margin-left: 0.8em;
}

#sidebar_right #maxovox_specials ul li {
	font-size: 11px;
}

#footer {
	float: left;
	width: 970px;
	height: 10px;
	padding: 10px;
	background-color: #c11919;
	color: #ffffff;
	font-size: 11px;
	*margin-top: 10px; /* ie 7 and lower */
	_margin-top: 20px;
	*margin-bottom: 0px; /* ie 6 and lower */
	_margin-bottom: -10px; /* ie 6 and lower */
}

/* advertisements */
#top_ad {
	/*width: 728px;*/
	width: 364px;
	height: 90px;
	float: right;
	margin: 11px 12px auto auto;
	color: #ffffff;
	/*background-image: url(../im/top_ad.jpg);*/
	background-image: url(../im/top_ad_half.jpg);
	background-repeat: no-repeat;
}

#sign_up_now {
	float: right;
	margin:25px 20px auto auto;
	width:181px; 
	height: 64px;
	background-image: url(../../im/sign_up_now.jpg);
	background-repeat: no-repeat;
}

#left_ad {
	width: 153px;
	height: 600px;
	margin: 10px 2px 10px 1px;
	background-image: url(../im/left_ad.jpg);
	background-repeat: no-repeat;
}

#right_ad {
	width: 160px;
	height: 600px;
	margin: 10px 7px 10px 8px;
	background-image: url(../im/right_ad.jpg);
	background-repeat: no-repeat;
}
/* end advertisements */

/* titlebars */
.titlebar_grey {
	height: 16px;
	background-color: #e8e9eb;
	font-size: 12px;
	color: #000000;
	font-weight: bold;	
	padding: 2px 4px 2px 4px;
	margin-bottom: 5px;
}

.titlebar_grey .view_all {
	width: 100px;
	float: right;
	text-align: right;
	margin-top: 2px;
	font-size: 11px;
	color: #c11919;
	font-weight: normal !important;
}

.titlebar_grey .view_all a:link, .titlebar_grey .view_all a:visited {
	width: 100px;
	margin-top: 2px;
	font-size: 11px;
	color: #c11919;
	font-weight: normal !important;
}

.titlebar_grey .view_all a:hover {
	width: 100px;
	margin-top: 2px;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal !important;
}

.titlebar_grey .view_all_long {
	width: 180px;
	float: right;
	text-align: right;
	margin-top: 2px;
	font-size: 11px;
	color: #c11919;
	font-weight: normal !important;
}

.titlebar_grey .view_all_long a:link, .titlebar_grey .view_all_long a:visited {
	width: 180px;
	margin-top: 2px;
	font-size: 11px;
	color: #c11919;
	font-weight: normal !important;
}

.titlebar_grey .view_all_long a:hover {
	width: 180px;
	margin-top: 2px;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal !important;
}

.titlebar_orange {
	height: 16px;
	/*background-color: #ff6600;*/
	/*background-color : #c11919;*/
	
	/* 
	 * liangshing edit the color without change the class name
	 * class name titlebar_grey is taken..... so... 
	 */
	background-color: #e8e9eb;
	font-size: 12px;
	/*color: #ffffff;*/
	color: #000000;
	font-weight: bold;	
	padding: 1px 5px 1px 4px;	
}

.titlebar_orange .view_all {
	width: 50px;
	float: right;
	text-align: right;
	margin-top: 1px;
	font-size: 11px;
	/*color: #ffffff;*/
	color: #000000;
	font-weight: normal !important;
}

.titlebar_orange .view_all a:link, .titlebar_orange .view_all a:visited {
	width: 50px;
	margin-top: 2px;
	font-size: 11px;
	/*color: #ffffff;*/
	color: #c11919;
	font-weight: normal !important;
}

.titlebar_orange .view_all a:hover {
	width: 50px;
	margin-top: 2px;
	font-size: 11px;
	/*color: #ffffff;*/
	color: #000000;
	text-decoration: underline;
	font-weight: normal !important;
}
/* end titlebars */

.content_box {
	padding: 5px 0px 10px 0px;
}

.content_box ul {
	list-style-image: url('../im/bullet_square_orange_white.gif');
	padding: 0px;
	/*
	margin: 0px 0px 0px 10px;
	*/
	margin: 0px 0px 0px 20px;
}

.content_box ul li {
	margin_bottom: 1px;	
	/*
	margin-left: 0.5em;
	*/
}

.content_box ol {
	padding: 0px;
	margin: 0x;
	font-size: 11px;
	font-weight: normal;
}

.content_box ol li {
	font-size: 11px;
	margin-left: 1em;
	font-weight: normal !important;
}

.content_box ol li a {
	font-size: 11px;
	color: #c11919;
	font-weight: normal !important;
}

.content_box table img {
	padding: 0px 6px 0px 0px;
}

.content_box table {
	border: none;
}

.content_box table tr td {
	vertical-align: top;
	/*
	padding-top: 3px;
	padding-bottom: 3px;
	*/
	padding-top: 1px;
	padding-bottom: 1px;
	border: none;
}

.sidebar_content_box {
	padding: 10px 5px 10px 5px;
	font-size: 11px;
}

.sidebar_content_box a {
	font-size: 11px;
}

.sidebar_content_box ul {
	list-style-image: url('../im/bullet_square_orange_white.gif');
	/*
	padding: 0px 10px 0px 10px;
	margin: 0px 10px 0px 10px;
	*/
	padding: 0px 10px 0px 10px;
	margin-left: 0.8em;	
}

.sidebar_content_box ul li, .sidebar_content_box ul li a {
	font-size: 11px;
}

.sidebar_left_search {
	margin-bottom: 18px;
}

/* form elements */
.textfield {
	font-size: 11px;
	height: 11px;
	border: 0px;
}

input.search_button {
	width: 63px;
	height: 18px;
	border: 0;
	background-image: url('../im/btn_search_white.gif');
	background-repeat: no-repeat;
	background-color: transparent;
}

input.search_button_greybg {
	width: 63px;
	height: 18px;
	border: 0;
	background-image: url('../im/btn_search.gif');
	background-color: transparent;
}

input.viewall_button {
	width: 63px;
	height: 18px;
	border: 0;
	background-image: url('../im/btn_viewall.gif');
	background-repeat: no-repeat;
	background-color: transparent;
}

input.reset_button {
	width: 63px;
	height: 18px;
	border: 0;
	background-color: transparent;
	background-image: url('../im/btn_reset.gif');
	background-repeat: no-repeat;
}

input.submit_button {
	width: 63px;
	height: 18px;
	border: 0;
	background-color: transparent;
	background-image: url('../im/btn_submit.gif');
	background-repeat: no-repeat;
}

input.back_button {
	width: 63px;
	height: 18px;
	border: 0;
	background-image: url('../im/btn_back.gif');
	background-repeat: no-repeat;
	background-color: tranparent;
}

input.cancel_button {
	width: 63px;
	height: 18px;
	border: 0;
	background-color: transparent;
	background-image: url('../im/btn_cancel.gif');
	background-repeat: no-repeat;
}

input.gray_textbox {
	font-size: 11px;
	border: none;
	padding: 2px;
	background-color: #e6e9eb;
}

input.white_textbox {
    font-size: 11px;
    border: none;
    padding: 2px;
    background-color: #ffffff;
}

textarea.gray_textarea {
    font-size: 12px;
    border: none;
    padding: 2px;
    background-color: #e6e9eb;
}

textarea.white_textarea {
    font-size: 12px;
    border: none;
    padding: 2px;
    background-color: #ffffff;
}

select.short_gray_selectbox {
	width: 70px;
	font-size: 11px;
	border: none;
	padding: 2px;
	background-color: #e6e9eb;
	text-transform: none;
}

select.gray_selectbox {
	width: 157px;
	font-size: 11px;
	border: none;
	padding: 2px;
	background-color: #e6e9eb;
	text-transform: none;
}

select.gray_selectbox option {
	border: none;
	background-color: #e6e9eb;
	text-transform: none;
}

select.white_selectbox {
	width: 157px;
	font-size: 11px;
	border: none;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #d8d8d8;
	text-transform: none;
}

select.white_selectbox option {
	border: none;
	background-color: #ffffff;
	text-transform: none;
}
/* end form elements */

/* paging */
.paging {
	padding: 9px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	/*color: #333333;*/
	color: #c11919;
}

.paging a:link, .paging a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #c11919;
	text-decoration: none;
}

.paging a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
/* end paging */

/* tabs & boxes */
.bordered_tab_box_content {
	margin: 0px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #c5c5c5;
	border-top: none;
	margin-bottom: 20px;
}

.bordered_tab_box_content ul {
	list-style-image: url('../im/bullet_square_orange_white.gif');
	padding: 0px;
	margin: 0px 0px 0px 5px;
	*margin: 0px 0px 0px 10px;
}

.bordered_tab_box_content ul li {
	margin_bottom: 1px;	
}

.generic_tab_box {
	border: none;
}

.generic_box_tabs_container {
	padding: 7px 0px 6px 0px;
	*margin-top: 5px;
	border-bottom: 1px solid #c5c5c5;
}

.generic_box_tabs_container ul {
	list-style-image: url('../im/bullet_square_orange_white.gif');
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

.generic_box_tabs_container ul li {
	margin_bottom: 1px;	
	/*
	margin-left: 0.5em;
	*/
}

.generic_box_content {
	margin: 0px;
	padding: 10px;
}

.small_tab_box {
	border: none;
}

.small_box_tabs_container {
	padding: 6px 0px 5px 0px;
	border-bottom: 1px solid #c5c5c5;
}

.small_box_content {
	margin: 0px;
	padding: 10px;
	background: #ffffff;
}

a.tab_small:link, a.tab_small:visited {
	padding: 6px 5px 5px 5px;
	margin-right: -4px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-image: url('../im/tab_genericbg.gif');
	background-repeat: repeat-x;
	border: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
}

a.tab_small:hover, a.tab_small_active {
	padding: 6px 5px 5px 5px;
	margin-right: -4px;
	font-size: 11px;
	font-weight: bold;
	color: #c11919;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #c5c5c5;
	border-bottom: 1px solid #ffffff;
}

.vsmall_box_tabs_container {
	padding: 3px 0px 2px 0px;
	border-bottom: 1px solid #c5c5c5;
}

a.tab_vsmall:link, a.tab_vsmall:visited {
	padding: 3px 2px 2px 2px;
	margin-right: -4px;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-image: url('../im/tab_genericbg.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	border: 1px solid #c5c5c5;
}

a.tab_vsmall:hover, a.tab_vsmall_active {
	padding: 3px 2px 2px 2px;
	margin-right: -4px;
	font-size: 10px;
	font-weight: normal;
	color: #c11919;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #c5c5c5;
	border-bottom: 1px solid #ffffff;
}

.webtrails_box_content {
	width: 588px;
	height: 160px;
	overflow: scroll;
	overflow-x: hidden;
	padding: 10px;
	border: 1px solid #c5c5c5;
	border-top: none;
}

a.tab_generic:link, a.tab_generic:visited {
	padding: 7px 15px 6px 15px;
	margin-right: -4px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-image: url('../im/tab_genericbg.gif');
	background-repeat: repeat-x;
	border: 1px solid #c5c5c5;
}

a.tab_generic:hover, a.tab_generic_active {
	padding: 7px 15px 6px 15px;
	margin-right: -4px;
	font-size: 12px;
	font-weight: bold;
	color: #c11919;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #c5c5c5;
	border-bottom: 1px solid #ffffff;
}

.subject_tab_box {
	position: absolute;
	margin-top: 10px;
}

.subject_box_tabs_container {
	width: 610px;
	height: 33px;
	margin-top: -9px;
	margin-left: 1px;
	position: absolute;
	z-index: 1000;
	background-image: url('../im/tab_inactive_bg.gif');
	background-repeat: repeat-x;
}

.subject_box_content {
	clear: left;
	width: 590px;
	position: absolute;
	margin-top: 0px;
	padding: 30px 10px 10px 10px;
	border: 1px solid #c5c5c5;
	border-top: none;
}

a.tab_art_architecture:link, a.tab_art_architecture:visited {
	width: 126px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_Art_Architecture0.jpg');
	background-repeat: no-repeat;
	float: left;
}

a.tab_art_architecture:hover, a.tab_art_architecture_active {
	width: 126px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_Art_Architecture1.gif');
	background-repeat: no-repeat;
	float: left;
}

a.tab_history_biography:link, a.tab_history_biography:visited {
	width: 131px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_History_Biography0.jpg');
	background-repeat: no-repeat;
	float: left;
}

a.tab_history_biography:hover, a.tab_history_biography_active {
	width: 131px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_History_Biography1.gif');
	background-repeat: no-repeat;
	float: left;
}

a.tab_music_stage:link, a.tab_music_stage:visited {
	width: 94px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_Music_Stage0.jpg');
	background-repeat: no-repeat;
	float: left;
}

a.tab_music_stage:hover, a.tab_music_stage_active {
	width: 94px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_Music_Stage1.gif');
	background-repeat: no-repeat;
	float: left;
}

a.tab_film_literature:link, a.tab_film_literature:visited {
	width: 114px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_Film_Literature0.jpg');
	background-repeat: no-repeat;
	float: left;
}

a.tab_film_literature:hover, a.tab_film_literature_active {
	width: 114px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_Film_Literature1.gif');
	background-repeat: no-repeat;
	float: left;
}

a.tab_peoples_cultures:link, a.tab_peoples_cultures:visited {
	width: 129px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_Peoples_Cultures0.jpg');
	background-repeat: no-repeat;
	float: left;
}

a.tab_peoples_cultures:hover, a.tab_peoples_cultures_active {
	width: 129px;
	height: 33px;
	margin-left: 2px;
	background-image: url('../im/tabs_Peoples_Cultures1.gif');
	background-repeat: no-repeat;
	float: left;
}

.top_ten_views {
	width: 175px;
	padding-top: 5px;
	padding-bottom: 15px;
	background-color: #ffffff;
	background-image: url('../im/tab_article_inactive_bg.gif');
	background-repeat: repeat-x;
}

.top_ten_views_content {
	padding: 5px;
	border-bottom: 1px solid #dedede;
	font-size: 11px;
	clear: left;
}

.top_ten_views_content ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.top_ten_views_content ul .rising{
	list-style-image: url(../im/ico_rise.gif);
}

.top_ten_views_content ul .falling{
	list-style-image: url(../im/ico_fall.gif);
}

.top_ten_views_content ul .same{
	list-style-image: url(../im/ico_remain.gif);
}

.top_ten_views_content ul li {
	margin: 0px 0px 0px -25px;
}

.top_ten_views_content ul li a:link, .top_ten_views_content ul li a:visited {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.top_ten_views_content ul li a:hover {
	font-size: 11px;
	color: #ff5606;
	text-decoration: none;
}

.top_ten_communities {
	width: 175px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.top_ten_communities_content {
	padding: 5px;
	border-bottom: 1px solid #dedede;
	font-size: 11px;
	clear: left;	
}

.top_ten_communities_content ol {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.top_ten_communities_content ol li {
	margin: 0px 0px 0px -20px;
}

.top_ten_communities_content ol li a:link, .top_ten_communities_content ol li a:visited {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.top_ten_communities_content ol li a:hover {
	font-size: 11px;
	color: #ff5606;
	text-decoration: none;
}

a.tab_today:link, a.tab_today:visited {
	width: 43px;
	height: 21px;
	margin-left: 2px;
	background-image: url('../im/tab_today0.jpg');
	background-repeat: no-repeat;
	float: left;
}

a.tab_today:hover, a.tab_today_active {
	width: 43px;
	height: 21px;
	margin-left: 2px;
	background-image: url('../im/tab_today1.gif');
	background-repeat: no-repeat;
	float: left;
}

a.tab_thisweek:link, a.tab_thisweek:visited {
	width: 59px;
	height: 21px;
	margin-left: 2px;
	background-image: url('../im/tab_thisweek0.jpg');
	background-repeat: no-repeat;
	float: left;
}

a.tab_thisweek:hover, a.tab_thisweek_active {
	width: 59px;
	height: 21px;
	margin-left: 2px;
	background-image: url('../im/tab_thisweek1.gif');
	background-repeat: no-repeat;
	float: left;
}

a.tab_thismonth:link, a.tab_thismonth:visited {
	width: 65px;
	height: 21px;
	margin-left: 2px;
	background-image: url('../im/tab_thismonth0.jpg');
	background-repeat: no-repeat;
	float: left;
}

a.tab_thismonth:hover, a.tab_thismonth_active {
	width: 65px;
	height: 21px;
	margin-left: 2px;
	background-image: url('../im/tab_thismonth1.gif');
	background-repeat: no-repeat;
	float: left;
}

.featured_title {
	padding: 1px 0px 1px 0px;
	border-top: 1px solid #a2b2c1;
	border-bottom: 1px solid #a2b2c1;
	font-size: 11px;
	font-weight: bold;
	color: #a2b2c1;
	text-transform: uppercase;
}

.small_featured_title {
	padding: 1px 0px 1px 0px;
/*
	border-top: 1px solid #a2b2c1;
	border-bottom: 1px solid #a2b2c1;
	*/
	font-size: 12px;
	font-weight: none;
	color: #a2b2c1;
}

.grey_box {
	padding: 10px;
	background-color: #e5e9ec;
}

#comment_box {
	padding: 10px;
}

#comment_box div.paging {
	float: right;
	padding: 0px;
}

.comment_title {
	margin-top: 10px;
	padding: 5px;
	background: #eaeaea;
	font-size: 11px;
}

.comment_title a h4 {
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 0px 5px 0px 0px;
}

.comment_text {
	padding: 5px;
}

.comment_text p {
	padding: 2px 0px 5px 0px;
	margin: 3px 0px 5px 0px;
}

.breadcrumb {
	padding: 5px;
	background: #eaeaea;
	font-size: 11px;
	margin: 10px 0px 10px 0px;
}

.breadcrumb a {
	font-size: 11px;
}

.webtrail_rating {
	padding: 5px;
}

.webtrail_rating h2 {
	padding: 0px;
	margin: 0px;
}

.webtrail_rating a.help {
	float: right;
	font-size: 11px;
}

.webtrail_rating ol {
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 10px;
	color: #ff6522;
}

.webtrail_rating ol li:first-child {
	font-weight: bold;
}

.webtrail_rating ol li, .webtrail_rating ol li a {
	font-size: 11px;
}

.webtrail_preview_container {
	height: 360px;
	overflow: hidden;
}

.webtrail_preview {
	padding: 5px;
}

.webtrail_preview_scrollup {
	height: 25px;
	background-image: url(../im/bg_grad_ltgrey.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 7px;
}

.webtrail_preview_scrolldn {
	height: 25px;
	background-image: url(../im/bg_grad_white.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 7px;
}

.webtrail_preview table, .webtrail_preview table tr td {
	border: none;
	vertical-align: top;
	padding-bottom: 10px;
}

#popup_footer_table, #popup_footer_table tr td, #popup_footer_table tr td a {
	border: none;
	text-align: center;
	font-size: 11px;
	vertical-align: top;
	font-weight: bold;
}

#popup_footer_table tr td {
	background-color: #f0f0f0;
}

#popup_content {
	clear: both;
}

.popup_container h4, .popup_container #points {
	float: left;
	margin: 0px;
	padding: 0px;
}

.popup_container #points {
	font-size: 11px;
	color: #a1b1c1;
	margin-right: 10px;
}

.popup_container h2 {
	float: right;
}

.float_left {
	float: left;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}

.float_right {
	float: right;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}

.align_right {
	text-align: right;
	text-transform: none;
}

.tile {
    #position: relative;
    #top: 1%;
    #left: 1%;
	height: 70px;
    width: 70px;
    background-color: #ffffff;
    border:1px solid #ccd5dc;
    display: table;
    overflow: hidden;
}

.tile_content {
    #position: absolute;  
    #top: 50%;
    #left: 50%;
    /*
	display: table-cell; 
	*/
    vertical-align: middle;
}

.tile img {
    #position:relative;
    #top: -50%;
    #left: -50%;
    margin-left: auto;
    margin-right: auto;
	display: block;
}

.error_box {
	padding: 10px;
	border: 2px solid #c11919;
	color: #c11919;
	font-weight: bold;
	background-color: #ffffff;
	line-height: normal;
	background-image: url('../im/tab_genericbg.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

.sub_nav {
	width: 630px;
	*width: 620px;
	float: left;
	clear: both;
}
/* end tabs & boxes */