/*@import url(res/css/reset.css);*/
/*font: 100%/120% arial;*/
/*body font-size: 62,5%
p font-size: 1.2em*/

@media screen{

body {
    padding: 0px;
    margin: 0px;
    color: #8bcce7;
    font: 12px/1.5em arial, verdana, helvetica, sans-serif; /*0.625em*/
    line-height: 1;
    background: url(/res/img/deco/bg.gif) top repeat-x #1a5287;
}

:focus { outline: 0; }

table { border-collapse: separate; border-spacing: 0; }

form, input, textarea { margin: 0px; padding: 0px; }

label { padding: 0px 0px 0px 5px; }

input { vertical-align: middle; font-family: arial; }

img { border: 0px; display: inline; vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px 0px; font-weight: normal; }
h1 { color: #3776b1; font-size: 24px; font-weight: bold; margin: 12px 0px; }
h2 { color: #3776b1; font-size: 14px; font-weight: bold; margin: 10px 0px 15px 0px; }
h4 { font-size: 18px; margin-bottom: 13px; line-height: 20px; }

.hidden { display:none; }

a, a:link, a:active, a:visited { color: #416e9b; text-decoration: none; }
a:hover, a:visited:hover { text-decoration: underline; }

p a, p a:link, p a:active, p a:visited { text-decoration: underline; }
p a:hover, p a:visited:hover { text-decoration: none; }

.textbox { border: 1px solid #416e9b; padding: 2px 5px 2px 5px; color: #8bcce7; font-size: 11px; }
/*.f-w { width: 165px; }*/

.selectbox { border: 1px solid #416e9b; padding: 2px 5px 2px 5px; font-size: 11px; color: #8bcce7; background-color: transparent; }

.ssubm { background: url(/res/img/bmiddle/search_btn.png) left top no-repeat; width: 68px; height: 23px; border: none; color: #ffffff; margin-left: 20px; }
.ssubm:hover { background: url(/res/img/bmiddle/search_btn_h.png) left top no-repeat;}
.btn {  }



/* common */
img.left { float: left; margin: 0px 20px 5px 0px; }

img.right { float: right; margin: 0px 0px 5px 20px; }

p { margin: 0px 0px 10px 0px; color: #515151; }
p img { margin: 0px 10px 10px 0px; }

.accent { font-weight: bold; }

.req { color: #f00; }

/* opt */
.opt { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) 0px -1px no-repeat; }
.opt-down { display: inline-block; width: 12px; height: 10px; /*padding: 0px 12px 0px 0px;*/ background: url(/res/img/arrows.png) -40px 0px no-repeat; }
.opt-down2 { display: inline-block; width: 12px; height: 10px; /*padding: 0px 12px 0px 0px;*/ background: url(/res/img/arrows.png) -40px -13px no-repeat; }
.opt1 { display: inline-block; width: 10px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) 0px -13px no-repeat; }
.opt1-top { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) -27px -14px no-repeat; }
.opt1-down { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) -41px -14px no-repeat; }
.opt-left { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) -13px -13px no-repeat; }
.opt-left2 { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) -13px -1px no-repeat; }
.opt2 { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) 0px -28px no-repeat; vertical-align: baseline; }
.opt2-down { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) -41px -28px no-repeat; vertical-align: baseline; }

.opt-ico { display: block; width: 28px; height: 28px; background: url(/res/img/bmiddle/optico.png) left top no-repeat; float: right; margin: 23px 10px 23px 0px; }
.opt-ico2 { display: block; width: 30px; height: 28px; background: url(/res/img/bmiddle/opt_ico2.png) left top no-repeat; float: right; margin: 23px 10px 23px 0px;}

.opt-ico span.wrp { display: block; padding: 6px 0px 0px 8px; }
.opt-ico2 span.wrp { display: block; padding: 6px 0px 0px 7px; }
.opt-ico2 span.wrp1 { padding: 5px 0px 0px 5px; display: block; }

.ico-prev-white { display: block; width: 14px; height: 19px; background: url(/res/img/ico/arrow-prev-white.png) center no-repeat; position: relative; }
.ico-next-white { display: block; width: 14px; height: 19px; background: url(/res/img/ico/arrow-next-white.png) center no-repeat; position: relative; }

.ico-hand { display: block; background: url(/res/img/ico/hand.png) center no-repeat; width: 28px; height: 28px; }

.od-pager .opt-left { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) -13px -1px no-repeat; }
.od-pager .opt1 { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) 3px -1px no-repeat; }

.ipb .brg .opt-down { display: inline-block; width: 12px; height: 10px; /*padding: 0px 12px 0px 0px;*/ background: url(/res/img/arrows.png) -40px -13px no-repeat; }
.ipb .brg .opt2 { display: inline-block; width: 13px; height: 10px; /*padding: 0px 13px 0px 0px;*/ background: url(/res/img/arrows.png) 0px -13px no-repeat; }

