@charset "utf-8";
/*  Single User Pacage CSS   */

@font-face {
    font-family: "open_sansregular"; 
    src: url('../fonts/OpenSans-Regular.ttf');
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-regular-webfont.woff') format('woff'),
        url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'segoe_uiregular';
    src: url('../fonts/segoeui-webfont.eot');
    src: url('../fonts/egoeui-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/segoeui-webfont.woff') format('woff'),
        url('../fonts/segoeui-webfont.ttf') format('truetype'),
        url('../fonts/segoeui-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'segoe_uibold';
    src: url('../fonts/SEGOEUIB.eot');
    src: url('../fonts/egoeui-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/segoeui-webfont.woff') format('woff'),
        url('../fonts/SEGOEUIB.ttf') format('truetype'),
        url('../fonts/segoeui-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-bold-webfont.woff') format('woff'),
        url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
        url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'calibriregular';
    src: url('../fonts/calibri-webfont.eot');
    src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/calibri-webfont.woff') format('woff'),
        url('../fonts/calibri-webfont.ttf') format('truetype'),
        url('../fonts/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    margin:0;
    font-family: 'calibriregular';
    color:#707070;
    background:url(../img/bg_grad.jpg) repeat-x top;
}
header {
    margin:0 auto;
    /*width:1000px;*/
    position:relative;
}
.logo {
    float:left;
    padding-top:20px;
}
.logo a {display: block;}
.selectcountrydiv{ float: right; width:57%; margin-top:68px;}
.selectcountrydiv .seltext{ float: left; width: 60%; color: #fff; font-weight: bold;}
.selectcountrydiv .countrysel{ float: left; width: 35%; margin-left: 3%;}
.selectcountrydiv .countrysel .droplist{background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
                                        border: 1px solid #c0c0c0;  height: 28px; overflow: hidden;}
.selectcountrydiv .countrysel .droplist select{
    background: none; border:none; color: #757575; font-size: 15px; height: 28px; text-indent: 2px; line-height: 28px; text-align: left; width:110%;
}
#sup_content .back{ margin-top: 15px;  width: 100px; margin-left: 8px;}
#sup_content .back a{background: #444 ; border-radius: 4px; color: #fff;  display: block;  padding: 5px 20px; text-align: center;}

img{ border:none;}
a{text-decoration:none;}
.m_top_ten{ margin-top:10px;}
.m_top_twenty{ margin-top:20px;}
.p_top_ten{ padding-top:10px;}
.p_top_twenty{ padding-top:20px;}
.clear{ clear:both;}

#sup_main{ width:100%; margin:0 auto;}
#sup_header{ background:#000; height:102px; text-align:center;}
#sup_content{ width:1000px; margin:0 auto;}


.siuepa-content{width:1200px; margin:0 auto; max-width: 100%;}
.siuepa-content .sup_col {
    margin: 0.7%;
    width: 23.6%;
}

/************ css for four block columns ************/
/*#sup_content{ width:100%; margin:0 auto;}
#sup_content .sup_col{width:23.5%; margin:0 0.75%;}*/

.double_durration{border: 1px solid #cecece; font-family: arial; font-size: 15px; margin-top: 23px; padding: 0 5px; color: #000; font-weight: bold; }
.spanleft_padding{color:red; font-size:10px; font-weight: bold; margin-left: 0; padding-left: 18px; }

.top_col1, .top_col2{ float:left;}
.top_col3{ float:right;}
.top_col1{ width:10%;}
.top_col2{ width:60%;}
.top_col3{ width:30%;}

.su_arrow{ margin-top:20px;}
.su_title{font-family: 'open_sansbold'; font-size:22px; color:#3f48cc;}
.su_text{font-family: 'calibriregular'; color:#324f85; font-size:16px; line-height:20px;}
.top_link{font-family: 'calibriregular'; color:#2e7ba8; font-size:16px; line-height:20px; text-align:right;}
.top_link a{color:#2e7ba8; padding:0 10px; }
.top_link a:hover{color:#225485;}

.sup_col{float:left; width:31%; margin:0.8%;}

.blogk_title{
    font-family: 'open_sansbold'; font-size:22px; color:#fff; text-align:left; padding:20px; min-height: 65px;
    background: #5b8fc8; /* Old browsers */
    background: -moz-linear-gradient(top,  #5b8fc8 0%, #33689c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b8fc8), color-stop(100%,#33689c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5b8fc8 0%,#33689c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5b8fc8 0%,#33689c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5b8fc8 0%,#33689c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5b8fc8 0%,#33689c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b8fc8', endColorstr='#33689c',GradientType=0 ); /* IE6-9 */
}
.version_block{ border:1px solid #ccc; }
.blogk_point{padding:10px; font-family: 'open_sansbold'; font-size:14px; color:#000; font-weight:bold; height: 350px; overflow-y: scroll;}
.blogk_point ul{ margin:0px; padding:0px; list-style:none;}
.blogk_point ul li{ background:url(../img/right_mark.jpg) no-repeat 0px 5px; padding:0 0 0 30px; line-height:24px;}

.button_block{ background:#f5f4fc; padding:10px; min-height: 182px;}
.bb1, .bb2, .bb2-1, .bb3{ float:left;}
.bb1{ width:25%; margin-top: 10px;}
/*.bb2{ width:70px;}*/

.bb2 {width:62px; height:62px; background:url(../img/off_bg.jpg) no-repeat 0px 0px; font-family: 'open_sansbold'; font-size:14px; color:#000; 
      text-shadow: 1px 1px 1px #fff; text-align:center; line-height:16px; margin-left: 10px; margin-top: 12px;
}
.best {width:62px; height:62px; background:url(../img/off_bg.jpg) no-repeat 0px 0px; font-family: 'open_sansbold'; font-size:14px; color:#000; 
       text-shadow: 1px 1px 1px #fff; text-align:center; line-height:16px; margin-left: 10px; margin-top: 12px;
}
.bb2-1{width:62px; height:62px;  text-align:center;  margin-left: 10px; margin-top: 12px;}
.bb3{ width:39%; padding-top:7px; margin-left: 10px;}
.bb3title{color: #000; font-weight: bold; padding:5px; border: 1px solid #888; text-align: center; margin: 5px 0;}
.packlistpop-title{font-size: 21px; padding-bottom:5px; color: #800000; text-align:center;border-bottom:1px solid #cecece; font-weight: bold;}

.yellow_bt{ font-family: 'open_sansbold';}
.yellow_bt a{
    color:#000; padding:8px 10px; border:solid 1px #b18f48; font-size:16px; border-radius:3px; cursor:pointer; display:block; text-align: center;
    background: #ffed89; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffed89 0%, #ffce4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed89), color-stop(100%,#ffce4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffed89 0%,#ffce4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffed89 0%,#ffce4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffed89 0%,#ffce4e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffed89 0%,#ffce4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed89', endColorstr='#ffce4e',GradientType=0 ); /* IE6-9 */
}
.yellow_bt a:hover{
    color:#000;
    background: #ffce4e; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffce4e 0%, #ffed89 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffce4e), color-stop(100%,#ffed89)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffce4e 0%,#ffed89 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffce4e 0%,#ffed89 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffce4e 0%,#ffed89 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffce4e 0%,#ffed89 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce4e', endColorstr='#ffed89',GradientType=0 ); /* IE6-9 */
}
.free{font-family: 'open_sansbold'; font-size:18px; color:#000; padding:12px 0 0 10px; line-height: 20px;}
.btnYellow{
    background: linear-gradient(to bottom, #ffed89 0%, #ffce4e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #b18f48;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding:3px 10px;
    font-family: 'open_sansbold';
    text-align: center;
} 
.available_share{ margin-bottom: 6px;}
.available_share a{
    background: #4e4e4e; /* Old browsers */
    background: -moz-linear-gradient(top,  #4e4e4e 1%, #363636 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4e4e4e), color-stop(98%,#363636)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e4e4e 1%,#363636 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e4e4e 1%,#363636 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e4e4e 1%,#363636 98%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e4e4e 1%,#363636 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#363636',GradientType=0 ); /* IE6-9 */

    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 5px 10px;
    text-align: center;
    font-family: 'calibriregular';
    margin: 5px 0;
}   
.avais{ margin-top:10px !important;}


/************ popup css start ************/
.avaishare_pop{ position: fixed; width: 800px;  top:4%; left: 22%; z-index: 100;}
.as_popup_content{ padding: 10px; border-radius: 6px; background: #fff; box-shadow: 0px 0px 6px #444; }
.as_scroll-1{min-height:500px; /*overflow-y: scroll;*/}

.as_popup_content .popup-close-btn-row{float:right; margin-top: -20px; margin-right: -20px;}
.popup-close-btn{
    font-size: 20px;
    color: #444;
    cursor: pointer;
    border-radius:50%;
    background:#fff;
    border:1px solid #888;
    padding: 0px 5px 2px;
}
.as_popup_content .as-scroll-bar{height: 500px; overflow-x: hidden; overflow-y: auto;}

.m_top_ten{ margin-top: 10px;}
.admin_title{ background:#c8bfe7; border:1px solid #444; font-family: 'open_sansbold';  font-size: 16px; color:#000; padding: 5px 10px;}
.admin_title span{ color:#F00;}
.admin_title img{ padding-right:10px;}
.athlete_block{ border:1px solid #444; padding:10px; color: #000;}
.coaches_block{ padding:20px;}
.c_col1, 
.c_col2, 
.c_col3, 
.c_col4, 
.c_col5, 
.c_col6{ float:left; height:20px; text-align:center;}
.c_col1{ width:20%;}
.c_col2{ width:5%;}
.c_col3, 
.c_col4, 
.c_col5, 
.c_col6{ width:12%; margin-top:7px;}

.c_colath1{width:14% !important;}
.c_colath{width:17% !important;}
.md_border{ background: url(../img/border_bg.jpg) repeat-x 0 center;}
.coach_title{ font-size:18px; font-weight:bold; line-height:34px;}
.num_block{ background:#c3c3c3; border:1px solid #232325; font-size:18px; font-weight:bold; height:35px; line-height:30px;}
.category_block{ margin:7px 0;}
.t_col1, 
.t_col2, 
.t_col3{ float:left; height:35px; color: #222;}
.t_col1{ width:20%; text-align:center;}
.t_col2{ width:5%; text-align:center;}
.t_col3{ width:30%; margin-left:20px;}
.t_col3 img{ margin-right:8px;}
.ava_block{ background:#efe4b0; border:1px solid #232325; font-size:18px; font-weight:bold; line-height:30px; }
.avano{ font-size:12px; line-height:16px; padding-left:20.5%}
.ath_unlimited{ width:105px; height:24px; font-size:14px; line-height:24px; border:1px solid #333; text-indent:10px;}

.num_block input[type="text"]{ background: #fff; border:none !important;  color: #555; line-height: 32px; text-align: center; margin: 0px;}
.fnt input[type="text"]{ background: #fff !important; border:1px solid #ccc !important; width: 100px; color: #555; line-height: 22px;}
.ava_block input[type="text"]{ height: 32px; text-align: center;}
.su_top_block{min-height:230px; border:1px solid #f00; padding: 10px; position: relative;}
.fnt span{width: 170px; float: left;}

/************ last news popup ************/
.lastnews_pop{ position: fixed; width: 800px;  top:10%; left: 22%; z-index: 100;}
.ln_popup_content{ padding: 15px; border-radius: 6px; background: #fff; box-shadow: 0px 0px 6px #444; }
.ln_popup_close{float:right; margin-top: -10px; margin-right: -10px; font-size: 22px; color:#333;}
.ln_popup_close a{ color:#333;}
.ln_scroll-1{min-height:500px; /*overflow-y: scroll;*/}


/************ popup css start ************/ 
.show-hide-club{ position:absolute; z-index:110; top:34%; left:27%; background:#777777; width:300px; color:#000; border-radius: 6px; padding: 10px;
                 box-shadow: 0px 0px 4px #333;}
.show-hide-club:after{ 
    border-right: 9px solid #777777;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    content: "";
    margin-top:10px;
    margin-left:-319px;	
    position:absolute;
    z-index: 100;
}
.sh_clubbox{     
    background:#fff; 
    border: 1px solid #00A2E8;
    width:550px; 
    box-sizing: border-box;
    color:#000; 
    border-radius:4px; 
    padding: 10px;
    box-shadow: 0px 0px 7px #999;
    position: fixed;
    z-index: 1111;
    top: 30%;
    left: 50%;
    margin-left:-275px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*.sh_clubbox{margin-left:-275px;}*/
    /*.cpcon .sh_clubbox{width:265px;}*/
    /*.cpcon .sh-img{ margin-right: 7px !important;}*/
}
/*.cpcon .sh_clubbox{ margin-left:-7px !important; }*/

/*.sh_clubbox:after{border-bottom:10px solid #777777;
    border-left: 10px solid transparent;
    border-right:10px solid transparent;
    content: "";
    margin-left:125px;
    margin-top:-178px;	
    position:absolute;
    z-index: 100;}*/
.pkg-title-row{background: #EFE3AE; border: 1px solid #555; padding: 5px; margin-bottom: 10px;}
.pkg-title{float: left; width: 94%;}

.sh-img{ float:left; width: 100px; margin-right: 10px; border: 1px solid #ccc;}
.sh-img img{ width: 100%;}
.sh-right{ float:right; width:400px; color: #333; font-size: 14px; font-weight: normal !important;}
.shc_close{ float: right; margin-right: -5px; margin-top: -5px; font-size: 16px; }
.shc_close a{color: #fff;}


/************ admin purchase popup css 31-03-2015 ************/
.p_top_ten{ padding-top: 10px;}
.m_top_ten{ margin-top: 10px;}
.clear{ clear: both}    
.pt_five{ padding-top: 5px;}
.admin_purchase_popbox{margin:0 auto; /*width: 980px;*/ padding: 10px; margin-top: 10px; background: #fff;}

.purchase_account{ background:#a349a4; border:1px solid #7f7f7f; font-family: 'open_sansbold';  font-size: 16px; color:#fff; padding: 5px 10px;}
.pa{ color:#fff200; font-size:14px;}
.version_base{background:#22b14c; border:1px solid #7f7f7f; font-family: 'open_sansbold';  font-size: 16px; color:#fff; padding: 5px 10px;}
.version_premium{background:#a349a4; border:1px solid #7f7f7f; font-family: 'open_sansbold';  font-size: 16px; color:#fff; padding: 5px 10px;}
.version_professional{background:#ed1c24; border:1px solid #7f7f7f; font-family: 'open_sansbold';  font-size: 16px; color:#fff; padding: 5px 10px;}
.version_details{border:1px solid #7f7f7f; font-family: 'open_sansbold';  font-size: 16px; color:#111; padding: 5px 10px;}

.pale_yellow_block{ background:#efe4b0; border:1px solid #232325; font-size:18px; font-weight:bold; height:34px; line-height:30px; width:40px; margin-left:0px;}
.yellow_block{ background:#fff200; border:1px solid #232325; font-size:18px; font-weight:bold; height:34px; line-height:30px; width:55px;}
.purple_block{ background:#c8bfe7; border:1px solid #232325; font-size:18px; font-weight:bold; height:34px; line-height:30px; width:40px;}
.white_block{ background:#fff; border:1px solid #232325; font-size:18px; font-weight:bold; height:34px; line-height:30px; width:40px;}

.athlete_left{ float:left; width:40%; }
.athlete_right{ float:right; width:60%;}
.ath_right_row1{ padding-left:0px;}
.athlete_noblock{ padding:10px;}

.ath_col0{ float:left; width:30px; text-align:center; font-weight:bold;}
.ath_col_common{ float:left; width:60px; text-align:center; margin-left:8px; }
.ath_top{background:#ed1c24; color:#fff;}
.athleft_top{ padding-top:52px;}
.athleft_title{font-size:18px; font-weight:bold; line-height:37px;}
.athleft_title1{font-size:18px; line-height:37px;}

.md_border{ background: url(../img/border_bg.jpg) repeat-x 0 center;}
.athlete_block{ border:1px solid #bababa; padding:10px;}

.ath_right_row2{}
.purchase_popcontinue { margin-top: 10px; width: 140px;}
.purchase_popcontinue a {
    background: linear-gradient(to bottom, #4e4e4e 1%, #363636 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius:4px;
    color: #fff;
    display: block;
    font-family: "calibriregular";
    font-size: 18px; font-weight:bold;
    padding: 7px 5px;
    text-align: center;
    text-decoration:none;
}
.version_continue{
    background: linear-gradient(to bottom, #4e4e4e 1%, #363636 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius:4px;
    color: #fff;
    display: block;
    font-family: "calibriregular";
    font-size: 18px; font-weight:bold;
    padding: 7px 5px;
    line-height: 20px;
    text-align: center;
    text-decoration:none;
    width: 150px;
    cursor: pointer;
    border: 0px;
    margin-top: 10px;
}


/************ optional available module 31-03-15 ************/
.mng_area{ background:#e8e8e8; color: #222; }
.mng_area table.main{ border:1px solid #c0c0c0; width: 100%;}
table.main .col_list{ width:50% !important; font-size: 18px !important;}
table.main .col_basic{ width:6%;}
table.main .col_original{ width:15%; padding:0; font-size: 18px !important;}
table.main .col_edit{ width:12%;}

.mng_area table.main .list_red{ width:60%;}
.mng_area table.main .ori_content{ width:40%;}
.mng_area table.main .ori_content .inwhite input[type="radio"]{}
.mng_area table.main .ori_content .inwhite input[type="text"]{width:70%; float:right; margin-right:6px;}

.mng_area table.main .ori_content table td{ width:33%;}
.mng_area table.main .original_title table tr td{width: 33%;}

table.main td{ border-right:1px solid #c0c0c0 !important;  border-bottom:1px solid #c0c0c0 !important; border-left:none !important; 
               border-top:none !important; text-align:center; padding:3px; vertical-align:middle !important; background: none repeat scroll 0 0 #e8e8e8;
}
table.main td:last-child{ border-right:none !important;}
table.main tr:last-child td{border-bottom:none !important;}
table.main tr:first-child td{ font-size:14px; font-weight:bold; height:40px; padding: 5px;}
table.main tr td:first-child{ text-align:left; }

.original_title table tr td{ font-weight:normal !important; text-align: center;}
.original_title table tr td:first-child{ text-align:center; }
.list_red a{ font-size:18px; color:#800000;}


/************ 
optional available module main1 10-08-17
************/







.search_block{ margin-right:3px; background: url("../img/select-image.jpg") no-repeat scroll right center #FFFFFF; overflow: hidden; height:27px;   }
.search_block select { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #757575; font-size: 15px; width: 175px; width: 148px\0;  height:27px; border:none; line-height:26px; padding-top:3px;}

.lang_select_tab { border: 1px solid #bababa; float: left;  width: 100%;}
.lang_select_tab a {
    border: 1px solid #fff;
    color: #000;
    font-size: 20px;
    float: left;
    padding: 2px 19px;
    margin: 3px;
    display: block;
}
.lang_select_tab a.select {border: 1px solid #f00; background: #efe4b0;}
.actprice{float: left; width:52px; margin-left: 0px;}
.offer-slogan{ position: fixed; width:500px; box-sizing: border-box; top:25%; left:31%; z-index: 1001; padding: 20px; box-shadow: 0 0 6px #444; 
               border-radius: 6px; background: #fff; border: 2px solid #333;
}
.offer-slogan .ln_popup_close{margin-top: -15px;}
.offer-slogan h1{font-size: 20px;}