/*------------------------------------------------------------------------
* JV Template 1.5 - Jan, 2010
* ------------------------------------------------------------------------
* Copyright (C) 2008-20010 APL Solutions And Vision Co., LTD. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: APL Solutions And Vision Co., LTD
* Websites:  http://www.joomgroup.com -  http://www.joomvision.com
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	line-height: 18px;
}
body#bd {
	color: #253440;
	background: #fff;
}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
 head~body #opera { display: block; }
}

/* Clearfix */
.clearfix {
	clear: both;
}
#jv-wrapper {
	padding: 0;
	overflow: hidden;
	text-align: left;
}
#jv-wrapper-inner {
	padding: 0;
	overflow: hidden;
	text-align: left;
	margin:0 auto;
	
}
.jv-wrapper {
	width: 960px;
	margin: 0 auto;
}

#jv-userwrap1,
#jv-userwrap2,
#jv-userwrap3,
#jv-userwrap4,
#jv-userwrap5,
#jv-userwrap6,
#jv-userwrap7 {
	margin: 0;
	width: 100%;
}

#jv-userwrap2-inner,
#jv-userwrap3-inner,
#jv-userwrap4-inner,
#jv-userwrap5-inner,
#jv-userwrap6-inner,
#jv-userwrap7-inner {
	width: 100%;
	overflow: hidden;
}
#jv-userwrap1 {
	position: relative;
	top: -44px;
	*top: 0px;
	z-index: 0;
	background: #d2d7db url(../images/slideshow_bg.png) repeat-x top left;
}

#jv-userwrap3 {
	background: #19242e;
}
#jv-user9 div.modulecontent,
#jv-user10 div.modulecontent,
#jv-user8 div.modulecontent,
#jv-user7 div.modulecontent, 
#jv-user11 div.modulecontent,
#jv-user12 div.modulecontent,
#jv-user13 div.modulecontent,
#jv-user14 div.modulecontent,
#jv-user15 div.modulecontent{
	color: #6990AA;
}
#jv-userwrap5 h3.moduletitle, 
#jv-userwrap6 h3.moduletitle  {
	border-bottom: 1px solid #4C667B;
}
#jv-search {
	float: right;
	width: 350px;
	height: 54px;
}
#mod_search_searchword {
	width: 214px;
	margin: 15px 0 0 10px;
	border: 0px;
	color: #43586a;
	font-size: 12px;
	background: none;
}	
.search {
	height: 53px;
	width: 100%;
	background:url(../images/search_bg.png) no-repeat left;
}
input.bt_search {
	height: 53px;
	width: 96px;
	cursor: pointer;
	float: left;
	background: url(../images/darkgrey/bt_search.png) no-repeat right;
}
/* BEGIN EDIT
-------------------------------------------------------------*/

#jv-user7,#jv-user8,#jv-user9,#jv-user10{
	float: left;
	display: block;
	width: 100%;
    height: auto;
}

#jv-user9 div.moduletable,
#jv-user10 div.moduletable,
#jv-user8 div.moduletable,
#jv-user7 div.moduletable {
	padding: 10px 0px 10px 0px !important;
	margin: 0px;
}

#jv-user9 div.modulecontent,
#jv-user10 div.modulecontent,
#jv-user8 div.modulecontent,
#jv-user7 div.modulecontent, 
#jv-user11 div.modulecontent,
#jv-user12 div.modulecontent,
#jv-user13 div.modulecontent,
#jv-user14 div.modulecontent,
#jv-user15 div.modulecontent{
	padding: 10px 0;
	color: #fff;
}  
div.jv-box-right {
	float: right;
}
div.jv-box-left {
	float: left;
}
div.jv-box-center {
	margin: 0 auto;
}
#modlgn_username,
#modlgn_passwd {
	background: #fff;
	height: 21px;
	color: #878686;
	width: 158px;
	float: right;
	border: 1px solid #dedede;
}
#jv-user1,#jv-user2,#user3 {
   float: left;
   overflow: hidden;
   width: 100%;
}
#jv-righttop {
	float: right;
	color: #FFFFFF;
	padding: 0;
	width: 280px;
	margin-bottom: 5px;
}
#jv-user1 div.jv-box-inside,
#jv-user2 div.jv-box-inside,
#jv-user3 div.jv-box-inside {
   display: inline-block;
   width: 98%;
   overflow: hidden;
   padding-bottom: 8px;
   
}

