
.bgcolor1		{ background-color: #fff; }
.bgcolor2		{ background-color: #fafafa; }
.bgcolor3		{ background-color: #F5F5F5; }
.bgcolor4		{ background-color: #d6d6d6; }
.sort			{ background-color: #E8ECEE; }


.titleline		{ border: 1px solid #FFFFFF; }
.boxtitle		{ color: #4b94c8; font-weight: bold; }
.storycat		{ color: #4b94c8; }
.content		{ display: block; margin: 2px 0; }

.option			{ color: #0f65b1; font-weight: bold; }

.small			{ font-size: 10px; color: #c0c0c0; line-height: 1.3em; }
.code			{ color: #0000BB; font-family: 'Courier New', monospace; }
.letter			{ margin-bottom: 3px; text-align: center; }

#titlebasic 		{ padding: 6px 0; font-weight: bold; }

legend			{ color:#2e63b2 !important; font-style: normal; }
fieldset		{ border: 1px solid #d5dbe4; background-color: #eaeef3; width: auto !important; margin: 5px 0; font-style: italic; color: #2e63b2; }
code			{ color: #0000FF; }


th {
	background: #fbfbfb url(cellpic.png) repeat-x top;
	border: 1px #fff solid;
	color: #2666b9;
	height: 25px;
	font-size: 11px;
	font-weight: bold;
}


/* Page Link */
.pagelink {
	background-color: #fff;
	border: 1px #d4d4d4 solid;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	margin-bottom: 5px;
	padding-top: 6px; padding-bottom: 6px;
	text-align: center;
}

.pagelink span, div.pagelink a { line-height: 25px; }

.pagelink h4 {
	font-size: 11px;
	margin-bottom: 5px;
}

.pagelink span {
	background: url("pagelink.png") repeat-x;
	border: 1px #1d5f86 solid;
	color: #fff;
	font-weight: bold;
	margin-right: 1px;
	padding: 3px 6px;
}

.pagelink a {
	background-color: #ededed;
	border: 1px #cecece solid;
	color: #666;
	font-weight: bold;
	padding: 3px 6px;
}

.pagelink a:hover {
	background-color: #e2eef6;
	border: 1px #258cc1 solid;
	color: #1a71b6;
}

/* Rate */
.rate {
	cursor: pointer;
	height: 17px; width: 85px;
	outline: none;
}

/* Error, Info, Warning*/
#warning {
	border: 1px #d4d4d4 solid;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	color: #333;
	margin-bottom: 5px;
	padding: 8px 8px 8px 120px;
}

/*ÍÀÑÒÐÎÉÊÀ ÏÎÇÈÖÈÈ ÔÎÐÌ*/
.left {
	clear: both;
	float: left;
	padding-right: 4px; padding-bottom: 4px;
	width: 27%;
}

.center {
/*	float: left;*/
	padding-bottom: 4px;
	width: 70%;
	white-space: nowrap;
}

.button {
	clear: both;
	padding: 5px 0 5px 0;
	text-align: center;
}

/*===INPUT, TEXTAREA in MODULES===*/
.account, .auto_links, .contact, .faq, .files, .jokes, .links, .media, .money, .news,
.order, .pages, .recommend, .rss_info, .search, .shop, .voting, .forum, .help, .binput {
	background: #fff url("") repeat-x top;
	border: 1px solid #d0d0d0;
	color: #222;
	width: 400px;
}

#user_birthday { width: 150px !important; }
/*select, textarea { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; }*/
.money { width: 350px; }
.rss_info { width: 400px; }
.search { width: 150px; }
.shop { width: 400px; }
.binput { width: 100px; }

/*===INPUT BUTTONS===*/
.fbutton {
	background: url("fbutton0.png") repeat-x bottom;
	border: 1px #d4d4d4 solid;
	color: #0f65b1;
	cursor: pointer;
	font-weight: bold;
	padding: 2px 6px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.fbutton:hover {
	background: none;
}

/*menu*/
div.menu { cursor: pointer; }

div.menu div {
	float: right;
	position: relative;
	z-index: 21;
	height: 20px;
}

div.menu ul, div.menu ul li {
	margin: 0; padding: 0;
	list-style: none;
}

div.menu ul {
	border: 1px solid #3d8fd9;
	border-bottom: 0 none;
	width: 180px;
	display: none;
	right: 0;
	top: 20px;
	position: absolute;
}

div.menu ul li {
	width: 180px;
	float: left;
	display: block !important;
	border-bottom:1px solid #3d8fd9;
}

div.menu a {
	padding: 3px;
	float: none !important;
	float: left;
	display: block;
	font-weight: bold;
	text-decoration: none;
	height: auto !important;
	height: 1%;
	color: #2666B9;
	font-size: 0.9em;
}

div.menu a:hover, div.menu div:hover a, div.menu div.iehover a {
	background: #CCC;
	color: #FFF;
}

div.menu div:hover li a, div.menu div.iehover li a {
	float: none;
	border: 1px solid #fff;
	background: #FFF;
	color: #2666B9;
}

div.menu div:hover li a:hover, div.menu div:hover li:hover a, div.menu div.iehover li a:hover, div.menu div.iehover li.iehover a {
	border: 1px solid #fff;
	background: #3d8fd9;
	color: #FFF;
}

div.menu div:hover ul, div.menu div.iehover ul { display: block; }
