/********** GENERAL FORMATTING **********/
body {
	margin: 0 auto;
	font-size: 16px;
	line-height: 0.9em;
	font-family: helvetica,arial sans-serif;
}
body,  h2 a, h2 a:visited,  h5, h6, select, textarea {
    color: #333333;
    font-family: Arial;
    line-height: 1.5625;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
h2 a, h2 a:visited, h5, h6 {
    color: #244C5E;
    font-weight: normal;
    line-height: 0.8em;
    margin: 0 0 10px;
}
h1 {
	color: #034C4C;
	font-family: helvetica,arial sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 20px 0 10px;
}
h2 {
    color: #8F8383;
    font-family: helvetica,arial sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 20px 20px 10px;
}


h1 a, h1 a:visited, h2 a, h2 a:visited {
    color: #244C5E;
    font-family: Arial;
}
ul, ol, li, a{padding:0; margin:0}
#container{
    position: relative;
    width: 931px;
    margin:0 auto;
}
.clear{clear:both;}
#header {text-align: left;}
#wrapper {
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 10px #344556;
	display: table-cell;
	height: auto;
	margin: 0 auto;
	text-align: center;
	width: 931px;
}
#content-home {

}
#content{
  overflow:hidden;
}


#maincontent {
    float: right;
    margin-top: 0;
    padding: 0;
    width: 750px;
}

#maincontent2{
    margin-top: 0;
    padding: 0;
}

#maincontent2 #main-body {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 630px;
}

#maincontent2 #main-content, #maincontent2 #main-home {}
#maincontent .category-header {
    margin:0;
    overflow: hidden;
    border-bottom:1px dotted #234564;
}

.flexslider a, a:link{
	border:0;
	text-decoration:none;
}


#maincontent .category-header #header-img {float: left;margin-left: 20px;}
#maincontent .category-header #header-img img{width:200px; height:120px}

#maincontent .category-header h1 {
    font: 24px/32px Georgia,"Times New Roman",Times,serif;
    padding: 20px;
	font-weight:normal;
}

#maincontent #main-body {
    float: left;
    width: 470px;
    margin-bottom:30px;
}


#main-body h1 {
    color: #333333;
    font: 30px arial;
}

#main-content h1{margin:10px 0;}
.pack-box0 p.summary{
    color: #333;
    font: italic 0.9em georgia;
}
.pack-box0 h3, .pack-box0 h1 {
	color: #034C4C;
	font-size: 1.1em;
	text-decoration: none;
	border-bottom: 1px dashed #DBDBDB;
	font-family: helvetica,arial sans-serif;
	font-weight: normal;
	line-height: 1.3em;
	margin: 20px 20px 10px;
}
/*color: #17647C; */
.pack-box0 h4, .pack-box0 h2 {
	color: #034C4C;
	font-size: 1.0em;
	text-decoration: none;
	font-family: helvetica,arial sans-serif;
	font-weight: normal;
	line-height: 1.3em;
	margin: 20px 20px 10px;
}
.pack-box0 h6 {
	color: #034C4C;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	font-family: helvetica,arial sans-serif;
	line-height: 1.3em;
	display: inline;
}
.pack-box0 ul {
	display: block;
	list-style-type: disc;
	list-style-type: disc;
}
.leftfloat {float: left;}
.rightfloat {float: right;}

/********** TEXT FORMATTING **********/

h1 {}
h2 {
	display: block;
	font-size: 2em;
}
h3 {padding:0;margin:0;}
h4{padding:0; margin:0}
blockquote {/* font-size: small; *//* line-height: 1.8em; */margin: 15px 0 15px 30px;border-left: 3px solid #dddddd;}


#main-content h2.pagetitle {font-weight: normal;color: #000;margin: 0 0 18px 0;}
#main-content p.pagetitle {margin: 18px 0;}
#main-content  {
    color: #333333;
    font: 14px/22px arial;
    margin: 0 0 10px;
}
#main-content ul li, #main-content ol li{
    background: url("../images/common/bullet_green.gif") no-repeat scroll 0 0.7em transparent;
    margin-bottom: 5px;
  	list-style:none;
  	padding-left:10px;
}
#right-content .box .h1-box-content ul{padding-left:10px}
.box .h1-box-content ul li{

}
#main-content .categories-wrapper h3 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 0 5px !important;
}
#main-content h3.first {margin-top: 10px;}	
#main-content h3 a:hover{color:#214589;text-decoration:underline;}

#main-content h4 {font-size: small;line-height: 1.6em;font-weight: bold;color: #333;margin: 0;padding: 0;}
#main-content h5 {font-size: x-small;font-weight: normal;font-style: italic;width: 100%;margin: 20px 0 10px 0;}
	
#main-content blockquote p,#main-content blockquote ol,#main-content blockquote ul {font-size: 100%;}
	
#main-content p {line-height: 1.4em;margin: 5px 0 8px 0;font-size:14px;}
	
#main-content ul {
	list-style-type: square;
	margin-bottom: 20px; 
	}
	
#main-content ul, #main-content ol{
	line-height: 1.4em; 
	padding-left: 0; 
  	padding-bottom:5px;
}

#main-content ul.indexer {
    border-bottom: 2px solid #86AB13;
    border-top: 2px solid #86AB13;
    float: left;
    font-size: small;
    line-height: 1.5em;
    list-style-position: inside;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 5px;
    padding-left: 5px;
    padding-top: 0;
    width: 200px;
}

#main-content li {
	margin: 5px;
}

.learn-more {
	margin-top: 3px;
    display: block;
    font-size: x-small;
    font-weight: bold;
    margin-top: 2px;
    margin-right: 10px;
    float: right;
}
#main-content p.learn-more{margin-top:0; margin-right:10px;}

.learn-more a {
    border-bottom: medium none !important;
    color: #2165A9 !important;
    font-size: x-small;
    padding-left: 18px;
    text-decoration: underline !important;
    text-transform: uppercase;
}
.learn-more a:hover{
	color:#ac3600!important;
}

#maincontent .spotlight ul {
    color: #333333;
    list-style-image: url("../images/linkArrow.png");
    margin: 0;
    padding-left: 10px;
}

#maincontent #relatedArticles .spotlight ul {
    font-size: 0.82em;
    line-height: 1.5em;
    margin: 0 0 20px 16px;
    padding-left: 0;
    list-style-image: url("../images/bullet.gif");
}

.spotlight ul li a {
    border-bottom: 1px dashed #E5CFCF;
    color: #2165A9;
}
.spotlight ul li a:hover, .spotlight ul li a:visited{
	color: #AC3600;
}
a, a:visited, a:active {
    text-decoration: none;
}

