/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------
xiaoyingcui
xiaoyingcuitemplate00_purple.css
								purple		red			green			orange		purple
color: 							#89569e		#6c0000		#31751b		#ea5a00		#89569e
border-top:							#9869ab		#7e0000		#44862b		#ed6c00		#9869ab
border-bottom:						#76458c		#590000		#256214		#e44800		#76458c
background-color: 					#603c6e		#4b0000		#225213		#a33f00		#603c6e
xiaoyingcuitoolbardivpurple00_20x30.jpg		purple		red			green			orange		purple
xiaoyingcuitoolbardivpurple00_2x30.jpg		purple		red			green			orange		purple
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


html {
	height: 								100%;
}

.clr {
	clear: 									both;
}

.outline {
	border: 								0px solid #555555;
	background: 							#555555;
	padding: 								0px;
}

body{
	margin: 								0px;
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								60%;
	color: 									#555555;
/*	color: 									#000000; */
}
div#wrapbg{
	background: 							url(../images/xiaoyingcuibackground00_1280x768.jpg);
	background-repeat: 						no-repeat;
	width: 									100%;
}



/* JOOMLA DEFAULT STYLE
--------------------------------------------------------- */
a:link, a:visited{
	color: 									#89569e;
	text-decoration: 						none;
}
a:hover{
	color: 									#89569e;
	text-decoration: 						underline;
}
ul {
	margin: 								0px;
	margin-left: 							15px;
	padding: 								0px;
}
ul a:link, ul a:visited{
	color: 									#89569e;
	text-decoration: 						none;
}
ul a:hover{
	color: 									#89569e;
	text-decoration: 						underline;
}
td{
	font-size: 								1em;
}
a img{
	border: 								none;
}
.contentheading {
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								1.33em;
	font-weight: 							bold;
	text-transform: 						;
	color: 									#89569e;
	display:								none;
}
.contentheading a:link, .contentheading a:visited {
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								1.33em;
	font-weight: 							bold;
	color: 									#89569e;
	text-decoration: 						none;
}
.contentheading a:hover {
	color: 									#89569e;
	text-decoration: 						underline;
}
.modifydate{
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								0.83em;
	color: 									#cbcbcb;
	padding-top: 							0px;
/*	padding-top: 								15px; */
}
.small{
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								0.83em;
	color: 									#cbcbcb;
}
.createdate{
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	color: 									#cbcbcb;
}
td .createdate{
	font-size: 								0.83em;
}
.readon{
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								0.92em;
	color: 									#89569e;
}
a.readon:link, a.readon:visited {
	text-decoration: 						none;
}
a.readon:hover {
	text-decoration: 						underline;
}
td.buttonheading {
	width: 									32px;
}
.sectiontableheader {
	background-color : 						#555555;
/*	background-color : 							#efefef; */
	background-repeat: 						repeat;
	border-bottom: 							solid 1px #999999;
	padding: 								2px;
	color : 								#555555;
	font-weight : 							bold;
	padding: 								2px;
}
.sectiontableentry2 {
	background-color : 						#F3F3F3;
}
.mosimage_caption{
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								10px;
	color: 									#cbcbcb;
	padding-top: 							5px;
	padding-bottom: 						5px;
}
.componentheading {
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								18px;
	font-weight: 							bold;
	color: 									#cbcbcb;
	text-align: 							left;
	text-transform: 						lowercase;
	margin-bottom: 							10px;
}
table.contenttoc {
	margin: 								0 0 10px 10px;
	padding: 								0;
	width: 									150px;
}
table.contenttoc td {
	padding: 								1px 5px 1px 18px;
}
table.contenttoc th {
	padding: 								2px 4px;
/*	background-color : 							#efefef; */
	background-color : 						#555555;
	border-bottom: 							solid 1px #999999;
	color: 									#888888;
	text-indent: 							5px;
	text-transform: 						lowercase;
}
table.blog, table.contentpaneopen{
	width: 									auto;
}
table.contentpane{
	width: 									100%;
	margin-bottom: 							10px;
	text-align: 							left;
}
.highlight{
	background-color: 						#ffff99;
}
.contentpane{
	width: 									auto;
}	
form {
	margin: 								0;
	padding: 								0;
}
table.poll {
	padding: 								0;
	width: 									100%;
	border-collapse: 						collapse;
}
table.pollstableborder {
	padding: 								0;
	width: 									100%;
	border: 								none;
	text-align: 							left;
}
table.pollstableborder img {
	vertical-align: 						baseline;
}
table.pollstableborder td {
	padding: 								2px!important;
}
form {
	margin: 								0;
	padding: 								0;
}
#mod_login_password, #mod_login_username {
	width: 									140px;
}
#mod_search_searchword{
	width: 									140px;
}
input, select {
	font: 									11px Verdana, Arial, Helvetica, sans-serif;
}
select, .inputbox {
	padding: 								2px;
}
textarea {
	padding-left: 							2px;
}
.button {
	padding: 								1px 4px;
	border-top: 							1px solid #E1E1E1;
	border-left: 							1px solid #E1E1E1;
	border-bottom: 							1px solid #BABDB6;
	border-right: 							1px solid #BABDB6;
	background: 							#EFEFEF;
}
.button:hover, .button:focus {
	border-top: 							1px solid #BABDB6;
	border-right: 							1px solid #E1E1E1;
	border-bottom: 							1px solid #E1E1E1;
	border-left: 							1px solid #BABDB6;
}
.inputbox {
	border-top: 							1px solid #BABDB6;
	border-right: 							1px solid #EDEEEC;
	border-bottom: 							1px solid #EDEEEC;
	border-left: 							1px solid #BABDB6;
	background: 							#FFFFFF;
}
.inputbox:hover, .inputbox:focus {
	border: 								1px solid #BABDB6;
	background: 							#FFFFFF;
}
.pagenav {
	padding: 								2px;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	padding: 								1px 4px;
	border-top: 							1px solid #E1E1E1;
	border-left: 							1px solid #E1E1E1;
	border-bottom: 							1px solid #BABDB6;
	border-right: 							1px solid #BABDB6;
	background: 							#EFEFEF;
	color: 									#666666;
	text-decoration: 						none;
	font-size: 								11px;
}
a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
	padding: 								1px 4px;
	border-top: 							1px solid #BABDB6;
	border-right: 							1px solid #E1E1E1;
	border-bottom: 							1px solid #E1E1E1;
	border-left: 							1px solid #BABDB6;
	background: 							#EFEFEF;
	color: 									#666666;
	text-decoration: 						none;
}
.pagenavbar {
	padding-left: 							14px;
	color: 									#666666;
	font-size: 								11px;
}
.pagenavcounter {
	padding: 								8px 14px 0px 14px;
	color: 									#666666;
}
.blog_more {
	margin-top: 							5px;
	margin-bottom: 							10px;
}
.back_button{
	font-size: 								11px;
}
.adminform textarea {
	width: 									840px!important;
}

