/**
 * Template Layout
 * --------------------
 * 
 * 
 */
.contentModule {
	background-color:#F4F4F4;
	margin-bottom: 5px;
	margin-top: 5px;
}
.mainTop {
	background-image: url("mainTop.jpg"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/mainTop.jpg*/);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
}
.mainBottom {
	background-image: url("mainBottom.jpg"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/mainBottom.jpg*/);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
}
.mainLeft {
	background-image: url("mainLeft.jpg"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/mainLeft.jpg*/);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
}
.mainRight {
	background-image: url("mainRight.jpg"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/mainRight.jpg*/);
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #FFFFFF;
}
.mainMiddle {
	background-color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
}
#skyscraper {
	padding-top: 15px;
	padding-bottom: 15px;
}
#headerLeft {
	padding-bottom: 10px;
}
#headerRight {
	padding-bottom: 5px;
}

#contentRt {
	width: 180px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	padding-left: 10px;
}

#mainContainer {
	width: 100%;
}
#main {
	background-color: #FFFFFF;
	width: 100%;
}
.menu {
	background-color: #333333;
	background-image: url("menuMiddle.jpg"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/menuMiddle.jpg*/);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: middle;
}
#mainContent {
	float: left;
	border: 1px solid #FF0000;
	width: 500px;
}
#mainRight {
	float: right;
	border: 1px solid #FF0000;
	width: 300px;
	clear: right;
}

#top {
	margin-bottom: 10px;
}


/**
 * General Body Styling
 * --------------------
 * These are normal css setup reccommended for your
 * HTML template although they are not neccessary
 */
a:link, a:visited, a:active {
	text-decoration: none;
	font-size: 11px;
	color: #296E00;
	font-weight: normal;
	}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	}


	
body {
	background-image: url("background.gif"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/background.gif*/);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
}

input[type="text"], textarea, input[type="password"], input[type="select"] {
	border: 1px solid #999999;
	font-size: 10px;
	color: #666666;	
	margin-top: 2px; !important
	margin-bottom: 2px; !important
}

td,tr,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
	font-weight: normal;
	}

h3 {
	color: #333333; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
}

h3.flexcontentitemtitle {
	color: #333333; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
	margin: 0px;
	padding: 0px;
}


h4, h5, .message {
	color: #CC3300; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
	}

h6 {
	color: #FF6600; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}
	
hr { 
	/* often used in components like Akobook, and Simpleboard forum
	   to define the separator lines */
	background: transparent; 
	height:1px;
	}
img {
	border-color:#999999;
}

ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style: circle url("none"/*tpa=http://www.kkbyx.com/templates/china-sublimation/css/none*/) outside;
	text-align: left;
}


li {
	line-height: 18px;
	padding-left: 0px;
	padding-top: 0px;

}



/**
 * Mambo Styles
 * --------------------
 * The following are styles that are often used
 * site wide by Mambo to provide better control
 * of content's appearences.
 */

/* A:LINK */
 


table.selecttable {
	border: 2px solid #990000;
	background-color: #EEEEEE;
	margin: 5px;
	padding: 5px;
	display: inline-table;
}

.author {
	background-color: #F4F4F4;
	padding: 10px;
	display: block;
}

/* BLOG */
table.blog {
	width: 100%;
 }
.blog_more {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: lowercase;
	color: #993300;
}

a.blogsection:link, a.blogsection:visited, a.blogsection:active {
	color: #FF6600; 
	text-decoration: none; 
	font-size: 11px;
	}
a.blogsection:hover {
	color: #C0C045; 
}
/* BUTTON */ 
.button, input[type="button"], button, #right .button, input[type="submit"] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url("button_large.png"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/button_large.png*/);
	background-repeat: repeat-x;
	height: 17px;
	border: 1px solid #990000;
}


a.button:link, a.button:visited, a.button:active, a.sobi2Header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #CCCCCC;
	background-image: url("button_large.png"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/button_large.png*/);
	background-repeat: repeat-x;
	height: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #990000;
	}
a.button:hover, a.sobi2Header:hover{
	color: #333333;
	text-decoration: none;
}

#right .button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #CCCCCC;
	background-image: url("button_large-1.png"/*tpa=http://www.kkbyx.com/images/button_large.png*/);
	background-repeat: no-repeat;
	border: none;
	background-position: center;
	padding: 1px;
	}

 /* cartbutton*/
