@charset "utf-8";
/* CSS Document */
body{
	background: url(../images/skin/footer.png) bottom no-repeat  #333 ;
	/*background: #141414;*/
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10pt; color:#4d4d4d;
	scrollbar-face-COLOR:#CCC; 
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF ; 
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #ffffff; /*tam giac*/
	SCROLLBAR-TRACK-COLOR: #ffffff; /*bg track*/
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; padding:0; margin:0;

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

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

#header {width:920px; float:left; }
#menu_top { border-top:1px solid #FFF; background:url(../images/skin/line_top.jpg) #666 repeat-y top left; float:left; width:900px; 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:9pt;}
#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) #666 repeat-y bottom right; float:left; width:900px; color:#FFF; padding:5px;text-align:right; height:25px;}
#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:10pt;}
#menu_bottom A:hover{   color: #FF9900;     font-weight:bold;  margin-left:2px; margin-right:2px; text-decoration: underline}

#leftMN_item{
	font-family:Arial, Helvetica, sans-serif; font-size:10pt;
	color: #ffffff;
	border:1px solid #FFFFFF; background:#333333;
	text-align:right; padding-right:10px; cursor:pointer;
}
#wrapper {	/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 0 auto; padding:0px ; background:  url(../images/skin/bg_2011.png)  no-repeat scroll top center }

#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;    }


	#center{clear:left;   padding-left:5px; padding-right:5px; padding-bottom:0px;} 
	#left{ float:left; width:190px; margin-left:0px;}
	#box{ float:left; width:190px;  color:#630  }
	#box2{ float:left; width:190px;  color:#630 }
 	#main{ float: left; padding:0px 5px 20px 5px;  margin-bottom:10px; width:520px ; text-align:left; background:url(../images/skin/main-bottom.png) bottom center no-repeat; color:#930;}
	#mtop{ background:url(../images/skin/main-top.png) no-repeat top}
	#right{ float:right; width:190px;  text-align:left; color:#FFF  }
	#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:Arial, Helvetica, sans-serif; font-size:10pt;}
	#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:Arial, Helvetica, sans-serif; font-size:10pt;}

#title_page{ text-align:left; font-weight:bold; color: #FFF; 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; margin:0 auto 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:8pt;  COLOR:#ffff00;  text-align:center;  height:120px; font-weight:bold; padding-top:5px;}
#footer A {	font-family:Arial, Helvetica, sans-serif; font-size:8pt; COLOR: #ffff00; TEXT-DECORATION: none; }
#footer A:hover {	font-family:Arial, Helvetica, sans-serif; font-size:8pt;COLOR: #ffff00  ; text-decoration: underline;}



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

#vertmenu { font-family:Arial, Helvetica, sans-serif; font-size:10pt;
padding: 0px 15px 0px 10px;
margin: 0px; 
}
.bgL{background:url(../images/skin/left_bg_2011.png) repeat-y;}
.bgR{background:url(../images/skin/black_bg_menu.png) repeat-y;}

#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);
padding: 5px  0px 5px 6px;

}

#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;
 border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
 font: bold 11px Arial;
color:#FFFFFF;

}

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


/*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-left:10px;
	padding-bottom:20px; 
	
}
#album_list img
{
	padding:2px;
	border:1px #EAEAEA solid;
	width:140px; height:120px; 
 }


.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-family:Arial, Helvetica, sans-serif; font-size:10pt;
	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-family:Arial, Helvetica, sans-serif; font-size:10pt;
	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;
}

/*ADDING Version 2. 11/2010*/
.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font-family:Arial, Helvetica, sans-serif; font-size:10pt;
width: 100%;
border: 1px solid # 000;
border-width: 1px 0;
background: black url(../images/skin/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline; font-family:Arial, Helvetica, sans-serif; font-size:8pt;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 21px;
text-decoration: none;
border-right: 1px solid #333;font-family:Arial, Helvetica, sans-serif; font-size:8pt;
}

.solidblockmenu li a:visited{
color: white;font-family:Arial, Helvetica, sans-serif; font-size:8pt;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;font-family:Arial, Helvetica, sans-serif; font-size:8pt;
background: transparent url(../images/skin/blockactive.gif) center center repeat-x;
}

.tabcontainer{
clear: left;font-family:Arial, Helvetica, sans-serif; font-size:10pt;
width:100%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;font-family:Arial, Helvetica, sans-serif; font-size:10pt;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;font-family:Arial, Helvetica, sans-serif; font-size:10pt; padding:0px;
}

.tabcontent{
display:none;font-family:Arial, Helvetica, sans-serif; font-size:10pt;
}
	
	

 
#media-cat{ background:url(../images/skin/bgmemu.jpg)}


<!--#############-->
.menu_list {width: 180px; padding-left:5px; padding-right:5px}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
 	background:center right no-repeat; border-bottom:1px #CCC dotted; margin:0; margin-left:5px; margin-right:5px;
}
.menu_body {
	display:none; margin-left:20px; margin-right:10px;
}
.menu_body a {
	display:block;
	color:#006699; font-size:8pt;
   	text-decoration:none;border-bottom:1px dotted #CCC; padding-bottom:5px; padding-top:5px; margin-left:10px
}
.menu_body a:hover {
	color: #000000; font-size:8pt;
	text-decoration:underline;
}