/*  Site Tab */
#home #siteNav li.current a, #home #siteNav li.current a:link, #home #siteNav li.current a:visited { background-color:#fff;	background-image: none; color: #37454e; border-bottom: 1px solid #fff;}

/*  Structure */
#home #wrapperWit { background-color:	#fff;	background-image: none; border-top: 1px solid #fff;}
	#home #wrapperWit #gooey {	background: transparent url(/images/design/wrapper_solid_bottom.gif) bottom left no-repeat; }
	#home #wrapperWit #content {	padding-top:12px;	padding-left: 12px;width: 900px;}
	#home #wrapperWit #shell { background-color: #fff; background-image: none; }

#home #content {
	width: 900px;
}

#container-1 p{	color: #fff;	line-height: 18px;	padding-bottom: 10px;}
	
#section-1 .screenshot {	float:right; margin-top:27px;}
#section-1 .text {	width: 432px;	padding: 50px 0 0 36px;float:left;}

#section-2 .screenshot {	float: right;	margin: 0;}
#section-2 .text {	width: 432px;	padding: 50px 0 0 36px; float:left;}

#section-3 .text {	width: 432px;	padding: 50px 0 0 36px;float:left;}
#section-3 .modules {width:370px;float:right;color:#fff; font-size:11px; padding-right:0px;margin-top:40px;}
#section-3 .modules strong {display:block; text-shadow:0px 0px 0px #fff; font-size:12px; padding:0 0 2px 0;}
#section-3 .modules em {font-style:normal;}
#section-3 .modules ul{ width:165px; float:left;padding-right:15px;}
#section-3 .modules ul li{ padding: 10px 0; height:40px; }
#section-3 .modules h3 {width:350px;margin: 0 5px 0 0;	padding: 0 0 4px 0;color:#fff;font-size:14px; border-bottom:1px solid #578BD5;text-shadow:0 0 0 #fff; line-height:18px;}
#section-3 .modules .icon {float:left; margin-right:6px;}

#section-4 .screenshot{	float:left; margin:0px;}
#section-4 .text {	width: 435px;	padding: 60px 55px 0 0;float:right;}

#section-5 .pronet{ float:left; margin-top:24px; padding-left:20px; width:360px;}
 #section-5 .pronet a:link, #section-5 .pronet a:visited{padding:3px; background-color:#fff; border: 1px solid #293459;float:left; margin:0 0 10px 10px;display:block;}
 #section-5 .pronet a:hover{padding:3px; background-color: #C5DCE7; border: 1px solid #fff;float:left; margin:0 0 10px 10px;display:block;}
#section-5 .text {	width: 432px;	padding: 40px 55px 0 0;float:right;}

/*  Headline Replacement */
#container-1 h2 span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}
	#section-1 h2{ 	width: 422px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(/images/design/text_home_tab1.gif) top left no-repeat;}
	#section-2 h2{ 	width: 426px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(/images/design/text_home_tab2.gif) top left no-repeat;}
	#section-3 h2{ 	width: 318px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(/images/design/text_home_tab3.gif) top left no-repeat;}
	#section-4 h2{ 	width: 436px;	height: 31px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(/images/design/text_home_support.gif) top left no-repeat;}
	#section-5 h2{ 	width: 384px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(/images/design/home_text_tab5.gif) top left no-repeat;}

#section-2,#section-3,#section-4,#section-5 {display:none;}




.button_try {
margin-right:5px;
}