a:hover{text-decoration:underline;}

/* unhack ie5/win */

	
a.block {
	border: 0;
	}
	
a.img {
	border: none;
	}

strong {
    font-size: 1.1em;
    font-weight: normal;
}
	
dl {
	margin: 0;
	padding: 0;
	}

dt {
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	}

dd {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
  font-size:14px;
}

.moreinfo dt {
	font-weight: normal;
	}
	
#identity {
	background: url("../images/common/header.jpg") no-repeat scroll 0 0 transparent;
	border-radius: 10px 10px 0 0;
	height: 126px;
	width: 931px;
    position: relative;
}

#logo {
    overflow: hidden;
    float: left;
	margin-left: 50px;
	margin-top: 30px;
	display: inline;
	width: 450px;
}
}


#logo h1 {
    float: left;
    line-height: 1.25;
    margin: 8px 0 0 22px;
    padding: 0;
    text-align: left;
	font-family: tahoma;
	font-size: 26pt;
}

#logo .slogan {
	text-align: left;
	font-family: tahoma;
	font-size: 8pt;
	color: #344556;
}

#logo a {
    display: block;
    text-decoration: none;
    color: #17647C;
	font-weight: bold;
}

#search-form a {
	color: #fff;
	border-bottom: 1px solid #ce7f7f;
}
	
#search-form a:hover {
	border-bottom: 1px solid #fff;
	}

/********** NAV BARS **********/
#mainnav, #mainnav div{ 
	background: url("../images/common/menu.jpg") no-repeat scroll 0 0 transparent;
	height: 33px;
	width: 931px;
}
#mainnav{

}



#mainnav ul {

}
	
#mainnav li {
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-stretch: condensed;
	padding: 6px 10px 5px 15px;
	list-style:none;
}
	
#mainnav a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    font-weight: bold;
    text-align: center;
}

#mainnav a:hover, #mainnav a:active, #mainnav a.selected{
    color: #000;
    text-decoration: none;
}

/* unhack ie5/win */
#mainnav ul a {
    display: block;
}  


/********** SECTION TITLE **********/

#sectiontitle {
    background: url("../images/common/head3.png") repeat scroll 0 0 transparent;
    clear: left;
    height: 122px;
    margin: 0 auto;
    width: 931px;
}

#sectiontitle h1 {
    color: #333333;
    font: 28px/32px Georgia,"Times New Roman",Times,serif;
    margin: 0;
    padding-left: 40px;
    padding-top: 50px;
    text-align: left;
}
	
#sectiontitle a {
	color: #73736c;
	text-decoration: none;
	border: none;
	}


/********** SPOTLIGHT **********/

.spotlight {
    overflow: hidden;
    width: 300px;
	padding-top:20px;
}

#maincontent .w-200{
	width:200px!important;
}
#maincontent .w-200 li{
	word-wrap:break-word;
}

#maincontent .spotlight h4 {
	margin: 0 0 5px 0;
	}
	
	
/********** DOUBLE-SECTION (TWO COLUMNS) **********/
.category-list {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin: 20px 0;
    padding: 30px 0 0;
    position: relative;
    width: 100%;
}
#maincontent .category-list .group h2 {
    color: #4E3129;
}
.category-list .box-title{
position: absolute; background-color: rgb(255, 255, 255); top: -20px; left: 10px;
padding:0 10px;
}
#maincontent .category-list .box-title h2 {
    border: medium none;
    color: #34466A;
    font-family: verdana;
    font-size: 1.3em;
}
.category-list .group {
    float: left;
    margin: 0 8px 0 15px;
    width: 200px;
}
	
.category-list .group2{
    float: right;
    padding-right: 30px;
    width: 300px;
}

#maincontent .more a{
	color:#631B1B;
	font-weight:bold;
}
#maincontent .more a:hover{
	color:#2165a9;
	font-weight:bold;
}
	
#maincontent .category-list h2, #maincontent .category-list_first h2 {
    border-bottom: 1px dotted #34466A;
    margin-top: 0;
}
	
.category-list .more {
    clear: both;
    margin-left: 8%;
    text-align: left;
}
	
.category-list .banner {
	/* hide thumbnail rules from ie5/win */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background: url(../images/shadow_wide_240.gif) no-repeat top left;
	margin: -6px -9px 0 -6px;
	padding: 6px 9px 9px 6px;	}



/***************************/
ul#sectionnav {
    line-height: 20px;
    margin-left: 2px;
    margin-top: 5px;
    padding-left: 10px;
}

ul#sectionnav li{
    background-position: 0 7px;
    color: #5E5E5E;
    font-size: 12px;
    line-height: 1.5em;
    margin: 0;
    list-style: disc outside none;
}
ul#sectionnav li a {
	color: #5E5E5E;
}

ul#sectionnav li a.selected{
	font-weight:bold;
	color:#111111;
}

ul#sectionnav a:hover{
	color: #2669b2;
}

#subcontent .block ul {
    font-size: small;
    list-style-image: url("../images/common/bullet.gif");
    list-style-type: square;
    margin: 5px 5px 0 16px;
    padding: 0;
}

#subcontent .block ul li {
    background: none repeat scroll 0 0 transparent;
    color: #2669B2;
    list-style-type: circle;
    margin: 5px;
    padding-left: 0;
}
#right-content .box .h1-box-content ul.sectionnav{
  padding-left:3px;
}
/***************************/


/********** FOOTER **********/
#footerwrap {
    margin: 0 auto;
}


.footer {
	clear: both;
	color: #616161;
	font-family: helvetica,arial sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 18px;
	text-align: left;
	width: 900px;
}


#footer ul {
	width: auto;
	float: right;
	display: block;
	clear: both;
	padding-bottom: 16px;
	padding-left:0;
	margin: 2px 0 7px 0;
	list-style: none;
	}
	
#footer li  {
	float: left;
	border-left: 1px solid #acacac;
	margin-left: 7px;
	padding-left: 7px;
	font-size: x-small;
	line-height: 1.3em;
	}
	
#footer li.first  {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
	}

p.copyright{
	text-align:center;
}
	
p.copyright a {
  /*color:#034C4C;*/
  color:#616161;
}
	
p.copyright a:hover, p.copyright a:active{
	text-decoration: none;
	color: #000;
}
#footer #date_updated{
	display:inline-block;
	padding-top:3px;
}

/********** MISCELLANEOUS **********/

#skipnav {
	display: none;
	}
	
hr {
	display: none;
	}
	
a img {
	border: 0;
	}

