/*@charset "utf-8";*/
/* CSS Document */
/*img,div,td,li, ul { behavior:url(../App_Themes/SportNow/iepngfix/iepngfix.htc); }*/

body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
}
body, td, th
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*color: #39BFCC;*/
    color: #666666;
    font-weight: bold;
}
.anone
{
    text-decoration: none;
    color: #666666;
    font-weight: normal;
}
.anone:link
{
    text-decoration: none;
    color: #666666;
    font-weight: normal;
}
.anone:hover
{
    text-decoration: none;
    color: #666666;
    font-weight: normal;
}
.anone:visited
{
    text-decoration: none;
    color: #666666;
}
a:link
{
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
    color: #39BFCC;
}
a:hover
{
    text-decoration: underline;
    color: #39BFCC;
}
a:active
{
    text-decoration: none;
    color: #39BFCC;
}
.header
{
    background-color: #3F3626;
    height: 25px;
    text-align: center;
    border-bottom: 3px solid #A1A1A1;
}
.menu_off
{
    background-color: #3F3626;
    border-bottom: 3px solid #A1A1A1;
}
.menu_on
{
    background-color: #FFFFFF; /*border-bottom: 3px solid #EEEEEE;*/
}
.middle
{
    background-image: url(../img/lines_bg.gif);
    background-repeat: repeat-x;
    background-position: center;
    height: 440px;
}

.middle_sub
{
    background-image: url(../img/lines_bg.gif);
    background-repeat: repeat-x;
    background-position: center;
    height: 300px;
}