#jv-col1,#jv-col2,#jv-col3 {
   float: left;
   display: inline;
   width: 100%;
   color: #6990aa;
   font-family: "Myriad Pro";
   font-size: 16px;
   line-height: 24px;
   text-shadow: 1px 1px 1px #0d1217;
}
	
#jv-col1 div.jv-box-inside,
#jv-col2 div.jv-box-inside,
#jv-col3 div.jv-box-inside {
   padding: 10px 0;
   width: 90%;
}
#jv-col1 ul li {
	background: none;
	padding: 0px;
}
#jv-col1 ul li a {
	 color: #6990aa;
	 margin-left: 5px;
}

/* CLASS EDIT
-------------------------------------------------------------*/

#jv-footer ul.menu {
	margin: 0;
}
#jv-footer ul.menu li {
	list-style: none;
	display: inline-block;
	float: left;
	padding: 0 10px 0 5px;
	margin: 0px;
}
#jv-footer ul.menu li.last {
	background: none;
}
#jv-footer ul.menu li a {
	background: none;
	border: none;
	font-size: 11px;
	margin: 0px;
	padding: 0 5px 0 5px;
}
#jv-footer ul.menu li a:hover {
	color: #444;
	background: #eeebeb;
	text-decoration: none;
}

/* BEGIN HEADER
-------------------------------------------------------------*/
#jv-header {
	width: 100%;
	height: 84px;
	background: url("../images/darkgrey/header_bg.png") repeat-x center top ;
}
#jv-header-inner {
	width: 100%;
	overflow: hidden;
}

#jv-top {
	margin: 10px 0;
	width: 100%;
	overflow: hidden;
}

#jv-logo {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	float: left;
	width: 30%;
	height: auto;
}
#jv-logo h1 {
	float: left;
	overflow: hidden;
    height: 64px;
	margin: 10px 0 10px 0;
	background: url(../images/logo.png) no-repeat 0px 0px;
}
#jv-logo h1 a {
	display: block;
	height: 68px;
	width: 230px;
	margin: 0;
}
#jv-logo h1 a span {
	display: none;
}
#jv-mainmenu {
	margin: 0;
	width: 100%;
	height: 43px;
	background: #141b24;
	z-index: 15;
	position: relative;
	*position: none;
	border-bottom: 1px solid #192937;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#jv-login {
	width: 192px;
	color: #AFAFAF;
	float: right;
}
#jv-login  a.button-login,
#jv-login  a.link-signup{
	color: #9996ab;
	width: 95px;
	float: left;
	height: 53px;
	display: block;
	background: url(../images/darkgrey/sign_bg1.png) no-repeat;
}

#jv-login  a.link-signup{
	width: 97px;
	background: url(../images/darkgrey/sign_bg2.png) no-repeat;
}

/* END HEADER
-------------------------------------------------------------*/

/* BEGIN CONTAINER
-------------------------------------------------------------*/
#jv-mainbody {
	width: 100%;
	margin: 15px 0 20px;
}
#jv-mainbody-inner {
	overflow: hidden;
}
#jv-container,
#jv-container-right,
#jv-container-full {
	width: 100%;
	overflow: hidden;
}