.more{
	margin-right: 30px;
	padding-top: 5px;
	text-align: right;
	display: block;
}
.more a ,#left_related ul.sidemenu .more a{
	background: none repeat scroll 0 0 #693C5E;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}
.more a:hover,#left_related ul.sidemenu .more a:hover {
	background: none repeat scroll 0 0 #345566;
}


/*********table********/
table {
	background-color: #FFFFFF;
	border-collapse: collapse;
	margin: 10px 30px;
	white-space: normal;
	line-height: normal;
	font-weight: normal;
	font-size: medium;
	font-variant: normal;
	font-style: normal;
	border-left:1px solid #dddddd;
	border-top:1px solid #dddddd;
	text-align: start;
}
table tr td li {
	margin-left:-20px;
}
table th {
	background-color: #EDF7F7;
	color: #034C4C;
	font-family: Verdana;
	font-size: 16px;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}

table tr th p b{
	/* padding-left: 200px; */
	font-family: helvetica,arial sans-serif;
	font-weight: bold;
	color: #034C4C;
	font-size: 0.9em;
}
table tr th p{font-weight: bold;margin-left: 200px;}
table th p b {
	font-size: 14px;
}
table th p {
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
	padding: 5px;
	/*text-align: left;*/
}

table th p strong{font-weight:bold;font-size:small;}
table tr:hover td {
    color: #431B1B;
}

table tr {
	border-bottom: 1px solid #C3C3C3;
	padding: 8px;
	vertical-align: top;
}
table tr:hover {
	background-color:#D2E8F7;
}
table tr p {
	font-size: 14px;
}
table p{
	padding:0!important;
	margin:0!important;
}
table td {
	padding: 5px;
	border-right:1px solid #dddddd;
}

/*Added by pzzhang*/
#references_wrapper {
	
}
#link_references {
	color: #034C4C;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #DBDBDB;
	text-align: left;
	line-height: 1.3em;
	margin: 20px 20px 10px
}
a#link_references.on {
    background: url("../images/icon_references.gif") no-repeat scroll left center transparent;

}
a#link_references:hover{
	color:4c329e;
}
a#link_references, a#link_references.off {
    background: url("../images/icon_references_plus.gif") no-repeat scroll left center transparent;
    cursor: pointer;
    display: block;
    margin: 0;
    outline: medium none;
    padding: 0 0 0 14px;
    border-bottom: none;
    font-family: verdana;
    font-size: 0.9em;
    margin: 0;
}
#references {
    display: block;
    overflow: hidden;
    word-wrap: break-word;
    text-align: left;
}
#references ol {
	color: #222222;
	font-family: helvetica,arial sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 25px;
	margin-top: 2px;
	padding-bottom: 3px;
}
#references ol li {
	margin-bottom: 5px;
}

#related-tags{
	line-height: 1.3em;
	margin: 20px 20px 10px;
}
#related-tags h3 {
    color: #34466A;
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px 0 0;
    width: auto;
}


#related-tags a.tag, #allTags a.tag {
    background: #1773BC;
    border: 1px solid #859449;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: Arial,Tahoma,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 5px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    margin-left: 5px;
}

.word-break {
  /* The following styles prevent unbroken strings from breaking the layout */
  overflow: auto;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
  -moz-binding: url('xbl.xml#wordwrap'); /* Firefox (using XBL) */
}
#related-tags a.tag:hover, #allTags a.tag:hover{
	/*
    background-color: #3E6D8E;
    border-bottom: 1px solid #37607D;
    border-right: 1px solid #37607D;
    color: #E0EAF1;
    text-decoration: none;
*/
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

#relatedArticles .spotlight ul li{
  /* The following styles prevent unbroken strings from breaking the layout */
  width: 300px; /* set to whatever width you need */
  overflow: auto;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
  -moz-binding: url('xbl.xml#wordwrap'); /* Firefox (using XBL) */
}
#relatedArticles .spotlight ul li a{
	font-size:0.9em;
}
#relatedArticles.double {
    float: none;
    margin: 30px 0 10px;
    overflow: hidden;
    padding: 0 0 10px;
    position: relative;
}
#relatedArticles.double .box-title{
    padding: 10px 10px 0 20px;
    position: absolute;
    top:0;
    left:0;
}
#relatedArticles.double .box-title h2 {
    border: medium none;
    color: #34466A;
    font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
    font-size: 1.3em;
    margin: 0;
}
#relatedArticles .spotlight{padding-top:45px; overflow:visible;}

.addthis_toolbox a, .addthis_toolbox a:link{
	border:none;
}
.category-header h1 a{
	border:none;
}

#w-discussion {
    border-top: 1px solid #DDDDDD;
    line-height: 1.3em;
	margin: 20px 20px 10px;
}

#discussionform input, #discussionform textarea, .discussionform input, .discussionform textarea{
    color: #333333;
    font-family: 'Lora',Georgia,"Times New Roman",Times;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #CCCCCC inset;
    font-size: 16px;
    margin: 10px 5px 0 0;
    padding: 10px;
}
#discussionform label, .discussionform label{
    color: #888888;
    margin-left: 12px;
}
#discussionform textarea, .discussionform textarea{
    width: 340px;
}

#discussionform label, .discussionform label{
    color: #888888;
    margin-left: 12px;
}
#discussionform input:focus, #discussionform textarea:focus, .discussionform input:focus, .discussionform textarea:focus{
    border: 1px solid #4195b9;
}

#discussionform input#submit, .discussionform input.submit{
    background: #1773BC;
    border: 1px solid #859449;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: Arial,Tahoma,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 10px 12px;
    text-decoration: none;
    text-transform: uppercase;
}

#discussionform input#submit:active, .discussionform input.submit:active{
    border-color: #431B1B;
    cursor:pointer;
}

#discussionform input#submit:hover, .discussionform input.submit:hover{
    text-decoration: none;
    cursor:pointer;
    color: #000;
}


#discussion-add-new #new-talk .discussion-notes{
	font-size:11px;
	color:#666666;
}

.discussion_author_link{
	font-size: 14px;
    font-weight: bold;
    margin-right: 6px;
    color:#666;
}

.discussion-date, .edit_discussion, .discussion-reply {
    border-left: 1px solid #EFEFEF;
    color: #888888;
    font-size: 12px;
    padding: 0 6px;
}
.discussion-reply{float:right}

.edit_discussion a, .discussion-reply a {
    text-transform: uppercase;
}
.edit_discussion a, .discussion-reply a:hover{
	cursor: pointer;
}

.edit_discussion a:hover, .discussion-reply a:hover{
	border-bottom: 1px solid #E5CFCF;
    color: #431B1B;
}

