/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */
body, h1, h2, h3, h4,h5,p, ul, li,
form{
	border:0; margin:0px; padding:0px;
}
/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
body, form, input{
	color:#000000;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888;
}
a:link, a:visited{color:#0033CC;text-decoration:none;}
a:hover{color:#800000;}

/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/
.wrapper{
	margin:0 auto;
	width:1000px;
}
	/* ---------------------------*/
	/* TOP HEADER */
	#header{
		background:#8080FF;
		height:25px;
		margin-bottom:10px;
		padding-right:10px;
	}
		#header h1{
			 float:left;
		}
		#header h1 a{
			font-size:18px;
			margin:0px 10px;
			color:#FFF;
		}
		#header h1 a:hover{
			color:#0033CC;
		}
		#header p.tab{
			float:right;
			background:#FFF; 
			padding:2px 10px; 
			margin-left:3px; 
			margin-top:8px;
			vertical-align:bottom;
		}
		#header p.tab:hover{
			background:#02288D; 
			color:#FFF;
		}
		#header p.tab a:hover{
			color:#FFF;
		}
		
		
	/* ----------------------------*/
	/* COLUMN LEFT */
	#column-left{
		float:left;
		margin-left:10px;
		margin-right:50px;		
	}
	#column-left h1, #column-left h1 a{
		font-size:24px;
		font-family:Georgia;
		color:#333;
		position:relative;
		border-bottom:solid 1px #DEDEDE;
	}
	button.create{
		background:#8080FF;
		color:#FFF;
		border:1px solid #0033CC;
		font-size:11px;
		position:absolute;
		bottom:3px;
		right:0;
	}
	#column-left h2.first-level{
		font-size:22px;
		font-weight:normal;
		color:#11509F;
		position:relative;
	}
		.title-line{
			position:absolute;
			z-index:-1;
			width:100%;
			top:20px;
			*top:-10px;
			left:0;
			border-bottom:2px solid #DADADA;
		}
	#column-left h2.second-level{
		font-size:18px;
		color:#0F0F0F;
		font-weight:normal;
	}
	#column-left h2.third-level{
		font-size:14px;
		color:#333;
		font-weight:normal;
	}
	#column-left .first-level-container{
		width:680px;
	}
	#column-left .second-level-container{
		border-left:1px solid #D6D6D6;
		padding-left:15px;
		width:540px;
	}
	
	#column-left .third-level-container{
		border:3px double #D6D6D6;
		padding:10px 15px;
		margin-bottom:20px;
		width:533px;
	}
	
	/* ---------------------------*/
	/* NAVIGATION (SMART MODE) */
	#smartnav{
		height:20px;
		background:#FFF;
		width:auto;
		padding:0 10px;
		line-height:20px;
		position:absolute;
		
		z-index:1;
		display: none;
	}
	/* ---------------------------*/
	/* COLUMN RIGHT (Sidebar) */
	#sidebar{		
		float:left;
		width:254px;		
	}
		#sidebar h4{
			border-bottom:solid 1px #DEDEDE;
			font-size:12px;
			margin:0 0 5px;
			padding-bottom:2px;
		}
		#search-form, #login-form, #register-form, #latest-update, #table-content{
			background:#FFFFFF url(../img/box.gif) repeat-x scroll left top;
			border:1px solid #DADADA;
			margin:0 0 10px;
			padding:10px;
		}
		#search-form, #login-form, #register-form, #table-content{
			margin-bottom:10px
		}
		#latest-update{}
			#latest-update ul{
				margin-left:5px;
				line-height:1.3 !important;
				list-style-type:none;
			}
			#latest-update ul li{
				font-size:11px;
			}
			#upt-control{
				text-align: right;
				margin-top:10px;
			}
		#table-content{}
			#table-content ul{
				margin-left:5px;
				line-height:1.3 !important;
				list-style-type:none;
			}
			#table-content ul ul, #table-content ul ul ul{
				margin-left:10px;
			}
			#table-content ul li{				
				font-size:11px;
				/*margin:0.3em 0 !important;*/
			}
			#table-content ul li a{
				color:#0033CC;
				text-decoration:none;
			}
			#table-content ul li a:hover{
				color:#000080;
				text-decoration:underline;
			}		
			#table-content ul span{
				font-size:9px;
			}
		#search-form .loading{
			display:none;
			position:absolute;
		}	
			#search-form input{
				border:1px solid #eee;
				background:#FFF url(../img/search.gif) repeat scroll 100% 0;
				width:179px;
				padding:2px;
				padding-right:17px;
				font-size: 8pt;
			}
			#search-form input.active, #login-form input.active{
				border-color:#BCBCBC;
			}
			#search-form input.waiting, #login-form input.waiting{
				border-color:#eee;
			}
			#search-result{
				background:#fff;
			}
		#login-form input, #register-form input{
			border:1px solid #eee;
			width:190px;
			padding:2px;
			padding-right:17px;
			font-size: 8pt;
			margin-top:2px;
			margin-bottom:2px;
		}
		#login-form button, #register-form button{
			background:#F5F5F5;
			color:#888;
			border:1px solid #DADADA;
			font-size:11px;
			padding:0 10px;
			margin-top:3px;
		}
		#register-form{
			display:none;
		}
	
	
	/* Break */
	#break{
		border-top:1px solid #eee;
		height:10px;
		margin-top:10px;
	}
	.small{
		font-size:11px;
		font-weight:normal;
	}
	.clear {clear:both;}
	/* ---------------------------*/
	/* FOOTER (Sidebar */
	#footer{
		clear:both;
		color:#666666;
		font-size:11px;
		margin:20px 0;
	}

