/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:			VN-Ultimate 0.1
	Based on style:		subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		psoTFX and the phpBB team ( http://www.phpbb.com )
	Last modified by:	TuanAnhXP ( http://www.tuananhxp.com )
	
	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #323D4F;
	background: #639DD7;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}

#wrapheader {
	background: #FFFFFF;
	width: 960px;
	padding: 0px 5px;
	margin: auto;
	clear: both;
}

#wrapcentre {
	background: #FFFFFF url('./images/wrapcenter.png');
	width: 960px;
	padding: 0px 5px;
	margin: auto;
	clear: both;
}

#simple-wrapcentre {
	background: #FFFFFF;
	padding: 5px;
}

#wrapfooter {
	background: #FFFFFF;
	width: 960px;
	padding: 10px 5px;
	margin: auto;
	clear: both;
}

#simple-wrapfooter {
	background: #FFFFFF;
	padding: 5px;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#wrapcontents {
	width: 775px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#wrapsidebar {
	width: 180px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#sidebar {
	background: #FFFFFF url('./images/bg_sidebar.png') top no-repeat;
	padding: 2px;
}

#logodesc {
	background: #FFFFFF;
	padding: 0px;
	margin: 0px 0px;
}

#menubar {
	background: #FFFFFF;
	padding: 1px;
	border: 1px solid #BDCBDE;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#vnu-img { 
	margin: 0px;
	padding: 0px;
}

#vnu-img img:hover {
	filter:alpha(opacity=70) !important;
	-moz-opacity:0.7 !important;
	opacity:0.7 !important;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font: bold 13pt Tahoma;
}

h3 {
	font: bold 9pt Tahoma;
}

h4 {
	font: bold 8pt Tahoma;
}

#sidebar h3 {
	background: #3883CC;
	color: #FFFFFF;
	font: 9pt Tahoma;
	padding: 5px 8px;
}

#sidebar h4 {
	color: #000000;
	font: bold 8pt Tahoma;
	padding: 5px 0px 5px 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#sidebar ul {
	margin: 0px;
	padding: 10px 5px;
	display: block;
	list-style-type: none;
}


p {
	font-size: 1.1em;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	font: 8pt Tahoma;
	padding-bottom: 5px;
	color: #cc0000;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	font: 8pt Tahoma;
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	color: #FF0000;
	font: bold 8pt Tahoma;;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: #008000;
	font: bold 8pt Tahoma;;
}

.postapprove img, .postreported img {
	vertical-align: middle;
}

.postauthor {
	color: #000000;
}

.postdetails {
	color: #000000;
}

