body{
 margin: 0;
 padding:0;
 font: 1.4em/1.6em Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
 }	 

a{TEXT-DECORATION:none}

img{border: 0px}
	 
#lh-col{
 position:absolute;
 top:80px;
 left:0;
 width:224px;
 z-index:0;
}

#rh-col{
 position:absolute;
 top:80px;
 right:0;
 width:224px;
 z-index:1;
}

#c-block {
 width:100%;
 z-index:0;
}

#hdr{
 width:100%; 
 margin:0;
  }

#c-col{
 margin:0 220px 0 220px;
 position:relative;
 z-index:0;

 }

#ftr {
 width:100%;
 margin:0;
 } 


* {margin:0;padding:0}


html{
	font-size: 10px;
}

#topPart {
	background: #2270C3 url(images/header.png) repeat-x top left;
	color: #FFF;
}

#topPart a:link, #topPart a:visited {
	color: #FFF !important;
	border: none;
}
#topPart a:hover {
	color: #246 !important;
}
#topLinks {
	padding: 7px 10px 0 10px;
}
	#topLinks td{
		vertical-align: top;
	}
#topLinks #contentLink{
	display: inline;
}
#topLinks .addLink{
	/*float:left;*/
	display: inline;
	background: url(img/add.gif) no-repeat 1px 2px;
	padding-left: 14px;
	font-weight: normal;	
	height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	padding-right: 1ex;
}
#topLinks #signInOutLink{
	font-weight: bold;
	border-bottom: none;
	padding: 1px 0 1px 19px;
}
#pageTitle {
	margin:22px auto;
	padding: 3px 5px 3px 5px;
	text-align:center;
	color: #FFF;
}
	#pageTitle span{
		padding: 0 2px !important;
	}
	.inputPageTitle{
		border: none !important;
		margin: 0;
		padding: 0 2px;
		text-align:center;
		color: #2C537F;
	}