#w-discussion .w-discussionlist ol{
    list-style: none outside none;
    margin-left:18px;
}
#w-discussion div.w-discussionlist > ol.discussionlist {
    margin: 0 0 20px 0;
}
#w-discussion > div.w-discussionlist > ol.discussionlist > li {
    border-bottom: 1px solid #EFEFEF;
    background-image: none;
}
.discussionwrapper {
    position: relative;
    overflow:hidden;
}
.clearfix {
    display: block;
}
.author-card {
    float: left;
    height: 48px;
    padding: 0;
    width: 56px;
}

div.author-card img{
	display:block;
}

div.discussion_data{padding-right:5px;}

div#w-discussion .w-discussionlist .discussion_data p{
	font-size:14px;
	padding-left:5px;
}
div#w-discussion .w-discussionlist .discussion_data p.discussion_meta {
    background-color: #f0f4f6;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 4px 4px #D5E8D6;
    padding: 5px;
}
div#w-discussion h3{
	padding-top:0;
}
#w-discussion #discussion-add-new h3 {
    color: #333333;
    font-size:18px;
}

#sub-discussion-add-new #sub-add-title{
    padding: 5px;
    font-size:small;
}



#main-content i{
	font-family:Georgia;
}

.ishelpful, .isunhelpful{
	background-image: url("../images/common/helpful-or-not.png");
	background-repeat:no-repeat;
    display: inline-block;
    height: 18px;
    width: 36px;
    font-family: verdana,arial,helvetica,sans-serif;
    text-indent: 9999px;
}
.ishelpful{
    /*background: url("../images/common/helpful-or-not.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;
    width: 36px;
    font-family: verdana,arial,helvetica,sans-serif;
    text-indent: 9999px;*/
    background-position: 0 0;
}
.isunhelpful{
	/*background:url(../images/common/helpful-or-not.png) no-repeat 0 -70px transparent;
    display: inline-block;
    height: 18px;
    width: 36px;
    font-family: verdana,arial,helvetica,sans-serif;
    text-indent: 9999px;*/
    background-position: -70px 0;
}
.ishelpful:hover{
	background-position: 0 -22px;
}
.isunhelpful:hover{
	background-position: -70px -22px;
}
a.discussion_add, a.discussion_view {
    background-image: url("../images/common/comments-buttons.png");
    background-repeat: no-repeat;
    border-bottom: medium none;
    padding-left: 20px;
    text-decoration: underline;
}
a.discussion_add{background-position: 0 0;}
a.discussion_view{background-position: 0 -18px;}

.feedback-container {
    background-color: #EDF7F7;
    clear: both;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: small;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    line-height: 1.3em;
	margin: 20px 20px 10px;
}
.feedback-container a{border-bottom:none;font-size:small;}
.feedback-container .feedback-block{float:left; padding:5px 10px 0 0;}
.feedback-container a.votingButtonReviews{
	margin-left:20px;
}

.feedback-container .feedback-title{padding-bottom:5px;width:350px;}
.feedback-container:hover{ background:#D2E8F7;}


span#add-title{
	padding-left:20px;
}
span#add-title a{
    border:none;
    text-decoration:underline;
}

.discussion-head {
    color:#034C4C;
    font-family: helvetica,arial sans-serif;
    font-size: 20px;
    font-weight: normal;
}
.discussion-head a {
	color:#034C4C;
}
.sub-discussion-add-new sub-add-title{padding:0; margin:0; font-size:20px;}

#discussion-add-new #add-title{
	padding-left:27px;
}
#w-discussion{padding-top:10px;}


.w-fbc{
    padding-left: 20px;
    padding-top: 46px;
    position: absolute;
    width: 400px;
    z-index: 3000;
}

.feedbackComment {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px #4E4E4E;
    margin-top: 6px;
    overflow: hidden;
    padding: 8px;
    position: relative;
}
.discussion-notes{font-size:12px;}

.feedbackComment p {
    margin: 0 5px;
}

.w-fbc .fbc-close {
    background: url("../images/common/close-feedback.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 16px;
    overflow: hidden;
    position: absolute;
    right: -8px;
    text-indent: -99999em;
    top: 48px;
    width: 16px;
    z-index: 100;
}

.textareaHolder {
    border: 1px solid #DDDDDD;
    margin: 6px 0;
    padding: 3px;
}
.textareaHolder textarea.default {
    color: #999999;
}
.textareaHolder textarea {
    border: medium none;
    width: 98%;
}
.textareaHolder textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.arrow {
    background: url("../images/common/top-triangle.png") no-repeat scroll 0 0 transparent;
    height: 11px;
    left: 100px;
    position: absolute;
    top: 42px;
    width: 22px;
    z-index: 1;
}


.btn-send {
    background: url("../images/common/send.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    float: right;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    text-indent: 9999px;
    width: 50px;
}
.btn-send:hover{
	background-position:0 -22px;
}
.breadcrumbs{
	font-size:small;
	overflow:hidden;
}
.breadcrumbs ul {
    list-style: none outside none;
    margin: 0;
    padding: 5px;
}
.breadcrumbs li{
	float:left;
}
.breadcrumbs li.emphasis{
	color:#345678;
}

/*for theme configuration*/
#main-heading{width: 615px; overflow:hidden;}
#main-heading .subcol1{
  float: left;
  width: 397px;
  text-align:left;
}
#main-heading .subcol2 {
    float: right;
    width: 218px;
  	text-align:left;
}

.first-section {
	background-color: #F0F0F0;
	height: 235px;
	width: 931px;
	float: right;
	margin-top: 8px;
}

.left-image {
	width: 238px;
	height: 235px;
	float: right;
	background-image: url(../images/common/left-image.jpg);
	background-repeat: repeat-x;
	border-right: solid 1px #ffffff;
	text-align: left;
}

.hot-topic {
    border-bottom: 1px dashed #00DEFF;
    color: #A4E3FF;
    font-family: helvetica,arial sans-serif;
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 3px 10px 0 12px;
    text-align: left;
}
.hot-topic-title {
    border-bottom: 1px solid #00DEFF;
    color: #344556;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 0;
    width: 215px;
}

.title1 {
	font-family: helvetica,arial sans-serif;
	font-size: 13pt;
	font-weight: bold;
	margin-left: 12px;
	padding: 3px;
}
.latest a {
    background: url("../images/common/webdev-bullet-icon.png") no-repeat scroll 2px 2px transparent;
    color: #344556;
    padding-left: 25px;
}
.hot-topic a:hover{
	color:#344556;
	text-decoration: none;
}

.mid-image {
	float: right;
	height: 235px;
	width: 434px;
}