#jv-right {
	margin: 0;
	padding: 0;
	width: 280px;
	overflow: hidden;
	color: #fff;
	float: right;
}
#jv-right h3.moduletitle ,
#jv-righttop h3,
#jv-user5 h3,
#jv-user6 h3.moduletitle,
#jv-col1 h3.moduletitle ,
#jv-col2 h3.moduletitle ,
#jv-col3 h3.moduletitle ,
#jv-userwrap5  h3.moduletitle ,
#jv-userwrap6  h3.moduletitle {
	color: #fff;
	text-transform: uppercase;
	font-family: "Myriad Pro";
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	border-bottom: 1px solid #fff;
	text-indent: 5px;
	margin: 0px;
}
#jv-right-inner {
	padding: 15px 12px;
	float: left;
	background: #2f414f;
}
#jv-righttop h3 {
	background: url(../images/icon_sign.png) no-repeat left center;
	text-indent: 25px;
}
#jv-col1 h3.moduletitle {
	background: url(../images/icon_network.gif) no-repeat left center;
	text-indent: 25px;
}
#jv-col2 h3.moduletitle,
#jv-col3 h3.moduletitle {
	background: url(../images/icon_call.gif) no-repeat left center;
	text-indent: 25px;
}
#jv-content {
	padding: 0;
	width: 666px;
	overflow: hidden;
	float: left;
}
#jv-container-left #jv-content{
	padding: 10px;
	width: 640px; 
}
#jv-maincontent {
	margin: 0;
	padding: 0;
	width: 550px;
	float: left;
	overflow: hidden;
	position: relative;
}
#jv-component {
	margin: 5px 0;
	padding: 0px;
	display: block;
	overflow: hidden;
}
#josForm{
  margin-bottom: 20px;
  float: left;
  width: 99%;
}

#jv-container-col #jv-content {
	width: 640px; 
	display: block;
}

#jv-content-inner{
	padding: 0;
}
#jv-container-right #jv-maincontent {
	width: 660px;
}
#jv-container-full #jv-content,
#jv-container-full #jv-content-inner{
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#jv-container-full #jv-maincontent {
	width: 100%;
}


/* END CONTAINER
-------------------------------------------------------------*/

/* BEGIN FOOTER 
-------------------------------------------------------------*/
.jv-user {
	float: left;
	overflow: hidden;
}
.jv-box-right {
	float: right;
}
.jv-user .jv-box-inside {
	padding:0px;
}
.jv-box-full {
	width: 100%;
	margin-left: 0px !important;
}

#jv-bottom {
	padding:0px ;
	width: 100%;
	background:none;
}
#jv-bottom-inner {
	width: 100%;
}

#jv-footer {
	float: left;
}
#jv-footer-inner {
	padding-left: 5px;
	color: #585761;
}

#jv-copyright {
	float: left;
	width: 80%;
	color: #585761;
}
#jv-copyright-inner {
	padding: 5px 0;
	font-size:11px;
}
#jv-tools {
	margin: 0;
	padding: 5px 10px;
	float: right;
	width: 10%;
	text-align: right;
}


div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.module,
div.module_menu,
div.module_text ,
div.moduletable_trailer{
	clear: both;
	margin: 0 0 10px 0;
	position: relative;
	clear: both;
	overflow: hidden;
}

div.moduletable h3.moduletitle,
div.moduletable_menu h3.moduletitle,
div.moduletable_text h3.moduletitle,
div.module h3.moduletitle,
div.module_menu h3.moduletitle,
div.module_text h3.moduletitle {
	font-weight: bold;
	width: 100%;
	margin: 0;
	line-height: 30px;
}


/* END FOOTER 
----------------------------------------------*/

div.latestnewsitems img {
	margin: 15px 0 0 0;
	padding: 3px;
	background: #5a768c;
}
div.latestnewsitems h4 {
	clear: both;
	padding:0;
}
div.latestnewsitems h4 a.latestnews {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

}
div.latestnewsitems h4 a.latestnews:hover {
	color: #5dabdc;
	text-decoration: underline;
}
div.latestnewsitems  span.latestnewsdate{
	color: #5e809b;
	font-size: 11px;
}
div.latestnewsitems  span.latestnewsview,
span.latestnewsview{
	color: #87b6db;
	font-size: 11px;
	float: right;
}
div.latestnewsitems {
	width: auto;
	float: left;
}
a.readone {
	color: #89c5f3;
	font-size: 11px;
	padding: 0 10px;
	float: right;
	background: url(../images/darkgrey/readmore1.png) no-repeat center 7px ;
 }
a.readone:hover{
	color: #fff;
	cursor: pointer;
	text-decoration: none;
 } 