.adminform textarea.inputbox {
	width: 									840px!important;
}


/* LAYOUT STYLING
--------------------------------------------------------- */
div#wrapper{
	width: 									960px;
}


/* MOO.FX
--------------------------------------------------------- */
div#toolsdiv{
	width: 									100%;
	color: 									#fff;
	font-size: 								11px;
	background-color: 						#000000;
}
div#tools{
	width: 									711px;
	height: 								30px;
	padding-top: 							0px;
}
/* ------------------------------------ */
div#syndicatediv{
	float: 									left;
	width: 									229px;
}
div#colorsdiv{
	float: 									left;
	width: 									256px;
}
div#fontsdiv{
	float: 									left;
	width: 									226px;
}


/* WEBSITE TOOLS
--------------------------------------------------------- */
div#sitetoolsdiv{
	height: 								20px;
}
div#sitetools{
	width: 									120px;
	height: 								30px;
	float: 									right;
/*	background: 								url(../images/xiaoyingcuitoolslabel00_120x30.gif); */
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								9px;
	font-weight: 							bold;
	color: 									#A6A6A6;
	line-height: 							30px;
	text-align: 							center;
	text-transform: 						lowercase;
}
div#sitetools a:link, div#sitetools a:visited{
	color: 									#A6A6A6;
	text-decoration: 						none;
}
div#sitetools a:hover{
	color: 									#fff;
}