.module, .moduleEdit{
	background: #FFF;
	margin: 5px;
}
.module{
	border: 3px solid #DCDFE2;
}
.moduleFrame{
	border: 1px solid #4E8EE2;
	overflow: hidden;
	background: #FFF;
}
.moduleHeader{
	background: #4e8ee2 url(images/module-header.gif) repeat-x left top;
	height: 1.8em;
	min-height: 20px;
	overflow: hidden;
	border-top: 1px solid #a7d0f6;
	border-left: 1px solid #a7d0f6;
	color: #FFF;
}
.moduleHeader .title{
	font-weight: bold;
	padding-left: 4px;
	line-height: 1.8em;
	color: #FFF;
	overflow: hidden;
	display: inline;
}
		.moduleHeader .title a{
			color: #FFF;
			text-decoration: underline;
			border: 0;
		}
		.moduleHeader .title a:hover{
			color: #333 !important;
			border: 0;
		}
		.moduleHeader .title  em,.moduleHeader .title  em a{
			font-style: normal;
			color: #333;
		}
		body .moduleHeader .title a .unread{
			border: none !important;
		}

	.white{background: #9e9e9e url(images/module-white.gif) repeat-x top left; border-color: #D9D9D9;}
	.yellow{background: #E2904E url(images/module-yellow.gif) repeat-x top left; border-color: #f6c4a7;}
	.green{background: #66B161 url(images/module-green.gif) repeat-x top left; border-color: #ABCFA5;}
	.orange{background: #e2584e url(images/module-red.gif) repeat-x top left; border-color: #f6a7a8;}
	.blue{background: #4e8ee2 url(images/module-header.gif) repeat-x top left; border-color: #A7D0F6;}
	.red{background: #E24E61 url(images/module-orange.gif) repeat-x top left; border-color: #F6A7B8;}
	
	.blue-module .moduleFrame{
		border-color: #4e8ee2 !important;
	}
	
	.green-module .moduleFrame{
		border-color: #66B161 !important;
	}
	
	.white-module .moduleFrame{
		border-color: #9e9e9e !important;
	}
	
	.yellow-module .moduleFrame{
		border-color: #E2904E !important;
	}
	
	.orange-module .moduleFrame{
		border-color: #e2584e !important;
	}
	
	.red-module .moduleFrame{
		border-color: #E24E61 !important;
	}



.moduleContent{
clear: both;
padding: 7px;
background: #FFF;
border-top: 1px solid #ddd;
}

.moduleContent span{
padding: 10px 7px 5px 7px;
}
	.moduleContent table.nv-datagrid th{

		background: #EEEEEE;
		border-bottom: 1px solid #DDD;

	}
.moduleContent .collapsible{
	background: #F8F8F8;
	border: 1px solid #DDD;
}
	.moduleContent .collapsible h3 a{
		background-color: #F0F0F0;
	}
	.moduleContent .collapsible h3 a:hover{
		background-color: #E8E8E8;
	}
	.moduleContent .collapsed h3 a{
		background: #F0F0F0 url(img/showMod.gif) no-repeat 3px center;
	}
	.moduleContent .expanded h3 a{
		background: #E8E8E8 url(img/hideMod.gif) no-repeat 0 center;
	}
table.nv-datagrid{
	table-layout: fixed;
	
	width: 99%;
	margin: 0 auto;
	border-collapse: separate;
}
	table.nv-datagrid th{
		font-weight: bold;
		background: #EFF5FF;
		border-bottom: 1px solid #C1D8FF;
		padding: 3px;
	}
	table.nv-datagrid td{
		overflow:hidden;
		text-overflow:ellipsis;
		
		border: 1px solid #efefef;

		margin: 0;
	}
	table.nv-datagrid tfoot td{
		border-top: 1px solid #DDD;
	}
	
/* ccwebkey_add */
.red_input
{ border: 3px solid #aaa;
  color:#FF0000;
  font-weight:bold;
}
.gray_input
{
  border: 2px solid #aaa;
}

/* Tooltip */
#dhtmltooltip{
position: absolute;
width: 150px;
padding: 2px;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	border: 1px solid #EBEBA9;
	border-bottom-color: #C3C370;
	border-right-color: #C3C370;
	background: #FFFFE0;
	color: #000;
}


#tooltip{
	position: absolute;
	display: none;
	z-index: 1000;

	border: 1px solid #EBEBA9;
	border-bottom-color: #C3C370;
	border-right-color: #C3C370;
	background: #FFFFE0;
	color: #000;
}
	#tooltip .tooltipFrame{

	}
	#tooltip .tooltipFrame2{
		padding: 5px;
	}
.red_span{
background-color: #FF0000;
}

.yahoocn,.mixx,.propeller,.stumbleupon,.facebook,.diglog,.delicious,.digg,.tech,.twitter,.yahoo,.google,.live,.blogmark,.newsvine,.furl,.reddit,.ma,.blinklist,.qq,.baidu,.365key,.fanfou,.jiwaide,.wong  {
  width:16px;
  height:16px;
  background-image:url(/images/01478.png);
  background-repeat: no-repeat;
  float: left;
  margin-left: 5px;
  cursor:hand;
}
.delicious{background-position: 0 0px;}
.digg{background-position: 0 -20px;}
.tech{background-position: 0 -40px;}
.twitter{background-position: 0 -60px;}
.yahoo{background-position: 0 -80px;}
.google{background-position: 0 -100px;}
.live{background-position: 0 -120px;}
.blogmark{background-position: 0 -140px;}
.newsvine{background-position: 0 -160px;}
.furl{background-position: 0 -180px;}
.reddit{background-position: 0 -200px;}
.ma{background-position: 0 -220px;}
.blinklist{background-position: 0 -240px;}
.qq{background-position: 0 -260px;}
.baidu{background-position: 0 -280px;}
.365key{background-position: 0 -300px;}
.wong{background-position: 0 -320px;}
.fanfou{background-position: 0 -340px;}
.jiwaide{background-position: 0 -360px;}
.diglog{background-position: 0 -380px;}
.facebook{background-position: 0 -400px;}
.stumbleupon{background-position: 0 -420px;}
.propeller{background-position: 0 -440px;}
.mixx{background-position: 0 -460px;}
.yahoocn{background-position: 0 -480px;}


#tabSearchForm .search 
{	BORDER-RIGHT: #cbcbcb 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #cbcbcb 1px solid;
	PADDING-LEFT: 2px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FLOAT: right;
	MARGIN: 1px;
	BORDER-LEFT: #cbcbcb 1px solid;
	WIDTH: 202px;
	COLOR: #333;
	BORDER-BOTTOM: #cbcbcb 1px solid}
#tabSearchForm #engineSelector 
{	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: #fff;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 60px;
	PADDING-TOP: 0px;
	POSITION: relative;
	HEIGHT: 20px;
	BORDER-RIGHT-WIDTH: 0px}
#tabSearchForm #engineSelector LI 
{	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px}
#tabSearchForm #engineSelector LABEL 
{	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	OVERFLOW: hidden;
	WIDTH: 60px;
	COLOR: #000;
	TEXT-INDENT: -999px;
	LINE-HEIGHT: 20px;
	PADDING-TOP: 0px;
	HEIGHT: 20px}
#tabSearchForm #engineSelector LABEL.google 
{	BACKGROUND: url(/images/google-small-logo.png) #fff no-repeat center 6px}
#tabSearchForm .nv-button 
{	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FLOAT: right;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px}
#tabSearchForm FIELDSET 
{	BORDER-RIGHT: #ccc 1px solid;
	BORDER-TOP: #ccc 1px solid;
	BACKGROUND: #fff;
	FLOAT: left;
	BORDER-LEFT: #ccc 1px solid;
	WIDTH: 274px;
	BORDER-BOTTOM: #ccc 1px solid;
	POSITION: relative}
#tabSearchClear 
{	CURSOR: pointer;
	POSITION: absolute;
	TOP: 4px}
{	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	ms-interpolation-mode: bicubic} 
#tabSearchForm 
{	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px auto 10px;
	WIDTH: 360px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: center}
INPUT.search 
{	BORDER-RIGHT: #ccc 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #ccc 1px solid;
	PADDING-LEFT: 20px;
	BACKGROUND: url(img/search.png) no-repeat 4px center;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #ccc 1px solid}