.jv-head-one {
	width: 60%;
	float: right; 
	margin-top: 14px;
}

div.jv-tc, div.jv-bc{
	background: #2f414f;
	display: block;
	height: 4px;
	margin: 0 4px;
	position: relative;
}
div.jv-c {
	background: #2f414f;
	width: auto;
	display: block;
	padding: 0 12px;
}
div.jv-tl{
	display: block;
	height: 4px;
	left: -4px;
	position: absolute;
	top: 0;
	width: 4px;
	overflow: hidden;
	background: url("../images/darkgrey/round_1.png") no-repeat  left top ;
}

div.jv-tr{
	display: block;
	height: 4px;
	position: absolute;
	right: -4px;
	top: 0;
	width: 4px;
	overflow: hidden;
	background: url("../images/darkgrey/round_1.png") no-repeat  right top ;
}


div.jv-bl{
	display: block;
	height: 4px;
	left: -4px;
	position: absolute;
	top: 0;
	width: 4px;
	background: url("../images/darkgrey/round_1.png") no-repeat  left bottom ;
	_background: url("../images/darkgrey/round_2.png") no-repeat  left top ;
}
div.jv-br{
	display: block;
	height: 4px;
	width: 4px;
	position: absolute;
	right: -4px;
	top: 0;
	background: url("../images/darkgrey/round_1.png") no-repeat  right bottom ;
	_background: url("../images/darkgrey/round_2.png") no-repeat  right top ;
}
#jv-right div.moduletable_trailer h3.moduletitle ,
#jv-right div.moduletable_topnews h3.moduletitle ,
#jv-right div.moduletable_random  h3.moduletitle,
#jv-user5 h3,
#jv-user6 h3.moduletitle{
	text-indent: 25px;
	margin: 0px;
	background: url(../images/icon_tivi.gif) no-repeat left center;
}
#jv-right div.moduletable_topnews h3.moduletitle {
	background: url(../images/icon_topnews.gif) no-repeat left center;
}
#jv-right div.moduletable_random h3.moduletitle {
	background: url(../images/icon_random.gif) no-repeat left center;
}
#jv-user5 h3 {
	background: url(../images/icon_gallery.gif) no-repeat left center;
}
#jv-user6 h3.moduletitle {
	background: url(../images/icon_feat.png) no-repeat left center;
	border: none;
}
span.prev {
	cursor: pointer;
	display: block;
	font-size: 1px;
	height: 39px;
	left: 0;
	position: absolute;
	width: 31px;
	z-index: 999;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background: url("../images/darkgrey/arrow_left.png") no-repeat left center ;
}
span.next {
	cursor: pointer;
	display: block;
	font-size: 1px;
	height: 39px;
	right: 0;
	position: absolute;
	width: 31px;
	z-index: 999;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background: url("../images/darkgrey/arrow_right.png") no-repeat right center ;
}

span.prev:hover,
span.prev:focus,
span.prev:active  {
	opacity: 1;
	filter: alpha(opacity=100);
	background: url("../images/darkgrey/arrow_left.png") no-repeat left center ;
}
span.next:hover,
span.next:focus,
span.next:active {
	opacity: 1;
	filter: alpha(opacity=100);
	background: url("../images/darkgrey/arrow_right.png") no-repeat right center ;
}
#jv-user6 div.box_list {
	width: 100%;
	margin: 15px 0;
	float: left;
}
div.box_list h4{
	font-size: 18px;
	font-family : "Myriad Pro";
	font-weight: normal;
	color: #253440;
	text-transform: uppercase;
	margin: 0px;
}
div.box_list .date_view {
	color: #8f9ca6;
	font-size: 11px;
	background: #dee7ee;
	margin-top: 10px;
	padding: 0 7px;
	border-top: 1px solid #c7d2da;
	border-bottom: 1px solid #c7d2da;
}
div.box_list div.box_right {
	float: left;
	width: 420px;
	height: auto;
}