/* TOP AREA
--------------------------------------------------------- */
div#topareadiv{
	height: 								95px;
}
div#logo{
	width: 									100px;
	height: 								60px;
	background: 							url(../images/banners/xiaoyingcuibanner00_100x60.gif);
	float: 									left;
}
div#bannerdiv{
	width: 									100px;
	height: 								60px;
	float: 									left;
}
div#banner{
	padding-top: 							0px;
	text-align: 							left;
}


/* HEADER
--------------------------------------------------------- */
div#headerdiv{
	height: 								100px;
	overflow: 								hidden;
}
div#header{
	padding: 								0px;
}
div#header .moduletable h3{
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								1.1em;
	color: 									#fff;
	text-align: 							left;
	font-weight: 							bold;
	margin: 								0px;
	padding: 								0px;
}
div#header .moduletable{
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								0.92em;
	color: 									#e0e0e0;
	text-align: 							left;
	margin: 								0px;
	padding: 								0px;
}
div#header td{
	padding: 								0px;
	font-size: 								1em;
}
div#header .contentpaneopen{
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-size: 								1em;
	color: 									#e0e0e0;
	text-align: 							left;
	margin: 								0px;
	padding: 								0px;
}
div#header a{
	color: 									#e0e0e0;
	text-decoration: 						underline;
}


/* SUCKERFISH
--------------------------------------------------------- */
#navdiv{
	height: 								20px;
}
#nav {
	background: 							url(../images/xiaoyingcuitoolbardivpurple00_2x30.jpg) 0 0 no-repeat;
	margin: 								0;
	padding: 								0;
	height: 								20px;
}
#nav a {
	text-transform: 						lowercase;	
	font-size: 								11px;
	font-weight: 							bold;
	color: 									#fff;
	float: 									left;
	text-decoration: 						none;
	display: 								block;
	cursor: 								pointer;
	height: 								20px;	
	line-height: 							18px;
	padding: 								0 15px;
}
#nav a.topdaddy,
#nav li a {
	background: 							url(../images/xiaoyingcuitoolbardivpurple00_2x30.jpg) 100% 0 no-repeat;
}
#nav li a:hover{}
#nav li li a{
	background: 							none;
	font-weight: 							normal;
	padding: 								0;
	text-indent: 							15px;
	text-transform: 						lowercase;
	color: 									#939393;
	height: 								20px;	
	line-height: 							18px;
}
#nav ul li ul li a:hover{
	background: 							none;
}
#nav ul li a:hover,
#nav ul li ul li ul li a:hover {
	color: 									#fff;
}
#nav, #nav ul {
	float: 									left;
	list-style: 							none;
	margin: 								0;
	padding: 								0;
}
#nav li li {
	padding: 								0;
	background: 							none;
	border-bottom: 							1px solid #76458c;
	border-top: 							1px solid #9869ab;
}
#nav ul ul a {
	display: 								block;
	color: 									#ffffff;
	text-decoration: 						none;
	width: 									127px;
	text-transform: 						none;
	text-transform: 						lowercase;
	font-size: 								11px;
	text-align: 							left;
}
#nav li {
	float: 									left;
	padding: 								0;
 	background: 							none;
	height: 								20px;
}
#nav ul li {
	position:								relative;
	z-index: 								1;
}
#nav li ul {
	top: 									20px;
	position: 								absolute;
	left: 									-999em;
	height: 								auto;
	width: 									130px;
	font-weight: 							normal;
	border-width: 							0;
	margin: 								0;
	padding: 								0;
	border-right: 							1px solid #76458c;
	border-left: 							1px solid #76458c;
	border-bottom: 							1px solid #76458c;
	border-top: 							1px solid #76458c;
}	
#nav ul {
	padding: 								0;
	margin: 								0;
	margin-left: 							2px;
}
#nav li li {
	float: 									left;
	padding: 								0;
   	width: 									130px;
}
#nav li ul ul {
	margin: 								-10px 0 0 150px;
}
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,  
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover ul ul ul ul {
	left: 									-999em;
}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul,
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
	z-index: 								100;
	left: 									0;
}
#nav li:hover, #nav li.sfhover {
    left: 									0;
    background-color: 						#603c6e;
}
#nav li:hover a, #nav li.sfhover a {
    color: 									#fff;
}
#nav li li:hover a, #nav li li.sfhover a {
    color: 									#fff;
}
#nav li li:hover a:hover, #nav li li.sfhover a:hover {
    color: 									#fff;
}
#nav ul ul a {
	background: 							none;
}
#nav li.active {}
#nav li li.active {
	background:								none;
}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul,
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
	background: 							#89569e;
}


