/*
  $Id: jvc.css,v 1.0. 2008/07/18  $

*/
body {font-family: Verdana, helvetica, sans-serif; color: #242424; font-size: 10px; font-weight: bold; text-decoration: none;}

h2 {font-family: Verdana, helvetica, sans-serif; color: #242424; font-size: 13px; font-weight: bold; text-decoration: none;}

td  {font-family: Verdana, helvetica, sans-serif; color: #242424; font-size: 10px; font-weight: normal; text-decoration: none;}
a {text-decoration: none; color:#FF6600;}

a:hover	{color:#FF0000; text-decoration:none;}



.indexlink {font-size: 11px;
	color: #FF3333;
	border-bottom-color : #FF6600;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	text-decoration : none;
}
.indexlink:hover {font-size: 11px;
	color: #252525;
	border-bottom-color : #990000;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	text-decoration : none;
}
.indexlink2 {font-family: Verdana; color: #FF3333; font-size: 10px; font-weight: normal; text-decoration: none;}
.indexlink2:hover {font-family: Verdana; color: #000000; font-size: 10px; font-weight: normal; text-decoration: none;}
.body {

	background-color: #000000;
	background-image : url("jvc_bg.gif");
  background-repeat : repeat;
	background-position : top left;
}
.grad1{
	background-image : url("grad01.png");
	background-repeat : repeat-x;
	background-position : top left;
	background-color: #ffffff;
}
.grad2{
	background-image : url("article_grad.gif");
	background-repeat : repeat-x;
	background-position : top left;
	background-color: #FCF9F4;
}

div.s { width: 1; height: 1; font-size: 1px; border-width: 0 0 0 0; line-height: 0; display: block; clear: both;}

.title1 {font-family: Tahoma; color: #3C3C3C; font-size: 12px; font-weight: Bold; text-decoration: none;}
.title1:hover {font-family: Tahoma; color: #585858; font-size: 12px; font-weight: Bold; text-decoration: underline;}
.title2 {font-family: Verdana; color: #3C3C3C; font-size: 10px; font-weight: Bold; text-decoration: none;}
.title2:hover {font-family: Verdana; color: #585858; font-size: 10px; font-weight: Bold; text-decoration: underline;}
.title3 {font-family: Verdana; color: #3C3C3C; font-size: 10px; font-weight: normal; text-decoration: none;}
.title3:hover  {font-family: Verdana; color: #FF6633; font-size: 10px; font-weight: normal; text-decoration: underline;}
.title4 {font-family: Tahoma; color: #3C3C3C; font-size: 16px; font-weight: Bold; text-decoration: none;}
.title4:hover  {font-family: Tahoma; color: #FF6633; font-size: 16px; font-weight: Bold; text-decoration: underline;}

.leftmbxtitle {font-family: Verdana; color: #2D2D2D; font-size: 12px; font-weight: Bold; text-decoration: none; text-align: left;}
.menutable {
	margin: 1px 1px 1px;
}

.moreinfo {font-family: Verdana; color: #FF6633; font-size: 9px; font-weight: Bold; text-decoration: none;}
.moreinfo:hover {font-family: Verdana; color: #990033; font-size: 9px; font-weight: Bold; text-decoration: underline;}

.hormenu {font-family: Verdana; color: #F5EEE8; font-size: 9px; font-weight: Bold; text-decoration: none;	display : block;}
.hormenu:hover { text-decoration: none; color: #FFFFFF;background-color : Black;}
.hormenusep { color: #F5EEE8; font-family: Verdana; font-size: 10px; font-weight: Normal;}
.hormenu2 {font-family: Verdana; color: #D4B481; font-size: 9px; font-weight: Bold; text-decoration: none;	display : block;}
.hormenu2:hover { text-decoration: none; color: #F5EEE8; background-color : Black;}

.vertmenu {font-family: Verdana; color: #373737; font-size: 10px; font-weight: Bold; text-decoration: none;	display : block;}
.vertmenu:hover { text-decoration: none; color: #FFFFFF; }
.vertmenupar {font-family: Verdana; color: #FF6633; font-size: 10px; font-weight: Bold; text-decoration: none;	display : block;}
.vertmenupar:hover { text-decoration: none; color: #FFFFFF;}

.art_cim {font-family: Tahoma; color: #000033; font-size: 12px; font-weight: Bold; text-decoration: none;}
.art_abs {font-weight: bold}

.topic1 {font-family: Verdana; color: #FFFFFF; font-size: 12px; font-weight: Bold; text-decoration: none;}
.topic1:hover { text-decoration: underline; color: #FFFFFF;}
.topic2 {font-family: Verdana; color: #FFFFFF; font-size: 10px; font-weight: normal; text-decoration: none;}
.topic2:hover { text-decoration: underline; color: #FFFFFF;}

.producttitle {font-family: Verdana; font-size: 12px; font-weight: Bold; text-decoration: none;}

.producttable {
	margin: 1px;
	border: 1px solid #d9d9d9;
	background-color: #f7f7f7;
}
.producttable2 {
	margin: 1px 1px 1px;
	border: 1px solid #000033;
  background-color: #d4d4d4;
}
.img_off {
	border: 5px solid #000033
}
.img_off:hover {
	border: 5px solid #606060
}

.submit1 {font-family: Verdana; color: #ffffff; font-weight: Bold; font-size: 9px; background-color: #000000; border-top: 1px solid #4F4F4F; border-right: 1px solid #4F4F4F; border-bottom: 1px solid #4F4F4F; border-left: 1px solid #4F4F4F;}
.input1 {font-family: Verdana; color: #484848; font-size: 10px; font-weight: normal; background-color: #F4F4F4; border-top: 1px solid #575757; border-right: 1px solid #575757; border-bottom: 1px solid #575757; border-left: 1px solid #575757; width: 60px; height: 17px}
.textfield {font-family: Verdana; color: #484848; font-size: 10px; font-weight: normal; background-color: #F3F3F3; border-top: 1px solid #575757; border-right: 1px solid #575757; border-bottom: 1px solid #575757; border-left: 1px solid #575757; width: 350px;height: 120px}
.input2 {font-family: Verdana; color: #484848; font-size: 10px; font-weight: normal; background-color: #F3F3F3; border-top: 1px solid #575757; border-right: 1px solid #575757; border-bottom: 1px solid #575757; border-left: 1px solid #575757; width: 200px; height: 17px}
.sitename {font-family: Times New Roman; font-size: 13px; font-weight: normal; text-decoration: none; text-transform:uppercase;}
.input3 {font-family: Verdana; color: #484848; font-size: 10px; font-weight: normal; background-color: #F3F3F3; border-top: 1px solid #575757; border-right: 1px solid #575757; border-bottom: 1px solid #575757; border-left: 1px solid #575757; width: 350px; height: 17px}
.input4 {font-family: Verdana; color: #484848; font-size: 10px; font-weight: normal; background-color: #F3F3F3; border-top: 1px solid #575757; border-right: 1px solid #575757; border-bottom: 1px solid #575757; border-left: 1px solid #575757; width: 50px; height: 17px}
.input5 {font-family: Verdana; color: #484848; font-size: 10px; font-weight: normal; background-color: #F3F3F3; border-top: 1px solid #575757; border-right: 1px solid #575757; border-bottom: 1px solid #575757; border-left: 1px solid #575757; width: 25px; height: 17px}
.input6 {font-family: Verdana; color: #484848; font-size: 10px; font-weight: normal; background-color: #F3F3F3; border-top: 1px solid #575757; border-right: 1px solid #575757; border-bottom: 1px solid #575757; border-left: 1px solid #575757; width: 110px; height: 17px}

.boxborder { BORDER: 1px solid #000033;}

.paging {font-family: Verdana; color: #DF221E; font-size: 10px; font-weight: bold; text-decoration: none;}
.paging a {font-family: Verdana; color: #DF221E; font-size: 10px; font-weight: normal; text-decoration: none;}
.paging a {font-family: Verdana; color: #DF221E; font-size: 10px; font-weight: normal; text-decoration: none;}

.szurke {font-family: Verdana; font-size: 10px; font-weight: normal; font-style: italic; text-decoration: none;}
.reginput1 {font-family: Verdana; color: #484848; font-size: 10px; font-weight: normal; background-color: #F0F0F0; border-top: 1px solid #575757; border-right: 1px solid #575757; border-bottom: 1px solid #575757; border-left: 1px solid #575757; width: 200px; height: 17px}

/* dropdown menusor horizont */

.menu {font-family: arial, sans-serif; width:910px; height:30px; position:relative; margin:0; font-size:11px; margin:20px 0 30px 0; background:#fff; position:relative; z-index:100;}
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; border-left:1px solid #eee; width:106px;}

.menu ul li a, .menu ul li a:visited {display:block; width:101px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#000; background:#CECECE url(../../graphics/drop.gif) no-repeat right bottom;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }


.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#000078;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:749px;background:#000078; color:#fff;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#8B8B8B url(../../graphics/drop2.gif) no-repeat right bottom; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#000078; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#E1E1E1; color:#000;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#E1E1E1;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#E1E1E1; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#8B8B8B; color:#fff;}

/* css menusor vertikal */

.arrowlistmenu{
width: 160px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(_i/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(_i/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.regis-link a {width:191px; height:42px; display:block;}
.regis-link a:hover {width:191px; height:42px; display:block;}
.game .regis-wrap {display:block;} 
.game .regis-link2 a {margin-left:20px; display:block; height:33px; width:134px;}
.regis {padding:10px 20px 10px 20px; display:block;}
.regis-head {display: block; padding: 4px; padding-left: 8px; background-color: #d4d4d4; font-family: Verdana, helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.regis-head2 {display: block; padding: 4px; padding-left: 8px; background-color: #d4d4d4; font-family: Verdana, helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.steps {display:block; margin-bottom: 30px;}
.steps1 {width:auto; float:left;}
.steps1-active {width:auto; float:left; color: #ff6600;}
.steps2 {width:auto; float:left;}
.steps2-active {width:auto; float:left; color: #ff6600;}
.steps3 {width:auto; float:left;}
.steps3-active {width:auto; float:left; color: #ff6600;}
.steps-cont {padding: 0px 10px 0px 0px; font-weight:bold; font-size: 11px;}
.regis-form-col1 {float:left; width: 253px;}
.regis-form-col1 .input-bg {width:180px; height:27px;}
.regis-form-col1 .input3 {width:160px; height: 16px; font-size: 11px; font-family: arial, helvetica, sans-serif; border: 1px solid #999999; background-color: #ffffff;} 
.regis-label {font-weight: normal; margin-bottom: 2px;}
.regis-label2 {font-weight: bold; color:#ff6600; margin-bottom: 2px;}
.regis .submit-wrap {text-align:center; margin-top: 10px; text-align: left;}
.regis .submit4 {border:none; width:122px; height:33px; font-size:10px; font-weight:bold; cursor: pointer;}
.regis .submitinput {}
.regis h2 {font-size: 11px; font-weight: bold; margin-bottom: 20px;}






.mbxheadtitle {display: block; padding: 4px; padding-left: 8px; background-color: #d4d4d4; font-family: Verdana, helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.mbxbullet {display: block; background: transparent url('/_i/bullet2.png') left top no-repeat; padding-left: 30px; margin-left: 5px; margin-top: 5px;}
.mbxbullettitle {display: block; padding-top: 4px; padding-bottom: 8px;}
.mbxtitle {display: block;}

.clear {clear: both;}
.mbxboxseparator {display: block; height: 10px;}

.login {padding: 8px;}
.login .textinput {width: 80%; height: 16px; font-size: 11px; font-family: arial, helvetica, sans-serif; border: 1px solid #999999; margin-bottom: 5px;}
.login .caption {font-size: 10px; font-weight: bold; margin-bottom: 2px;}
.login .submitinput {margin-bottom: 5px; }
.login .submit-wrap {text-align: left; margin-top: 6px;}

.menuitem {display: block;}
.menuitem a {display: block; color: #373737; background-color: #e4e4e4; padding: 3px 4px 3px 8px; font-height: 10px; font-weight: bold; font-family: verdana;}
.menuitem a:hover {color: #ffffff; background-color: #000000;}
.menusel a {color: #ff6633;}
.menusel a:hover {color: #ff6633;}

.menuind a {padding-left: 20px; background-image: url('/_i/s.gif'); background-position: left center;}