.postbody {
	color: #333333;
	font: 9pt Tahoma;
	padding: 5px;
	line-height: 1.4em;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	font: bold 8pt Tahoma;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {

}

.gen {
	font: 9pt Tahoma;
}

.genmed {
	font: 8pt Tahoma;
}

.gensmall {
	font: 8pt Tahoma;
}

.bold {
	font-weight: bold;
}

.titles {
	font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	background: #3883CC;
	color: #FFFFFF;
	font: 10pt Verdana;
	padding: 5px 8px;
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	background: #FFFFFF;
	border: 1px solid #BDCBDE;
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
	background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
	background: #D8E4ED;
	padding: 5px 8px;
}

.row {
	padding: 5px;
	border: 1px solid #D8E4ED;
}

.row1 {
	background: #FFFFFF;
	padding: 5px;
	border: 1px solid #D8E4ED;
}

.row2 {
	background: #ffffff;
	padding: 5px;
	border: 1px solid #D8E4ED;
}

.row3 {
	background: #FFFBCE;
	padding: 5px;
	border: 1px solid #F7D37B;
}

.sort {
	background: #D9E4EF;
	padding: 2px;
}

.spacer {
	background-color: #D1D7DC;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link, a:active, a:visited {
	color: #1e5b7e;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.forumlink  {
	background: url('./images/icons/bullet.png') left center no-repeat;
	font: bold 10pt Tahoma;
	padding: 2px 0px 2px 14px;
}

a.topictitle {
	margin: 1px 0;
	font: 8pt Tahoma;
}

a.topictitle:visited {
	color: #5493B4;
	text-decoration: none;
}

th a:link, th a:active, th a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

th a:hover {
	color: #000000;
	text-decoration: none;
}


/* Form Elements
 ------------ */
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

input {
	color: #333333;
	font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #CCCCCC;
	background-color: #FAFAFA;
}

textarea {
	background-color: #FAFAFA;
	color: #333333;
	font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 9pt; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 2px;
}

select {
	color: #333333;
	background-color: #FAFAFA;
	font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: white;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #000000;
	font-weight: normal;
	font-size: 1.1em;
	font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
	background-color: #EFEFEF;
	border: 1px solid #666666;
}

.btnmain {
	font-weight: bold;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #DEE3E7;
	border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: Verdana, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #FAFAFA;
	color: #4B5C77;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}
.latest-posts {
	border: 1px solid #A9B8C2;
	margin-bottom: 10px;
	width:100%;
}

.latest-posts tr td {
	padding:0;
	padding-right: 1px;
}

.latest-posts td.hdrrow {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #C7D0D7;
	background-image: url('./images/cellpic1.gif');
	font-size: 1.2em;
	font-weight: bold;
	white-space: nowrap;
}

.latest-posts ul {
	color: orange;
	padding-left: 3px;
	padding-bottom: 3px;
}

.latest-posts ul li.row {
	padding-top: 3px;
	font-size: 1.1em;
	white-space: nowrap;
}

.latest-posts li.row:hover { background-color: #CCF079; }


.mcp-sidebar {
	width: 180px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.mcp-contents {
	width: 590px;
	padding: 0px;
	margin: 0px;
	float: right;	
}

.username {
	background: url('./images/icons/userbar.png') 2px -106px no-repeat;
	width: 124px;
	font: bold 8pt Tahoma;
	padding: 3px 0px 3px 20px;
	margin: 2px 0px;
}

.password {
	background: url('./images/icons/userbar.png') 2px -124px no-repeat;
	width: 124px;
	font: bold 8pt Tahoma;
	padding: 3px 0px 3px 20px;
	margin: 2px 0px;
}

.form-button {
	background: url('./images/bg-btn.png');
	color: #FFFFFF;
	font: bold 8pt Tahoma;
	width: 90px;
	margin: 2px 0px;
	padding: 1px 5px;
	text-align: center;
	border: 1px solid #CCCCCC;
}

.logout {
	background: url('./images/icons/userbar.png') 0 -18px no-repeat;
	font: 8pt Tahoma;
	padding: 2px 0px 2px 18px;
}

.ucp {
	background: url('./images/icons/userbar.png') 0 0px no-repeat;
	font: 8pt Tahoma;
	padding: 2px 0px 2px 18px;
}

.acp {
	background: url('./images/icons/userbar.png') 0 -160px no-repeat;
	font: 8pt Tahoma;
	padding: 2px 0px 2px 18px;
}

.message {
	background: url('./images/icons/userbar.png') 0 -36px no-repeat;
	font: 8pt Tahoma;
	padding: 2px 0px 2px 18px;
}

.register {
	background: url('./images/icons/userbar.png') 0px -142px no-repeat;
	font: bold 8pt Tahoma;
	padding: 1px 0px 1px 18px;
}

.yourpost {
	background: url('./images/icons/userbar.png') 0 -54px no-repeat;
	font: 8pt Tahoma;
	padding: 2px 0px 2px 18px;
}

.lastlogin {
	background: url('./images/icons/userbar.png') 0 -70px no-repeat;
	font: 8pt Tahoma;
	padding: 2px 0px 2px 18px;
}

.search-input {
	background: url('./images/icons/searchbar.png') 1px 1px no-repeat;
	width: 300px;
	font: 8pt Tahoma;
	padding: 2px 0px 2px 20px;
	margin: 2px 0px;
}

.search-adv {
	background: url('./images/icons/searchbar.png') 0px -18px no-repeat;
	font: bold 8pt Tahoma;
	padding: 1px 0px 1px 12px;
}

.bullet-1 {
	background: url('./images/icons/arrow_01.png') left center no-repeat;
	background-position: 3px;
	font: 8pt Tahoma;
	padding: 0px 0px 0px 12px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.time {
	font: bold 10pt Tahoma;
	color: #333333;
	padding: 0px;
	text-align: center;
}

.menubar-link {
	background: #3883CC;
	padding: 5px;
	margin: 0px;
	text-align: center;
}

.menubar-link a:link, .menubar-link a:active, .menubar-link a:visited {
	color: #FFFFFF;
	font: bold 8pt Tahoma;
	text-decoration: none;
}

.menubar-link a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Breadcrumbs */

.breadcrumbs {
	font: 8pt Tahoma;
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #BDCBDE;
}

.bc-index {
	background: url('./images/icons/breadcrumbs.png') 0px -70px no-repeat;
	font: 9pt Tahoma;
	padding: 2px 0px 2px 34px;
	margin-left: 0px;
}

.bc-search {
	background: url('./images/icons/breadcrumbs.png') 0px 2px no-repeat;
	font: 9pt Tahoma;
	padding: 2px 0px 2px 34px;
	margin-left: 0px;
}

.bc-faq {
	background: url('./images/icons/breadcrumbs.png') 0px -52px no-repeat;
	font: 9pt Tahoma;
	padding: 2px 0px 2px 34px;
	margin-left: 0px;
}

.bc-topic {
	background: url('./images/icons/breadcrumbs.png') 0px -16px no-repeat;
	font: 9pt Tahoma;
	padding: 2px 0px 2px 34px;
	margin-left: 0px;
}

.bc-viewforum {
	background: url('./images/icons/breadcrumbs.png') 0px -34px no-repeat;
	font: 9pt Tahoma;
	padding: 2px 0px 2px 34px;
	margin-left: 0px;
}

.bc-ucp {
	background: url('./images/icons/breadcrumbs.png') 0px -88px no-repeat;
	font: 9pt Tahoma;
	padding: 2px 0px 2px 34px;
	margin-left: 0px;
}

.bc-mcp {
	background: url('./images/icons/breadcrumbs.png') 0px -124px no-repeat;
	font: 9pt Tahoma;
	padding: 2px 0px 2px 34px;
	margin-left: 0px;
}

.bc-memberlist {
	background: url('./images/icons/breadcrumbs.png') 0px -106px no-repeat;
	font: 9pt Tahoma;
	padding: 2px 0px 2px 34px;
	margin-left: 0px;
}

.topic-avatar {
	width: 130px;
	float: left;
}

.topic-username {
	width: 200px;
	margin-top: 5px;
	float: left;
}

.topic-profiles {
	width: 280px;
	font: 8pt Tahoma;
	float: right;
}

/* Viewforum and Viewtopic options menu */

#options {
	background: #D8E4ED;
	padding: 0px;
}

#options h3 {
	font: bold 9pt Tahoma;
	padding: 3px 8px;
}

#options h4 {
	background: #3883CC;
	font: bold 8pt Tahoma;
	padding: 4px 10px;
}

#options a:link, #options a:active, #options a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

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

/* Viewforum and Viewtopic rules */

.rules {
	background: #FFFFFF;
	font: 8pt Tahoma;
	width: 220px;
	padding: 1px;
	border: 1px solid #BDCBDE;
	float: right;
}

.rules h4 {
	background: #3883CC;
	color: #FFFFFF;
	font: bold 8pt Tahoma;
	padding: 5px 9px;
}

.rules ul {
	margin: 0px;
	padding: 10px 5px;
	display: block;
	list-style-type: none;
}

/* Other */

.arrow {
	background: url('./images/icons/arrow.gif') no-repeat center right;
	padding: 0px 15px;
	font: bold 8pt Tahoma;
}

.arrow2 {
	background: url('./images/icons/arrow.png') no-repeat center left;
	background-position: 2px;
}

/* Popup hover menu */

.vnu-popupmenu {
	background: #FFFFFF;
	font: 8pt Tahoma;
	padding: 2px;
	position:absolute;
	visibility:hidden;
	border: 1px solid #BCCBD8;
/*	filter: alpha(opacity=80);
	opacity:1;*/
}

.vnu-popupmenu a:link, .vnu-popupmenu a:active, .vnu-popupmenu a:visited {
	color: #1e5b7e;
	text-decoration: none;
}

.vnu-popupmenu a:hover {
	color: #333333;
	text-decoration: none;
}

.vnu-popupmenu h3 {
	background: #016FCE;
	color: #FFFFFF;
	font: bold 8pt Tahoma;
	padding: 5px;
}

.vnu-popupmenu ul {
	margin: 5px;
	display: block;
	list-style-type: none;
}

.mcp {
	background: #FFFFFF url('./images/icons/viewtopic_options.png')  0 0px no-repeat;
	padding: 2px 20px;
	font: 8pt Tahoma;
}

.mark {
	background: #FFFFFF url('./images/icons/viewtopic_options.png')  0 -54px no-repeat;
	padding: 2px 20px;
}

.print {
	background: #FFFFFF url('./images/icons/viewtopic_options.png')  0 -36px no-repeat;
	padding: 2px 20px;
}

.email {
	background: #FFFFFF url('./images/icons/viewtopic_options.png')  0 -70px no-repeat;
	padding: 2px 20px;
}

.watch {
	background: #FFFFFF url('./images/icons/viewtopic_options.png')  0 -18px no-repeat;
	padding: 2px 20px;
}

.next {
	background: #FFFFFF url('./images/icons/viewtopic_options.png')  0 -106px no-repeat;
	padding: 2px 20px;
}

.prev {
	background: #FFFFFF url('./images/icons/viewtopic_options.png')  0 -124px no-repeat;
	padding: 2px 20px;
}

.bump {
	background: #FFFFFF url('./images/icons/viewtopic_options.png')  0 -142px no-repeat;
	padding: 2px 20px;
}

.profile-icon {
	background: #FFFFFF url('./images/icons/userprofiles.png')  0 0px no-repeat;
	padding: 2px 20px;
}

.pm-icon {
	background: #FFFFFF url('./images/icons/userprofiles.png')  0 -18px no-repeat;
	padding: 2px 20px;
}

.email-icon {
	background: #FFFFFF url('./images/icons/userprofiles.png')  0 -36px no-repeat;
	padding: 2px 20px;
}

.web-icon {
	background: #FFFFFF url('./images/icons/userprofiles.png')  0 -52px no-repeat;
	padding: 2px 20px;
}

.msnm-icon {
	background: #FFFFFF url('./images/icons/userprofiles.png')  0 -72px no-repeat;
	padding: 2px 20px;
}

.icq-icon {
	background: #FFFFFF url('./images/icons/userprofiles.png')  0 -88px no-repeat;
	padding: 2px 20px;
}

.yahoo-icon {
	background: #FFFFFF url('./images/icons/userprofiles.png')  0 -106px no-repeat;
	padding: 2px 20px;
}

.aim-icon {
	background: #FFFFFF url('./images/icons/userprofiles.png')  0 -126px no-repeat;
	padding: 2px 20px;
}

.jabber-icon {
	background: #FFFFFF url('./images/icons/userprofiles.png')  0 -142px no-repeat;
	padding: 2px 20px;
}

.avatar {
  min-width: 50px;
  width: auto !important;
  width: 50px;
  border: 1px solid #CCCCCC;
  padding: 2px;
}