.blue_bg
{
    background-image: url(../img/blue_bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    height: 322px;
    padding-top: 10px;
}

.blue_bg1
{
    background-image: url(../img/blue_bg_new_2.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 322px;
    padding-top: 0px;
}

.blue_bg2
{
    background-image: url(../img/blue_bg_new.gif);
    background-repeat: repeat-x;
    background-position: top;
    height: 322px;
    padding-top: 10px;
}

.logon
{
    background-image: url(../img/user_p_bg.gif);
    background-repeat: no-repeat;
    width: 291px;
    height: 96px;
    padding-top: 49px;
    padding-left: 45px;
    font-size: 10px;
}
.logon a:link
{
    color: #999;
    text-decoration: underline;
    font-weight: normal;
}
.logon a:hover
{
    color: #999;
    text-decoration: none;
    font-weight: normal;
}
.logon a:visited
{
    color: #999;
    text-decoration: underline;
    font-weight: normal;
}

.naver
{
    background-image: url(../img/splash.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 5px;
}
.headera1
{
    font-family: "Trebuchet MS";
    font-size: 18px;
    color: #FFF;
}


.l_bg
{
    background-image: url(../img/bg_l_20.gif);
}
.l_videos1
{
    color: #FFF;
    font-weight: bold;
}
.l_videos2
{
    color: #CAEEEE;
}
.l_videos2 a:link
{
    color: #CAEEEE;
    text-decoration: underline;
}
.l_videos2 a:hover
{
    color: #CAEEEE;
    text-decoration: none;
}
.l_videos2 a:visited
{
    color: #CAEEEE;
    text-decoration: underline;
}
.seper
{
    color: #5AC6C9;
}
.footer
{
    background-color: #333333;
    padding: 20px 0px 20px 20px;
    color: #999999;
    line-height: 22px;
}

.footer a
{
    color: #3AC0CC;
    text-decoration: underline;
}
.footer a:hover
{
    color: #3AC0CC;
    text-decoration: none;
}
.footer a:visited
{
    color: #3AC0CC;
    text-decoration: underline;
}
.smenu_pink
{
    width: 120px;
    height: 29px;
}
.smenu_pink:hover, .smenu_pink.iehover
{
    background: url(../img/menu_bgs.gif) 10px 3px no-repeat;
}

.smenu_blue
{
    width: 120px;
    height: 29px;
}
.smenu_blue:hover, .smenu_blue.iehover
{
    background: url(../img/menu_bgs.gif) 15px -197px no-repeat;
}

.smenu_green
{
    width: 120px;
    height: 29px;
}
.smenu_green:hover, .smenu_green.iehover
{
    background: url(../img/menu_bgs.gif) 15px -163px no-repeat;
}

.smenu_purple
{
    width: 120px;
    height: 29px;
}
.smenu_purple:hover, .smenu_purple.iehover
{
    background: url(../img/menu_bgs.gif) 15px -128px no-repeat;
}

.smenu_orange
{
    width: 120px;
    height: 29px;
}
.smenu_orange:hover, .smenu_orange.iehover
{
    background: url(../img/menu_bgs.gif) 15px -95px no-repeat;
}


.smenu_red
{
    width: 120px;
    height: 29px;
}
.smenu_red:hover, .smenu_red.iehover
{
    background: url(../img/menu_bgs.gif) 15px -65px no-repeat;
}

.smenu_gr
{
    width: 120px;
    height: 29px;
}
.smenu_gr:hover, .smenu_gr.iehover
{
    background: url(../img/menu_bgs.gif) 15px -33px no-repeat;
}

.smenu_off
{
    height: 30px;
    width: 120px;
    background-image: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.smenu_on
{
    height: 30px;
    width: 120px;
    background-image: url(../img/sm_rpt/1.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.smenu_on1
{
    height: 30px;
    width: 120px;
    background-image: url(../img/sm_rpt/1.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.smenu_on2
{
    height: 30px;
    width: 120px;
    background-image: url(../img/sm_rpt/2.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.smenu_on3
{
    height: 30px;
    width: 120px;
    background-image: url(../img/sm_rpt/3.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.smenu_on4
{
    height: 30px;
    width: 120px;
    background-image: url(../img/sm_rpt/4.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.smenu_on5
{
    height: 30px;
    width: 120px;
    background-image: url(../img/sm_rpt/5.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.smenu_on6
{
    height: 30px;
    width: 120px;
    background-image: url(../img/sm_rpt/6.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.smenu_on7
{
    height: 30px;
    width: 120px;
    background-image: url(../img/sm_rpt/7.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.smenu_on8
{
    height: 30px;
    width: 120px;
    background-image: url(../img/sm_rpt/8.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.b_but
{
    height: 20px;
    padding: 3px;
}
.b_but a
{
    background-color: #3B343B;
    color: #4BBAB1;
    padding: 3px;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}
.b_but a:visited
{
    background-color: #3B343B;
    color: #4BBAB1;
    padding: 3px;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}
.b_but a:hover
{
    background-color: #4BBAB1;
    color: #FFF;
    padding: 3px;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}
.my
{
    color: #060606;
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
}

.my_t1
{
    color: #4BBEC3;
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
}
.my_t1 a
{
    color: #4BBAB1;
    text-decoration: none;
    border-bottom: 1px dashed #4BBAB1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.my_t1 a:visited
{
    color: #4BBAB1;
    text-decoration: none;
    border-bottom: 1px dashed #4BBAB1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.my_t1 a:hover
{
    color: #4BBAB1;
    text-decoration: none;
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t2
{
    color: #ED297F;
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
}

.my_t2 a
{
    color: #ED297F;
    text-decoration: none;
    border-bottom: 1px dashed #ED297F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.my_t2 a:visited
{
    color: #ED297F;
    text-decoration: none;
    border-bottom: 1px dashed #ED297F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.my_t2 a:hover
{
    color: #ED297F;
    text-decoration: none;
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t3
{
    color: #859822;
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
}

.my_t3 a
{
    color: #859822;
    text-decoration: none;
    border-bottom: 1px dashed #859822;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t3 a:visited
{
    color: #859822;
    text-decoration: none;
    border-bottom: 1px dashed #859822;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t3 a:hover
{
    color: #859822;
    text-decoration: none;
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t4
{
    color: #FAAE5A;
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
}


.my_t4 a
{
    color: #FAAE5A;
    text-decoration: none;
    border-bottom: 1px dashed #FAAE5A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t4 a:visited
{
    color: #FAAE5A;
    text-decoration: none;
    border-bottom: 1px dashed #FAAE5A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t4 a:hover
{
    color: #FAAE5A;
    text-decoration: none;
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t5
{
    color: #F91826;
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
}
.my_t5 a
{
    color: #F91826;
    text-decoration: none;
    border-bottom: 1px dashed #F91826;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t5 a:visited
{
    color: #F91826;
    text-decoration: none;
    border-bottom: 1px dashed #F91826;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.my_t5 a:hover
{
    color: #F91826;
    text-decoration: none;
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.write
{
    border: 1px solid #373737;
    color: #373737;
    background-color: #FFFFFF;
}
.mtxtbox
{
    font-family: Verdana;
    font-size: 11px;
}

.ttop
{
    background-image: url(../img/comm/t.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-left: 20px;
}
.tbottom
{
    background-image: url(../img/comm/b.gif);
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 5px;
}
.tleft
{
    background-image: url(../img/comm/l.gif);
    background-repeat: repeat-y;
    background-position: right;
}
.tright
{
    background-image: url(../img/comm/r.gif);
    background-repeat: repeat-y;
    background-position: left;
}

.tarig
{
    color: #999999;
}
.commenta
{
    color: #666666;
    font-weight: bold;
    background-color: #FFFFFF;
    padding: 5px;
}
.comm_opt a
{
    color: #666666;
    background-color: #CCCCCC;
    padding: 2px;
    font-weight: normal;
    text-decoration: none;
}

.comm_opt a:visited
{
    color: #666666;
    background-color: #CCCCCC;
    padding: 2px;
    font-weight: normal;
    text-decoration: none;
}

.comm_opt a:hover
{
    color: #FFF;
    background-color: #666666;
    padding: 2px;
    font-weight: normal;
    text-decoration: none;
}
.searcha
{
    background-image: url(../img/big_search1.gif);
    background-repeat: no-repeat;
    height: 40px;
    background-position: center;
    text-align: center;
    padding-right: 35px;
    vertical-align: middle;
}
.search_bar
{
    background-image: url(../img/src_bg.gif);
    background-repeat: repeat-x;
    background-position: center;
    border: none;
    border: 0px solid;
    height: 20px;
    width: 430px;
    vertical-align: middle;
    font-family: "Trebuchet MS";
    font-weight: bold;
    font-size: 16px;
    color: #666;
}
/*
.button_off
{
    background-image: url(../img/button.jpg);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    width: 88px;
    height: 31px;
    color: #666666;
    cursor: pointer;
    display: block;
}
.button_on
{
    background-image: url(../img/button_sel.jpg);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    width: 88px;
    height: 31px;
    color: #666666;
    cursor: pointer;
    display: block;
}

*/
.boxh
{
    background: url(../img/button_bg.jpg) 0 -32px no-repeat;
    width: 88px;
    height: 25px;
    padding-top: 7px;
    cursor: pointer;
    text-decoration: none;
}

.boxh:hover, .boxh.iehover
{
    background: url(../img/button_bg.jpg) 0 0px no-repeat;
    text-decoration: none;
}
/*
.box
{
    text-decoration: none;
    cursor: pointer;
    background-color: Transparent;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 7px;
    padding-left: 7px;
    border: 0px solid Transparent;
    text-align: center;
}


.hbox
{
    text-decoration: none;
    cursor: pointer;
    background-color: Transparent;
    padding-top: 15px; 
    text-align: center;
    width: 120px;
    height: 30px;
}
*/
.headerbox
{
    text-decoration: none;
    cursor: pointer;
    background-color: Transparent;
    background-position: center;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
    vertical-align: middle;
    border: 0px solid Transparent;
    text-align: center;
    width: 116px;
    height: 15px;
}
.pg_off
{
    background-image: url(../img/pg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    width: 31px;
    height: 31px;
    color: #666666;
    cursor: pointer;
}
.pg_on
{
    background-image: url(../img/pg_sel.jpg);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    width: 31px;
    height: 31px;
    color: #666666;
    cursor: pointer;
}

.imga_div1
{
    border: 1px solid #D1D1D1;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.imga_div2
{
    border: 1px solid #FFF;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.pop_tl
{
    background-image: url(../img/apup/tl.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}
.pop_tr
{
    background-image: url(../img/apup/tr.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}
.pop_bl
{
    background-image: url(../img/apup/bl.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}
.pop_br
{
    background-image: url(../img/apup/br.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}
.pop_l
{
    background-image: url(../img/apup/l.png);
    background-repeat: repeat-y;
    width: 19px;
}
.pop_r
{
    background-image: url(../img/apup/r.png);
    background-repeat: repeat-y;
    width: 19px;
}
.pop_t
{
    background-image: url(../img/apup/t.png);
    background-repeat: repeat-x;
    height: 19px;
}
.pop_b
{
    background-image: url(../img/apup/b.png);
    background-repeat: repeat-x;
    height: 19px;
}
.pop_nama
{
    font-family: "trebuchet MS";
    font-size: 11px;
    color: #666666;
}
.pop_inputer
{
    border: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    width: 150px;
}
.pop_inputer2
{
    border: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}
.search1
{
    background-image: url('../img/search_big_bg.jpg');
    background-repeat: no-repeat;
    height: 150px;
    width: 270px;
    padding-top: 10px;
    vertical-align: top;
}
.search_bg
{
    background-image: url('../img/search_input.gif');
    background-repeat: no-repeat;
    background-position: left 50%;
    padding-right: 20px;
    padding-bottom: 1px;
    width: 150px;
}
.inputer
{
    font-size: 11px;
    width: 120px;
    font-family: "BPG Glaho Arial V5";
    height: 17px;
    line-height: 17px;
    background-color: #FFF;
    background-image: url('../img/search_bg_sml.gif');
    background-repeat: repeat-x;
    border: medium none;
}
.importanta
{
    color: #FF0000;
    font-weight: bold;
}
.sub_menu_bg
{
    background-image: url(../img/sub_menu_bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 45px;
    padding-top: 0px;
    padding-left: 200px;
}

.sub_menu_sub
{
    background-image: url(../img/submen_sub.jpg);
    background-repeat: repeat-x;
    background-position: top;
    padding-right: 50px;
}

.searcha_2
{
    background-image: url(../img/search_bgg.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
#logo_small
{
    position: absolute;
    left: 0px;
    right: 0px;
    width: 194px;
    height: 109px;
    z-index: 1;
    background-image: url(../img/logo_small.jpg);
}

.homeN
{
    background: url(../img/nexth.gif) 0 -30px no-repeat;
    width: 15px;
    height: 15px;
}

.homeN:hover, .homeN.iehover
{
    background: url(../img/nexth.gif) 0 0px no-repeat;
}

.homeP
{
    background: url(../img/prevh.gif) 0 -30px no-repeat;
    width: 15px;
    height: 15px;
}

.homeP:hover, .homeP.iehover
{
    background: url(../img/prevh.gif) 0 0px no-repeat;
}


.contact
{
    color: #39c0cc;
    font-weight: normal;
}
.contact a
{
    color: #39c0cc;
    font-weight: normal;
}
.contact a:hover
{
    color: #39c0cc;
    font-weight: normal;
    text-decoration: underline;
}
.contact a:visited
{
    color: #39c0cc;
}

.faq-answer
{
    display: none;
}

#toggle-view span
{
    right: 5px;
    top: 0;
    color:Gray;
    font-size: 13px;
}


.buttongrey a
{
    background-color: #9d9da1;
    color: white;
    padding: 3px;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}
.buttongrey a:visited
{
    background-color: #9d9da1;
    color: white;
    padding: 3px;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}
.buttongrey a:hover
{
    background-color: #4BBAB1;
    color: white;
    padding: 3px;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}




/*THUMBNAILS*/
.mthumbnail{
position: relative;
z-index: 0;
}

.mthumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;


}

.mthumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:whitesmoke;
padding: 5px;
border: 1px solid lightgray;
visibility: hidden;
color: black;
text-decoration: none;
}

.mthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.mthumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
right:10px;
bottom:0;

}


/*THUMBNAILS*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;


}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:whitesmoke;
padding: 5px;
border: 1px solid lightgray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left:41px;
bottom:0;
}


/*vthumbnail*/

.vthumbnail{
position: relative;
z-index: 0;
}

.vthumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;


}

.vthumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:whitesmoke;
padding: 5px;
border: 1px solid lightgray;
visibility: hidden;
color: black;
text-decoration: none;
}

.vthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.vthumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left:41px;
bottom:0;
}