.opt-prev { display: block; width: 14px; height: 19px; background: url(/res/img/bigtriangl_l.png) left top no-repeat; float: left; margin-top: 5px; }
.opt-next { display: block; width: 14px; height: 19px; background: url(/res/img/bigtriangl_r.png) left top no-repeat; float: right; margin-top: 5px; }
.opt-loupe { display: block; background: url(/res/img/loupe.png) left top no-repeat; width: 27px; height: 27px; position: relative; float: right; bottom: 0px; right: 0px; }

.drd1 { display: inline-block; height: 14px; width: 14px; background: url(/res/img/bmiddle/dr_down.png) left top no-repeat; }
.drd2 { margin-bottom: -2px; display: inline-block; height: 14px; width: 14px; background: url(/res/img/bmiddle/plus.png) left top no-repeat; }
.drd3 { display: inline-block; height: 14px; width: 14px; background: url(/res/img/bmiddle/minus.png) left top no-repeat; }
.cont-spl { display: inline-block; height: 10px; width: 1px; margin: 0px 5px; background: url(/res/img/bmiddle/f_spl.jpg) left top no-repeat; }
.video-big { background: url(/res/img/video-top-tr.png) left top no-repeat; width: 58px; height: 58px; position: absolute; display: block; margin: 50px 0px 50px 100px; }
.opt-time { position: absolute; color: #ffffff; display: block; background-color: #072142; padding: 2px; font-size: 11px; float: left; margin-top: -20px; margin-left: 77px; }

.item_big .opt-time { margin-top: -20px; margin-left: 235px; }

/* ico */
.ico-tv { width: 14px; height: 13px; display: inline-block; /*font-size: 12px; padding: 0px 14px 0px 0px;*/ background: url(/res/img/icons.png) -45px 0px no-repeat; }
.ico-txt { width: 8px; height: 13px; display: inline-block; /*font-size: 8px; padding: 0px 8px 0px 0px;*/ background: url(/res/img/icons.png) -75px 0px no-repeat; }
.ico-ball { width: 12px; height: 13px; display: inline-block; /*font-size: 10px; padding: 0px 12px 0px 0px;*/ background: url(/res/img/icons.png) -62px 0px no-repeat; }
.ico-rss { width: 12px; height: 12px; display: inline-block; /*font-size: 12px; padding: 0px 13px 0px 0px;*/ background: url(/res/img/icons.png) -31px 0px no-repeat; }
.ico-rss1 { width: 12px; height: 12px; display: inline-block; background: url(/res/img/ico/rss.gif) left top no-repeat; }
.ico-photo { width: 13px; height: 9px; display: inline-block; /*font-size: 9px; padding: 0px 14px 0px 0px;*/ background: url(/res/img/icons.png) 0px 0px no-repeat; }
.ico-video { width: 14px; height: 9px; display: inline-block; /*font-size: 9px; padding: 0px 14px 0px 0px;*/ background: url(/res/img/icons.png) -15px 0px no-repeat; }
.ico-quote { width: 15px; height: 11px; background: url(/res/img/bmiddle/quote.png) left top no-repeat; display: inline-block; }
.ico-bball { width: 17px; height: 17px; display: inline-block; background: url(/res/img/big_ball.png) left top no-repeat; }
.ico-help { width: 14px; height: 14px; display: inline-block; background: url(/res/img/ico/help.gif) left top no-repeat;  }

.ico-tv1 { width: 13px; height: 13px; display: inline-block; background: url(/res/img/ico/ico_tv.png) left top no-repeat; }
.y-c { width: 10px; height: 13px; display: inline-block; background: url(/res/img/ico/y-c.png) left top no-repeat; margin-right: 10px; }
.r-c { width: 10px; height: 13px; display: inline-block; background: url(/res/img/ico/r-c.png) left top no-repeat; margin-right: 10px; }
.ico-repl { width: 13px; height: 16px; display: inline-block; background: url(/res/img/ico/repl.png) left top no-repeat; margin-right: 10px; }

.aam { display: inline-block; background: url(/res/img/bmiddle/about_match.png) left top no-repeat; width: 87px; height: 19px; }
.ttm { display: inline-block; background: url(/res/img/bmiddle/taketickets.png) left top no-repeat; width: 64px; height: 19px; }

.messcount { display: inline-block; background: url(/res/img/bmiddle/mess.png) left 3px no-repeat; padding-left: 12px; }
.close { background: url(/res/img/bmiddle/close.png) left top no-repeat; width: 14px; height: 14px; }
.close1 { background: url(/res/img/bmiddle/close.png) left top no-repeat; height: 14px; padding-left: 20px; font-size: 11px; font-weight: bold; color: #447fb6; }

/* list */
.table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #2c5985; }
.table td { padding: 4px 5px 4px 5px; border-top: 1px solid #2c5985; }
.table .sel td { background-color: #3776b1; color: #fff; }
.table .s { width: 10%; }
.table .xs {  }
.table .m { width: 40%; }
.table .xm {  }
.table .w {  }
.table .xw {  }
.table .accent { font-weight: bold; } 

.text-item ul { list-style: disc; }
.text-item ul, .text-item ol { margin-left:15px; padding: 0px 0px 0px 8px; }
.text-item ul li, .text-item ol li { color: #447fb6; padding: 0px 0px 10px 5px;}
.text-item ul li .grey, .text-item ol li .grey { color: #515151; }

ul { list-style: disc; }
ul, ol { margin-left:15px; padding: 0px 0px 0px 8px; }
ul li, ol li { color: #447fb6;}
ul li .grey, ol li .grey { color: #515151; }

.list-title { font-weight: bold; font-size: 11px; padding: 0px 0px 5px 0px; }
ul.list { list-style: none; float: left; width: 100%; padding: 0px; margin: 0px; border-bottom: 1px solid #2c5985; }
ul.list li.item { float: left; width: 100%; border-top: 1px solid #2c5985; line-height: 1.3; padding: 0px; }
ul.list a.item { float: left; width: 100%; display: block; /*position: relative;*/ text-decoration: none; z-index: 1; }
ul.list a.item:hover, ul.list a.item:visited:hover { background-color: #1a4e80; text-decoration: none; cursor: pointer; }
/*ul.list img { position: relative; z-index: 1; }*/
ul.list .c1 { display: block; float: left; padding: 0px 0px 5px 0px; }
ul.list .c2 { display: block; float: left; padding: 10px 0px 5px 15px; }
ul.list .row { display: block; padding: 5px; }
ul.list .title { display: block; font-size: 14px; font-weight: bold; color: #fff; }
ul.list .subtitle { display: block; font-weight: bold; color: #fff;  text-indent: -8px; padding-left: 8px; }
ul.list .subinfo { display: block; margin: 3px 0px 0px 0px; font-size: 11px; color: #8bcce7; }
ul.list .ico { margin: 3px 0px 0px 5px; }
ul.list .row .subinfo { padding-left: 8px; }

ul.list-opt { list-style: none; padding: 0px; margin: 0px; }
ul.list-opt li.item { padding: 5px 0px 5px 0px; }
ul.list-opt td { padding: 0px; vertical-align: top; }
ul.list-opt .mark { width: 15px; }


.sectorcolor { width: 16px; height: 16px; border: 1px solid #cecece; }

.plus { display: inline-block; height: 14px; float: left; background: url(/res/img/bmiddle/plus.png) left top no-repeat; padding-left: 20px; margin-right: 15px;}
.minus { display: inline-block; height: 14px; float: left; background: url(/res/img/bmiddle/minus.png) left top no-repeat; padding-left: 20px; margin-right: 15px;}

.btn-b { display: inline-block; cursor: pointer; }
.btn-b:hover, .btn-b:visited:hover { text-decoration: none !important; }
.btn-b table {border-collapse: collapse; border: none !important; }
.btn-b td {padding: 0px !important; line-height: 12px !important; color: #ffffff !important; font-size: 12px !important; border: none !important; }
.btn-b .btn-l {background: url(/res/img/bmiddle/btn_l.png) left top no-repeat; width: 8px !important; height: 23px !important;}
.btn-b .btn-c {background: url(/res/img/bmiddle/btn_c.jpg) left top repeat-x; height: 23px !important; padding: 0px 7px !important; vertical-align: middle !important; }
.btn-b .btn-r {background: url(/res/img/bmiddle/btn_r.png) left top no-repeat; width: 8px !important; height: 23px !important;}

.btn-b:hover .btn-l {background: url(/res/img/bmiddle/btn_l_h.png) left top no-repeat; }
.btn-b:hover .btn-c {background: url(/res/img/bmiddle/btn_c_h.jpg) left top repeat-x; }
.btn-b:hover .btn-r {background: url(/res/img/bmiddle/btn_r_h.png) left top no-repeat; }

.button { text-decoration: none !important; cursor: pointer; display: inline-block; }
.button .c { float: left !important; display: block !important; height: 21px !important; background: url(/res/img/bmiddle/btn_c.jpg) top repeat-x !important; white-space: nowrap !important; padding: 2px 10px 0px 10px !important; color: #fff !important; font-size: 12px !important; line-height:16px !important; border: none !important; }
.button .l { float: left !important; display: block !important; width: 8px !important; height: 23px !important; background: url(/res/img/bmiddle/btn_l.png) center no-repeat !important; white-space: nowrap !important; }
.button .r { float: left !important; display: block !important; width: 8px !important; height: 23px !important; background: url(/res/img/bmiddle/btn_r.png) center no-repeat !important; white-space: nowrap !important; }
.button:hover, .button:visited:hover { text-decoration: none !important; }
.button:hover .c, .button:visited:hover .c { background: url(/res/img/bmiddle/btn_c_h.jpg) top repeat-x !important; }
.button:hover .l, .button:visited:hover .l { background: url(/res/img/bmiddle/btn_l_h.png) center no-repeat !important; }
.button:hover .r, .button:visited:hover .r { background: url(/res/img/bmiddle/btn_r_h.png) center no-repeat !important; }






.private .emessage { padding: 20px 20px 0px 20px; margin: 0px; }
.private .signup { padding: 20px 20px 0px 20px; }
.private .signup table td { padding: 0px 10px 5px 0px; color: #416E9B; }
.private .signup .ex .l { width: 150px; }

}