a.cartbutton:link, a.cartbutton:visited, a.cartbutton:active {
	color: #000000;
	font-weight: bold;
	background-color: #FF6600;
	background-image: url("button_110x22_bg.jpg"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/button_110x22_bg.jpg*/);
	background-repeat: no-repeat;
	background-position: left top;
	width: 110px;
	display: block;
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 3px;
	}
a.cartbutton:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

div.center {
	text-align: center;
	display: block;
	width: 100%;
}

/* CATEGORY */ 
.category,
a.category:link, a.category:visited, a.category:active {
	font-weight: normal;
	color: #666666;
	}

a.category:hover {
	color: #75BF2C;
	text-decoration: none;
	}

	
.componentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding: 0px 0px 2px;
	width: 100%;
	margin-bottom: 10px;

	}
	
.componentheadingkey {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #347892;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: none;
	}

/*component table - used for competitions, fortune cookies */
table.componenttable {
	width: 100%;
	text-align: left;
	border: 1px solid #CCCCCC;
	padding: 0px;
	}
table.componenttable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #336600;
	border-right-color: #336600;
	border-bottom-color: #336600;
	border-left-color: #336600;
	margin-bottom: 10px;
	background-color: #990000;
	padding: 2px 2px 2px 5px;
	width: 100%;
	}
table.componenttable td {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
	
/* CONTACT */
table.contact {
	/* for formatting the entire "Contact" table which includes
	   the name, address icons and form. Note this table DOES NOT 
	   enclose the dropdown list for selecting the Department/person
	   to contact */
	background-color: #FFFFFF;
	}
table.contact td.details {
	/* this is for formatting the <td> cells where all the details sits.
	   The details where addresses, phone number and additional info are */
	background-color: #F3F3F3;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
table.contact td.icons {
	/* the name gave it away. This formats the <td> cells
	   where the little icons sits next to the details (those addresses,
	   phone number etc) */
	background-color: #CCCCCC;
	}	
	
.contentdescription {
	/* When you create a link to a Section in the main menu and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. This style is used for formating the "DESCRIPTION" part of that page */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	}

.contentheading, h1, h2.menutitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 3px;
	padding-bottom: 3px !important;
	/*border: 1px solid #FF0000;*/
	}

.contentpagetitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E10000;
	/*border: 1px solid #00FF00;*/
	}
a.contentpagetitle:link, a.contentpagetitle:visited {
	/* same as above, but to set the link format */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
 	color: #62D000;
	}
a.contentpagetitle:hover {
	/* same as above, but for links with mouse pointer over it */
	
	}

.contentpane {
	}

table.contentpaneopen strong {
	color: #333333;
}

table.contentpaneopen {
	color: #00CC66;
	display: block;
	text-align: left;
	width: 100%;
	/*border: 1px solid #0066FF;*/
	padding: 0px;
	}
	

#right .contentpaneopen {
	display: block;
	margin-top: 0px; padding-top: 0px !important ;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	border: thin none #FFFFFF;
	}	

.contentQuote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #75BF2C;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	line-height: 20px;
	font-weight: bold;
}

.contentQuoteSmall {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #75BF2C;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	line-height: 20px;
	font-weight: bold;
}

span.contentQuote:first-letter{
	font-size: 20px;
	text-transform: uppercase;
}
.content_rating {
	/* used for styling the texts used for displaying 
	   those "stars" for rating in an article */
	font-weight: normal;
	font-size: 8pt;
}

table.contenttoc {
	/* This is used to format the table of the Tables of Contents or "Jump to" 
	   box when it is enabled in a multiple paged content or article */
	color: #343A58;
	background-color: #e0e0e0;
	border-top: 1px solid #465675;
	border-bottom: 1px solid #465675;
	border-left: 1px solid #465675;
	border-right: 1px solid #465675;
    }
table.contenttoc td {
	/* the same as above, but this is used to format the td or
	   table cells */
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding: 3px;
}

.content_vote {
	/* used for those voting texts (the one with voting RADIO buttons) */
	font-weight: normal;
	font-size: 8pt;
}

.createdate {
	/* name says it all.. its for styling the date the content/articles are created under 
	   contents title */
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	}

/* Not using this style
.ecardsBorder td {
	border: 1px solid #CC3333;
}	
*/
.fase4rdf {
	/* this is the body text of the newsfeed */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	color: #343A58; 
	font-weight: normal;
	}
