/********************************************************************
 * JOOMLA 1.5 TEMPLATE CSS FILE FOR CLIENT http://hoithanh.com
 * ----------------------------------------------------------------
 * Copyright (C) 2009 hoithanh.com. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Websites:  http://www.hoithanh.com
 * ----------------------------------------------------------------
 *********************************************************************/

/** OVERALL SETTING ***/
* {
	margin: 0;
	padding: 0;
}
html {
  height: 100%;
  margin-bottom: 1px;

}
body {
    font: 500 12px/18px Arial;
	color:#000000;
	text-align: center;
	background-color: #eef1f2;
}
a:link {
	color: #444444;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */
ul {
	list-style: none;
}
ul li {
	padding-left: 15px;
	background: url(../images/bullet2.gif) no-repeat 0px center;
	line-height: 180%;
}
img {
	border: none;
}
p {
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.5em;
}
fieldset {
	border: 1px solid #bababa;
	padding: 10px 5px;
	margin-bottom: 10px;
}
fieldset legend {
	font-size: 1.1em;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 0.9em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1em;
}
dl {

}
dl dd {
	margin-left: 15px;
	line-height: 1.5em;
}
.clr {
	clear: both;
}
/** LAYOUT CSS ***/
#wrapper {
	width: 1004px;
	margin: 0 auto;
	background: #FFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
#header {
	width: 100%;
	height: 157px;
	background: url(../images/headerbg.png) repeat-x 0 0;
	text-align: left;	
}
#header h1#logo {
	width: 249px;
	height: 73px;
	float: left;
	margin: 15px 0 0 28px;
	display: inline;
}
#header #searchbox {
	float: left;
	width: 310px;
	height: 64px;
	background: url(../images/searchbg.png) no-repeat 0 0;
	margin: 19px 0 0 395px;
	display: inline;
}
#header #searchbox input#mod_search_searchword {
    font-family: Tahoma;
    font-size: 11px;
    margin: 20px 0 0 55px;
    padding: 3px 0;
    text-transform: capitalize;
    width: 200px;
}
#header #searchbox input.button {
	background: url(../images/searchbuttonbg.png) no-repeat 0 0;
    border: medium none;
    color: #333333;
    font-family: Tahoma;
    font-size: 11px;
    height: 21px;
    margin: 0 0 0 5px;
    text-transform: capitalize;
    width: 36px;
}
#header #navigation {
	margin: 10px 0 0 0;
	width: 100%;
	height: 59px;
	background: url(../images/submenu-bg.png) repeat-x 0 25px;
}
#mainarea {
	width: 994px;
	margin: 0 auto;
	padding:0 0 10px 10px;
	text-align: left;
	
}
#mainarea #leftarea {
	width: 400px;
	float: left;
	
	
}
#mainarea #leftarea-span-1 {
	width: 670px;
	float: left;
	
}
#mainarea #leftarea-span-2 {
	width: 98%;
	float: left;
	
}
#mainarea #rightarea {
	width: 530px;
	float: left;
	margin: 10px 0 0 20px;
	
}
#mainarea #rightarea-span-1 {
	width: 300px;
	float: left;
	margin: 10px 0 0 15px;
	
}
#mainarea #rightarea-span-2 {
	width: 0px;
	float: left;
	margin: 10px 0 0 20px;
	
}
#mainarea #rightarea #right-col-left{
	width: 260px;
	float: left;
} 
#mainarea #rightarea #right-col-right{
	width: 260px;
	float: left;
	
}
#mainarea #rightarea #right-col-bottom{
	width: 530px;
	float: left;
	
}
.marginleft-10 {
	margin-left: 10px;
}
#bottomarea {
	width: 100%;
	margin: 25px auto 25px;
	
	background: #f9f9e4;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	
}
#bottomarea .moduletable h3 {
	background: url(../images/bullet.gif) no-repeat 0 center;
	text-indent: 20px;
	line-height: 20px;
}
#bottomarea #bottom-left,
#bottomarea #bottom-center,
#bottomarea #bottom-right {
	float: left;
	width: 30%;
	text-align: left;
	margin-left: 2.5%;
	display: inline;
	margin-top: 15px;
	margin-bottom: 15px;
	
}
#bottomarea #bottom-left .roundcorner,
#bottomarea #bottom-center .roundcorner,
#bottomarea #bottom-right .roundcorner {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 10px 0 10px 0;
}
#bottomarea #bottom-left .roundcorner {
	background: #cfe8ce;
}
#bottomarea #bottom-center .roundcorner {
	background: #f1d8e3;
}
#bottomarea #bottom-right .roundcorner {
	background: #dad8f1;
	
}
#bottomarea ul {
	margin: 10px 0 10px 0;	
}
#bottomarea ul li {
	background: url(../images/bullet2.gif) no-repeat 10px 7px;
	padding-left: 20px;
	
}
#footer {
    background: url(../images/bg-footer.gif) repeat-x top;
    float: left;
    height: 100px;
    width: 100%;
	padding-top:2px;
	font-size:11px;
	font-family: Tahoma;
}
#footer .moduletable-menu {

	font-size:11px;
}
#footer .menu li {
	display: inline;
	border-right: 1px solid #FFFFFF; 
	padding: 0 8px 0 8px; 
	background: none;
}
#footer .menu li a:link {
	color: #EFEFEF;
}
#footer .menu li a:visited {
	color: #EFEFEF;
}