a.readmore,
div.box_list a.readmore  {
	color: #fff;
	font-size: 11px;
	float: right;
	display: block;
	padding: 3px 10px;
	background: url("../images/darkgrey/readmore.png") no-repeat top  ;
}
a.readmore:hover ,
div.box_list a.readmore:hover{
	text-decoration: none;
	padding: 3px 10px;
	background: url(../images/darkgrey/readmore.png) no-repeat bottom ;
}

.shadow_img {
	float: left;
	margin-right: 20px;
	padding-bottom:11px;
	padding-bottom:8px;
	background: url(../images/shadow_img.png) no-repeat bottom;
}

.shadow_img img {
	padding: 3px;
	background: #4C667B;
}

.firstLetter{
	display: block;
	float: left;
	margin-top: 3px;
	margin-right: 0.8em;
	height: 2.5em;
}

.firstLetter span{
	font-size    : 2.9em;   /* use 3.33em for two lines */
	line-height  : 1.0em;
	font-weight: bold;
}

input.inputbox1 {
	background-color: #2f414f;
	border: 1px solid #2f414f;
	padding: 6px;
	margin-bottom: 10px;
	color: #6990aa;
	text-shadow: 1px 1px 1px #151d23;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
input.bt_go {
	cursor: pointer;
	float: right;
	height: 34px;
	width: 39px;
	background: url("../images/darkgrey/bt_go.png") no-repeat left top ;
}
button.bt_send {
	background: #2F414F;
	border: 1px solid #2F414F;
	color: #fff;
	margin-bottom: 10px;
	padding: 5px 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#mod_search_letter {
	border: none;
	float: left;
	color: #a5a5a5;
	margin-top: 7px;
}
.ten_message {
	height: 90px;
	vertical-align: text-top;
}
div.new_letter {
	width: auto;
	height: 34px;
	padding-left: 10px;
	margin: 14px 0;
	background: url("../images/darkgrey/new_letter_left.png") no-repeat  left top #FFFFFF;
}

.Paging {
	float: left;
	margin-top: 50px;
	padding: 10px;
	height: 40px;
	text-align: left;
	width: auto;
	font-size: 17px;
	font-weight: bold;
}
.Paging span {
	background-color: #5cbde5;
	border: 1px solid #40a4cd;
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
	-moz-border-radius: 5px 5px 5px 5px;
}
.Paging a {
	background-color: #FFFFFF;
	border: 1px solid #ebebeb;
	color: #878787;
    padding: 5px 10px;
	text-decoration: none;
	-moz-border-radius: 5px 5px 5px 5px;
}
.Paging a:hover {
	background-color: #5cbde5;
	color: #fff;
}
ul.advertise li {
	margin: 0 4px 2px 0;
	padding: 0;
	width: 134px;
	height: 135px;
	float: left;
	background: url(../images/darkgrey/advertise.png) no-repeat top left;
}
div.slide6_itembar_wrap {
	background: none;
}
.s6bar_container .s6_itembar{
	padding: 3px;
	background: #000000;
}
.s6bar_container  {
	background: none;
}
#s6bar_container60 {
	padding: 0px;
	float: right;
}
.s6_itembar_pre{
	right: 84px;
	bottom: 30px;
	left: normal;
	background:url(../images/fleche1.png) no-repeat left bottom;
}
.s6_itembar_next{
	right: 40px;
	bottom: 30px;
	background:url(../images/fleche2.png) no-repeat right bottom;
}
.s6_itembar_pre,
.s6_itembar_next {
	width: 31px;
	height: 31px;
	left: auto;
}
div.slide_round {
	display: block;
	cursor: pointer;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 390px;
	right: 10px;
	background:url(../images/slideshow_round.png) no-repeat right bottom;
}
div.slide6_itembar_wrap {
	float: left;
	clear: both;
	height: 104px;
	width: 50%;
}
div.jv_rslide_wrap {
	width: 100%;
}
div.s6bar_container .s6_itembar {
	margin: 0px;
	margin-right: 10px;
	
}
.descript_item h3  {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 20px;
	color: #202c36;
}
#s6bar_container60 {
	width: 40%;
	padding: 15px 0;
}

#jv-userwrap3 ul li {
	background: url(../images/darkgrey/bullet.jpg) no-repeat 7px center;
}