a.fase4rdf:link {
	/* links of the body text of the newsfeed */
	font-size: 11px; 
	font-weight: bold; 
	color: #356C82;
	}
a.fase4rdf:hover {
	/* links of the body text of the newsfeed when mouse points over it*/
	font-size: 11px;
	font-weight: bold; color: #759328;
	}
	
div.flexcontentitem_sponsor {
	border-top: none;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 0px;
	margin: 0px;
}
div.flexcontentitem_sponsor p {
	margin: 0px;
	padding: 0px;
}
.hide
	/* hides the image - use for hiding intro images */
{
  display: none;
}	
	
.highlight {
	color: #669933;
	font-weight: bold;
}

.inputbox {
	font-size: 10px;
	color: #666666;	/* Again, the name implies that this style changes the 
	   way those input box looks */
	 /*width: 190px;*/
}

#search .inputbox {
	font-size: 11px;
	color: #666666;
	border: 1px solid #999999;
	padding: 1px 5px;	
	margin-bottom: 3px;
}

#right1 .inputbox,
#right2 .inputbox,
#right3 .inputbox,
#right4 .inputbox {
	font-size: 10px;
	color: #666666;	
}

.important {
	font-weight: bold;
	color: #CC3300;
}

div.includeContentItem {
	background-color: #F4F4F4;
	padding: 5px;
	width: 100%;
	margin-bottom: 10px;
	display: table;
}

/* INSET TEXT */
.insetHighlight {
	color: #669933;
}

.insetText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

a.latestevent_title:link, a.latestevent_title:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

a.latestevent_title:hover {
	text-decoration: underline;
}
#bottom .mainlevel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: capitalize;
	font-weight: bold;
	color: #75BF2C;
	text-align: center;
	padding-right: 8px;
	padding-bottom: 8px;
}
#bottom a.mainlevel:link, #bottom a.mainlevel:visited, #bottom a.mainlevel:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
#bottom a.mainlevel:hover {
	text-decoration: underline;
}

#content .mainlevel 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: capitalize;
	font-weight: bold;
	color: #999999;
}
#content a.mainlevel:link, 
#content a.mainlevel:visited, 
#content a.mainlevel:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
#content a.mainlevel:hover
{
	text-decoration: underline;
}


#contentTop .mainlevel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: capitalize;
	font-weight: bold;
	color: #75BF2C;
	text-align: center;
	padding-right: 2px;
	padding-bottom: 2px;
}
#contentTop a.mainlevel:link, #contentTop a.mainlevel:visited, #contentTop a.mainlevel:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#contentTop a.mainlevel:hover {
	color: #75BF2C;
	text-decoration: none;
}


#top .mainlevel, 
#right .mainlevel_usermenu 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: capitalize;
	font-weight: bold;
	color: #75BF2C;
}
#top a.mainlevel:link,                                           /**¿ØÖÆproduct lis**/
#top a.mainlevel:visited, 
#top a.mainlevel:active, 
#right .mainlevel_usermenu:link, 
#right .mainlevel_usermenu:visited, 
#right .mainlevel_usermenu:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #C00000;
	text-decoration: none;
	line-height: 25px;
}
#top a.mainlevel:hover, 
#right .mainlevel_usermenu:hover 
{
	text-decoration: underline;
}

#menu .mainlevel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	font-weight: bold;
	color: #C00000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
}
#menu a.mainlevel:link, #menu a.mainlevel:visited, #menu a.mainlevel:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #C00000;
	display: table;
	padding-right: 10px;
	padding-left: 10px;
}
#menu a.mainlevel:hover {
	color: #75BF2C;
	text-decoration: none;
	font-weight: bold;
}
	

#menu a.sublevel:link, #menu a.sublevel:visited, #menu a.sublevel:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #296E00;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
}

#menu a.sublevel:hover {
	color: #C00000;
	text-decoration: none;
	}	

#menu2 .mainlevel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: capitalize;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
}
#menu2 a.mainlevel:link, #menu2 a.mainlevel:visited, #menu2 a.mainlevel:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #75BF2C;
	display: table;
	padding-right: 10px;
	padding-left: 10px;
}
#menu2 a.mainlevel:hover {
	color: #FFFFFF;
	text-decoration: none;
}

	
img.productImage, a img.productImage {
	border: thin solid #666666;
	}	

	