/* Rounded news wrapper */
.rounded {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.rounded .content,
.rounded .t,
.rounded .b,
.rounded .b div {

}

.rounded .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.rounded .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rounded .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rounded .b,
.rounded .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.rounded .b {
 background-position:bottom right;
}

.rounded .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.rounded .hd,
.rounded .bd,
.rounded .ft {
 position:relative;
}



/* Rounded corner 2 */
.rounded2 {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 
 color:#fff;
 z-index:1;

 margin-bottom:0.5em; /* spacing under dialog */
}

.rounded2 .content,
.rounded2 .t,
.rounded2 .b,
.rounded2 .b div {

}

.rounded2 .content {

}

.rounded2 .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:50px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rounded2 .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rounded2 .b,
.rounded2 .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.rounded2 .b {
 background-position:bottom right;
}

.rounded2 .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.rounded2 .hd,
.rounded2 .bd,
.rounded2 .ft {
 position:relative;
}


.rounded2 .moduletable-type2 {
	position: relative;
	z-index: 999;
}

.moduletable-type1 h3 {
	padding: 3px 0 3px 0;
	background: url(../images/news-title-bg.png) 0px 4px no-repeat;
	text-indent: 25px;
	margin: 0 0 10px 0;
}
.moduletable-type1 ul.medialist li {
	display: block;
	float: left;
	text-align: center;
	background: none;
}
.moduletable-type2 h3 {
	padding: 18px 0 18px 0;
	text-indent: 40px;
	margin: 0 0 10px 0;
	color: #333333;
}

/* Menu dropline */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_line.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu-nvmenu {
	background:none;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    margin-top: 0;
    padding-bottom: 1px;
    position: relative;
    width: 100%;
}

* html .menu-nvmenu {padding-bottom:0;}

.menu-nvmenu ul{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
width:980px;
height:100%;
}

.menu-nvmenu li{
float:left;
/* my addition*/
background: url(../images/menu-left.png) left top no-repeat;
padding-left: 3px;
margin: 0 5px 0 0;
/* my addition*/
}
/* my addition*/
.menu-nvmenu li a { 
	background: url(../images/menu-right.png) right top no-repeat;
	display: block;
	padding: 3px 5px 4px 5px;
}
/* my addition*/
.menu-nvmenu li:hover,
.menu-nvmenu li.active {
/* my addition*/
background: url(../images/menu-active-left.png) left top no-repeat;
margin: 0 5px 0 0;
text-decoration: none;
z-index:9999;
/* my addition*/
}
/* my addition*/
.menu-nvmenu li:hover a,
.menu-nvmenu li.active a { 
	background: url(../images/menu-active-right.png) right top no-repeat;
	display: block;
	padding: 3px 5px 4px 5px;
	color: #444444 !important;
	z-index:9999;
	text-decoration: none;
}
.menu-nvmenu li.active a span.expanded {
	color: #444444 !important;
}
/* my addition*/

.menu-nvmenu li.active ul li,
.menu-nvmenu li.active ul li a {
	background: none;
}



.menu-nvmenu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.menu-nvmenu a, .menu-nvmenu :visited {
color:#fff;
text-decoration:none;


}


.menu-nvmenu a em.lft, .menu-nvmenu :visited em.lft {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(drop/lefta.gif);
border-bottom:1px solid #777;
}
.menu-nvmenu a b, .menu-nvmenu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
background: transparent url(drop/mida.gif);
cursor:pointer;
border-bottom:1px solid #777;
}
.menu-nvmenu a em.rgt, .menu-nvmenu :visited em.rgt {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(drop/righta.gif);
border-bottom:1px solid #777;
}

