/*	 
	Stylesheet name : Global
	Description : for global style.

	for quick search, get the topic in Table of Content
	and Press Ctrl + F for open Find Dialog Box
	put a Topic name in the textbox and search the style
	in there category.
*/

/*------------------------------------------------------- *\
|							Table of Content									|
|-----------------------------------------------------------|
|			1. General Style													|
|			2. Form Style														|
|			3. Board Style														|
|			4. Board Post & Reply Description Style			|
\*--------------------------------------------------------*/



/*------------------------------------------------------- *\
|							General Style										|
\*--------------------------------------------------------*/

* {
	margin: 0px 0px;
}

body {
 background-color: #8dba05;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 12px;
 color: #006600;
}

a {
 color: #fee800;
 background-color: transparent;
 text-decoration: none;
 font-weight:bold;
}

a:hover {
	color: #f14303;
	text-decoration: underline;
}

a img {
	border:none;
}

td {
	font-size: 12px;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 18px;
 font-weight: bold;
 margin: 24px 0 10px 0;
 padding: 5px 0 6px 0;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

small {
	font-size:12px;
}

fieldset {
	margin-top: 10px;
	margin-bottom: 20px;
}

#page {
	width: 950px;
	margin: 0px auto;
}

#header {
	margin-top: 20px;
}

#content {
	background-color:#FFFFFF;
	padding: 20px;
	clear:both;
	color: #4F5155;
	font-size: 12px;
}


#content a{
	color: #0090d0;
	text-decoration:none;
}

#content a:hover{
	color: #f14303;
	text-decoration: underline;
}

#footer {
	text-align:center;
	width: 950px;
	font-size:0.9em;
	padding-top:40px;
	padding-bottom:10px;
}

.message {
	color: #06C;
	border:1px solid #06C;
	padding:20px;
	margin:10px 0px 10px 0px;
	display: none;
}

.error {
	color:red;
	border:1px solid red;
	padding:20px;
	margin:10px 0px 10px 0px;
	display: none;
}

/*------------------------------------------------------- *\
|							Form Style											|
\*--------------------------------------------------------*/

input{
	font-family:  Verdana,Tahoma,Helvetica;
}

.require {
		color: red;
		font-size: 9px;
		padding-left: 5px;
}