/* leftBarMain */
#leftBarMain mainlevel {
	display: block;
	width: 100%;
}
	
/*
#leftBarMain a.mainlevel:link, a.mainlevel:visited, a.mainlevel:active {
	font-family: "Trebuchet MS", Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration:none;
	text-align: left;
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 15px;
	border-top: 2px none #CCCC66;
	border-right: 2px none #CCCC66;
	border-bottom: 2px solid #CCCC66;
	border-left: 2px none #CCCC66;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	}
*/
#leftBarMain a.mainlevel:hover {
	color: #FFFFFF;
	}
	
table.menu td a {
	border-top: 1px none #CC0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px none #CC0000;
	border-left: 1px none #CC0000;
	}

.modifydate {
	/* need me to say? :) Well it styles the "Last updated on" text
	   at the end of articles/contents */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #993300;
	text-decoration: none;
	font-weight: normal;
	}

/* styling for mosLoadPosition */
div.moduletable {
}
div.moduletable h3 {
	color: #CC3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*Sponsored Content */
table.moduletable_sponsoredSection th {
	color: #999999;
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: normal;
}

table.moduletable_sponsoredSection {
	margin-bottom: 15px;
}

/* header */
#header table.moduletable {
	width: 100%;
	padding-left: 10px;
	}

#bottom table.moduletable {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}	

#content table.moduletable 
{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
}
#content table.moduletable th 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
	display: block;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding: 0px 0px 2px;
	width: 100%;
	margin-bottom: 10px;
	}

#contentRt table.moduletable 
{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;	
}
#contentRt table.moduletable th 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
	display: block;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding: 0px 0px 2px;
	width: 100%;
	margin-bottom: 10px;
	}
	
/*News Room modules */
#contentRt table.moduletable_newsroom th {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#contentRt table.moduletable_newsroom td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-top: 3px;
	padding-bottom: 15px;
}
	
#contentRt table.moduletable_newsroom div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

#contentTop	table.moduletable {
	margin-bottom: 15px;
}

#contentTop	table.moduletable_companyMenu th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-bottom: 10px;
}

#contentTop	table.moduletable_companyMenu td,
#contentTop	table.moduletable_companyMenu td div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-bottom: 5px;
}
	
#footerMain table.moduletable {
	margin: 0px 0px 0px 0px;
	width: 100%;
	}
#footerMain table.moduletable td {
	text-align: center;
	display: table-cell;
	}

/* right */
#right table.moduletable_none {
	margin-bottom: 10px;
	text-align: left;
	border: 0px solid #999999;
	width: 143px;
	padding: 0px 8px;
}
#right table.moduletable_none th {
	color: #CCCCCC;
	margin-bottom: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-variant: small-caps;
	}
#right table.moduletable_none td {
	border: 0px solid #666666;	
}

#right table.moduletable, #right table.moduletable_advertiser {
	width: 98%;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 2px;
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}
#right table.moduletable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #336600;
	border-right-color: #336600;
	border-bottom-color: #336600;
	border-left-color: #336600;
	margin-bottom: 10px;
	background-color: #990000;
	padding: 2px 2px 2px 5px;
	}
	
#right table.moduletable_advertiser th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #932500;
	border-right-color: #932500;
	border-bottom-color: #932500;
	border-left-color: #932500;
	margin-bottom: 10px;
	background-color: #cc3300;
	padding: 2px 2px 2px 5px;
	}
#right table.moduletable td, #right table.moduletable_advertiser td {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

#right1 table.moduletable, #right2 table.moduletable,
#right3 table.moduletable, #right4 table.moduletable  {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 2px;
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}

#right table.moduletable_sponsor {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 2px;
	border: 1px none #CCCCCC;
	}
#right table.moduletable_sponsor th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #336600;
	border-right-color: #336600;
	border-bottom-color: #336600;
	border-left-color: #336600;
	background-color: #990000;
	padding: 2px 2px 2px 5px;
	}
#right table.moduletable_sponsor td {
	padding: 0px;
	border: none;
}

/* #skyscraper */
#skyscraper table.moduletable {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	display: block;
	}
	
/* #top */
#top table.moduletable_search {
	width: 100%;
	display: table;
	padding: 5px;
	border-top: 2px none #FF6600;
	border-right: 2px none #FF6600;
	border-bottom: 2px solid #FF6600;
	border-left: 2px none #FF6600;
	}