.right-image {
	
	background: #fff;
	border-left: 2px solid #FFFFFF;
	display: inline;
	float: right;
	height: 235px;
	line-height: 1.2em;
	text-align: left;
	width: 237px;
	margin-right: 10px;
}

.wrapper2 {
	background-color: #F0F0F0;
	display: table-cell;
	float: left;
	height: auto;
	margin: 0 auto;
	text-align: center;
	width: 931px;
}

.wrapper3 {
	background-color: #F0F0F0;
	display: table-cell;
	float: right;
	height: auto;
	margin: 0 auto;
	text-align: center;
	width: 693px;
}
.second-section {
	width: 673px;
	background-color: white;
	border-bottom: 1px solid #F0F0F0;
	float: right;
	margin: 10px 10px 0 10px;
	background-color: white;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 3px #BCBCBC;
	padding-bottom:20px;
}
.second-index {width: 673px;}
.cate-alpha {
	background-color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: left;
	margin-left: 14px;
}
.pack-box2 {border-top: 1px solid #DBDBDB;}
.cate-alpha li {

	font-family: helvetica,arial sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	list-style: none inside none;
	margin-bottom: 5px;
	padding-left: 10px;
}
.cate-alpha li a {
	color:#034C4C;
	background: url("../images/common/bullet_green.gif") no-repeat scroll 0 0.7em transparent;
	padding-left: 8px;
}
#left-content {
	width: 238px;
	float: right;
	position: absolute;
	z-index:9999;
	margin-top: 3px;
}
.pack-box0 {
    width: 653px;
	background-color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #DBDBDB;
	float: right;
	line-height: 1.2em;
	margin: 10px 10px 0;
	padding-top: 10px;
	text-align: left;
}
.pack-box1 p, .pack-box0 p{
    color: #222222;
    font-family: helvetica,arial sans-serif;
    font-size: 0.9em;
    margin-left: 20px;
    margin-right: 25px;
    margin-top: 2px;
    margin-bottom: 8px;
}
.pack-box1 .strong, .pack-box0 .strong, .pack-box1 strong, .pack-box0 strong{
  font-family: helvetica,arial sans-serif;
  font-weight: bold;
  color: #034C4C;
  font-size: 0.9em;
}
.pack-box0 b {
	font-family: helvetica,arial sans-serif;
	font-weight: bold;
	color: #034C4C;
	font-size: 0.9em;
}

.pack-box1 ul, .pack-box0 ul {
    color: #222222;
    font-family: helvetica,arial sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 40px;
    margin-right: 25px;
    margin-top: 2px;
    padding-bottom: 3px;
}