.validator {
		color: Red;
		font-size: 9px;
		padding-left: 5px;
		float:right;
		clear:right;
		width: 20%;
		text-align: left;
		display: none;
}
	
	div.form-panel {
		background-color:White;
	}

	div.form-panel .hint {
		padding:15px;
		padding-left: 60px;
		width: 50%;
		background-image:url('../images/icon/basic/info_32.png');
		background-repeat:no-repeat;
		background-position:10px center;
	}
	div.form-panel {
		width: 750px;
		margin: 10px auto;
		padding: 20px;
		padding-top: 0px;
		border:1px solid black;
	}
	div.form-panel h1{
		text-align: center;
	}
	div.form-panel div {
		padding-left: 20px;
		padding-top: 0.6em;
		overflow: hidden;
	}
	div.form-panel div label {
		float: left;
		width: 40%;
		text-align: right;
		
	}
	
	div.board-form-panel {
		border:1px solid #888;
		padding:20px;
	}
	
	div.board-form-panel h1{
		text-align: center;
		margin-bottom:20px;
		padding-bottom:20px;
	}

	div.board-form-panel div label {
		float: left;
		width: 10%;
		text-align: right;
		}

	div.board-form-panel .editor-container textarea {
		width: 600px;
		height: 250px;
	}
	
	div.board-form-panel div.editor-container {
		overflow: hidden;
	}
	
	.board .userlogin {
		width: 290px;
		float:right;
	}
	
	.board .userlogin label{
		float: left;
		width: 25%;
		text-align: right;
		padding-right:5px;
		padding-top: 8px;
	}
	
	.board .userlogin #username, .board .userlogin #password{
		width: 152px;
		height: 25px;
		text-align: left;
		color:#666666;
		border:none;
		overflow:hidden;
		padding-left: 50px;
		padding-top: 8px;
		background-color:transparent;
		background-repeat:no-repeat;
	}
	
	.board .userlogin #username {	
		background-image: url("../images/board/IDBox.png");
	}
	
	.board .userlogin #password {	
		background-image: url("../images/board/PasswordBox.png");
	}
	
	.board .button {
		width: 80px;
		height: 23px;
		font-size: 13px;
		color: White;
		background-color:transparent;
		background-image: url("../images/board/button.png");
		background-position:left center;
		background-repeat:no-repeat;
		border:0px;
		margin:5px;
		padding-top: 8px;
		overflow:visible;
	}
	
	.board  input.button {
		height: 31px;
		padding-top:0px;
	}
	
	.board .userlogin #submit:hover, .board .userlogin #reset:hover {
	 	background-position:left top;
	 }
	 
	 .board .userlogin #submit:active, .board .userlogin #reset:active {
	 	background-position:left bottom;
	 }
	 
	 .board .userlogin #forgot , .board .userlogin #register {
	 	padding-left: 26px;
		background-repeat:no-repeat;
		background-position:5px center;
	 } 
	 
	 .board .userlogin #forgot {
	 	background-image:url("../images/board/forgot.png");
	 } 
	 
	 .board .userlogin #register {
	 	background-image:url("../images/board/register.png");
	 } 
	 
	 .board #new-post-form .form-panel label {
	 	width:16%;
	 }
	 
	 .board #new-post-form .form-panel #title {
	 	width:400px;
	 }
	 
	 .board #new-post-form .form-panel #description {
	 	width:600px;
		height: 500px;
	 }

