@charset "utf-8";
/* CSS Document */
body{
	background:  url(../images/skin/bg.gif) repeat; height: 100%; margin: 0 auto 0 auto; 
	font-family: tahoma,Arial, Helvetica, sans-serif; 
	font-size:9pt; color:#4d4d4d;
	scrollbar-face-COLOR:#D79237; 
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF ; 
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #ffffff; /*tam giac*/
	SCROLLBAR-TRACK-COLOR: # 900; /*bg track*/
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;

}
A {
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:9pt; 
	COLOR: #630;
	text-decoration:none;
}
A:hover {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9pt; 
	COLOR: #FF0000;
	text-decoration:underline;
}

a img{ border:0px;}
TD { color:#333333; font-family: Arial, Helvetica, sans-serif; font-size:9pt;}

#header {width:920px; float:left;background:url(../images/skin/bg_body.jpg) repeat-y;}

#menu_top { border-top:1px solid #FFF; background:url(../images/skin/line_top.jpg) repeat-y top left; float:left; width:878px; color:#FFF; padding:5px;text-align:right}
#menu_top A{   color:#FFFFFF;; font-weight:bold; margin-left:2px; margin-right:2px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
#menu_top A:hover{   color: #FF9900;     font-weight:bold;  margin-left:2px; margin-right:2px; text-decoration: underline}

#menu_bottom { border-top:1px solid #FFF; background:url(../images/skin/line_bottom.jpg) repeat-y bottom right; float:left; width:878px; color:#FFF; padding:5px;text-align:right}
#menu_bottom A{   color:#FFFFFF;; font-weight:bold; margin-left:2px; margin-right:2px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
#menu_bottom A:hover{   color: #FF9900;     font-weight:bold;  margin-left:2px; margin-right:2px; text-decoration: underline}

#leftMN_item{
	FONT-FAMILY: Tahoma,Verdana,Arial; 
	FONT-SIZE:9pt;
	color: #ffffff;
	border:1px solid #FFFFFF; background:#333333;
	text-align:right; padding-right:10px; cursor:pointer;
}
#wrapper {	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 0 auto; padding-bottom:20px; background:url(../images/skin/bg_footer1.jpg) no-repeat bottom;}

