@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans:400,700|Oswald:400,700|PT+Sans:400,700');
body{background:#eee;font:0.9em/1 arial,Helvetica,sans-serif;margin:0;padding:0}
a img{border:medium none}
a{color:#004b85}
a:hover{text-decoration:none}
fieldset {border:1px solid #DFECF5;margin-bottom:10px;padding:10px;}
legend {background:#DFECF5;border:1px solid #DFECF5;font-weight:700;padding:2px;;color:#0780B4}
#logo_t4a h1 {display: inline;}
/* common style */
.no_link, .no_link a {color:#3a3a3a;text-decoration:none}
a.ext_link {background:url(../images/design/t4a_sprite_new.png) no-repeat 100% -841px;padding-right:15px}
a.ext_link:hover {padding-right:20px}
.required{font-weight:bold;color:#FFB600}
.b{font-weight:bold}
.i{font-style:italic}
.ico16,.ico24{background:url(../images/design/t4a_sprite_new.png) no-repeat;vertical-align:middle}
.ico16{width:16px;height:16px}
.ico24{width:24px;height:24px}
.light_txt{color:#999}
.sticky_ad{position:fixed;top:195px;right:0;width:300px;height:600px;display:none;}
/* design top */
#diduknow { background: #333;border-bottom: 1px solid #DFECF5;box-shadow: 0 0 10px #000;color: #ddd;font-size: 0.85em;padding: 5px 0;position: fixed;top: 0;width: 100%;z-index: 9999;}
#diduknow .b {color:#fff;font-weight:bold;}
#diduknow_container {margin: 0 auto;}
#diduknow_left{float:left;padding:0 10px}
#diduknow_left a {color:#1cc5fb}
#diduknow_left a:hover {color:#F1A607}
#diduknow_right{float:left;}
#diduknow_right a {color:#DFECF5}
#diduknow_right a.dkysignup {color:#F1A607}
#diduknow_right a:hover {color:#1cc5fb}

#top_bar{background:#333;font-size: 0.8em;padding: 5px 0;max-width: 100%;color:#fff;}
#top_bar a{color:#1cc5fb;}
#top_bar a:hover {color:#F1A607}
#header{background:#0282B6;max-width:100%;}
#navbar{background:#004567;max-width:100%;}
.inner_header {margin:15px 0;}

#sub_nav{background:#fff;max-width:100%;}

#top{background:#0282B6;height:136px;width:100%;position:absolute;left:0;border-bottom:1px solid #ddd;top:25px;}
#container{padding-top: 25px auto auto}
#signup_focus{position:absolute;margin-top:38px;font-size:0.8em;padding-left:20px}
#signup_focus a:hover{text-decoration:none}
.flag {background:url(../images/design/t4a_sprite_new.png) no-repeat;width:24px;height:20px;margin:4px 15px 4px;float:right}
.flag_fr {background-position:0 -134px;}
.flag_en {background-position:-24px -134px;}
#online{color:#3A3A3A;font-size:0.75em;padding:5px 0}
a.online_txt{color:#666;text-decoration:none;border-bottom:dashed 1px #ccc}
.onlinechat{display:block;float:right;margin:-3px 15px 0 0;line-height: 1.3em;background:url(../images/design/t4a_sprite_new.png) -96px -134px no-repeat;font-weight:bold;width:24px;height:24px;text-align:center;}
.onlinechat a {text-decoration:none;color:#000;}
#logo_t4a{padding:10px}
.t4a_logo{background:url(../images/design/t4a_sprite_new.png) no-repeat;height:56px;width:350px}
#QuickJump {position:fixed;text-align:center;top:0;z-index:9999;}
#QuickJumpMenu {padding:5px 10px;margin:auto;}
#quick_search{text-align:right;padding-top:20px}
#quick_search a{font-size:0.8em;color:#dfecf4;}
.qs_input{border:none;color:gray;font-style:italic;font-size:0.9em;height:28px;padding-left:10px;float:left}
.qs_submit{border:none;height:28px;width:36px;cursor:pointer;color:#fff;left;background:#004567}
.qs_submit:hover{background:#DFECF5;color:#333}
.adv{background-position:0 -284px;margin-right:10px;float:right}
#adcustom{background:#eee;padding:1px}
/* menu */
#nav{font-size:0.8em}
#nav .current a{text-decoration:none;display:block;height:30px;float:left;font-size:0.8em;line-height:30px;white-space:nowrap;background:url(../images/design/t4a_sprite_new.png) 100% -390px;color:#fff;padding:0 7px}
/* social */
.fav,.fb,.twit,.yt,.su,.rss,.gg, .sc, .pt{float:left;margin:0 2px}
.gg{margin-left:0}
.fav{background-position:0 -86px}
.fb{background-position:-24px -86px}
.twit{background-position:-48px -86px}
.yt{background-position:-72px -86px}
.gg{background-position:-96px -86px}
.rss{background-position:-120px -86px}
.sc{background-position:-322px -650px}
.pt{background-position:0 -86px}
/* */
.tool1 {background-position:-24px -154px}
.tool2 {background-position:0 -154px}
.tool3 {background-position:-96px -154px}
.tool4 {background-position:-48px -154px}
.tool5 {background-position:-72px -154px}
.tool6 {background-position:-120px -154px}

/* Subhead + toolbox */
#SubHeader{margin:10px 0}
#Leadboard{}
#sq_300{margin-bottom:10px;}
#ToolBox{background:#fff;padding:5px 10px}
#QuickLinks{list-style:none;font-size:0.75em;line-height:1.4em;margin:0 5px;padding:0}
#QuickLinks li{background:url(../images/design/t4a_sprite_new.png) no-repeat -340px -300px;padding-left:15px}
/* Alerts / msg */
.error_msg {min-height:50px;background:#FFE299 url(../images/design/t4a_sprite_new.png) -290px -50px no-repeat;padding:10px 10px 10px 80px;}
.info_msg {min-height:50px;background:#DFECF5 url(../images/design/info.png) no-repeat;padding:10px 10px 10px 80px;}
.vid_msg {background:#eee;line-height:2em;font-size:1.2em;margin-bottom:15px}
.vid_msg_title{padding:5px 0 0px 25px;font-weight:bold}
.vid_msg_link{padding-left:25px}
.vid_player{text-align:center}
.help_msg {min-height:50px;background:#F4EECF url(../images/design/t4a_sprite_new.png) -290px 0 no-repeat;border:1px solid #E2C822;margin-left:-10px;padding:10px 10px 10px 80px;width:460px}
.mp3_msg{padding:5px;background:#DFECF5;margin-bottom:10px}
.imp_msg{padding:5px;background:#eee;margin-bottom:10px}

/* design page */
#page{background:#fff}
#breadcrumbs{font-size:0.7em;padding:7px 10px}
#breadcrumbs a{text-decoration:none;background:url(../images/design/t4a_sprite_new.png) 100% -284px no-repeat;padding:0 20px 0 10px}
#breadcrumbs .bc_current{color:#999;background:none}
.bc_home{background-position:-16px -284px}
#breadcrumbs a.bc_double{background:none;padding-right:0;}
.fb_like{display: block; float:right;width:160px;padding-left:35px;background:url(../images/design/t4a_sprite_new.png) no-repeat -320px -626px;}
.LeftCol_box{}
.Col_box_top{background:#0282B6;color:#fff;font-weight:700;font-size:0.9em;padding:7px}
.LeftCol_box_content,.RightCol_box_content{background:#dfecf5;border-right:solid 1px #b7d2e4;border-left:solid 1px #b7d2e4;}
#RightCol, #LeftCo{font-size:0.9em}
/*
#RightCol{min-width:160px !important;}
*/

.RightCol_box{margin:0 -6px 15px 0}
.Box_link,.Box_link_alt{display:block;border-bottom:solid 1px #c3daea;border-top:solid 1px #ecf5fb;font-size:0.8em;color:#8aa9bf;padding:5px 5px 5px 15px}
.Box_link a,.Box_link_alt a{color:#004b6d;text-decoration:none}
.Box_link_alt{background:url(../images/design/t4a_sprite_new.png) no-repeat -334px -205px;padding:5px 5px 5px 25px}
.Box_link_alt a:hover{font-style:italic}
.bl_last{border-bottom:none}
.bl_first{border-top:none}
.needhelp{color:#E66D18;font-weight:bold;font-size:1.25em;line-height:1.8em;}
.forum_help{display:block;background:#eee;padding:5px;margin:0 0 5px 15px;border:1px solid #ccc;}
#quotes_content{background:url(../images/design/t4a_sprite_new.png) 0 -415px no-repeat;margin:10px 0}
.quotes_txt{text-align:center;color:#004360;font-style:italic;font-size:0.8em;padding:20px 5px 0}
.quotes_aut{float:right;font-size:0.8em;color:#898989}
.loginbox_top{background:#004567;color:#e6f1f8;font-weight:700;font-size:0.9em;padding:7px}
#loginbox{margin-bottom:15px}
#loginbox label{font-size:0.8em;color:#fff;display:block;width:100%;margin:5px;font-weight:bold}
.loginbox_content{background:#0282B6;padding:10px;color:#fff;}
.loginbox_content a{color:#fff}
.input_login{background:#fff;border:1px solid #004567;padding:5px}
.login_opt{font-size:0.7em;color:#fff;width:100px;float:left;padding:8px 0 0 5px;line-height:1.3em}
.login_opt a:hover {color:#E6F1F8;text-decoration:none}

.submit_login {background:#004567;border:none;color:#FFFFFF;cursor:pointer;display:block;font-weight:700;padding:5px;margin:10px 0;text-align:center;}
.submit_login:hover{background:#fff;color:#004567}


.loggedin_as  {font-size:0.85em;margin-bottom:10px}
.loggedin_as a {color:#dfecf5;font-size:1em}
#ma_opt_block a{background:url(../images/design/t4a_sprite_new.png) no-repeat -340px -332px;padding-left:20px;font-size:0.8em;text-decoration:none;color:#DFECF5}
#ma_opt_block a:hover{text-decoration:underline}
.ma_opt_cat {border-bottom:solid 1px #fff;margin:10px 5px;color:#fff;text-align:right;font-weight:bold;font-size:0.8em;padding:5px}
#content{padding:0}
#page_title, .page_title {color:#003b55;padding-bottom: 5px;margin-bottom:10px;border-bottom:1px solid #004567}
#page_title h1, .page_title h1{font-size:1.5em;display:inline;text-transform:uppercase}
.uppcase{color:#0282B6}
#subtitle_tools{font-size:0.7em;margin-bottom:10px}
#tags{font-size:.8em;}
#tags {display:inline}
#tags a:hover{color:#BBE1F9}
.tag{background:url(../images/design/t4a_sprite_new.png) no-repeat -112px -284px;height:16px;width:24px}
#shortcuts {background:#eee;padding: 5px;font-size:0.8em;margin:10px 0;}
#shortcuts a {text-decoration:none;color:#333;display:inline-block}
#shortcuts a:hover {color:#666}
#page_chapo {background:#f3f0e6;color:#333;text-align:justify;font-weight:normal;font-size:0.75em;line-height:1.5em;padding:10px;margin-bottom:15px;padding-bottom:15px;}
form .row{margin-bottom:5px;padding-bottom:5px}
form .row .small-4 {text-align:right !important;}

.subCatHome{display:inline;font-weight:normal;font-size:1em;} {display:inline;font-weight:normal;font-size:1em;}
#mp3_widget{margin-left:-10px;text-align:center}
#page_content{font-size:0.75em;color:#333;line-height:1.7em;width:100%;padding-bottom:15px;}
#page_content a:hover{color:#004B85;text-decoration:none}

/* Lessons CSS */
#cours_txt {
  background-color: white;
}
#cours_txt h2 {
  font-size: 2.2em;
  border-bottom: solid 1px #DFECF5;
  padding-top: 0.5em;
  line-height: 1.2em;
  clear: both;
}
#cours_txt h3 {
  text-transform: none;
  font-size: 1.7em;
  text-indent: 1.5em;
  padding-top: 1em;
  border: none;
  clear: both;
}
#cours_txt p {
  text-align: justify;
  font-size: 1.2em;
  line-height: 1.8;
  color: #333;
  margin-left: 1em;
  margin-right: 1em;
}
#cours_txt p strong {
  color: #003b55;
}
#cours_txt p a {
  color: #0082bc;
}
#cours_txt p sup {
  font-size: 0.65em;
}
#cours_txt ul {
  list-style:none outside none;
  margin:0 5px;
  padding:0;
}
#cours_txt ul li {
  font-size: 1.15em;
  line-height: 1.4em;
  margin-top: 10px;
  background:url(https://www.tabs4acoustic.com/images/design/t4a_sprite_new.png) no-repeat -340px -330px;
  margin-left: 2em;
  margin-right: 2em;
  text-indent: 1em;
  text-align: justify;
}
#cours_txt img {
  margin: 10px;
  border: 1px solid #eee;
}
#autocomplete,
.lesson__span {
  background-color: rgb(240, 240, 240);
  font-weight: 700;
  font-size: 1em;
  border-radius: 4px;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
  display: inline-block;
  color: #004c6c;
}
.lesson__image--chord {
  width: 200px;
}
.lesson__span:hover {
  background-color: #004c6c;
  color: #f9f9f9;
  cursor: default;
}
.lesson-cards {
  background-color: #eee;
  padding: 0;
}
.lesson-card {
  margin-top: 15px;
  margin-bottom: 15px;
}
.lesson-cards ul {
  list-style:none outside none;
  margin:0 5px;
  padding:0;
}
.lesson-cards ul li {
  background:url(https://www.tabs4acoustic.com/images/design/t4a_sprite_new.png) no-repeat -340px -330px;
  text-indent: 0px;
  text-align: left !important;
  margin: 5px 0 !important;
}
.lesson-card-image {
  margin: 0 !important
}
/* End Lesson CSS*/
#InnerList, #InnerList_2, #InnerList_3, #InnerList_4 {list-style: inside;list-style-image:url(../images/design/bullet.png);padding:5px}
#InnerList li, #InnerList_2 li , #InnerList_3 li, #InnerList_4 li { padding: 0;}
.page_btm_center {font-size:0.7em;color:#aaa}
.scrollup{width:100%;text-align:center;margin-bottom: -10px}
#page_footer{background:#eee;color:#666;margin:15px 0;padding:5px;}
#page_stats{float:right;text-align:right}
.stats{background-position:-144px -86px}
.date{background-position:-168px -86px}
.w3c{font-size:0.7em;text-align:right;line-height:2em;padding-top:70px}
.w3c_icon{background:url(../images/design/t4a_sprite_new.png) no-repeat -32px -284px;width:80px;height:15px}
/* footer */
#footer{background:#004567; font-size:0.8em;text-align:left;padding:10px 0}
#footer .row, #outter_footer .row, #top_bar .row{max-width:78em;}
#footer a{color:#fff}
#footer a:hover{color:#E6F1F8;text-decoration:none}
.lbfooter{background:#fff;text-align:center;}
.fc1{border-left:none}
.fc3{border-right:none}
.lastfcol{border:none}
#about_links,#contact_links,#infos_links, #dont_miss{line-height:1.6em;list-style:none outside none;margin:0 5px;padding:0}
#about_links li,#contact_links li,#infos_links li,#dont_miss li{background:url(../images/design/t4a_sprite_new.png) no-repeat -340px -330px;padding-left:25px}
.footer_col_title{color:#bbe1f9;font-weight:700;font-size:1.4em;margin-bottom:11px;border-bottom:1px solid #DFECF5;}
#outter_footer{background:#00314A;font-size:0.8em;padding:5px 0}
.tags_main{color:#fff}
.tags_main a{color:#BBE1F9}
.tags_main a:hover{color:#298EC8}
.xiti{display:none;}
.tabex{font-size:1.2em;border:solid 1px #004567;color:#333;padding:30px 10px 20px;margin:10px 0 !important;background: #ecf5fb}
.tabex:before{background:#004567;color:#fff;content:"TAB";padding:5px 20px;margin-top:-30px;left:0;position:absolute;}

.tabex pre{line-height:1.3em;margin:0;padding:0}
.tabex img { background: #fff; padding: 0 20px; width: 100%;}
#page_content .tabex pre {font-size:1em}
#mp3player_wrapper {max-width:100% !important;}
#quick_search a:hover,#nav .sub li a:hover,#nav .sub_right li a:hover,#nav .select a:hover .sub li a:hover,#nav .select li:hover .sub li a:hover,#nav .select a:hover .sub_right li a:hover,#nav .select li:hover .sub_right li a:hover,#nav .sub_active a:hover,#QuickLinks a:hover,.lost_pass a:hover{text-decoration:none}
#nav .select,#nav .current,#nav .sub,#nav .sub_right,#nav .sub_active{list-style:none;margin:0;padding:0}
#nav .sub li a,#nav .sub_right li a,#breadcrumbs a:hover,.Box_link a:hover{text-decoration:underline}
/* ToolTip */
#simpleTooltip{border:1px solid #333;background:url(../images/design/t4a_sprite_new.png) 0 -685px #003146;color:#fff;font-family:Arial;font-size:11px;padding:5px;max-width:200px}
.tooltip{cursor:pointer}
/* forms */
.forms {border:1px solid #ddd}
.formsubmit, .inplace_save, .inplace_cancel, input.formsubmit {background:#004567;border:none;color:#FFFFFF;cursor:pointer;display:block;font-weight:700;padding:5px;margin:10px 0;text-align:center;}
.formsubmit:hover, .inplace_save:hover, .inplace_cancel:hover, input.formsubmit:hover {background:#0282B6;color:#DFECF5}
a.formsubmit{text-decoration:none;padding-top:5px;height:25px}
/* ShareBar */
ul#sharebar {display:none;position:absolute;width:67px;float:left;background:#fff;padding:0;text-align:center;list-style:none;margin:0;z-index:99;}
ul#sharebar li {display:block;margin:5px;padding:0;overflow:hidden;text-align:center;}
ul#sharebarx {display:none;list-style:none;width:100%;float:left;margin: 0 0 10px;padding:0;}
ul#sharebarx a {line-height:14px;text-decoration: none;}
ul#sharebarx li {float:left;margin-right: 20px; line-height: 18px;}
ul#sharebarx li .st_email  {margin: 0 15px !important; }
.sharebar-button { font-size: 11px; font-family: Verdana, Arial; padding: 2px 4px; background: #f7f7f7; color: #444; border: 1px solid #ddd; display: block;margin: 0 0 5px; }
.sharebar-button:hover { border-color: #aaa; }
.credit { margin: 0; padding: 0; line-height: 9px; }
.credit a { font-size: 8px; color: #ccc; text-transform: uppercase; text-decoration: none; font-family: Verdana; line-height: 9px; }
.FBConnectButton_Small{background-position:-5px -232px !important;border-left:1px solid #1A356E;}
.FBConnectButton_Text{margin-left:12px !important ;padding:2px 5px 3px !important;}
.stButton{margin:0 0 6px !important;}
.stButton:last-child{margin:0 !important;}
.stButton .stFb_vbubble { width:53px !important; }
.stButton .stFb_text { padding: 2px 5px 3px !important; margin: 1px 1px 0 14px !important; }
/* Comments */
.point{display:block;font-size:1px;width:25px;height:14px;background:url(../images/design/t4a_sprite_new.png) no-repeat -142px -288px;margin-left:35px}
.speechbubble{background:#0876AD;color:#E6F1F8;margin:5px 0 0 5px;padding:8px}
.cominfo{color:#bbb;margin:0 0 10px 30px}
#loading{padding:10px;}
.newsfeed{float: left; margin: 0 5px 5px 0;}
.feedt{display:block;float:left;text-align:justify;margin-bottom:20px;min-width:500px}
/* Fan page */
.FanPage{margin:5px 0 5px 15px;}
.FanPage img{}
/* Livevalid */
.recaptchatable{background:#fff}
.LV_validation_message{font-weight:700;margin:0 0 0 5px}
.LV_valid{color:#7bcd32}
.LV_invalid{color:#EA8613}
.LV_valid_field,input.LV_valid_field:hover,input.LV_valid_field:active,textarea.LV_valid_field:hover,textarea.LV_valid_field:active{border:1px solid #7bcd32}
.LV_invalid_field,input.LV_invalid_field:hover,input.LV_invalid_field:active,textarea.LV_invalid_field:hover,textarea.LV_invalid_field:active{border:1px solid #EA8613}
input.login_text{padding-left:3px;border:1px solid #757575;width:90px}
input.login_focus{padding-left:3px;border:1px solid #2a6fad;border-left:3px solid #2a6fad;background-color:#eee;width:88px}
.loginlink,loginlink a{color:#EA8613;font-weight:700}
/* datepicker */
.datepicker{border-collapse:collapse;border:1px solid #3a3a3a;position:absolute}
.datepicker tr.controls th{height:22px;font-size:11px}
.datepicker select{font-size:11px}
.datepicker tr.days th{height:18px}
.datepicker tfoot td{height:18px;text-align:center;text-transform:capitalize}
.datepicker th,.datepicker tfoot td{background:#0682B6;font:10px/18px Verdana, Arial, Helvetica, sans-serif;color:#fff}
.datepicker tbody td{width:24px;height:24px;border:1px solid #ccc;font:11px/22px Arial, Helvetica, sans-serif;text-align:center;background:#fff}
.datepicker tbody td.date.over{background-color:#dfecf5;color:#3a3a3a}
.datepicker tbody td.date.chosen{font-weight:700;background-color:#EA8613}
/* LightBox */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%;background:url(../images/design/cbox/overlay.png) 0 0 repeat}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative;overflow:visible;background:#fff}
#cboxLoadedContent{overflow:auto;margin-bottom:28px}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0}
#cboxTitle{font:85%/.9 arial, helvetica, sans-serif;position:absolute;bottom:3px;left:0;text-align:center;width:100%;color:#928F83;margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxTopLeft{width:21px;height:21px;background:url(../images/design/cbox/controls.png) -100px 0 no-repeat}
#cboxTopRight{width:21px;height:21px;background:url(../images/design/cbox/controls.png) -129px 0 no-repeat}
#cboxBottomLeft{width:21px;height:21px;background:url(../images/design/cbox/controls.png) -100px -29px no-repeat}
#cboxBottomRight{width:21px;height:21px;background:url(../images/design/cbox/controls.png) -129px -29px no-repeat}
#cboxMiddleLeft{width:21px;background:url(../images/design/cbox/controls.png) left top repeat-y}
#cboxMiddleRight{width:21px;background:url(../images/design/cbox/controls.png) right top repeat-y}
#cboxTopCenter{height:21px;background:url(../images/design/cbox/border.png) 0 0 repeat-x}
#cboxBottomCenter{height:21px;background:url(../images/design/cbox/border.png) 0 -29px repeat-x}
#cboxCurrent{position:absolute;bottom:3px;left:58px;color:#928F83}
#cboxSlideshow{position:absolute;bottom:3px;right:30px;color:#0092ef}
#cboxPrevious{position:absolute;bottom:0;left:0;background:url(../images/design/cbox/controls.png) -75px 0 no-repeat;width:25px;height:25px;text-indent:-9999px}
#cboxPrevious.hover{background-position:-75px -25px}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(../images/design/cbox/controls.png) -50px 0 no-repeat;width:25px;height:25px;text-indent:-9999px}
#cboxNext.hover{background-position:-50px -25px}
#cboxLoadingOverlay{background:url(../images/design/cbox/loading_background.png) center center no-repeat}
#cboxLoadingGraphic{background:url(../images/design/cbox/loading.gif) center center no-repeat}
#cboxClose{position:absolute;bottom:0;right:0;background:url(../images/design/cbox/controls.png) -25px 0 no-repeat;width:25px;height:25px;text-indent:-9999px;border:none;}
#cboxClose.hover{background-position:-25px -25px}
/* TableSorter */
/* datatables  */
.dataTables_wrapper tr:nth-child(even){background:#eeeeee;}
.dataTables_wrapper thead, table.tablesorter thead {background:#0282B6 !important;}
.tablesorter th {color: #fff !important;padding: 4px !important;border: 1px solid #FFF !important;font-weight:normal !important;}
.dataTables_wrapper .dataTables_filter input[type=search] {border:1px solid #E9E9E9;padding:5px;margin-bottom:10px;}
.dataTables_wrapper .dataTables_length select {border:1px solid #E9E9E9;padding:5px;margin-bottom:10px;width:auto ;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {background:#0282B6 !important;padding: 5px !important;border:none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button {background:#E9E9E9;padding: 5px !important;border:none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background:#0282B6 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {background:#fff !important;}

/* pages icons*/
.addfav{background-position:0 -110px}
.addcom{background-position:-216px -86px;color: #000;float: left;text-align: right;}
.print{background-position:-24px -110px}
.share{background-position:-48px -110px}
.del{background-position:-120px -110px}
.accept{background-position:-264px -182px}
.save{background-position:-216px -110px}
.help{background-position:-240px -86px}
.pdf{background-position:-216px -158px}
.png{background-position:-240px -158px}
.zip{background-position:-264px -158px}
.mp3{background-position:-326px -863px}
.pic{background-position:-216px -182px}
.addfriend{background-position:-144px -110px}
.delfriend{background-position:-168px -110px}
.sendpm{background-position:-192px -110px}
.online{background-position:-240px -110px}
.offline{background-position:-264px -110px}
.man{background-position:-264px -86px}
.woman{background-position:-264px -62px}
.emm{background-position:-240px -62px;margin:7px 0;}
.newpm{background-position:-72px -110px}
.pm{background-position:-96px -110px}
.up{background-position:-192px -86px}
.lbulb{background-position:-125px -135px}
.pm_hl, .pm_hl a{width:24px;height:16px;background:url(../images/design/t4a_sprite_new.png) no-repeat;color:#000;display:block;float:right;text-align:center;font-weight:bold;}
.pm_hl_old{background-position: -97px -118px}
.pm_hl_new{background-position: -72px -118px}
.teamt4a{background:url(../images/design/t4a_sprite_new.png) -285px -645px no-repeat;vertical-align:middle;width:32px;height:30px}
.supp{background:url(../images/design/t4a_sprite_new.png) -240px -182px no-repeat;margin-top: -5px;}
.s_yt{background:url(../images/design/t4a_sprite_new.png) -302px -995px no-repeat;}
.s_sc{background:url(../images/design/t4a_sprite_new.png) -286px -995px no-repeat;}
.s_my{background:url(../images/design/t4a_sprite_new.png) -286px -1011px no-repeat;}
.s_site{background:url(../images/design/t4a_sprite_new.png) -302px -1011px no-repeat;}
.s_sk{background:url(../images/design/t4a_sprite_new.png) -286px -1027px no-repeat;}
.s_msn{background:url(../images/design/t4a_sprite_new.png) -302px -1027px no-repeat;}
.tab_f{background:url(../images/design/t4a_sprite_new.png) -125px -136px  no-repeat;}
.tab_e{background:url(../images/design/t4a_sprite_new.png) -302px -1043px no-repeat;}
/* Pagination */
.pagination{text-align:center;display:block;font-size:11px;color:#ccc;margin:15px 0}
.pagination a{text-decoration:none;color:#0687BA;background:#C3DAEA;margin:2px;padding:5px;display:block;float:left}
.pagination a:hover, #page_content .pagination a:hover{color:#fff;background:#0687ba}
.pagination .current{font-weight:700;background-color:#0687ba;color:#fff;margin:0 2px;padding:2px;width:15px;display:block;float:left}
.pagination .arrows {display:block;float:left;margin:0 2px}
/**/
/* spe pages */
/* tabs*/
.banner_alpha{margin-bottom:8px;text-align:center;}
#tabs_alpha{text-align:center;margin-bottom:15px}
#tabs_alpha a{font-size:1em;display:block;float:left;background:#C3DAEA;margin:1px;padding:4px;text-decoration:none;font-weight:bold;}
#tabs_alpha a:hover{background:#0687BA;color:#fff}
#tabs_alpha a.alpha_current{background:#0687BA;color:#fff}
#page_content pre {font-size:1.3em;overflow-x:auto;line-height:1.3em;/*overflow-y: hidden;*/}
.crd_cur {border: 1px solid #0267A1;padding: 5px;}
#tab_crd{margin-bottom:10px}
.tab_crd_t{font-weight:bold;font-style:italic;font-size:1.2em}
#crd_zone, #tab_zone{width:100%;float:left}
.tab_help a {background: url(../images/design/t4a_sprite_new.png) no-repeat -340px -332px;padding-left: 16px;}
#tab_focus{width:410px;float:left;padding:5px;font-size:0.75em}
#tab_focus img{margin:-4px 6px 0 0}
.chord {color:#0687BA;font-weight:bold;}
/* playing tools */
#PlayTools{background:#eee;border:solid 1px #ddd;z-index:9999;padding:5px;margin:10px 0}
.fsize{text-align:center;border-right:solid 1px #ccc;min-height:90px}
.fsize  span, .metro  span, #ASControls span{font-weight:bold;}
.metro {border-right:solid 1px #ccc;text-align: center;}
#ASControls{text-align:center;float:left;}
#ASspeed{background: #eee url(../images/design/speed_graph.png) no-repeat 100% 0;width:160px;height:40px;}
#ASselect {text-align:center;margin-left:10px}
#ASselect a {background:#027bb2;color:#fff;padding:3px;font-weight:bold;text-decoration:none;margin-right:8px;}
#ASselect a.aslast {margin-right:0}
#ASselect a :hover{color:#E66D18;}
#ScrollMe  {background: #eee url(../images/design/speed_graph.png) no-repeat 100% 0;border:solid 1px #ccc;text-align:center;margin:45px 0 0 378px}
#ScrollMe  span{font-weight:bold;line-height:2.5em}
.OnSite {width:150px;}
#change_key{border-top: 1px dotted #CCC;float: left;padding-top: 5px;text-align: center;width: 100%;}
/* --- PlayTools v2 --- */
#PlayTools.playtools {
  position: sticky;
  top: var(--playtools-top, 10px); /* in case we add a sticky header */
  z-index: 9999;

  background: rgba(238, 238, 238, 0.96);
  backdrop-filter: blur(6px);
  border: 1px solid #ddd;
  border-radius: 12px;

  padding: 10px;
  margin: 10px 0;
}

.playtools__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  align-items: start;
}

/* Tools */
.tool {
  border-right: 1px solid #ccc;
  padding-right: 10px;
}
.tool:last-child { border-right: 0; padding-right: 0; }

.tool__title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 6px;
  white-space:nowrap
}

.tool__control {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.tool__meta {
  text-align: center;
  font-size: 12px;
  opacity: 0.75;
}

.tool input[type="range"] {
  width: 100%;
  height: 34px; /* nice on mobile */
}

/* Keep metro block visually centered */
.metro { text-align: center; }
.metro span { font-weight: bold; }
#mtr-start-button{
background: #0282B6;/* #004567 */
  cursor: pointer;
  width: 100%;
  border-radius: 10px;
  color: white;
  padding: 5px;
  text-align: center;
  margin-top: 10px;
  border: none;
}
.playtools__grid .tool--scroll{
  border-right: 0 !important;
}
.playtools__grid .tool--scroll::after{
  content: none !important;
}

/*  Ellipsis on tool titles when space is tight */
.playtools__grid .tool{
  min-width: 0; /* required for ellipsis in grid/flex children */
}
.playtools__grid .tool__title{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Metronome on its own centered line */
.tool--metronome{
  width: 100%;
  margin-top: 10px;
  text-align: center;
  border-right:none;
  border-top:solid 1px #ccc;
  padding-top:10px;
}
.tool--metronome .tool__toggle{
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
  align-items: center;
  gap: 6px;
  font-weight: bold;
}
.tool--metronome .metro__panel{
  margin: auto;
  max-width: 560px;
  text-align: left;
}
.tool--metronome .metro__panel[hidden]{
  display: none !important;
}
.tool--metronome .row:last-child{
  text-align: center;
}


.tool--metronome .tool__toggle::after{
  content: "▼";            /* closed */
  display: inline-block;
  transition: transform .15s ease;
}

.tool--metronome .tool__toggle[aria-expanded="true"]::after{
  transform: rotate(180deg); /* open -> looks like ▼ */
}
.transpose-control{
  max-width: 520px;
}

#transposeSlider{
  width: 100%;
}

.transpose-current{
  position: absolute;
  top: 28px;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  pointer-events: none;
}
/* Responsive */
@media (max-width: 600px) {
  .tool { border-right: 0; padding-right: 0; padding-bottom: 10px; }
  .tool:last-child { border-bottom: 0; padding-bottom: 0; }
  .tool--metronome{margin-top:0;padding-bottom:0!important;}
}
/*lexique*/
h2, .lex_alpha {font-size:2em;font-weight:bold;border-bottom:solid 1px #DFECF5;color:#0282b6;padding-bottom:5px}
h3 {color:#003B55;text-transform:uppercase;border-bottom:solid 1px #DFECF5}
h4 {color:#003B55;text-transform:uppercase;}
.lex_def{text-align:justify;display:block;font-style:italic;padding-left:20px}
/*profil */
#id_card {background:#eee;padding:5px;}
.id_card_left{float:left;width:150px;border-right:solid 1px #ccc}
.id_card_right{float:right;width:350px}
.onoff{display:block;width:100px;text-align:center}
.id_card_labelinfo{display:block;width:150px;float:left;text-align:right;margin-right:10px;font-weight:bold}
.id_card_info{display:block;float:left;line-height: 1.75em}
.pquote{font-style:italic;font-size:1.6em;font-family:times new roman;padding-left:50px}
.pquotedate{display:block;text-align:right;width:100%}
/*Cours */
.cours_cat, .cours_noob{width:100px;text-align:center;height:100px;background:url(../images/design/t4a_sprite_new.png) no-repeat 0 -947px #0267A1;padding:10px;float:left;margin-right:10px;border:1px solid #B6D2E4;margin-bottom:10px}
.cours_cat a, .cours_noob a {font-size:1.5em;color:#fff;font-style:italic;text-decoration:none;font-weight:bold}
.cours_noob {background:#F4EECF;border:1px solid #E2C822}
.cours_noob a {color:#EA8613;}

/* Member area */
.signupleft{text-align:right;width:150px}
.signupright{font-size:0.9em}
#signup_btm {padding:10px;background:#eee;margin-bottom:10px}
.inplace_field {border:1px solid #CCC;width:100%}
#btn_right {float:right}
.meterwrap{position: relative;margin-top:2px}
.meterwrap, .metervalue, .metertext { width: 64px; height: 15px;float:left;margin-right:5px;}
.meterwrap, .metervalue { background: #dedede}
.metertext {position: absolute;top:0; left:0;color: #000; text-align: center; width: 100%;font-weight:bold}
.m34, .m133, .m134, .m135, .m136 {background:url(../images/design/t4a_sprite_new.png)  0 -220px;font-size:0.85em}
.m34{width:20%}
.m133{width:40%}
.m134{width:60%}
.m135{width:80%}
.m136{width:100%}
.vid{background-position:-168px -284px;margin-right:5px}
.novid{background-position:-302px -300px}
.home_btn{display:block;float:left;height:30px;width:90px;margin:8px 0 0 8px;}
.hyt{background:url(../images/design/t4a_sprite_new.png) no-repeat -212px -300px;margin-right:7px}
.htw{background:url(../images/design/t4a_sprite_new.png) no-repeat -212px -330px;margin-right:7px}
.hfb{background:url(../images/design/t4a_sprite_new.png) no-repeat -212px -360px;}
.hdm{background:url(../images/design/t4a_sprite_new.png) no-repeat -212px -917px;margin-right:7px}
/*tabs*/
.tabtype {color:#FFF;float:left;font-weight:700;line-height:1.5em;;padding:2px;text-align:center;text-transform:uppercase;width:32px;font-size:0.9em;}
.mix {background:#FFD95E;color:#004567}
.tab {background:#00415F}
.crd {background:#0282B6;}
a.hl_crd{color:#027BB2;border-bottom: 1px dotted #ccc;text-decoration:none;}
/*Defis*/
.rank{display:block;width:10px;margin-right:5px;text-align:right;float: left;}
.rankun{display:block;width:80px;float:left;}
/* Testimonials */
.sb_pointer_focus{display:block;font-size:1px;width:25px;height:12px;background:url(../images/design/t4a_sprite_new.png) no-repeat -142px -288px;margin-left:35px}
.sb{background:#eee;color:#333;padding:8px}
.sb_info{color:#bbb;margin:0 0 10px 30px}
.sb_pointer{display:block;font-size:1px;width:25px;height:12px;background:url(../images/design/t4a_sprite_new.png) no-repeat -184px -288px;margin-left:35px}
.sb_focus{background:#0876AD;color:#E6F1F8;padding:8px}
.sb_focus a{color:#fff}
#btn_testi{height:50px;margin:-20px 0 0 330px}
/* chord finder */
#chord_selector,#scale_selector,#note_finder,#tuning_finder{padding:10px;background:#eee;text-align:center}
#position_selector{margin:15px 0;padding:10px;background:#DFECF5;text-align:center}
#chord_found{text-align:center}
.chord_found_n{color:#288DC8;font-size:3em;font-weight:bold;text-align:center}
.browse_alt{display:block;float:left;width:165px;margin:13px 0 10px;min-height:25px}
.browse_prev{background:url(../images/design/t4a_sprite_new.png) no-repeat -216px -134px;float:right}
.browse_next{background:url(../images/design/t4a_sprite_new.png) no-repeat -240px -134px;float:left}
.crd_find {width:24px;height:24px;background:url(../images/design/t4a_sprite_new.png) no-repeat -264px -134px;cursor:pointer;border:none}
.chord_pic{background:url(../images/design/t4a_sprite_new.png) -297px -586px no-repeat;width:55px;height:40px}
.small_chord_pic{background:url(../images/design/t4a_sprite_new.png) -216px -182px no-repeat;width:24px;height:24px}
.played0{background:#ddd}
.played1{background:#e06666}
.played2{background:#93c47d}
.played3{background:#029cc9}
.played4{background:#ffd966}
.fingersline{padding:4px;margin:0 5px;font-weight:bold}
.fingersline.fc{padding-left:0;}

.fingering{font-family:Courier, "Courier New", monospace;font-size:1.5em;text-align:left;margin-bottom:10px}
.fingerings_txt{text-align:right;font-weight:bold}
#crd_addinfos{background:#eee;margin:20px 0;padding:5px}
.crd_cam{text-align:center;margin:15px 0;}
.dotted{border-bottom:1px dotted #999}
.dotted:hover{cursor:default}
.cnote{font-weight:bold;color:#04649d;}

.centered{text-align:center !important;}
/* Scale Finder */
#scale_finder{width:500px;text-align:left;margin:20px auto;}
.fretboard{height:120px;width:500px;display:block}
.string{height:20px;float:left;background:#ccc;display:block}
.neck_nb{height:20px;float:left;margin:10px 0 20px 0;width:500px;display:block}
.case, .nut{display:block;height:20px;float:left;width:25px;text-align:center;border-right:solid 1px #333;background:url(../images/design/t4a_sprite_new.png) no-repeat -253px -626px}
.nut{border-right:solid 5px #333}
.tonique{background:url(../images/design/t4a_sprite_new.png) no-repeat -206px -626px;font-weight:bold;color:#fff}
.note{background:url(../images/design/t4a_sprite_new.png) no-repeat -231px -626px;font-weight:bold;color:#DFECF5}
.shownote{background:url(../images/design/t4a_sprite_new.png) no-repeat -281px -626px;font-weight:bold;color:#003A53}
.neck{color:#666;display:block;height:20px;float:left;width:26px;text-align:center}
.neck_pt{color:#333;font-weight:bold}
#scale24, #note24{text-align:center;margin-top:12px;width:100%}
/* Tunings */
#tuning_res {margin:20px auto}
#tuning_res td {padding:5px;text-align:center;font-weight:bold;background:#eee}
#tuning_res .selected_tuning{background:#333;font-size:1.2em;color:#fff;width:50px}
#tuning_res .tuning_up {background:#CBE86B;font-size:1.2em;color:#fff;width:50px}
#tuning_res .tuning_down {background:#FFB600;font-size:1.2em;color:#fff;width:50px}
#tuning_res .tuning_equal {background:#ccc;width:50px}
/* String Tension */
#st_r {background: #EEE;}
.NoBord{border:none;border-bottom:solid 1px #333;font-weight:bold;text-align:right;background:#eee}
.scres{background:#00344A;color:#fff}
.stname{text-align:right;font-weight:bold}
.sttotal{text-align:right;}
/* 403, 404*/
#t4abot_announce{background:url(../images/design/t4abot_announce.jpg) no-repeat;height:325px;width:310px;padding:15px;text-align:center;margin:auto}
#t4abot_announce .t4abot_says {display:block;width:240px;height:90px;font-weight:bold;margin-left:10px;font-size:2em;text-transform:uppercase;line-height:0.9em}
/* Sitemap */
.inner_bloc{width:158px;padding:5px;margin-bottom:10px}
#inner_col1, #inner_col2, #inner_col3 {margin:0 10px 10px 0;width:168px;float:left}
#inner_col3 {margin-right:0}
.RubName {text-transform:uppercase;font-weight:bold;display:block;width:100%;border-bottom:solid 1px #ccc}
.RubName a{text-decoration:none;color:#454545;font-style:italic}
.inner_bloc ul {padding:0 0 0 10px}
.inner_bloc li{background:url(../images/design/t4a_sprite_new.png) no-repeat -340px -300px;padding-left:15px;list-style:none;}
/* Tag Cloud */
#tag_cloud a {line-height:1.05em;text-decoration:none}
/* Homes Cat */
.homebox{display:block;width:256px;float:left;background:#f4f4f4;margin-bottom:15px}
.hb_left {margin-right:15px}
.hb_ads {height:250px;background:none;}
.hb_full {width:100%}
.homebox_list{list-style:none outside none;margin:0 5px;padding:5px;}
.homebox_list li, .homebox_list_tab li{border-bottom:solid 1px #ccc;padding:4px 0;}
.homebox_list li.row, .homebox_list_tab li.row {background:#ededed}
.homebox_date, .homebox_date a, #new_slider span {font-style:italic;color:#6a6a6a}
.homebox_more{display:block;float:right;background:url(../images/design/t4a_sprite_new.png) no-repeat -340px -300px;padding-left:15px;margin:0 15px 10px 0}
.participate{display:block;margin:-5px -10px 0 0;float:right}
.catselect li, .catselect li.row{background:url(../images/design/t4a_sprite_new.png) no-repeat  -340px -295px;padding-left:20px;}
.rss_feeds{background:url(../images/design/t4a_sprite_new.png) no-repeat -231px -661px;vertical-align:middle;width:36px;height:15px;margin-right:5px}
/* AutoSuggest */
div.jsonSuggestResults{text-align:left;font-size:0.75em;position:absolute;border:1px solid #00364E;padding:0;margin:-4px 0 0 8px;z-index:1;}
div.jsonSuggestResults div.resultItem{margin:0;padding:5px;position:relative;height:auto;cursor:pointer;}
div.jsonSuggestResults div.resultItem.odd{background-color:#f4f4f4;}
div.jsonSuggestResults div.resultItem.even{background-color:#FFF;}
div.jsonSuggestResults div.resultItem.hover{background-color:#028FC9;color:#fff;}
div.jsonSuggestResults div.resultItem img{float:left;margin-right:10px;}
div.jsonSuggestResults div.resultItem p{margin:0;padding:0;width:100%;}
#quick_search .resultItem a{margin:0;padding:0;width:100%;text-decoration:none;color:#3a3a3a;font-size:1em;}
div.jsonSuggestResults div.resultItem p strong{font-weight:700;text-decoration:underline;}
div.jsonSuggestResults div.resultItem p.extra{font-size:x-small !important;width:100%;text-align:right;margin-top:3px;}
/* adv search */
.simple_input{width:100%;float:left;margin-bottom:20px;}
.double_input{float:left;margin-bottom:20px;vertical-align:top;width:50%}
.quad_input{float:left;margin-bottom:20px;vertical-align:top;width:25%}
#adv1, #adv2, #adv3, #adv4, #adv5, #adv6, #adv7, #adv8 {margin-top:20px}
/* Ratings */
.rating{list-style:none;clear:both;position:relative;background:url(../images/design/t4a_sprite_new.png) no-repeat;height:24px;width:120px;margin:0;padding:0}
li.indicator{display:none}
ul.rating li{cursor:pointer;float:left;text-indent:-999em}
ul.rating li.indicator{float:right;text-indent:0;position:relative;background:#EEE;padding-top: 5px;text-align: center;width: 120px;height: 19px;}
ul.rating li a{position:absolute;left:0;top:0;width:12px;height:24px;text-decoration:none;z-index:200}
ul.rating li span{text-decoration:none;position:absolute;width:24px;height:24px}
ul.rating li.s_1 a{left:0;-moz-outline:none}
ul.rating li.s_2 a{left:12px;-moz-outline:none}
ul.rating li.s_3 a{left:24px;-moz-outline:none}
ul.rating li.s_4 a{left:36px;-moz-outline:none}
ul.rating li.s_5 a{left:48px;-moz-outline:none}
ul.rating li.s_6 a{left:60px;-moz-outline:none}
ul.rating li.s_7 a{left:72px;-moz-outline:none}
ul.rating li.s_8 a{left:84px;-moz-outline:none}
ul.rating li.s_9 a{left:96px;-moz-outline:none}
ul.rating li.s_10 a{left:108px;-moz-outline:none}
ul.rating li a:hover{z-index:2;width:120px;height:24px;overflow:hidden;left:0;background:url(../images/design/t4a_sprite_new.png) no-repeat}
ul.rating li.s_1 a:hover{background-position:-96px -947px}
ul.rating li.s_2 a:hover{background-position:-96px -971px}
ul.rating li.s_3 a:hover{background-position:-72px -947px}
ul.rating li.s_4 a:hover{background-position:-72px -971px}
ul.rating li.s_5 a:hover{background-position:-48px -947px}
ul.rating li.s_6 a:hover{background-position:-48px -971px}
ul.rating li.s_7 a:hover{background-position:-24px -947px}
ul.rating li.s_8 a:hover{background-position:-24px -971px}
ul.rating li.s_9 a:hover{background-position:0 -947px}
ul.rating li.s_10 a:hover{background-position:0 -971px}
.n0,.star_0{background-position:-120px -971px}
.n1,.star_1{background-position:-120px -947px}
.n2,.star_2{background-position:-72px -971px}
.n3,.star_3{background-position:-72px -947px}
.n4,.star_4{background-position:-48px -971px}
.n5,.star_5{background-position:-48px -947px}
.n6,.star_6{background-position:-48px -971px}
.n7,.star_7{background-position:-24px -947px}
.n8,.star_8{background-position:-24px -971px}
.n9,.star_9{background-position:0 -947px}
.n10,.star_10{background-position:0 -971px}
.feedback {font-size: 1.5em;font-weight: bold;padding: 8px;}
/* Shop */
#pricetable{width:100%}
#tablehead{background:url(../images/shop/pt_sprite.png) no-repeat 0 0;height:70px;width:100%}
.adfree, .adfreeformulas {display:block;vertical-align:bottom;float:left;text-align:center;padding-top:50px;font-size:1.1em;font-weight:bold}
.adfree{text-transform:uppercase;color:#6ebefb;width:140px}
.adfreeformulas{text-transform:uppercase;color:#ddd;display:block;vertical-align:bottom;width:126px;}

#shop_price {border:none;}
#shop_price th {background:#0282B6;color:#fff;font-weight:bold;}
#shop_price tr:nth-child(odd) {background:#DFECF5;}

.ptyes, .ptyes2, .ptno{background:url(../images/shop/pt_sprite.png) no-repeat;}
.ptyes{background-position: 0 -153px;}
.ptyes2{background-position: 0 -177px;}
.ptno{background-position: 0 -129px;}
#adkill{position:fixed;right:0;bottom:0;padding:5px;background:#DFECF5;border-top:solid 1px #0A68A3;border-left:solid 1px #0A68A3;}
.fireteam{background:url(../images/design/t4a_sprite_new.png) no-repeat -305px -917px;width:50px;height:30px;margin-right:5px;display:block;float:left;}
#adkill a{font-size:0.9em;display:block;float:left;margin-top:10px;color:#003B55;font-weight:bold;}
#contest_focus{background:#eee;border:solid 1px #ddd;padding:10px;}
.col_res {float:left;margin:0 20px 25px 0;width:120px;}
.col_res_last {width:230px;margin-bottom:25px;}
a .dl_gtp{padding:5px;text-decoration:none;color:#fff;text-align:center;background:#0472AC;border:1px solid #0267A1;width:33%;margin:auto;}
a .dl_gtp:hover{background:#DFECF5;color:#0267A1}



/* 2015 edits */
/* Home */
.home, .home a {font-size:0.9em;}
.home h2, .home h3 {text-transform:normal;border-bottom:none;color:#666;}
.pres{margin:15px;text-align:justify;background: #F3F0E6;padding: 5px;font-size:0.8em;line-height: 1.2em;color:#666;}
.home h2{font-size:1.3em;margin:0;}
.home h3{margin:0;font-style: italic;}
.home_box{padding:10px; background:#f4f4f4;position: relative;}

.home_box ul, ul.tabs {list-style:none;padding:0;margin:0}
.home_box li {border-bottom:1px solid #ccc; padding:4px 0;}
.home_box ul.tabs li {border:none; padding:0;}
ul.tabs li.tab-title a {font-style:none;font-size:0.8em}
ul.tabs li {border-right:solid 1px #fff;}

.home_box li:nth-child(odd) {background:#ededed}
.home_lead{margin:15px 0;text-align:center;}

.prev_slide img, .next_slide img {margin:10px 0;}
.nup, .ndown {cursor:pointer;background-image:url(../images/design/t4a_sprite_new.png) no-repeat;}
.nup {background-position:-192px -134px}
.ndown {background-position:-168px -134px}
#main_slider{max-height:320px;}
#main_slider li {max-height:391px;}
#dont_miss {padding:10px;background:#F3F0E6;margin:0 0 15px 0;position:relative}

#dont_miss li a {color:#333;}
.twtl  {margin:15px 0;}
a.twitter-timeline {
  border-radius: 0px;
 }
/* pages */
.Col_box_top:before{
    border-color: #fff #fff #004567 #004567;
    border-style: solid;
    border-width: 0 16px 16px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  width: 0;}

.loginbox_top:before{

    border-color: #fff #fff #0282B6 #0282B6;
    border-style: solid;
    border-width: 0 16px 16px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  width: 0;}



.Col_box_top, .loginbox_top, #page_btm {
overflow:hidden;
position:relative;
}


#dont_miss:before{

    border-color: #fff #fff #333 #333;
    border-style: solid;
    border-width: 0 16px 16px 0;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  width: 0;}


#mobile_lang{
	padding:5px;
	background:#333;
}

.promo {
	padding:10px;
	margin:10px 0 !important;
	display:block;
	float:left;
	font-style:1em;
	width:100%!important;
}

.promo span {
	font-weight:bold;
	text-transform:uppercase;
}

.promo.fb {
	background:#004567;
	color:#fff;
}

.promo.fofo {
	background:#ffe299;
	color:#bb8600;
}
.promo.kads {
	background:#CBE86B;
	color:#46580e;
}

.promo.gplay {
	background:#2B2C2D;
	color:#fff;
	padding :5px 10px!important;
	margin :5px 0px!important;
}

.promo.gplay spann {
font-size:0.9em;
}

.promo img {display:block;height:60px;width:60px;background:url(../images/design/t4a_sprite_new.png) no-repeat;}

.sb_fofo_btn {background-position:-220px -212px !important;}
.sb_fb_btn {background-position:0 -210px !important;}
.sb_kads_btn {background-position:0 -306px !important;}
.sb_gplay_btn {background-position:0 -560px !important;}

	#lang {
	margin:0;
}

.cw {font-size:0.7em;color:#00314A;}



.addmbtm {padding-bottom:15px;}


object, embed {
max-width: 100%;
}

.cc_container .cc_btn {
border-radius: 0px !important;
background:#0282B6 !important;
color:#fff !important;
}

.cc_container .cc_btn:hover {
background:#fff !important;
color:#004567 !important;
}

.tfad table {
	background:none;
	border:none;
}

.tfad table td {
	padding:0;
}

table{width:100%;}
/* RIBBON BANNERS */

.ribbon {
	position: absolute;
	top: 0;
	right: 0;
}

.ribbon .text,
.ribbon .banner,
.ribbon a {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.ribbon a {
	color: #fff;
	text-decoration: none;
}

.no-css-transforms .ribbon {
	font-size: 1em;
	position: relative;
	width: 100%;
}

.ribbon .banner {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	color: #fff;
	-webkit-font-smoothing: antialiased;
	display: block;
	float: right;
	position: relative;
	right: -14px;
	top: 22px;
	width: 100px;
}


.ribbon .banner::after,
.ribbon .banner::before {
	content: '';
	display: block;
	height: 12px;
	position: absolute;
	width: 30px;
}


.ribbon .banner::before {
	-webkit-transform: skewY(-45deg) translate(50%,15px);
	-moz-transform: skewY(-45deg) translate(50%,15px);
	-ms-transform: skewY(-45deg) translate(50%,15px);
	-o-transform: skewY(-45deg) translate(50%,15px);
	-webkit-transform-origin: 100% center;
	-moz-transform-origin: 100% center;
	-ms-transform-origin: 100% center;
	-o-transform-origin: 100% center;
	left: -45px;
}


.ribbon .banner::after {
	-webkit-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-moz-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-ms-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-o-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-webkit-transform-origin: 0 center;
	-moz-transform-origin: 0 center;
	-ms-transform-origin: 0 center;
	-o-transform-origin: 0 center;
	right: -17px;
}



.no-css-transforms .ribbon .banner {
	position: static;
	width: 100%;
	float: none;
	font-size: 10px;
}

.ribbon .text {
	position: relative;
	z-index: 2;
	padding: 6px 0;
	font-size: 1em;
	font-weight: bold;
	min-height: 18px;
	line-height: 18px;
	white-space: nowrap;
	text-transform:uppercase;
	text-overflow: ellipsis;
}


.ribbon .text::before,
.ribbon .text::after {
	content: '';
	display: block;
	height: 30px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}


.ribbon .text::before {
	-webkit-transform: translateX(-15%) skewX(-45deg);
	-moz-transform: translateX(-15%) skewX(-45deg);
	-ms-transform: translateX(-15%) skewX(-45deg);
	-o-transform: translateX(-15%) skewX(-45deg);
}

.ribbon .text::after {
	-webkit-transform: translateX(15%) skewX(45deg);
	-moz-transform: translateX(15%) skewX(45deg);
	-ms-transform: translateX(15%) skewX(45deg);
	-o-transform: translateX(15%) skewX(45deg);
}

.no-css-transforms .ribbon .text {
	height: 25px;
	padding: 3px;
}


.ribbon .banner::after,
.ribbon .banner::before {
	background-color: #51a351;
}
.ribbon .text::before,
.ribbon .text::after,
.no-css-transforms .ribbon .text {
	background-color: #62c462;
}


.ribbon-blue .banner::after,
.ribbon-blue .banner::before {
	background-color: #2d5b98;
}
.ribbon-blue .text::before,
.ribbon-blue .text::after,
.no-css-transforms .ribbon-blue .text {
	background-color: #0282B6;
}


.ribbon-yellow .banner::after,
.ribbon-yellow .banner::before {
	background-color: #f2ba00;
}
.ribbon-yellow .text::before,
.ribbon-yellow .text::after,
.no-css-transforms .ribbon-yellow .text {
	background-color: #FFD95E;
}

.ribbon-black .banner::after,
.ribbon-black .banner::before {
	background-color: #222222;
}
.ribbon-black .text::before,
.ribbon-black .text::after,
.no-css-transforms .ribbon-black .text {
	background-color: #444444;
}

.ribbon.decal {
z-index:9999;
margin-top:1px;
margin-right:15px;
}

/* home slider */
/**
 *
 * slippry v1.2.9 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2015, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-moz-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-ms-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-moz-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-ms-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box{position:relative;}
.sy-box.sy-loading {
  background: url("/images/design/cbox/loading.gif") 50% 50% no-repeat;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  -webkit-background-size: 32px;
  background-size: 32px;
  min-height: 100px; }
  .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
    visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%; }
  .sy-slides-wrap:hover .sy-controls {
    display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute; }
  .sy-list.horizontal {
    -moz-transition: left ease;
    -o-transition: left ease;
    -webkit-transition: left ease;
    transition: left ease; }
  .sy-list.vertical {
    -moz-transition: top ease;
    -o-transition: top ease;
    -webkit-transition: top ease;
    transition: top ease; }

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2; }
  .sy-slide.kenburns {
    width: 140%;
    left: -20%; }
    .sy-slide.kenburns.useCSS {
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
        -webkit-animation-name: left-right;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: left-right;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: left-right;
        -o-animation-fill-mode: forwards;
        animation-name: left-right;
        animation-fill-mode: forwards; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
        -webkit-animation-name: right-left;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: right-left;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: right-left;
        -o-animation-fill-mode: forwards;
        animation-name: right-left;
        animation-fill-mode: forwards; }
  .sy-slide.sy-active {
    z-index: 3; }
  .sy-slide > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0; }
  .sy-slide > a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%; }
    .sy-slide > a > img {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0; }
  .sy-controls li {
    position: absolute;
    width: 10%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33; }
    .sy-controls li.sy-prev {
      left: 0;
      top: 0; }
      .sy-controls li.sy-prev a:after {
        background-position: -5% 0; }
    .sy-controls li.sy-next {
      right: 0;
      top: 0; }
      .sy-controls li.sy-next a:after {
        background-position: 105% 0; }
    .sy-controls li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      text-indent: -9999px; }
      .sy-controls li a:link, .sy-controls li a:visited {
        opacity: 0.4; }
      .sy-controls li a:hover, .sy-controls li a:focus {
        opacity: 0.8;
        outline: none; }
      .sy-controls li a:after {
        content: "";
        background-image: url("/images/design/arrows.svg");
        background-repeat: no-repeat;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        text-align: center;
        text-indent: 0;
        line-height: 2.8em;
        color: #111;
        font-weight: 800;
        position: absolute;
        background-color: #fff;
        width: 2.8em;
        height: 2.8em;
        left: 50%;
        top: 50%;
        margin-top: -1.4em;
        margin-left: -1.4em;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
  @media only screen and (max-device-width: 600px) {
    .sy-controls {
      display: block; }
      .sy-controls li {
        min-width: 2.1em; }
        .sy-controls li a:after {
          width: 1.4em;
          height: 1.4em;
          margin-top: -0.7em;
          margin-left: -0.7em; } }

/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
   }
  .sy-caption-wrap .sy-caption {
    position: relative;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    padding: 0.4em 1em;
}
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
      color: #e24b70;
      font-weight: 600;
      text-decoration: none; }
    .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
      text-decoration: underline; }
  @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .sy-caption-wrap {
      left: 0;
      bottom: 0.4em; }
      .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0; } }

/* pager bubbles */
.sy-pager {
  overflow: hidden;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .sy-pager li {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 1em 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .sy-pager li.sy-active a {
      background-color: #0282B6; }
    .sy-pager li a {
      width: 100%;
      height: 100%;
      display: block;
      background-color: #ccc;
      text-indent: -9999px;
      -moz-background-size: 2em;
      -o-background-size: 2em;
      -webkit-background-size: 2em;
      background-size: 2em;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .sy-pager li a:link, .sy-pager li a:visited {
        opacity: 1.0; }
      .sy-pager li a:hover, .sy-pager li a:focus {
        opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%; }
  .sy-filler.ready {
    -moz-transition: padding 600ms ease;
    -o-transition: padding 600ms ease;
    -webkit-transition: padding 600ms ease;
    transition: padding 600ms ease; }