/* ----------------------------*/
/* CUSTOM CLASSES */
/* ----------------------------*/
.parent-title-container{
	border-bottom:2px solid #DADADA; 
	margin:20px 0 8px;
	position:relative;
}
	.parent-title{
		font-size:22px;
		color:#11509F;
		position:absolute;
		bottom:-6px;
		left:0;
		background:#FFF;
		padding-right:8px;
	}

.postid{
	border-left:1px solid #D6D6D6;
	margin-left:0;	
	padding-top:3px;
	padding-left:15px;
	padding-bottom:20px;
	width:100%;
}
	.postid h4{
		font-size:18px;
		color:#0F0F0F;
		font-weight:normal;
	}
		.postid h5{
			font-size:14px;
			color:#333;
		}
		.level3{
			/*background:#FFDFC2;*/
			border:3px double #D6D6D6;
			padding:10px 15px;
			margin-bottom:10px;
		}
		.level3 .item-photo{
			/*width:515px;*/
		}
.item-date{
	font-size:9px;
	color:#888;
	margin-bottom:4px;
}
	.item-date a{
		text-decoration:none;
		color:#0033CC;
	}
	.item-date a:hover{
		color:#333;
	}
	.item-date span a:hover{
		color:red;
	}
p.desc{
	clear:both;
	font-size:11px;
	width:530px;/*572px;*/
	color:#3D3D3D;
	margin-top:5px;
	margin-left:1px;
	border:0px dotted #C5C5C5;
	padding:0px;
}
.editable{
	font-family:arial;
	font-size:11px;
	border:0px solid #888;
	padding:10px;
	margin-right:5px;
}

/* image gallery */
.item-photo{
	background:#F5F5F5;
	padding:3px;
	height:91px;
	width:527px;
	position:relative;
}
	ul.thumbs, ul.thumbs li{
		list-style:none;
	}
	ul.thumbs{	
		margin-top:2px;
		margin-left:5px;
		margin-bottom:2px;
	}
	ul.thumbs li{
		float:left;
		background:#FFF;
		margin:3px 6px 3px 0;
		border:1px dashed #E7E7E7;	
		padding:2px;
		width:75px;
		height:75px;
		position:relative;
	}
	ul.thumbs a{
		display:block;
		float:left;
		text-align:center;
	}
	ul.thumbs li.imgset:hover{
		border-color:#B9B9B9;
		border-style:solid;
	}
	li.upload-handler a{
		color:#7B7B7B;
		cursor:pointer;
		font-size:11px;
		line-height:15px;
		padding:18px;
	}
.submit-button{
	background:url(../img/button.jpg);
	padding:0 6px 4px;
	border:0px solid #3b6e22;
	height:21px;
	width:85px;
	line-height:21px;
	color:#7A7A7A;
	font-size:10px;
	margin-top:2px;
	margin-right:5px;
	margin-bottom:8px;
	margin-left:10px;
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
.uploadPanel{
	background:#F5F5F5;
	width:493px;
	padding:10px 20px 1px;
	display:none;
	position:absolute;
	top:97px;
	left:0;
	z-index:10;
}
	.uploadPanel h3{
		font-size:12px;
		color:#7A7A7A;
		font-weight:bold;
		border:0px solid red;
		margin:0 0 5px;
		padding:0px;
		clear:both;
	}
	
	.uploadPanel p{
		height:21px;
		line-height:21px;
		vertical-align:middle;
		font-size:11px;
		background:#F5F5F5;
		color:#7B7B7B;
		margin-bottom:20px;
	}
	.uploadPanel p span{
		float:left;
	}
	.uploadPanel input{
		border:1px solid #eee;
		padding:2px;
		width:252px;
		height:17px;
	}
	.uploadPanel button{
		width:85px;
		height:21px;
		line-height:21px;
		border:0px;
		text-align:center;
		margin:0 10px;
		cursor:pointer;
	}
	.uploadPanel button.browse{
		background:url(../img/browse.png) no-repeat;
	}
	.uploadPanel button.upload{
		background:url(../img/upload.png) no-repeat;
	}

/* preview */
#preview{
	position:absolute;
	/*border:1px solid #ccc;*/
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:2;
}
small{
	font-size:9px;
}
/* delete image button */
.delete-img {	
	display:none;
	background:url(../img/delete.gif) no-repeat;
	width:15px;
	height:15px;
	cursor:pointer;
	padding:0;
	position:absolute;
	z-index:1;	
	overflow:hidden;
	bottom:2px;
	right:2px;
	/*margin-left:-16px;
	margin-top:1px;*/
	/*margin-top:58px;*/
}
.source-img {	
	display:none;
	background:url(../img/viewdetail.gif) no-repeat;
	width:15px;
	height:15px;
	cursor:pointer;
	padding:0;
	position:absolute;
	z-index:1;	
	overflow:hidden;
	bottom:2px;
	right:18px;
	/*margin-left:-16px;
	margin-top:1px;*/
	/*margin-top:58px;*/
}
.dialog {
    width: 458px;
    z-index: 100001;
}
	.dialog .body {
	    background: url(../img/white4.png) 0 0; /* semi-transparent .png image */
	    padding: 36px 22px 0 23px;
	}
	.dialog .content {
		background:#FFFFFF none repeat scroll 0 0;
		max-height:400px;
	}
	.dialog .foot {
		background:transparent url(../img/white4.png) repeat scroll 0 100%;
		height:36px;
	}
	.dialog .foot a {
		display:block;
		height:36px;
		position:absolute;
		right:2px;
		text-decoration:none;
		text-indent:-2000em;
		top:2px;
		width:36px;
	}