#body {
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 0 auto;  background:url(../images/skin/bg_body.jpg) repeat-y;
}


	#center{ padding-left:16px; padding-right:16px; clear:left; background:url(../images/skin/bg_footer.jpg) no-repeat bottom; padding-bottom:40px;} 
	#left{ float:left; width:190px; }
	#box{ float:left; width:190px; background:url(../images/skin/bg_left.jpg) repeat-y; margin-left:5px;}
	#main{ float: left; padding:10px 0px 0px 10px; width:470px ; text-align:left; margin-left:5px;}
	#right{ float:right; width:190px;  text-align:left; margin-right:12px;  }
	#right_box{border:3px solid #D79237; background: #FFF; margin-bottom:10px;}
	#right_box .title_box{background: url(../images/skin/band_668x29.gif); color:#930; font-weight:bold;FONT-FAMILY:Myriad Pro Cond,Arial; 	FONT-SIZE:12pt; }
	#right_media_cat{ float: left; width:660px;  text-align:left; padding:5px 10px 10px 20px;  }
	.cover_disk{width:100px; height:100px; padding:5px; border:1px solid  #ccc; float:left; margin-right:10px; text-align:left}
	.author_pic_thumb{width:100px; height:100px; padding:5px; border:1px solid  #ccc; float:left; margin-right:10px; text-align:left}
	#title_Cate{background:url(../images/skin/categories.gif) no-repeat; padding:20px 10px 20px 60px; color:#000; text-transform:uppercase; font-weight:570; FONT-FAMILY:Myriad Pro Cond,Arial; 	FONT-SIZE:12pt; }

#title_page{ text-align:left; font-weight:bold; color: #581724; font-family: Arial, Helvetica, sans-serif; font-size:10pt; border-bottom:1px dotted #666666; padding-bottom:10px; text-transform:uppercase}
#content_page{ background:#FFFFFF; padding:20px 20px 5px 20px ; line-height:18px; }

#pro_title{float:left; margin-top:2px; clear:both; text-align:left; color:#EC0000; font-weight:bold}
.list_media { padding-bottom:5px; padding-top:2px; padding-left:5px; margin-left:0px;}
.list_media A{   color:#333; text-decoration:none; margin-left:5px;}
.list_media A:hover{  color:#900; text-decoration:underline}


#footer{ width:920px;  FONT-SIZE:9pt; font-family: Arial, Helvetica, sans-serif;  COLOR: #333; text-align:left;  line-height:18px; padding:10px 0px 10px 0px; text-align:center;  background:url(../images/skin/bg_body.jpg) repeat; }
#footer A {	FONT-SIZE:9pt; font-family: Arial, Helvetica, sans-serif;COLOR: #333; TEXT-DECORATION: none; font-weight:bold}
#footer A:hover {	FONT-SIZE: 9pt; font-family: Arial, Helvetica, sans-serif;COLOR: #581724  ; text-decoration: underline;}



input{font-family:tahoma, Helvetica, sans-serif; font-size:11px; border:1px solid #CCC;width:auto;padding:1px; 
}
textarea{font-family:tahoma, Helvetica, sans-serif; font-size:11px; border:1px solid #333333; padding:5px 5px 5px 5px; width:auto;}
#button{font-family:tahoma, Helvetica, sans-serif; font-size:9pt; color:#4d4d4d; height:25px; margin-top:3px; cursor:hand;}

#vertmenu { font-family:Myriad Pro Cond, Tahoma, Geneva, sans-serif; font-size:10pt;
padding: 0px 15px 0px 10px;
margin: 0px;
}

#vertmenu ul {
list-style: url(../images/skin/bullet-icon.gif);
margin: 0px 0px 0px 25px; 
padding: 0px;
border: none;
}
#vertmenu ul li { list-style: url(../images/skin/bullet-icon.gif);
margin: 0px;
padding: 0px 0px 0px -5px;
}
#vertmenu ul li a { list-style: url(../images/skin/bullet-icon.gif);
display: block;
border-bottom: 1px  solid  #CCC;
padding: 5px  0px 5px 4px;
text-decoration: none; 
color: #630;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #F00; text-decoration:underline; list-style: url(../images/skin/bullet-icon.gif);
background-color: #FFC;padding: 5px  0px 5px 4px;

}

#modernbricksmenu{
padding: 0;
background: transparent;
text-align: right;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
text-align:right;
}

#modernbricksmenu li{
font: bold 11px Arial;
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
font: bold 11px Arial;
float: left;
display: block;
color: #000000;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #f3f3f3; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color:#990000; /*Menu hover bgcolor*/
font: bold 11px Arial;
color:#FFFFFF;

}

#modernbricksmenu .current a{ /*currently selected tab*/
background-color: #990000; /*Brown color theme*/ 
border-color:#990000;/*Brown color theme*/ 
color:#FFFFFF 
}
#modernbricksmenu .current a:hover{ /*currently selected tab*/
background-color: #990000; /*Brown color theme*/ 
border-color:#990000;/*Brown color theme*/ 
color:#FFFFFF 
}
#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background:#990000; /*Brown color theme*/ 
}


/*Tab menu #############3*/

.detail{ font-family:Arial, Helvetica, sans-serif; font-size:7pt;}
.detail A{ font-family:Arial, Helvetica, sans-serif; font-size:7pt; color:#900}
.detail A:hover{ font-family:Arial, Helvetica, sans-serif; font-size:7pt; color:#000; text-decoration:underline}


#album_list
{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	
}
#album_list img
{
	padding:1px;
	border:1px #bcbcbc solid;
	width:130px;
	height:110px;
}


.arrowgreen{
	width: 175px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px; margin-left:5px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 9pt Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../images/skin/arrowgreen.gif) 100% 0;
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a{
	color: #5E7830;
}

.arrowgreen li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

	


.arrowgreen1 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen1 li a{
	font: bold 8pt Arial, Helvetica, sans-serif;
	display: block;
	background: #ccc;
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen1 li a:link {
	color: #930;
}

.arrowgreen1 li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}