.menu-nvmenu ul ul {
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left:-20px;
width:749px;


background: none;
}

.menu-nvmenu :hover {
z-index:9999;
text-decoration: none;
}

.menu-nvmenu a:hover b {
color:#000;
background: transparent url(drop/midb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu a:hover em.lft {
background: transparent url(drop/leftb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu a:hover em.rgt {
background: transparent url(drop/rightb.gif);
border-bottom-color:#ccc;
}

.menu-nvmenu li:hover > a b
{
color:#000;
background: transparent url(drop/midb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu li:hover > a em.lft {
background: transparent url(drop/leftb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu li:hover > a em.rgt {
background: transparent url(drop/rightb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu ul li:hover ul,
.menu-nvmenu ul a:hover ul {
display:block;
visibility:visible;
top:25px;
background: url(../images/submenu-bg.png) repeat-x 0 0;	
z-index: 9999 !important;
}

.menu-nvmenu ul li.active ul {
display:block;
visibility:visible;
top:25px;
}



.menu-nvmenu ul :hover ul li,
.menu-nvmenu ul li.active ul li {
display:block; 
/*border-left:1px solid #777; */
background: url(../images/submenu-sep.png) left 2px no-repeat;
height:2em;

}
.menu-nvmenu ul :hover ul li a,
.menu-nvmenu ul li.active ul li a {
display:block; 
background: none;
font-size:1.0em; 
line-height:2.3em; 
width:auto; 
float:left; 
color:#444; 
padding:0 10px;
padding: 0px 5px 4px 5px;
}
.menu-nvmenu ul :hover ul li a:hover {
color:#c00;
}

/* Joomla */
h2.contentheading,
h1.componentheading,
div.componentheading {

    color: #016792;
    font-family: Tahoma;
    font-size: 12px;
}
h2.contentheading,
h2.contentheading a:link {
	color: #016792;
	
}
h2.contentheading a:visited {
	color: #00baf1;
}
ul.latestnews li {
	padding-left:  25px;
}
span.modifydate,
span.createdby,
span.createdate {
	font-size: 0.9em;
	display: block;	
	color: #666666;
}

a.gk_npro_readmore_inline:link,
a.gk_npro_readmore_inline:visited {
	color: #000000;
}
div.article_row img, #page img, .contentpaneopen img, .leading img  {
	margin: 5px 10px 0 0;
	border: 1px solid #D8D8D8;
	padding:2px;

}
img.article-thumbnail {
	float: left;
	margin: 0px 5px 5px 0px;
}
span.gn_header {
    color: #005399;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
}
.margin-top-5 {
	margin-top: 3px;
}
div#news-highlight-1 {
    margin: 0 0 0 -10px;
	font-family: Tahoma;
}
a.readon {
    color: #CCCCCC;
    font-family: Tahoma;
    font-size: 10px;
}
.blog_more h2 {
    color: #BB3914;
    font-family: Tahoma;
    font-size: 13px;
    margin: 15px 0 10px 5px;
}

.moduletable-bingo {
    border: 1px solid #DCDCDC;
    padding: 1px;
	margin-bottom: 10px;
}
.moduletable-bingo h3 {
    background: url(../images/sprice_bg.gif) repeat-x scroll 0 -836px transparent;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    padding: 5px 0 5px 8px;
	font-family:Tahoma;
}
.moduletable-bingo .bottom {
    background: url(../images/list-new.gif) repeat-x scroll left bottom #FFFFFF;
}

.globalnews {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}
.globalnews img {
    border: 1px solid #D8D8D8 !important;
    padding: 1px;
}

.moduletable-bingo .content-modules {
	padding: 5px;
	font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}

.top_rated_admin a img {
    border: 1px solid #D8D8D8 !important;
    padding: 1px;
}
.year_llista {
	color: #666;
	font-weight: normal;
}

a#togglefieldset {
    color: red;
    font-family: Tahoma;
    font-size: 11px;
}

#comment div#comments_info, #comment div.josc_buttons ul li a, #neweritemtitle, #olderitemtitle {
    font-family: Tahoma;
    font-size: 11px;
}
.pagenav {
	font-family: Tahoma;
	font-size: 11px;
}

a.pagenav {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #E2E2E2;
    color: #666666;
    padding: 2px 3px;
    text-decoration: none;
}

a.pagenav a:hover {
    background: none repeat scroll 0 0 #CC1445;
    color: #FFFFFF;
}

#fpss-outer-container {
    background: #DEE3E8 !important;
}
.fpss-introtext .slidetext h1 a:hover {
    font-family: Tahoma,Verdana,sans-serif !important;
    font-size: 12px;
}
.fpss-introtext .slidetext h1 a {

    font-family: Tahoma,Verdana,sans-serif !important;
    font-size: 12px;
}

#navi-outer li.noimages a#fpss-container_playButton {
    font-family: Tahoma,Verdana,sans-serif !important;
}
.user1 {
   width: 400px;
   float: left;
}

#fpss-outer-container {
    margin: 0px auto !important;
}

#leftarea-span-1 {
	margin:10px 0;
}
.user9 {
	   margin: 5px 0;
	   clear: both;
}
.bingo-1 {
	float:right;
	font-family: Tahoma;
	width:260px;
	font-weight:bold;
	font-size:11px;

}
.bingo-1 h3 {
    background: url(../images/bg-news.jpg) no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    padding-left: 20px;
}

.bingo-1 a {
	color:#0B5793;
}
.bingo {
    background: url(../images/bg_show.gif) repeat-x scroll center bottom transparent;
    height: 344px;
	text-align: justify;
}
.moduletable-bingo-1 {
	padding-right:10px;

}
li.latestnews-bingo-1 {
    border-bottom: 1px solid #D5DAE0;

    padding-top: 1px;	
}
.moduletable-ads {
	margin-bottom: 8px;
}

#slider_logo div{ 
			margin:0;
			padding:0;
}	
#slider_logo, #slider_logo div{ 
			height: 90px;
			width: 620px;
			overflow:hidden;
}
.moduletable-slide-bingo h3 {
    background: url(../images/news-title-bg.png) no-repeat scroll left bottom transparent;
    font-size: 12px;
    line-height: 30px;
    margin: 0 0 0 -6px;
    padding-left: 25px;
}
.moduletable-slide-bingo {
	font-family: Tahoma;
	font-size: 11px;

	padding: 0px 5px;
	background: url(../images/bg-slide.gif) no-repeat bottom center;
}

