body {
	margin-left:15%;
	margin-top:0px;
	background-image: url(images/bgcolor.jpg);
	background-attachment:fixed;
	font-family: "Tahoma", Helvetica, sans-serif;
	font-size:14px;
}
h1,h2 {
	font-size:16px;
}

h1.thupui{
	background-color: #D8EEFA;
	border-bottom:thin solid #B3D5E9;
	border-left:thin solid #B3D5E9;
	border-right:thin solid #B3D5E9;
	text-decoration:none;
	text-align:left;
	margin:0px;
}
div.postdetail{
	float:left;
	border-bottom:thin solid #B3D5E9;
	border-right:thin solid #B3D5E9;
	border-left:thin solid #B3D5E9;
	margin-right:10px;
	margin-bottom:5px;
	padding:2px;
	line-height:14px;
}
h1.thupui2{ /*viewpost heading tan liau2*/
	background-color: #D8EEFA;
	border-bottom:thin solid #B3D5E9;
	border-left:thin solid #B3D5E9;
	border-right:thin solid #B3D5E9;
	text-decoration:none;
	text-align:center;
	margin:0px;
}
  
th {
	font-family: Arial, Helvetica, sans-serif;
}
small {
    color:#0099FF;
	font-size:11px;
	font-weight:bold;
}
small.def{
		color:#F9BE72;
}
span.detail{
		color: #B37A11;
}
span.shouttu{
		color:#880000;
		font-size:12px;
		font-weight:bold;
}
span.shoutdate{
		color:#888888;
		font-size:10px;
		font-style:italic;
		text-decoration:underline;
}
span.mp3cat{
	color:#51925F;	
}
a.login{
	/*border-bottom:dotted thin #000000;*/
	font-size:11px;
	color: #E2E2E2;
	margin:1px;
	text-decoration:none;
}

a:hover.login{
	border-bottom:dotted thin #FFFFFF;
	font-size:11px;
	color: #FFFFFF;
	margin:1px;
	text-decoration:none;
}

a.heading{
	color: #0D59CC;
	margin:1px;
	text-decoration:none;
	}

a:hover.heading{
	color: #47883E;
	margin:1px;
	text-decoration:none;
}
a.readmore {
	color: #66CCFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	border-bottom:dotted thin #CCCCCC;
}

a:hover.readmore {
	color: #66CC66;
	font-size:11px;
	font-weight:bold;			
}
a.listview {
	color: #333333;
	text-decoration:none;
}

a:hover.listview {
	color: #74C0FA;
	text-decoration:none;
}

a:visited.listview{
	color: #660033;
	text-decoration:none;
}
img{
		border:0px;
		border-color:#FFFFFF;
}
textarea {
		border:thin solid #B3D5E9;
		background: #F2F2F2;
		color: #666666;
		font-style:normal;
		font-weight:bold;	
	}	
small.guide{
		color:#660000;
}

img.album {
		/*background-image:url(images/fotobg.gif);
		padding:2px;*/
		border:thin solid #000000;
		cursor:pointer;
}

table.content{
	background-color:#FFFFFF;
	font-family: "Verdana", Tahoma, Helvetica, sans-serif;
}

tr.comment1{
	background-color: #EAEDF2;
	font-size:12px;
}

tr.comment2{
	background-color: #F4F4F4;
	font-size:12px;
}
tr.comment{
		color:#0066FF;
		font-size:14px;
}
table.Rbar{
	border:thin solid #B3D5E9;
	text-align:left;
	font-size:13px;
	margin-bottom:5px;
	color:#000000;
}

table.subContent{
		border:thin solid #B3D5E9;
		margin-bottom:5px;
		margin-left:5px;
		padding-left:10px;
		padding-right:10px;
		text-align: justify;
		font-family:"Arial", Tahoma, sans-serif;
		background-color: #FAFDFE;
		
}
table.sub{
		margin-bottom:5px;
		margin-left:5px;
		padding-left:10px;
		padding-right:10px;
		text-align: justify;
		font-family:"Arial", Tahoma, sans-serif;
		background-color: #FAFDFE;
		
}


small.detail{
		font-family:"Trebuchet MS", Tahoma, sans-serif;
		font-size:12px;
		color: #999999;
}

td.loginBar{
		font-size:11px;
}

th.listHead {
		border-right:thin solid #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		color:#FFFFFF;
		text-align:center;
}
td.listBody {
		border-right:thin solid #FFFFFF;
		color:#000000;
		font-family:"Tahoma", Trebuchet MS, sans-serif;
		font-size:13px;
		text-align:left;
}

span.fotolabel {
		font-family:"Verdana", Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666666;
}
td.computer{
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	font-weight:bold;
	color:#097FB6;
}
td.mizoziak{
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	font-weight:bold;
	color:#D14A4A;
}

td.fotoHead {
		color:#FFFFFF;
		font-size:17px;
		font-family:"Tahoma",Trebuchet MS, sans-serif;
		font-weight:bold;
}
td.maths{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	font-weight:bold;
	color:#127F12;
}
td.zirna{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	font-weight:bold;
	color:#20B1AF;
}

textarea {
		border:thin solid #B3D5E9;
		background: #F2F2F2;
		color: #666666;
		font-style:normal;
		font-weight:bold;	
}


input.textbox {
		border:thin solid #B3D5E9;
		background: #F2F2F2;
		color: #666666;
		font-style:normal;
		font-weight:bold;	
}

input.invalid {
		border:2px solid red;
		background: #FF9;
		color: #666666;
		font-style:normal;
		font-weight:bold;	
}
textarea.invalid {
		border:2px solid red;
		background: #FF9;
		color: #666666;
		font-style:normal;
		font-weight:bold;	
}
input.button {
		border:2px solid #8BB1CC;
		background: #173a53;
		color: #FFFFFF;
		cursor:pointer;
}

label.formLabel{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
}

a.quicklink {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: #ECEEF9; 
	line-height:16px;
	text-decoration: none;
	display:block;
}
a:hover.quicklink {
	background: #ffffff;
	color:#FF6600;
	}

#header {
		border-left: 2px solid #4497C9;
		border-right: 2px solid #4497C9;
		border-top: 2px solid #4497C9; 
		float:left;
		width:770px;
		height:100px;
		background-color:#4D7094;
		background-image:url("images/banner.jpg");
		
}

#datebar {
		width:770px;
		float:left;
		background-color:#2385C0;
		border-left: 2px solid #4497C9;
		border-right: 2px solid #4497C9;
		text-align:center;
		color:#FFFFFF;
		font-size:11px;
}



#menubar {
		position:fixed;
		top:150px;
		right:84.7%;
		width:100px;
		border-left:2px solid #4497C9;
		/*border-right:#000000 thin solid;*/
		border-bottom:2px solid #4497C9;
		z-index:1;
}

#content {
		border:2px solid #4497C9;	
		background-color:#ffffff;
		float:left;
		width:770px;
		z-index:100;

}

#footer {
		float:left;
		width:770px;
		border-left:2px solid #4497C9;
		border-right:2px solid #4497C9;
		border-bottom:2px solid #4497C9;
		background-color:#2385C0;
		font-family:"Lucida Bright",Lucida Console;
		font-size:12px;
		color:#FFFFFF;
		
}

#shout {
	max-width:148px;
	max-height:200px;
	overflow:auto;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bg_shout.gif);
	background-attachment:fixed;
}

div#postbody {
	line-height:130%;
}

#hidden {
		display:none;
		visibility:hidden; 
}