/* MOS RATE */
.mosrate {
	display: block;	
}

/* MOST READ */
a.mostread:link, a.mostread:visited,  a.mostread:active {

}
a.mostread:hover {
	text-decoration: underline;
}

.newsfeeddate {
	/* yeah.. the date on the newsfeed */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #343A58;
	font-weight: normal;
	}

.newsfeedheading {
	/* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #343A58;
   }
   
.offtab {
	/* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend.
	   This .ontab is the styling for the tab when it is NOT active or when it is NOT "clicked" */
	background-color : #e5e5e5;
	border-left: outset 1px #E0E0E0;
	border-right: outset 1px #E0E0E0;
	border-top: outset 1px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}

.ontab {
	/* For styling of the "Tab" buttons when editing contents through the frontend
	   (when you log in as admin in the frontend). This .ontab is the styling for the
	   tab when it is active or after its "clicked" */
	background-color: #323A15;
	border-left: outset 1px #DCF2FA;
	border-right: outset 1px #808080;
	border-top: outset 1px #DCF2FA;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}


.pagenav {
	/* as the name implies, this is for formatting texts for
	   those "<< Start < Previous 1 Next > End >>" links */
	font-weight: bold;
	color: #666666;
}
a.pagenav, a.pagenav:visited {
	/* same as above, but for links */
	font-weight: bold;
	color: #75BF2C;
}
a.pagenav:hover {
	/* same as above, but for links with mouse pointer over it */
}
.pagenavbar { 
	/*for some weird reasons, this is not used in page nav, but found it used 
	  for nick names in forum threads by Simpleboard */
}

.pagetext {
	/* this style is used to style the content of the editing form
	   contents (where HTMLArea sits and all its forms + contents) in
	   the frontend Administration interface */
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* PATHWAY */
#pathway {
	color: #75BF2C;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
span.pathway {
	color: #333333;
	padding-left: 7px;
	font-weight: bold;
}
a.pathway:link, a.pathway:visited, a.pathway:active {
	color: #333333;
	font-weight: bold;
}

 /*  POLLS  */
.poll {
	/* polls texts */
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: ;
	color: #343A58;
	line-height: 14px
	}
.pollstableborder {
	/* set the border properties of the polls voting table */
	border: 0px solid #465675;
}

.promotion {
	background-color: #669933;
	border: thin inset #669933;
	padding: 2px;
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	white-space: normal;
}

/* readon changed:17/05/2007 */                                                /**read me**/
a.readon:link, a.readon:visited, a.readon:active {
	font-size: 11px;
	color: #75BF2C;
	padding-top: 0px;
	padding-bottom: 10px;
	}
a.readon:hover {
	}
	
/** Inset the text on the right of a content item **/
.rightInset {
	background-color: #EAF4DF;
	float: right;
	padding: 7px;
	margin: 7px;
	border: thin none #DBDBDB;
	font-family: Verdana, Arial;
	font-size: 11px;
	width: 250px;
	text-align: justify;
}	

ul.inset {
	background-color: #EAF4DF;
	border: thin none #FF0000;
	}

/** Salsanet Solutions **/
.salsanet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 15px;
}
a.salsanet:link, a.salsanet:visited, a.salsanet:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a.salsanet:hover {
	text-decoration: underline;
}

/** Search **/
.search {
}
.search .button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #CCCCCC;
	background-image: url("button_small.png"/*tpa=http://www.kkbyx.com/templates/china-sublimation/images/button_small.png*/);
	background-repeat: no-repeat;
	height: 17px;
	width: 21px;
	border: none;
	margin-bottom: 3px;
}
/** search field in search div **/
.search .inputbox {
	border: 1px solid #666666;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-left: 10px;
	display: table-cell;
	padding-left: 10px;
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
	}


/* SECTION TABLE */
.sectiontableentry1 {
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #333333;
	background-color: #F4F4F4;
	text-align:left;
	}

.sectiontableentry2 {
	/* this is the second color for the row. So, the table generator,
	   will alternate its style through sectionableentry1 and sectiontableentry2
	   as it cycles through and outputs each row of data. Similar to forum's post
	   listings */
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #333333;
	background-color: #E8E8E8;
	text-align:left;
	}
	