.moduletable-slide-bingo a {
	text-decoration:none;
}
.user2 {
	clear:both;
}
.google-bingo {
    padding: 23px 0 0 50px;
}

.mod_googleSearch input.inputbox {
    border: medium none;
	padding: 0px;
}

#dm_details td, #dm_details thead,.dm_taskbar li a:link, .dm_taskbar li a:visited, #dm_header a, #dm_header span {
    font-family: Tahoma;
    font-size: 11px;

}

ul#menulist_2-nvmenu {

background: url(../images/submenu-bg.png) repeat-x 0 0;	
    padding-left: 75px !important;
	width: 800px !important;
}

ul#menulist_3-nvmenu {

background: url(../images/submenu-bg.png) repeat-x 0 0;	
    padding-left: 50px !important;
	width: 800px !important;
}
ul#menulist_4-nvmenu {

background: url(../images/submenu-bg.png) repeat-x 0 0;	
    padding-left: 185px !important;
	width: 700px !important;
}

ul#menulist_5-nvmenu {

background: url(../images/submenu-bg.png) repeat-x 0 0;	
    padding-left: 200px !important;
	width: 600px !important;
}
ul#menulist_6-nvmenu {

background: url(../images/submenu-bg.png) repeat-x 0 0;	
    padding-left: 300px !important;
	width: 550px !important;
}
ul#menulist_9-nvmenu {

background: url(../images/submenu-bg.png) repeat-x 0 0;	
    padding-left: 497px !important;
    width: 470px !important;
}

ul#menulist_10-nvmenu {

background: url(../images/submenu-bg.png) repeat-x 0 0;	
    padding-left: 630px !important;
    width: 200px !important;
}
#middle {
	margin:0 auto;
	padding:10px 10px 0px 10px;
	background:#fff;
	width:940px;
	font-size:0.9em;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}
    
.category {
	width:164px;
	float:left;
	border-top:8px solid #333333;
	margin:0px;
	padding:5px 10px 15px 10px;
	background:#fff;
	}

.category p {
	margin:0;
	}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 {
	text-transform : capitalize;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
}
#cat-227 {
border-top: 8px solid #2B9435;
}
#cat-36 {
border-top: 8px solid #E6AB07;
}
#cat-8 {
border-top: 8px solid #B7462C;
}
#cat-3 {
border-top: 8px solid #A5CC3A;
}
#cat-22 {
border-top: 8px solid #326ABD;
}
.chronoform {
display:none;
}