/* DEFAULT JOOMLA MENU STYLING
--------------------------------------------------------- */
a.mainlevel:link, a.mainlevel:visited {
	display: 								block;
	height: 								20px;
	width: 									130px;
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	font-weight: 							bold;
	color: 									#89569e;
	text-decoration:						none;
	text-align: 							left;
	text-indent: 							0px;
	text-transform: 						lowercase;	
	border-bottom-style: 					solid;
	border-bottom-color: 					#89569e;	
/*	border-bottom-color: 							#cccccc; */
	border-bottom-width: 					1px;
	line-height: 							18px;
}
a.mainlevel:hover {
	background-color: 						#f7f7f6;
/*	background-color: 							#603c6e; */
	display: 								block;
	height: 								20px;
	width: 									130px;
	color: 									#89569e;	
}	
a.sublevel:link, a.sublevel:visited {
	display: 								block;
	height: 								20px;
	width: 									126px;
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
	text-decoration:						none;
	font-weight: 							bold;	
	color: 									#666666;
	text-align: 							left;
	text-indent: 							5px;
	text-transform: 						lowercase;	
	border-bottom-style: 					solid;
	border-bottom-color: 					#89569e;	
/*	border-bottom-color: 							#cccccc; */
	border-bottom-width: 					1px;
	line-height: 							18px;
}
a.sublevel:hover {
	background-color: 						#f7f7f6;
	display: 								block;
	height: 								20px;
	width: 									126px;
	color: 									#666666;	
}
#active_menu {
	color: 									#000;
	display: 								block;
	height: 								20px;
	width: 									130px;
}
#active_menu.sublevel {
	background-color:						#f7f7f6;
	color: 									#000;
	display: 								block;
	height: 								20px;
	width: 									150px;
}


/* MAIN CONTENT
--------------------------------------------------------- */
div#left .newsfeed a, div#user2 .newsfeed a,
div#user3 .newsfeed a, div#user4 .newsfeed a,
div#user5 .newsfeed a, div#user6 .newsfeed a,
div#user7 .newsfeed a, div#right .newsfeed a{
	font-weight: 							normal;
}
div#user2 .moduletable, div#user3 .moduletable,
div#user4 .moduletable, div#user5 .moduletable,
div#user6 .moduletable, div#user7 .moduletable{
	font-size: 								0.92em;
}
div#maincontentdiv{
	margin: 								10px 0px 00px 0px;
}
div#maincontent{}
div#pathway{
	text-align: 							left;
/*	font-size: 									0.92em;*/
	font-size: 								10px;
/*	color: 									#555555;	*/
	color: 									#000000;
	text-transform: 						lowercase;
	margin-left: 							15px;
	padding-bottom: 						5px;
}
div#pathway a:link, div#pathway a:visited{
	color: 									#89569e;
	text-decoration: 						none;
}
div#pathway a:hover{
	text-decoration: 						none;
/* 	text-decoration: 								underline; */
}