.pack-box0 ol,.pack-box1 ol {
    color: #222222;
    font-family: helvetica,arial sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 40px;
    margin-right: 25px;
    margin-top: 2px;
    padding-bottom: 3px;
}
.pack-box0 ol ul,.pack-box1 ol ul {
	color: #222222;
    font-family: helvetica,arial sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 15px;
    margin-right: 25px;
    margin-top: 2px;
    padding-bottom: 3px;
}
.pack-box0 .indexer {
 	width:200px;
 	float: right;
 	border-radius: 8px 8px 0 0;
	box-shadow: 0 0 4px #6C587D;
	clear: both;
	margin: 10px 0 10px 10px;
	padding: 10px;
	background-color: #EDF7F7;
}
.pack-box0 .indexer li {
 	border-bottom: 1px dashed #D2E8F7;
	color: #777777;
	list-style-image: url("../images/common/dot2.jpg");
	margin: 0 10px 0 30px;
}
.pack-box0 .indexer li:hover {
	background-color:#D2E8F7;
}
.pack-box0 .indexer li a {color: #17647C;}
 ol {
	display: block;
	list-style-type: decimal;
}
.pack-box1 ul li, .pack-box1 ol li{
	 margin-bottom: 8px;
}
.pack-box0 ol li{
	margin-bottom: 5px;
	list-style: decimal outside none;
}
.pack-box0 ul li {
	margin-bottom: 5px;
	list-style: disc outside none;
	color: #222222;
    font-family: helvetica,arial sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.pack-box1 ul.article_list {
    font-size: 1em;
    list-style-image: url("../images/dot2.jpg");
    margin: 0 5px 0 13px;
    padding: 10px 10px 0 20px;
}
.pack-box1 ul.article_list a {
    border-bottom: 1px dashed #BCBCBC;
    color: #333333;
    line-height: 1.4;
}
.pack-box1 ul.article_list a:hover{
	color:#17647C;
	border-bottom:1px dashed #00DEFF;
}
.categories {
	border-bottom: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
}
.main-subcol {
	background-color: #FFFFFF;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: left;
	width: 215px;
	min-height: 230px;
}
.fl {
	float: left;
}
h2.seg_title {
	background-color: #F1F1F1;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 1px #636363;
	font-weight: bold;
	margin: 10px 10px 5px;
	padding: 3px 10px;
	text-decoration: none;
}
h2.seg_title:hover {
	background-color: #E3E3E3;
}
h2 .title2:hover {
	color: #1773BC;
}
.title2 {
	color: #034C4C;
	font-family: helvetica,arial sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
.description-main {
	color: #333333;
	font-family: helvetica,arial sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 2px;
	padding-bottom: 10px;
}
.main-subcol ul.article_list{
	font-size: 1em;
	list-style-image: url("../images/common/dot2.jpg");
	margin: 0 5px 0 13px;
	padding: 10px 10px 0 20px;
}
.main-subcol ul {
	color: #222222;
	font-family: helvetica,arial sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 25px;
	margin-top: 2px;
	padding-bottom: 3px;
}
.main-subcol ul li {
	margin-bottom: 8px;
}
.main-subcol ul.article_list a {
	border-bottom: 1px dashed #BCBCBC;
	color: #333333;
	line-height: 1.4;
}
.main-subcol ul.article_list a:hover {
	color: #17647C;
	border-bottom: 1px dashed #00DEFF;
	text-decoration: none;
}
.second-section h2 {
	color: #034C4C;
	font-family: helvetica,arial sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 20px 10px 10px;
}
.third-section {
	background-color: #F0F0F0;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 0 10px #344556;
	height: 96px;
	width: 931px;
}
.down-box1 {
	background-image: url("../images/common/down-image1_1.jpg");
	background-repeat: repeat-x;
	border-top: 1px solid #F0F0F0;
	float: right;
	height: 96px;
	text-align: center;
	width: 693px;
	padding-top:30px;
}
.left-box2 {
	background-image: url("../images/common/left-image3.png");
	background-repeat: repeat-x;
	float: right;
	height: 96px;
	text-align: left;
	width: 217px;
}
.left-box1 {
	background-image: url("../images/common/left-image2.png");
	background-repeat: repeat-x;
	float: right;
	height: 96px;
	width: 21px;
}
/*for homepage configuration*/
/*homepage header*/
.homepageheader {
    background-image: url("../images/common/homepage_pageheader_bg.gif");
    background-repeat: no-repeat;
    border: 0 none;
    height: 60px;
    margin: 0;
    padding: 0;
    width: 930px;
}
.homepageheader .col1 {
    float: left;
    width: 397px;
  	text-align:left;
}
.moduledate {
    height: auto;
    margin-top: 17px;
    width: 397px;
}
.moduledate .calendar {
    float: left;
    height: auto;
    width: auto;
  	font-family:tahoma, sans-serif;
  	padding-right:5px;
}
.moduledate .calendar .month{
  background:url(../images/common/month-icon.gif) no-repeat scroll  0 0 transparent;
  width:33px;
  height:12px;
  text-align:center;
}
.moduledate .calendar .month p{margin:0; padding:0;font-size:x-small;line-height:1em;font-weight:bold;color:#fff;}
.moduledate .calendar .day{
  background:url(../images/common/date-icon.gif) no-repeat scroll  0 0 transparent;
  width:33px;
  text-align:center;
  height:25px;
  font-weight:bold;
}

.moduledate .month, .moduledate .day {
    margin: 0 !important;
    padding: 0 !important;
}
.moduledate .dateheader h2, .moduledate .dateheader h2 span {
    color: #464646;
    font: bold 18px Arial;
    margin: 0 0 0 5px;
    padding: 0;
}

.moduledate .dateheader h3 {
    color: #464646;
    font: italic bold 12px Arial;
    margin: 2px 0 0 10px;
    padding: 0;
}
.moduledate .dateheader h3 span {
    color: #BF4127 !important;
    margin: 0;
    padding: 0;
}
.homepageheader .col2 {
    float: right;
    width: 533px;
  	padding-top:5px;
  	font-weight:bold;
  	font-size:small;
}
.homepagefeature p.hotlabel{margin-left:10px;float:left;}
.homepagefeature ul {
    list-style-type: none;
    margin: 17px 0 0 4px;
    padding: 0;
    text-align: left;
    width: auto;
}

.homepagefeature ul li {
    background: none repeat scroll 0 0 transparent !important;
    border-right: 1px solid #BAD5EB;
    display: inline !important;
    float: left;
    padding: 0 7px;
}

.homepagefeature ul li.last, .homepagefeature ul li.last span {
    border: medium none;
    padding-left: 7px;
}

/*end of homepage header*/




.box .container {}
.box.expert .container {
    background: none repeat scroll 0 0 #E0ECF6;
}
h2 {

}
.box .box-header{
    background: url("../images/common/header_bg.jpg") repeat-x scroll 0 0 transparent;
}
.box .header h2 {
    float: left;
}
.box .header h2, .box .header h2 span, .box .header h2 a, .box .header h2 a:visited, .box .header h2 a:hover, .box .header strong, .box .header strong a, .box .header strong a:visited, .box .header strong a:hover {
    color: #FFFFFF;
    font: bold 15px arial;
}
.box .header span, .box .header span a, .box .header span a:visited, .box .header span a:hover {
    color: #FFFFFF;
    font: bold 11px arial;
}
.box .header span {
    float: right;
    margin: 3px 10px 0 0;
}
.subcol2 .expert .header .inner {
    height: 23px;
    padding: 5px 0 0 10px;
  	overflow:hidden;
}
.subcol2 .expert .header .inner h2{
  	margin:0;
}
.subcol2 .box .h1-box-content {
    font: bold 11px/18px arial;
  	margin:0;
  	padding:0;
}
.subcol2 ul, .col2 .h1-box-content ul {
    margin-left: 8px !important;
}
.subcol2 .h1-box-content ul li{

}
.main-subcol .h1-box-content ul li{

}
.main-subcol .h1-box-content ul li a{font-size:small;}

.box .h1-box-content .inner {
    background: none repeat scroll 0 0 #FFFFFF;
  	padding: 5px 0 0;
}

.subcol2 .expert .h1-box-content {
    height: 240px;
    overflow: auto !important;
}
.subcol2 .expert .header {
    background: none repeat scroll 0 0 #5F9ED0;
}

.subcol2 .expert .header {
    background: none repeat scroll 0 0 #5F9ED0;
}

.subcol2 .expert {
    margin-bottom: 8px;
    width: 211px;
}

.main-subcol .box .container{border:none}
.box .h1-box-content .inner{padding-left:3px;}
.box{}
.box .container{

}

.box .edge{
  height: 1px;
background: #EAE9E9;
margin: 0 2px;
overflow: hidden;
display: block!important;
}
.box .top, .box .bottom{
width: auto;
height: 1px;
background: white;
border: solid 1px #EAE9E9;
border-width: 0 1px;
margin: 0 1px;
overflow: hidden;
display: block!important;
}

.box .box-header{margin: 1px 2px 0;   border-width: 0;width: auto;}
.box.blue-header .box-header {
    background-position: 0 -70px;
}
.box.orange-header .box-header {
  	background-position: 0 -35px;
}
.corners {
width: auto;
height: 1px;
overflow: hidden;
border: white solid 1px;
border-width: 0 1px;
padding: 0;
margin: 0;
}
.h1-box-header{
    color: #FFFFFF;
    font: bold 15px arial;
    margin-bottom: 5px;
}

.box .box-header .inner{
  	height: 23px;
    margin: 0 2px;
    padding: 5px 0 0 10px;
}

#left-content .h1-box-content ul li{    background: url("images/icon-right.png") no-repeat scroll 2px 5px transparent;
    border-bottom: 1px solid #DDDDDD;
    list-style-type: none;
    margin: 0 0 9px;
    padding: 0 0 7px 20px;
    word-wrap: break-word;}

#left-content #subcontent .h1-box-content ul li{color:#999;list-style:circle outside none;}

.home-recommend .recommend-article{
	
}

.home-recommend img{
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}
.home-recommend h2{
	color: #034C4C;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #DBDBDB;
	margin: 8px 10px;
	text-align: center;
}
.home-recommend h2 a {
	border-bottom: 1px dotted #17647C;
	color: #17647C;
	font-family: helvetica,arial sans-serif;
	font-size: 14pt;
	font-weight: bold;
}
.home-recommend h2 a:hover {color:#1773BC;text-decoration: none;}
.home-recommend p{
	color: #222222;
	font-family: helvetica,arial sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	margin: 5px 20px;
}


.hl-byline{font-style:italic; font-size:x-small; display:inline;color:#999;padding-left: 5px;}

.nodeheader{
  	background: url("../images/common/nodeheader_bg.gif") repeat-x scroll 0 12px transparent;
    margin: 0 0 10px;
    width: auto;
}
#featured .nodeheader{background-position:0 -38px}
#featured .nodeheader h2{color: #FB690A}
.nodeheader h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline;
    font: bold 18px arial;
    padding: 0 5px 0 0;
  	color: #93AF3C;
}

a.hl-home-article{font-size:medium; font-weight:bold;}

#other-cat, #top-tags{
	background-color: #F0F4F6;
    border: 10px solid #E7EEF1;
    margin-top: 12px;
    padding: 8px 10px 0;
    width: 425px;
}
#other-cat h3, #top-tags h3{font-size:20px;}
#other-cat ul.kw, #top-tags  ul.kw {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
}
#other-cat ul.kw{width:200px;}
#top-tags  ul.kw{width: 130px;}

#other-cat ul.kw li, #top-tags ul.kw li{
    margin-bottom: 10px;
}

#other-cat ul.kw li a, #top-tags ul.kw li a {
    background: url("../images/common/square.gif") no-repeat scroll 2px -1px transparent;
    color: #2669B2;
    display: block;
    font-size: 14px;
    padding-left: 10px;
    word-wrap: break-word;
}
#other-cat ul, #top-tags ul{
	list-style:none outside none;
	margin:0;
	padding:0;
}