/* ----------- stylized ----------- */
.newitemform{	
	display:;
	margin:0;
	padding:14px;
}

#stylized p, #stylized h1, #stylized form, #stylized button{
	font-family:"Lucida Grande", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0; 
	margin:0; 
	padding:0;
}
#stylized{	
	/*border:solid 2px #b7ddf2;
	background:#ebf4fb;*/
}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		margin:2px 0 0 10px;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:100px;
	}
	#stylized input[type=text], #stylized textarea{
		
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:335px;
		margin:2px 0 20px 10px;	
	}
	#stylized input[type=radio],#stylized select{
		margin:2px 10px 10px 10px;
	}
	#stylized textarea{
		height:100px;
		overflow-y:auto;
	}
	/*#stylized button{
		clear:both;
		margin-left:150px;
		width:100px;
		height:24px;
		line-height:24px;
		background:#666666 url(img/green.gif) no-repeat;
		text-align:center;	
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		cursor:pointer;
	}*/
/* overlay */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
	#jquery-lightbox a img { border: none; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
/* editor button */
.editor_btn{
	background: url(../img/editor.gif) no-repeat;
	width:17px;
	*width:19px;
	height:16px;
	margin-bottom:2px;
	padding:0px;
	cursor:pointer;
	border:0px solid #FFF;
}
.toolset{
	background:#F7F7F7;
	padding:4px 10px 1px;
}
/* Question Style */
.q textarea{
	margin:2px 0 5px;
	height: 18px;
	overflow-y:auto;
}
.q button,.ask button {
	margin-bottom:10px;
	margin-right:5px;
	padding:2px 8px;
	border:1px solid #BCBCBC;
}
.q span{
	color:#333;
	margin-bottom:2px;
}
.q textarea.active, .ask input.active{
	border-color:#DE0000;
}
.q textarea.waiting, .ask input.waiting{
	border-style:dotted;
	border-color:#BCBCBC;
}
.question, .ask input{
	border:1px solid #BCBCBC;
	padding:5px;
	font-size:11px;
	color:#7A7A7A;
	width:521px;
	margin:1px 0;
	line-height: 18px;
}
.ask p{
	padding:2px 0;
}
	.ask p.gq{
		text-align:left;
	}
	.ask input{
		height: 18px;
	}
	.ask span{
		margin:0 10px;
	}
.edit-blank{
	margin-top:12px;
	margin-left:2px;
}
	.edit-blank a{
		text-decoration:underline;	
	}
	.edit-blank a:hover{
		text-decoration:none;	
	}
.frame{
	float:left;margin-right:9px;margin-top:5px;padding:2px;border:1px solid #eee;
}

/* ----------------------------*/
/* TREE VIEW */
/* ----------------------------*/

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 1px;
}

.treeview .hitarea {
	background: url(../img/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	/*background-color: #eee;*/
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../img/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../img/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../img/treeview-red.gif); } 

.treeview-black li { background-image: url(../img/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../img/treeview-black.gif); }  

.treeview-gray li { background-image: url(../img/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../img/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../img/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../img/treeview-famfamfam.gif); } 

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../img/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../img/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../img/file.gif) 0 0 no-repeat; }

/* ----------------------------*/
/* REVISION */
/* ----------------------------*/
.revision { border:1px solid #eee;display:none;padding:5px 8px 10px;margin-bottom:15px; }
.revision h4 { font-size:11px;font-weight:normal;margin-bottom:2px; }
.revision ul { margin-left:20px;	}
.revision ul li ul { display:none;list-style-type:none;margin:0px; }
.revision ul li ul li { border:1px solid #eee; margin:5px 0;padding:5px 8px 10px; }