div#topusersdiv{
	padding: 								0px 0px 10px 0px;
	height: 								1%;
}
div#bottomusers1div{
	padding: 								0px 0px 10px 0px;
	height: 								1%;
}
div#bottomusers2div{
	padding: 								0px 0px 10px 0px;
	height: 								1%;
}
div#user2div, div#user3div,
div#user4div, div#user5div,
div#user6div, div#user7div{
	float: 									left;
}
div#user2, div#user3,
div#user4, div#user5,
div#user6, div#user7{
	padding: 								0px 10px 0px 10px;
	text-align: 							left;
	font-size: 								1em;
	color: 									#939393;
}
div#user2 h3, div#user3 h3,
div#user4 h3, div#user5 h3,
div#user6 h3, div#user7 h3{
	font-size: 								1em;
	color: 									#474747;
	margin: 								0px 0px 5px 0px;
}
/* ------------------------------------ */
div#leftblock{
	float: 									left;
	padding:								54px 0px 0px 0px;
	width: 									180px;
}
div#leftdiv{
	width: 									180px;
	text-align: 							left;
}
div#left{
	font-size: 								1.28em;
/*	color: 									#939393;	*/
	color: 									#603c6e;
	font-family: 							Verdana, Arial, Helvetica, sans-serif;
}
div#left h3{
	margin: 								0px 0px 3px 0px;
	padding: 								54px 0px 3px 0px;
	border-bottom: 							0px solid #cccccc;
	font-size: 								1em;
/*	color: 									#89569e; */
	color: 									#603c6e;
}
div#left .moduletable{
	margin-bottom: 							0px;
	font-size: 								0.92em;
}
div#left a{
	font-size: 								1em;
}
/* ------------------------------------ */
div#centerblock{ /* 3 columns layout */
	float: 									left;
	width: 									598px;
	height:									376px;
/*	height:									400px;*/
	border-left: 							1px solid #cccccc;
	border-right: 							1px solid #cccccc;
}
div#centerblockright{ /* 2 columns layout ~ right block disabled */
	float: 									left;
	width: 									719px;
	border-left: 							1px solid #cccccc;
}
div#centerblockleft{ /* 2 columns layout ~ left block disabled */
	float: 									left;
	width: 									719px;
	border-right: 							1px solid #cccccc;
}
div#centerblockfull{ /* 1 columns layout */
	float: 									left;
	width: 									960px;
}
div#centerdiv{
	padding: 								0px 10px 0px 10px;
}
div#center{text-align: left; position: relative; font-size: 1.2em; color: #89569e; font-weight: ;}
/* ------------------------------------ */
div#rightblock{
	float: 									left;
	width: 									180px;
}
div#rightdiv{
	width: 									150px;
	text-align: 							left;
}
div#right{
	font-size: 								1em;
	color: 									#939393;
}
div#right h3{
	margin: 								0px 0px 3px 0px;
	padding: 								0px 0px 3px 0px;
	border-bottom: 							1px solid #cccccc;
	font-size: 								1.18em;
	color: 									#89569e;
}
div#right .moduletable{
	margin-bottom: 							10px;
	font-size: 								0.92em;
}
div#right a{
	font-size: 								1em;
}


/* FOOTER
--------------------------------------------------------- */
div#footercontentdiv{
	margin-bottom: 							0px 0px 0px 0px;
}
div#footercontent{
	padding-top: 							0px 0px 0px 0px;
	border-top: 							0px solid #cccccc;
}
div#footerdiv{
	text-align: 							left;
	color: 									#ffffff;	
/*	color: 									#aaaaaa; */
	font-size: 								9px;
	float: 									left;
}
div#footerdiv a:link, div#footerdiv a:visited{
	color: 									#89569e;
	text-decoration: 						none;
}
div#footerdiv a:hover{
	text-decoration: 						none;
/* 	text-decoration: 								underline; */
}
span#footercopyright a:link, span#footercopyright a:visited{
	color: 									#ffffff;	
/*	color: 									#aaaaaa; */
	text-decoration: 						none;
}
span#footercopyright a:hover{
	color: 									#89569e;
	text-decoration: 						none;
/* 	text-decoration: 								underline; */
}
div#w3cdiv{
	width: 									180px;
	float: 									right;
	text-align: 							right;
}