.articles-list{
	float: left;
    margin-left: 10px;
    width: 290px;
}
.newArticles dl{overflow:hidden;}
.newArticles dl dt{
	border-bottom: 1px dashed #00DEFF;
	color: #A4E3FF;
	font-family: helvetica,arial sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 5px 10px 0 12px;
	text-align: left;
}
.newArticles dl dt a{
	background: url("../images/common/webdev-bullet-icon.png") no-repeat scroll 2px 2px transparent;
	color: #FFFFFF;
	padding-left: 25px;
}
.newArticles dl dt a:hover {text-decoration: none;color: #000;}
.newArticles dl dd{padding:0 5px}
.newArticles dl dd .learn-more{padding:0 3px 3px 0;margin:0;font-weight:normal;}
#right-content{
	width: 238px;
	float: right;
}
#hot.left_title, #hot.left_title2 {
	background-color: #fff;
}
.left_title {
	background-color: #EDF7F7;
	border-radius: 8px 8px 0 0;
	box-shadow: 0 0 4px #6C587D;
	clear: both;
	margin: 10px 0 10px 10px;
	padding-bottom: 10px;
}
#hot.left_title h3 {
	background-color: #1773BC;
	color: #EDF7F7;
}
.left_title2 h3, .left_title h3 {
	background-color: #1773BC;
	border-bottom: 2px solid #EEEEEE;
	color: #fff;
	line-height: 1.4em;
	margin: 20px 0 0;
	padding: 5px;
	font-size: 1em;
}
.sidemenu {
	border-bottom: medium none;
	font-size: 0.9em;
	list-style: none outside none;
	margin: 8px 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
}
#hot.left_title li {
	color: #777777;
}
.sidemenu li {
	border-bottom: 1px dashed #D2E8F7;
	color: #777777;
	list-style: none outside none;
	padding: 0;
}
.sidemenu {
	font-size: 0.9em;
	list-style: none outside none;
	text-align: left;
}
.hot-topic {
	color: #A4E3FF;
	font-family: helvetica,arial sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
}


#hot.left_title li {
	margin: 0 10px 0 10px;
	background: url("../images/common/webdev-bullet-icon.png") no-repeat scroll 2px 2px transparent;
	padding-left:20px;
}
#hot.left_title a {
	color: #344556;
	line-height: 1.5;
	text-decoration: none;
}
#hot.left_title a:hover{
	color:#fff;
	border-bottom: 1px solid #fff;
}

#hot.left_title li:hover{
	background-color:#1BA4EA;
}

#left_related ul.sidemenu li {
	border-bottom: 1px dashed #D2E8F7;
	color: #777777;
	list-style-image: url("../images/common/dot2.jpg");
	margin: 0 10px 0 30px;
}
#left_related ul.sidemenu a {
	color: #17647C;
	line-height: 1.5;
	padding: 0;
	text-decoration: none;
	background: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
ul.sidemenu li:hover{
	background-color: #D2E8F7;
	text-decoration:underline;
}
.home-recommend .h1-box-content{}
#subcontent .h1-box-content a{color:#005CB7;font-weight:bold;}
#subcontent.showcat{margin: 0 0 40px}
#subcontent.showcat h3.h1-toc-title{
    font-size: 24px;
    margin: 0 0 15px;
}
.h1-toc a {
    list-style-type: none;
    word-wrap: break-word;
}
.h1-toc a.selected {
    color: #5E5E5E;
    text-decoration: none;
}
.h1-toc ul{list-style:none;padding:0; margin:0;font-size:14px;}
.h1-toc li{
  	background: url("../images/common/icon-right.png") no-repeat scroll 2px 5px transparent;
    border-bottom: 1px solid #DDDDDD;
    list-style-type: none;
    margin: 0 0 9px;
    padding: 0 0 7px 20px;
    word-wrap: break-word;}
.pack-box4 {
    background-color: #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #DBDBDB;
    line-height: 1.2em;
    margin: 10px 10px 0;
    padding-top: 10px;
    text-align: left;
}

.pack-box4 .description_main {
    color: #333333;
    font-family: helvetica,arial sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.2em;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 2px;
    padding-bottom: 10px;
}

.pack-box4 h2{
	color: #034C4C;
    font-size: 1em;
    font-weight: bold;
    margin: 0 20px;
    padding: 0;
    text-decoration: none;
	border-bottom: 1px dashed #EBEBEB;
}

.pack-box4 h2 a {
    color: #034C4C;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 0;
    text-decoration: none;
}
.sub-title {
	color: #3F3A3A;
	font-family: helvetica,arial sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	font-style: italic;
}


#ads_main_start {
float: right;
margin: 8px 25px 8px 8px;
}

#sameCategory .learn-more{color:#fff; font-style:italic;}