.sectiontableentry1 a:link, .sectiontableentry1 a:visited, .sectiontableentry1 a:active,
.sectiontableentry2 a:link, .sectiontableentry2 a:visited, .sectiontableentry2 a:active {
}
.sectiontableentry1 a:hover,
.sectiontableentry2 a:hover {
} 
.sectiontableheader {
	color : #333333;
	font-weight : bold;
	font-family: Verdana, Arial;
	font-size: 11px;
	}

hr.separator {
	/* found this css style in Peekmambo's css style. Still haven't worked out
	   if this is a custom style or an in built style. Will update when I find out*/
	background: transparent;
	height: 1px;
	width: 75px;
	border: 1px solid #314B77;
}


.small {
	/* general style for texts when small size fonts are used. In 
	   the contents, this style is used for "Written by..." texts */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	color: #999999;
	text-decoration: none;
	font-weight: normal;
	}

.smalldark {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #343A58;
    text-decoration: none;
    font-weight: normal;
    }

.spacerH10{
	height: 10px;
}

.subtitle {
}

/* .TABHEADING */	
.tabheading {
	/* Not too sure what this is used for. Couldn't find anything
	   related to it yet at the moment */
}




/* .TABPADDING */	
.tabpadding {
	/* this style is used set the size of the tab in 
	   in the above */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

a.weblinks:link, a.weblinks:visited {
	/* well.. to format the link's titles under the "Weblinks" 
	   section on the frontend */
	color: #405115; text-decoration: none; font-weight: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	}

a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #000099;	text-decoration: underline;
	}

/* Events Calendar Module */
.mod_events_table {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 4px;
	margin-bottom: 6px;
}
.mod_events_table td {
	padding-left: 4px;
	padding-right: 4px;
}
.mod_events_td_dayname	{
	font-weight: bold;
	color: #666666;
}
.mod_events_monthyear a.mod_events_link, .mod_events_monthyear a.mod_events_link:visited, .mod_events_monthyear a.mod_events_link:visited {
	font-weight: bold;
	color: #666666;
}
.mod_events_td_dayoutofmonth {
	color: #999999;
}
.footerDetails {
	color: #333333;
}
table.wallpaperTable {
	border: 1px solid #666666;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
input[type="button"].quizButton {
}
.quizQuestion {
	font-weight: bold;
	color: #CC3300;
}
input.quizVerdict {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC3300;
	font-size: 11px;
	border: none;
}
input.quizScore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #75BF2C;
	font-size: 14px;
	border: none;
}
textarea.quizResult{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	border: 2px dashed #75BF2C;
	overflow: hidden;
	padding: 5px;
}

div.mosimage_caption {
	color:#666666;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 3px;
}

fieldset.mosSobiAds {
	color: #CC3300;
	font-size: 11px;
	font-weight: bold;
	margin-top: 13px;
	margin-bottom: 10px;
}
legend.mosSobiAds {
	color: #CC3300;
	font-size: 11px;
	font-weight: bold;
}
td.mosSobiAds {
	color: #333333;
	font-size: 11px;
	font-weight: normal;
}

.newsroomTitle {
	color: #CC3300; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; font-weight: bold;
	}

	.user6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding: 0px 0px 2px;
	width: 100%;
	margin-bottom: 10px;

	}
	table.user6 th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3348;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #336600;
	border-right-color: #336600;
	border-bottom-color: #336600;
	border-left-color: #336600;
	margin-bottom: 10px;
	
	padding: 2px 2px 2px 5px;
	width: 98%;
	}
table.user6 td {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;

}

/* menu */
#menu table.moduletable_none {
	margin-bottom: 10px;
	text-align: left;
	border: 0px solid #999999;
	width: 143px;
	padding: 0px 8px;
}
#menu table.moduletable_none th {
	color: #CCCCCC;
	margin-bottom: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-variant: small-caps;
	}
#menu table.moduletable_none td {
	border: 0px solid #666666;	
}

#menu table.moduletable, #right table.moduletable_advertiser {
	width: 98%;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 2px;
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}
#menu table.moduletable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #336600;
	border-right-color: #336600;
	border-bottom-color: #336600;
	border-left-color: #336600;
	margin-bottom: 10px;
	background-color: #990000;
	padding: 2px 2px 2px 5px;
	}
	
#right table.moduletable_advertiser th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #932500;
	border-right-color: #932500;
	border-bottom-color: #932500;
	border-left-color: #932500;
	margin-bottom: 10px;
	background-color: #cc3300;
	padding: 2px 2px 2px 5px;
	}