/*------------------------------------------------------- *\
|							Board Style								|
\*--------------------------------------------------------*/
		
	.board #header #logo {
		padding-left: 0px;
		float:left;
		margin-bottom: 20px;
	}
	
	.board #bredcrum {
		margin: 0px 0px 10px 20px;
	}
	
	.board .toolbar {
		height:16px;
		padding: 0px 20px 10px 20px;
	}
	
	.board .toolbar ul
	{
		float: right;
		list-style:none;
	}
	
	.board .toolbar ul li
	{
		float:left;
		margin-left: 5px;
	}
	
	.board .toolbar ul li a
	{
		height: 16px;
		padding-left: 20px;
		display: block;
		background-repeat:no-repeat;
	}
	
	.board .toolbar ul li a#edit {
		background-image: url("../images/icon/basic/pencil_16.png");
	}
	
	.board .toolbar ul li a#delete {
		background-image: url("../images/icon/basic/delete_16.png");
	}
	
	.board .toolbar ul li a#pin {
		background-image: url("../images/icon/vista/16x16/DrawingPin1_Blue.png");
	}
		
	.board #content {
		background-color:#eee;
		background-image:url("../images/board/Panel_bg.jpg");
		background-repeat:repeat-x;
	}
	
	.board-group , .board-category , .board-question{
		list-style: none;
	}
	
	#post-table {
		border-collapse: collapse;
	}
	
	#post-table td, #post-table th{
		border:1px gray solid;
		padding: 3px;
	}
	
	#post-table tr th {
		text-align: center;
		font-weight:bold;
	}
	
	#post-table th#post-id {
		width: 80px;
	}
	
	#post-table th#post-title {
		width: 500px;
	}
	
	#post-table th#post-by {
		width: 150px;
	}
	
	#post-table th#post-update {
		width: 200px;
	}
	
	#post-table tr .post-id {
		text-align: center;
	}
	
	#post-table tr .post-view , #post-table tr .post-reply {
		text-align: right;
	}
		
	#post-table tr .post-by {
		text-align: center;
	}
	
	#post-table tr .post-update {
		width: 200px;
	}
	
	.board-question .question-last-update {
		width: 200px;
		border:1px solid red;
		float: left;
	}
	
	#group-1 h1 {
		display: none;
	}

	#group-1 {
		padding-left:0px;
	}
	
	.reply , .post{
		border:1px solid #888;
		margin-top: 15px;
		margin-bottom: 15px;
		overflow:hidden;
		background-image:url('../images/board/post_bg.gif');
		background-repeat: repeat-y;
		background-position: right;
	}
	
	.post {
		margin-bottom:40px;
	}
	
	.post h1 {
		margin: 0px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	
	.reply h1.comment-no {
		padding-bottom:30px;
		margin:0px 0px 20px 0px;
		font-weight:normal;
	}
	
	.reply div.side , .post div.side {
		width: 140px;
		float: right;	
		padding: 20px;
		padding-left: 40px;
		background-image:url("../images/board/arrow.gif");
		background-position:left 32px;
		background-repeat:no-repeat;
	}
	
	.reply div.side .userinfo, .post div.side .userinfo {
		margin-top: 10px;
		padding:5px;
		color: White;
	}

	.reply div.side .userinfo a, .post div.side .userinfo a{
		margin-top: 10px;
		padding:5px;
		color: White;
	}

	
	.reply div.side #username a, .post div.side #username a{
		font-weight:bold;
		margin-bottom: 1em;
		color: White;
	}
			
		
	.reply .side .role_name, .post .side .role_name {
		font-size:0.8em;
	}
	
	
	.Administrator {
		color:#930;
	}
	
	.Moderator {
		color:#039;
	}
	
	.Member {
		color:#8dba05;
	}
		
	.reply div.body , .post div.body {
		width: 680px;
		float: left;
		background-color:#fff;
		padding:20px 0px 20px 20px;
	}
	
	.post div.body h1 {
		padding-bottom:30px;
	}
	
	.reply .description , .post .description {
		padding-bottom:50px;
		/*border-bottom:#eee 1px solid;*/
	}

	.reply .signature , .post .signature {
		border-top: 1px dashed grey;
		padding: 10px 0px 0px 0px;
	}
	
	.reply .foot , .post .foot {
		clear:both;
		padding:0px 20px 10px 20px;
	}	
	
	.reply .display-img , .post .display-img {
		border:#888 1px solid;
		background-color:#FFFFFF;
		padding:5px;
		width:128px;
		height: 128px;
		text-align:center;
		vertical-align:middle;
	}
	
	
	.board #error_dialog {
		padding:20px;
		border:#666 double 1px;
	}
	
	.board #error_dialog h1 {
		font-size: 1em;
		color:#990000;
		border-bottom:none;
		margin:0px;
		font-weight:normal;
	}
	
	.board #page-nav {
		padding-top: 20px;
	}
	
	.board #navigation {
		clear: both;
	}
	
	.board-new-post #navigation .new-post {
		display:none;
	}
	 
	.board #navigation .new-post a {
		color: white;
		text-decoration:none;
		padding-left: 28px;
		background-image: url("../images/board/new-topic.png");
		background-position:5px center;
		background-repeat:no-repeat;
		display: block;
	}
	
	.board .post-status {
		width:16px;
		height:16px;
		display: inline-block;
		clear: both;
		margin:0px 10px 0px 0px;
	}
	
	.board .Pinned {
		background-image:url("../images/icon/vista/16x16/DrawingPin1_Blue.png");
	}
	
	.board .Normal {
		background-image:url("../images/icon/basic/document_16.png");
	}
	
	.board .toolsbar {
		text-align:right;
	}

/*------------------------------------------------------- *\
|		    Board Post & Reply Description Style			|
\*--------------------------------------------------------*/

.post .description blockquote , .reply .description blockquote {
	border: 1px solid #fede03;
	padding: 20px;
	padding-top: 40px;
	font-style: italic;
	background-color: #fff9cd;
	background-image:url("../images/PostQuote.png");
	background-repeat: no-repeat;
	color: #b79f01;
	margin: 10px;
}