.categories-wrapper{overflow:hidden;}
.categories-wrapper dl dd{border-bottom:1px solid #93AF3C;}
#main-body #main-content .categories-wrapper dl dt{padding-top:8px;}
#main-body #main-content .categories-wrapper dl dt h3{font-size:14px;}
#main-content .categories-wrapper dl dd p{margin-bottom:5px; margin-top:0}

.three-columns dl{float:left; width:200px;}
.categories-wrapper.three-columns dl dd{border-bottom:none}
.categories-wrapper dl dd{padding:3px 0}
.categories-wrapper dl dt h3{font-size:16px;}
.categories-wrapper{}
.categories-wrapper dd a.learn-more {
    display: inline;
    float: none;
    font-size: small;
    font-style: italic;
    font-weight: normal;
}
.categories-wrapper .main-subcol {
    float: left;
    width: 300px;
  	margin-right:10px;
}
.update-date{font-style:italic;font-size:x-small;color:#999;display:inline;}
.recommend-wrapper{overflow:hidden; border:1px solid #ffffff;padding:3px;}
div.preload-image{background: url(../images/common/vote_sprite.png) no-repeat -9999px -9999px;}


.rating {width: 300px;margin: 0 auto;}

.rating a.down, .rating a.up { width: 100px; float: left; text-indent: -9999px; height: 126px; background: url(../images/common/vote_sprite.png) no-repeat; }

.rating a.up{ background-position: -100px 0; margin-right: 50px; }
.rating a.down, .rating a.down.unselected:hover { background-position: 0 0; margin-left: 50px; }

.rating a.up.unselected:hover{background-position: -100px 0; margin-left: 0; margin-right:0;}
.rating a.down:hover, .rating a.down.selected { background-position: 0 -126px; }
.rating a.up:hover, .rating a.up.selected { background-position: -70px -252px; width: 130px; margin-left: -30px; }




.votingMessage.processing{background-image:url("../images/common/indicator.gif"); background-repeat: no-repeat;display: block;padding-left: 20px;position: absolute;}
.votingMessage.done{background-image: url("../images/common/check.png");background-repeat: no-repeat;display: block;padding-left: 20px;position: absolute;}
/*about added by houzezhou*/
#identity .aboutus{position:absolute;display:block;width:100px;height: 30px;top:5px;right:0;cursor:pointer;background:url("../images/common/aboutus.png") no-repeat 2px 2px;}
#identity .aboutus span{font-size: 14px;margin-left: 31px;color: #9AA7AE;}
/*google search start*/
.header-search{
    position: absolute;
    width: 200px;
    bottom: 12px;
    right: 15px;

}
.header-search-form{
    width: 100%;
    border: 1px solid #50a2e8;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
    height: 27px;
}
.header-search-form input{
    float: left;
    margin-bottom: 0!important;
    background-color: #eeeff1;
}
.hdf-text{
    width: 159px;
    border: none!important;
    outline: none!important;
    padding: 0!important;
    margin-left: 16px;
    padding-top: 6px!important;
    box-shadow: none!important;
}
.hdf-text:focus{
    box-shadow: none!important;

}
.hdf-submit{
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    background-size: 100% 100%;
    height: 23px;
    width: 23px;
    background-color: #efeff1!important;
    cursor: pointer;
    margin-top: 2px;
}
/*google search end*/
/*search results start*/
.google-search{
    width: 100%;
    overflow: hidden;
    border:none;
}
.google-search #left-content{
    float: left;
    width: 238px;
    position: static;
    min-height: 500px;
}
.google-search .right-Results{
    font-size: 12px;
    float: left;
    width: 680px;
    margin-top: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-left: 8px;
    text-align: left;
}
.google-search .third-section{
    clear: both;
}
#___gcse_0{
    text-align: left;
    width: 675px;
}
#___gcse_0 table,#___gcse_0 tbody,#___gcse_0 tr,#___gcse_0 td{
    border: none!important;
    padding: 0!important;
    margin-left:8px;
}

.google-search .right-Results h1{
    padding-left: 0.5em;
    font-size: 1em;
}
.google-search .right-Results p{
    margin: 0;
}
.mt-title{
    font-size: 1.8em;
    color: #08e;
}
.mt-key{
    font-size: 2em;
    padding: 10px 20px 0;
}
.gsc-control-cse{
    padding: 0!important;
}
.gsc-result-info{
    font-size:14px;
}
.gsc-orderby-container{
    display: none;
}

#___gcse_0 .gsc-result-info{
    padding-top: 0;
}
#___gcse_0 .gsc-above-wrapper-area{
    border-bottom: 2px dashed #adb1b5;
}
#___gcse_0 table{
    margin: 0;
}
#___gcse_0 .gcsc-branding{
    display: none;
}
#___gcse_0 .gsc-webResult.gsc-result{
    border-bottom: 1px solid #c5c5c5;
}
#___gcse_0 .gs-title{
    font-size: 23px;
    text-decoration: none;
}
#___gcse_0 .gsc-adBlock{
    display: none!important;
}
#___gcse_0 .gs-title a{
    font-size: 16px;
    color: #08e;
}
#___gcse_0 .gs-title b{
    font-size:17px;
    color: #08e;
    text-decoration: none;
}
#___gcse_0 .gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet{
    padding: 10px;
    color: #777;
    font-size: 16px;
}
#___gcse_0 .gsc-url-top{
    margin-bottom:5px;
}
#___gcse_0 .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long{
    color: #c5c5c5;
}
#___gcse_0 .gs-bidi-start-align.gs-snippet{
    color: #8c8c8c;
    font-size: 14px;
}
#___gcse_0 .gsc-results .gsc-cursor-page{
    border: 1px solid #c9c9c9;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    color: #656565;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-current-page{
    border: 1px solid #81bdd6;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    color: #656565;
}
/*search end*/
/*editor article style*/
#editor-arcStyle{
    width: 500px;
    float: none;
    margin: 0;
}
/*pagiNation start*/
.pagiNation{
    text-align:center;
    margin:10px 0;
}
.pagiNation a{
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-decoration: none;
    margin-left: 5px;
    cursor: pointer;
    line-height: 40px;
    font-size: 1.3em;
    text-align: center;
}
.pagiNation a:hover{
    background: #344556;
    color: white!important;
}
.pagiNation .pageGo{
    width: 32px;
    position: relative;
    /* top:15px; */
    text-indent: -9999px;
}
.pagiNation #pagePre{
    background-image:url('../images/common/category-icon.png');
    background-position: -5px 0;
    /* text-indent: -9999px; */
}
.pagiNation #pageNext{
    background-image:url('../images/common/category-icon.png');
    background-position: -39px 0;
}
/*pagiNation end*/

#stickyunit {position: fixed;right:0;top:0;}
#taboola-below-article-thumbnails {margin: 10px 20px;}
#taboola-below-article-thumbnails-2nd {margin: 10px 20px;}