h2{margin-top:0}
h3{margin-top:0}
.clr{height:0px;padding:0;margin:0;clear:both}

.cm_cat_catt{margin:10px; text-align:center;}
.cm_cat_catt img, .cm_cat_colt img{padding:15px 2px 3px 2px; background-image:url(/cm/icons/catbg.gif); background-repeat:no-repeat;}

.cm_cat_colt{width:100%;text-align:center;margin-bottom:0.5em;}
.cm_cat_colt div{padding:5px;background-color:#EEE;border:1px solid #DDD;}
.cm_cat_colt a:hover{color:orange}

.cm_coll_icons{width:300px; margin-left:auto;margin-right:auto;}
.cm_coll_icons td{text-align:center; vertical-align:middle; padding:0px 12px 8px 12px;}
.cm_coll_icons a{color:#000}
.cm_coll_icons a:hover{color:orange}

.cm_coll_inline	{text-align:center;/*IE*/ border-bottom:1px dotted #ccc; margin-bottom:0.2em;}
.cm_coll_inline	h2{display:inline}
.cm_coll_inline table{width:300px; margin-left:auto; margin-right:auto;}
.cm_coll_inline table td{text-align:center; vertical-align:middle; padding:0px 10px 6px 10px;}
.cm_coll_inline table td img{border-bottom:1px dotted #CCC;}

#cm_coll_dl {border:1px solid black; width:400px; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:2em;}

/* #cm_i {} */

#cm_i h1 {margin: 0; padding-bottom:4px}

#cm_i .box {
	background: #ECECEC; /*eeeeee*/; width:325px; padding:6px; margin: 0 auto; text-align: center;
}

#cm_i #icon{text-align:center;}
#cm_i #icon img{padding:12px; margin:10px; border:1px solid #ddd; background: #fff;}

#cm_i #desc {
	color:	#333;
	background-color: #eee;
	text-align:	center;
	margin-top:	0.4em;
	padding:0.3em 3em 0.3em 3em;
	border-top:			1px dotted #ccc;
	border-bottom:	1px dotted #ccc;
}


#nav {margin: 1em auto 1em; width:400px}
#nav .l{line-height:18px;overflow:auto;float:left;background-image:url('/cm/inc/prev.gif');background-repeat:no-repeat;background-position:center left;padding-left:20px;}
#nav .r{line-height:18px;overflow:auto;float:right;background-image:url('/cm/inc/next.gif'); background-repeat:no-repeat; background-position:center right; padding-right:20px;}
#nav a {border:none}
#nav a:hover,a:focus{color:orange}



#cm_i #det {width:100%; padding:0; margin:0;}
#cm_i #det #l, #cm_i #det #r {float:left; width:47%; padding:0.15em 0.5em 0.5em 0.5em;}

#cm_i ul{margin-left:1.5em;}


#code label{}
#code label span {color: #666}
#code div { text-align: center; margin: 0.5em}
#code textarea{color:#333; margin-bottom:0.6em; width:85%; overflow:auto; border:1px solid #CCC; padding:0.25em; }
#code textarea:hover{border:1px solid red;}

.latest th span{color:orange}
.latest tr td{vertical-align:top}
.latest tr td.td1{padding-right:2em}
.latest tr td div{padding:0.3em 0em 0.3em 0em}
.latest tr td div.r{background-color:#eee}
.latest tr td div.nws span{color:#666;font-weight:bold}

.cm_new{width:300px; margin:0 auto; text-align:center;}
.cm_new img{margin:0.5em}
.cm_new div{text-align:right}

#emoFrames {display:none;}
#emoFrames table {border:solid 1px #ccc; border-collapse:collapse;}
#emoFrames table th{background-color:#e3e3e3; border-bottom:solid 2px darkblue; padding:0.5em 1em 0.5em 1em;}
#emoFrames table td{padding:0.2em}
#emoFrames table tr.r1 {background-color:#e2e2e2}


/* DL button generated via JS */
#dlb {
	display:	block;
	margin-bottom:	6px
}

#dlb2 {
	display:	block;
	margin:	6px 0px;
}

/* related icons */
#similar {
	width:	535px;
	margin:	0 auto;
}

#similar h2 { margin: 0 }

div.related { width:100%; display: table; margin: 0 auto}
div.related div.rw { /*display: table-row;*/ /* max-height: 100px;*/ padding-top: 1em; padding-left: 1em; }

div.related div.rw div {
	display: block;
	float: left;
	vertical-align: middle;
	text-align: center;

	/*width: 70px;*/
	max-width:	100px;

	/* height:	80px; */
	
	height:	100%;

	margin:	0 5px;

	color: #444;
	font: 0.9em Tahoma;
	
	/* border: solid 1px red; */
}

/** resize any images too big to fit in the related grid. 21-JUNE-2011. */
div.related div.rw div img
{
	max-width: 95px;
}

div.related div a { display: block; padding-bottom: 0.2em }




/* rating stars */

#rate {
	/* background-color: red; */
	
	
	width:	300px;
	max-width: 300px;
	margin:	0 auto ;
		
}