.blurb {
 padding: 0 12px 0 0;
 margin: 0;
}
.tout {
 color: #0063a9;
font-size: 18px;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

h3.replacement span {height:0;width:0; overflow:hidden; font-size:.1em; color:#fff;display:block;background-color:transparent;}
h3.replacement { background: #fff url(/images/design/text_home_expression.gif) top left no-repeat; width:335px; height:36px;padding:0; margin:0;}

.msmHeader span, .recentBlogHeader span, .tagHeader span {
	height:0;width:0; overflow:hidden; font-size:.1em; color:#fff;display:block;background-color:transparent;
}
.msmHeader {
	background: #fff url(/images/design/msm_header_text.gif) top left no-repeat; width:335px; height:36px;padding:0; margin:0;
}

.tagHeader {
	background: #fff url(/images/design/tag_header_text.gif) top left no-repeat; width:335px; height:26px;padding:0; margin:0;
}

.recentBlogHeader {
	background: #fff url(/images/design/recent_entries_header_text.gif) top left no-repeat; width:335px; height:30px;padding:0; margin:0;		
}

.informationSet {
	border-top:1px solid #ccc;
	clear:both;
}

.user_types img {float:left; margin-left:-15px;}
.user_types img.alt {float:right; margin-left:5px;}

.user_types {
	padding: 25px 0 25px 13px;
	width: 500px;
	float: left;
	font-size:12px;
}

.user_types p{
	padding: 5px 0;
	line-height: 18px;
	color: #3C5768;
}


.usertw_types {
	padding: 5px 5px 15px 5px;
	border-top:1px solid #ccc;
	width: 900px;
	float: left;
}
.usertw_types ul { width:900px;}
.usertw_types li { width:206px; margin:5px 5px 0px 5px; padding:10px 0px 0px 5px; height:190px; float:left; color:#666; line-height: 18px; border:#0063a9 1px solid;}


.usertw_types p{padding: 3px 0;	color: #3C5768;}
.userone_types {padding: 0px 5px 0px 5px;width: 900px;float: left; text-align:left;}
.userone_types ul { width:900px; padding-bottom:20px;}
.userone_types li { width:213px; margin:5px 5px 0px 5px; padding:0px 0px 0px 0px; float:left;color:#3C5768; line-height:18px; text-align:left;}

.user {
	width: 150px;
	padding-right: 25px;
	float: left;
}

.user p {
	color: #4D687A;
	font-size: 11px;
	line-height: 14px;
	padding: 5px 0;
	margin: 0;
	}



.user ul{	
	font-size: 11px;
}

.user li{
		background:				transparent url(/images/design/footer_list_bullet.gif) 0 3px no-repeat;
	padding:				0 0 4px 12px;
}
.user a:link, .user a:hover {
	color: #1F6C9C;
}

.featured_user{
	float: right;
	width:346px;
	padding: 25px 5px 5px 0;

}

.featured_user .screenshot{
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	color: #394852; 
}

.featured_user p{
	padding-bottom: 6px;
}

.featured_user p.title {
	font-weight: bold;
	color: #394852;
	line-height: 16px; 
}

.featured_user p.title em{
	font: italic 12px georgia, 'times new roman', serif;
}

.featured_user blockquote {
	padding: 0;
	margin: 0;
	font: normal 12px/18px georgia, 'times new roman', serif;
	color: #999; 
}

.featurednew_user{
	float: right;
	width:346px;
	padding: 5px 5px 5px 0;
	font-size:12px;

}

.featurednew_user ul {
	line-height: 20px;
}

.featurednew_user li {
	line-height: 20px;
}

/*

Tabs - important styles to ensure accessibility in print

*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print {
    .anchors {
        display: none;
    }
}

/*

Tabs - not important for accessibility, just for the look of it...

*/

#container-1 {
	background: #72A6F2 url(/images/design/home_banner_bg.jpg) top left no-repeat;
	width: 901px;
	padding: 0;
	margin: 0;
	min-height:362px;
}

.fragment1,.fragment2,.fragment3,.fragment4,.fragment5 { min-height: 277px;}
.fragment2,.fragment3,.fragment4,.fragment5 { display:none;}

.anchors {list-style: none; margin: 0; padding: 0; height: 85px;}
.anchors li { margin: 0; float: left;}

/* attaching active state to background of li for pre-loading */
.anchors .tab1 {	background: url(/images/design/tab_hover_1.jpg) top left no-repeat; width: 189px;}
.anchors .tab2 {	background: url(/images/design/tab_hover_2.jpg) top left no-repeat; width: 175px;}
.anchors .tab3 {	background: url(/images/design/tab_hover_3.jpg) top left no-repeat; width: 175px;}
.anchors .tab4 {	background: url(/images/design/tab_hover_4.jpg) top left no-repeat; width: 175px;}
.anchors .tab5 {	background: url(/images/design/tab_hover_5.jpg) top left no-repeat; width: 187px;}


.anchors a {display: block; position: relative; top: 0px; left:0; z-index: 2; padding: 0px; color: #000; height: 85px;}


/* Tab Rollovers */
.anchors .tab1 a:link, .anchors .tab1 a:visited { background: url(/images/design/tab_normal_1.jpg) top left no-repeat; width: 189px; position:static;}
.anchors .tab2 a:link, .anchors .tab2 a:visited { background: url(/images/design/tab_normal_2.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab3 a:link, .anchors .tab3 a:visited { background: url(/images/design/tab_normal_3.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab4 a:link, .anchors .tab4 a:visited { background: url(/images/design/tab_normal_4.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab5 a:link, .anchors .tab5 a:visited { background: url(/images/design/tab_normal_5.jpg) top left no-repeat;width: 187px;position:static;}

.anchors .tab1 a:hover { background: url(/images/design/tab_hover_1.jpg) top left no-repeat; width: 189px; position:static;}
.anchors .tab2 a:hover { background: url(/images/design/tab_hover_2.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab3 a:hover { background: url(/images/design/tab_hover_3.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab4 a:hover { background: url(/images/design/tab_hover_4.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab5 a:hover { background: url(/images/design/tab_hover_5.jpg) top left no-repeat;width: 187px;position:static;}


/* Makes the text disappear */
.anchors span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}


.anchors .tabOn1 {	background: url(/images/design/tab_active_1.jpg) top left no-repeat; width: 189px;}
.anchors .tabOn2 {	background: url(/images/design/tab_active_2.jpg) top left no-repeat; width: 175px;}
.anchors .tabOn3 {	background: url(/images/design/tab_active_3.jpg) top left no-repeat; width: 175px;}
.anchors .tabOn4 {	background: url(/images/design/tab_active_4.jpg) top left no-repeat; width: 175px;}
.anchors .tabOn5 {	background: url(/images/design/tab_active_5.jpg) top left no-repeat; width: 187px;}

/*QQÔÚÏß¿Í·þ*/
#homeqqservices {position:absolute;width:460px;height:245px;margin-top:-1100px;margin-left:230px;background-color:#fff;border:solid 1px #000000;font-size:14px;font-weight:bold;color:#FFFFFF; filter:Alpha(opacity=85);}
#homeqqbox {width:461px;height:247px;background-color:#000;border:solid 5px #999 ;border-left:0px;	border-top:0px;}
#homeqqleft {float:left;position:relative;background-color:#6795b4;text-align:left;width:330px;height:21px;padding-left:10px;	padding-top:9px;}
#homeqqright {float:right;position:relative;background-color:#6795b4;text-align:right;width:110px;height:24px;padding-top:6px;padding-right:10px;border-right:1px #000000 solid;}
#homeqqservicestext {width:460px;height:216px;background-color:#fff;color:#000000;text-align:center;}
#homeqqonline{ width:390px; height:120px; padding:30px; padding-bottom:0px; }
#homeqqonline ul {float:right;list-style:none; height:100%; width:390px; margin:0px; padding:0px;}
#homeqqonline ul li{float:left; width:88px; height:83px; text-align:center; border:1px #000000 solid; margin-left:3px; margin-right:3px; color:#ff0000;padding-top:5px; line-height:20px;}
#homeqqonline ul li a:link,
#homeqqonline ul li a:visited {color:#cccccc;}
#homeqqonline ul li a:hover{color:#ff0000;}
#homeqqtext {width:460px;height:20px;background-color:#fff;color:#0e7fc7; text-align:center; line-height:25px;}