div.rating {
	clear:	none;
	float: left;
	/* text-align: center; /*
	/* margin: 0 auto; */
	/* width: 125px; */
}

div.rating input.rate {
	display:	none
}

div.lbl {
	width:	88px;
	line-height:	25px;
	
	float: left;
	font-family: tahoma;
	font-size: 1.1em;
	text-align: center;
	color: #666;
}

div.rateVal {
	width:	88px;
	padding-left:2px;

	font-family: Tahoma;
	font-size: 0.9em;

	line-height: 25px;
	float: right;
	text-align: center;
}

/* the stars */
div.cancel,div.star{width:24px;height:24px;}
div.star,div.star a{background:url('/cm/inc/stars/star_24.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:24px;height:100%;background-position:0 0px}
div.star_on a{background-position:0 -24px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -48px}


/* rating summary message */
.rateOut { display:none; border: solid 1px #99ff66; background: #ccff99; padding: 5px; margin:0.8em}
.rateOut.err {background: #ff9999; border: solid 1px #ff6666}	/* error message */
.rateOut span.pos { color: green; background: #99ff66; font-weight: bold }	/* span for showing positive rating change */
.rateOut span.neg { color: red; background: #ffcccc; font-weight: bold }




/* comment display */

#comments { max-height: 600px; overflow: auto;}
#comments div.user_comm {
	border-bottom:	1px solid #94d530;
	margin: 0em 1em 0.3em 1em;
}

#comments div.user_comm div.info { border: 0;}

#comments .user_comm p {
	color:	#b806a6;
	margin-left:	1em;
}


/* Comment form */
#addcomment {
	width: 75%;
}

#frmComment {
	margin-left: 2em;		
}

#frmComment textarea {
	width: 100%;
	overflow: auto;
}

#frmComment #btn {
	margin:	0.4em 0 0 0;
	padding:0.35em; 
	border:1px solid #acf53a;
	background: #92D032;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer
}




/* tabs */
#tabs {
	padding-top: 1em
}

#tabs li.ui-tabs-nav-item a {
	padding-left: 3em;
	background-position: 1em center;
	background-repeat: no-repeat;
}

#tabs li.com a {
	background-image: url('/cm/inc/icons/comment2.gif');
}

#tabs li.cod a {
	background-image: url('/cm/inc/icons/html.gif');
}

#tabs li.det a {
	background-image: url('/cm/inc/icons/info.gif');
}

/** The links div below the dl button, added AUG 2010 */
.box div.links { margin-top: 15px }

.box div.links a { /* general links style */
	padding-left: 20px;
	background-position: left middle;
	background-repeat: no-repeat;
}

.box div.links a.comm {background-image: url('/cm/inc/icons/comment.gif')}	/* comment link */
.box div.links a.code {background-image: url('/cm/inc/icons/html.gif')} /* code link */


/** latest comments block on coll page */

.latest_comm { width: 270px; margin-left:15px;/*margin: 0 auto;*/ }
.latest_comm .comm {  padding: 0 0 16px 40px; /* <- padding between comments */ background: /*orange*/ url(/cm/inc/icons/comm32.gif) left top no-repeat;}	/* comment container */
div.latest_comm div p {background-color: #ddd; padding:6px; margin:0;}
div.latest_comm .info { color: #666; padding:3px 0 0 15px; margin:0; background: none;}

/** ItemList - table of 6 items (latest and most pop) */

.h {
	font-family:		"Segoe UI", arial, serif;
	font-size:	1.3em;
	font-weight: bold;
	color: #005aff;
	margin:0 0 4px 0; 
}

.itemlist {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}

.itemlist td {
	width: 33%; height: 60px; vertical-align: middle; text-align:center; /*border: solid 1px #ddd;*/
}

/** Pagination list **/

.pag-b {
	/*width: 500px;
	background: #fff;*/
}

#pag-d {
	/*border:0;*/
	padding-bottom: 15px;
	/*width: 500px;*/
	
	/*margin:0 auto;
	text-align: center;
	*/
}

#pag-d ul {
	/*margin: auto;
	width: 495px;*/
	padding: 0;
	/*background-color: #000;*/
}

#pag-d li {
	border:0; margin:0; padding:0;
	font-size:	11px;
	list-style:	none;
}

#pag-d a {
	border:	solid 1px #DDD;
	margin-right:	2px;
}

#pag-d .previous-off,
#pag-d .next-off {
	color:#666;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}

#pag-d .next a,
#pag-d .previous a {
	font-weight:bold;
	/*border:solid 1px #FFF;*/
}

#pag-d .active a {
	color:#ff0084;
	background: #DDD;
	font-weight:bold;
	display:block;
	float:left;
	padding:3px 6px;
}

#pag-d a:link,
#pag-d a:visited {
	color: #0063e3;	/* Normal color */
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
	
	background: #fff;
}

#pag-d a:hover {
	border:solid 1px #666;
}