@charset "utf-8";
body{background:#f4eecf;font-size:0.9em;line-height:1em;font-family: 'Open Sans', sans-serif!important;color:#3a3a3a;margin:0;padding:0}
body h1{color:#c9b02e;position:relative;display:inline;letter-spacing:-3px}
#top{background:url(/images/design/ut_sprite.png) repeat-x 0 -382px;width:100%;position:absolute;top:0;left:0;height:35px}

#top2{background:#333;width:100%;position:absolute;top:0;left:0;height:55px}

#container_ut{margin:0 auto;}
#cf_exchange_100000321{visibility:hidden!important}
a{color:#007FC8}
a:hover{color:#D88C00}
a img{border:none}
fieldset{border:1px solid #F7D742;margin-bottom:10px;padding:10px;font-size:0.9em;}
legend{border:1px solid #F7D742;font-weight:600;background:#F4EECF;padding:2px}
.i{font-style:italic}
.required{color:#D88C00;font-weight:600}
.uppcase,.uppcase a{color:#F7D742}
.parenth,.parenth a{color:#928F83;text-decoration:none}
.ico{background:url(/images/design/ut_sprite.png) no-repeat}
.forms{border:1px solid #E7DA99}
.formsubmit,.inplace_save,.inplace_cancel{border-radius:50px;background:#02779d;border:none;color:#FFF;cursor:pointer;display:block;margin-top:8px;text-align:center;width:166px;padding:5px}
.formsubmit:hover,.inplace_save:hover,.inplace_cancel:hover{background:#F7D742;color:#3a3a3a}
a.formsubmit{text-decoration:none;padding:5px}
#comment_bt {
	padding: 10px;
	font-size: .9em;
	font-weight: bold;
}
a[target="_blank"]:after {
 content:"";
 display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #EECB2D;
  border-right: 1px solid #EECB2D;
  margin: 0px 3px 0 5px;
  position:relative;
 top:-9px;
	right:5px
}

.instablines, .prevres{cursor:pointer;color:#13A3D3;text-decoration:underline;font-size:0.9em;margin-bottom:5px;width:200px}
#tabpreview{background:#FBFBFB;border:dashed 1px #ddd;padding:10px;border-left:solid 5px #ddd;height:330px;overflow:auto}
#tabpreview pre{margin:0}
.inner_header{padding: 20px 0}
.resp_list li {width:100%;float:left;font-size:0.9em;list-style:none;margin-bottom:2px;padding:2px 0;}
ul.resp_list {margin:0;padding:0}
ol.top_list{
		counter-reset: li;
    list-style: none;
    font-size: .9em;
		margin:0;
		padding-left: .5em;
}
ol.top_list a {
	 position: relative;
	 display: block;
	 padding: 2px 2.5em;
	 margin: .3em 0;
 }

ol.top_list a:before{
	 content: counter(li);
	 counter-increment: li;
	 position: absolute;
	 left: .2em;
	 padding: 0;
	 margin: 0;
	 background: #02779D;
	 height: 1.5em;
	 width: 1.5em;
	 line-height: 1.5em;
	 text-align: center;
	 color:#fff;
	 border-radius:3px;
 }

ol.top_list a:hover:before{
	background:#F7D742;
}

ol.top_list li:nth-child(even), ul.resp_list li:nth-child(even) {
	background: #F7F3DD;border-radius: 3px;
}

#sidebar ol.top_list {
		font-size:1em;
}

#sidebar ol.top_list a:before {
	background:#E4D58B;
	color:#3a3a3a;
}

#header2{width:100%}

#main_menu{width:100%;height:32px;}
#main_menu2{width:100%;height:55px;position:relative}

#sub_menu{height:30px;background:#e6d891;border:1px solid #bca944;border-top:none;padding:5px}

#search{float:left;width:310px;height:100%}

#search2{float:left;height:100%}
.fsize{font-size:0.85em;float:right;margin-right:5px;margin-top:-30px;}
.fontSizeMinus, .fontSizePlus, .fontReset{border-radius:3px;border: 1px solid #E3D383; color: #000;font-weight: bold;padding: 3px;background:#F4EECF;}

.search_input{background:url(/images/design/ut_sprite.png) no-repeat 0 -280px;padding-left:25px;width:180px;height:22px;font-size:0.9em;border:none;color:#685C18;}
.search_select{border:1px solid #c0ad4b;height:23px;width:120px}
.search_submit{border:none;height:20px;width:22px;background:url(/images/design/ut_sprite.png) no-repeat -74px -172px;cursor:pointer}
#search form{padding-bottom:2px}
.search_submit:hover{background:url(/images/design/ut_sprite.png) no-repeat -72px -172px}
#ma_shortcuts{float:right;text-align:right;height:100%;padding-top:5px}

#ma_shortcuts2{text-align:right;padding-top:5px}
#ma_shortcuts2 a.lost, a.adv_search {color:#fff;font-size:0.7em;text-decoration:none;border-bottom:1px solid #EECC2F}
#ma_shortcuts2 a.lost:hover, a.adv_search:hover{color:#EECC2F;}
#ma_shortcuts2 .sep{padding:0 5px;color:#ccc}
#ma_shortcuts2  .logged_in {font-size:0.85em;font-style:italic;padding-top:10px;display:block;color:#fff;}
#ma_shortcuts2  .logged_in  span{color:#F7D742;}

.rand{margin-top: 15px!important;padding: 0;}

/*
.search {}
.search_field {
	border: solid 1px #888;
	border-radius: 100px;
	padding: 15px;
	margin: 5px 0;
}
.button {
	width: 28px;
	height: 28px;
	float: left;
	background: #333 url(/../images/icons/search_icon.png) no-repeat;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 25px;
	top: 8px;
	border-radius:50px;
}
input:placeholder
*/

#ma_shortcuts a{color:#2c2c2c;font-size:0.9em;padding:0 10px 0 15px}
#ma_shortcuts a.login{background:url(/images/design/ut_sprite.png) no-repeat 100% -280px;padding-right:17px}
#ma_shortcuts  .logged_in {font-size:0.85em;font-style:italic;margin-right:5px;padding-top:5px}
.ut_logo{height:90px;width:90px;		border-radius:10px;}
#alpha_search{float:left;height:33px;background:url(/images/design/ut_sprite.png) repeat-x 0 -315px;border:1px solid #c7c7c7;border-top:none;}
#alpha_search a{text-decoration:none;color:#2c2c2c;display:block;border-left:1px solid #ddd;height:25px;width:12px;float:left;text-align:center;padding:8px 2px 0}
#alpha_search a.numbers{border-left:none;width:25px;margin-left:10px}
#alpha_search a:hover{font-size:1.25em;border:1px solid #0a77bd;background:url(/images/design/ut_sprite.png) repeat-x 0 -349px;color:#fff;padding:5px 2px 2px}

#submenu{border-bottom: 1px solid #E7DA99;background:#eee4b2;}
#submenu.footer{border-top: 1px solid #E7DA99;border-bottom:none;margin-top:10px;}
#social_links{float:left;padding:7px;float:left}
#alpha_search2{line-height: 2.7em;text-align: center;font-size:0.95em;}
#alpha_search2 a{text-decoration:none;color:#2c2c2c;padding:5px 10px;border:solid 1px #E2D07A;border-radius: 50px}
#alpha_search2 a:hover{font-weight:bold;background:#E2D07A}

#social_links p {margin:5px 0;padding:0}

#social_bookmarks{float:right;padding-right:10px}
#social_bookmarks a {margin-left:5px}
.su{background: url(/images/design/ut_sprite.png) no-repeat -240px -12px;float: left;height: 32px;width: 32px;}
.su:hover{background: url(/images/design/ut_sprite.png) no-repeat -240px -3px;float: left;height: 32px;width: 32px;}
.fb{background: url(/images/design/ut_sprite.png) no-repeat -185px -92px;float: left;height: 32px;width: 32px;}
.fb:hover{background: url(/images/design/ut_sprite.png) no-repeat -185px -84px;float: left;height: 32px;width: 32px;}
.twit{background: url(/images/design/ut_sprite.png) no-repeat -185px -12px;float: left;height: 32px;width: 32px;}
.twit:hover{background: url(/images/design/ut_sprite.png) no-repeat -185px -3px;float: left;height: 32px;width: 32px;}
.rss{background: url(/images/design/ut_sprite.png) no-repeat -240px -92px;float: left;height: 32px;width: 32px;}
.rss:hover{background: url(/images/design/ut_sprite.png) no-repeat -240px -84px;float: left;height: 32px;width: 32px;}
.leadboard{width:728px;height:90px;}

#header2 #leadeboard{width:728px;height:90px;float:right;margin-top:30px}
/* ShareBar */
ul#sharebar {display:none;position:absolute;width:70px;float:left;background:#FAF8EB;padding:0;text-align:center;border:1px solid #E7DA99;list-style:none;margin:5px 0 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; 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; }

#page{background:#faf8eb;border:1px solid #e7da99;}
#breadcrumbs{padding:10px 0;font-size:0.7em}
#breadcrumbs a{text-decoration:none;color:#2c2c2c;padding:0 10px}
#breadcrumbs a:after{position: absolute; padding-left:5px;content: "\00bb";}
#breadcrumbs a.bc_current:after{content: "";}
#breadcrumbs .bc_current{font-style:italic;background:none}
#sidebar{float:left;-webkit-box-shadow: 8px 0px 10px -10px rgba(51,51,51,0.5);-moz-box-shadow: 8px 0px 10px -10px rgba(51,51,51,0.5);box-shadow: 8px 0px 10px -10px rgba(51,51,51,0.5);font-size:0.85em;line-height:1.5em;padding:0 10px;}
#sidebar div {}

#sidebar_topsites{text-align:center;margin:10px 0}
#sidebar_sky{text-align:center;}
#sidebar_them{margin:0 0 10px 12px}
#sidebar_title{background:#3a3a3a;margin-bottom:15px;color:#fff;padding:5px;height:34px;border-radius:4px}
#Left_box{background:#f7f3dd;border:1px solid #dad0b3;margin-bottom:15px;padding:10px;border-radius:4px}
#Left_box_feat,#Left_box_feat2{margin-bottom:15px}
.feat_t{text-transform:uppercase;color:#3a3a3a;font-weight:600;padding:7px;background: #EEE4B2;font-size:1.1em;border-radius:5px}
.feat_underline{/*border-top: solid 1px #EBC92C;height:2px;*/}
#sidebar .feat_t{margin: 15px 0;}
.addm0{margin-top: 0px !important;}
#list_top{list-style:decimal;color:#685c18;margin-left:-20px}
#list_top a {line-height: 1.85em;}
#list_top li:nth-child(even) {background: #F7F3DD;}
#list_sim{list-style-type:none;color:#685c18;padding-left:5px}
#list_sim li{padding-left:15px;background:url(/images/design/ut_sprite.png) no-repeat -316px -35px}
.small_sim{text-decoration:none;font-style:italic;color:#bca944}
a.small_sim:hover{text-decoration:underline;color:#bca944}
#Left_box_infos{background:#DDC967;margin-bottom:15px;color:#685c18;overflow:auto;padding:10px;border-radius:4px}
.Left_box_infos_l{width:50%;text-align:right;font-weight:600;color:#685c18;float:left;margin-right:5px}
.Left_box_infos_r{color:#685c18;float:left}
#Left_box_ThemTab, .extrabtm_margin{margin-bottom:10px;}
#main{padding:0 10px;}
#page_title h1,#page_title h2,#page_subtitle h3{font-size:1em;margin:0;}
#page_title h1{border-radius:4px;background:#3a3a3a url(/images/design/ut_sprite.png) no-repeat -305px 0;text-transform:uppercase;color:#fff;font-weight:600;padding:4px 25px 5px;letter-spacing:normal;display:block;}
#page_title a{color:#eecc2f;text-decoration:none}
.fb_like{display:block;float:right;margin-top:-3px}
#content{padding:10px 0 30px 10px}
#page_subtitle,.page_subtitle{border-bottom:solid 1px #EECB2D;font-weight:600;display:block;line-height:1.85em;margin-bottom:15px}
h1.page_subtitle.home{color:#333;}
h2.page_subtitle.home{font-size:1.25em;}
.page_subtitle{margin-top:20px}
.joinus {background: #F4EECF;padding:10px;border-radius:5px;font-size:.9em;margin-top:20px!important;}
.joinus h4 {margin-top:0;font-size:1.25em;text-align: center;}
#sidebar .joinus {font-size:1em}
#page_subtitle h2, .page_subtitle h3, .page_subtitle h4 {margin:0;font-size:1em;}
#content p{text-align: justify;
color: #2c2c2c;
font-size: .85em;
line-height: 1.7em;}
#footer{background:url(/images/design/ut_hd_stripe.jpg) no-repeat 50% 0;height:105px;color:#685c18;text-align:center;font-size: 0.9em;}
#inner_footer{margin:0 auto}
#footer_links{padding:10px;background:#333;margin-bottom:5px;color:#e2d07a;font-size: 0.9em;}
#footer_links a{color:#e2d07a;font-size: 0.9em;text-align:right;}
#footer_links a:hover{color:#EECC2F}
.uwnetwork{background: #e4d58b;text-align:center;font-size:0.9em;padding:5px}
.uwnetwork a {padding:0 5px;color:#685c18;}
.uwnetwork a:before{content:"⇢ ";}
.dev_infos{color:#BCA944;display:block;font-size:0.7em;font-style:italic;text-align:right;width:99%;margin:0 5px 5px 0}
#lang_select{text-align:center;height:32px;margin:auto}
#lang_select img{margin:0 4px}
#cr{margin:5px 0;}
#xiti {position:absolute;left:0;top:0;display:none}
.fr{background-position:0 -258px;height:20px;width:30px;}
.en{background-position:-30px -258px;height:20px;width:30px;}
.de{background-position:-60px -258px;height:20px;width:30px;}
.es{background-position:-90px -258px;height:20px;width:30px;}
.cn{background-position:-120px -258px;height:20px;width:30px;}
#nav * {	margin: 0;padding: 0;list-style: none;}
#nav{ display:block;font-size:0.85em;float:left}
#nav .left {float: left;}
#nav .right {float: right;}
#nav {background: #2C2C2C;}
#nav li.hl {background:#e4bf14;}
#nav li.hl a {color:#333;font-weight:bold;}
#nav li {float: left;display: block;border-left: 1px solid #666;border-right: 1px solid #000;}
#nav li ul.menu li{border-left: none;}
#nav li.firstc {border-left: none;}
#nav li.lastc {border-right: none;}
#nav li a {float: left;display: block;color: #fff;padding:11px 6px;text-decoration: none;}
#nav li a:hover {background: #059edb;z-index:999}
#nav li.drop,#nav li.drop li {position: relative;}
#nav li.drop a {padding-right: 30px;}
#nav ul > li.drop {	background: url(/images/arrows/l_arrow_down_o2.png) no-repeat right;}
#nav ul > li.drop > a:hover,#nav ul > li.drop:hover > a {position: relative;background: url(/images/arrows/l_arrow_down_o2.png) no-repeat right #059edb;}
#nav ul li.drop li.drop,#nav ul > li.drop li.drop:hover > a {background: url(/images/arrows/l_arrow_right.png) no-repeat right;}
#nav ul > li.drop li.drop:hover > a {	background: url(/images/arrows/l_arrow_right.png) no-repeat right #059edb;}
#nav li .menu {display: none;margin-top:5px;}
#nav li:hover .menu, #nav li .menu ul {width: 160px;background: #eee;z-index: 999;}
#nav li:hover .menu {display: block;position: absolute;top: 29px;}
#nav li:hover .menu ul {display: none;}
#nav li.drop li.drop:hover ul {display: block;}
#nav li .menu ul {position: absolute;top: -1px;left: 159px;}
#nav li:hover .menu,#nav li .menu ul {background: #333;}
#nav .menu li {float: none;border-right: none !important;}
#nav .menu a{	display: block;float: none;border-bottom: 0;padding:6px 10px;border-left: none;}
#nav .menu li {border-top: 1px solid #777;	border-bottom: 0;}.pagination{text-align:center;display:block;font-size:11px;color:#ccc;padding:10px;width:100%;float:left}
#nav .menu li.foctxt a{color:#F7D742}
#nav_ma * {	margin: 0;padding: 0;list-style: none;}
#nav_ma{ display:block;font-size:0.85em;float:right}
#nav_ma .left {float: left;}
#nav_ma .right {float: right;}
#nav_ma {background: #2C2C2C;border: 1px solid #000;}
#nav_ma li {float: left;display: block;}
#nav_ma li.firstc {border-left: none;}
#nav_ma li.lastc {border-right: none;}
#nav_ma li a {float: left;display: block;color: #f7d742;padding:11px 6px;text-decoration: none;}
#nav_ma li a:hover {background: #f7d742;color: #3a3a3a;}
#nav_ma li.drop,#nav_ma li.drop li {position: relative;}
#nav_ma li.drop a {padding-right: 30px;}
#nav_ma li.drop ul.menu a {padding-right: 10px;}
#nav_ma ul > li.drop {	background: url(/images/arrows/l_arrow_down.png) no-repeat right;}
#nav_ma ul > li.drop:hover > a {background: url(/images/arrows/l_arrow_down_o.png) no-repeat right #f7d742;color: #3a3a3a;}
#nav_ma ul > li.drop > a:hover {position: relative;background: url(/images/arrows/l_arrow_down_o.png) no-repeat right #f7d742;}
#nav_ma ul li.drop li.drop,#nav_ma ul > li.drop li.drop:hover > a {background: url(/images/arrows/l_arrow_left.png) no-repeat left;}
#nav_ma ul > li.drop li.drop:hover > a {background: url(/images/arrows/l_arrow_left_o.png) no-repeat left #f7d742;}
#nav_ma li .menu {display: none;margin-top:5px}
#nav_ma li:hover .menu,#nav_ma li .menu ul {width: 160px;background: #eee;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;z-index: 999;}
#nav_ma li:hover .menu {display: block;position: absolute;top: 29px;}
#nav_ma li:hover .menu ul {display: none;}
#nav_ma li.drop li.drop:hover ul {display: block;}
#nav_ma li .menu ul {position: absolute;top: -1px;left: 159px;}
#nav_ma li:hover .menu,#nav_ma li .menu ul {background: #333;border-left: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;}
#nav_ma .menu li {float: none;border-right: none !important;}
#nav_ma .menu a,#nav_ma menu a {	display: block;float: none;border-bottom: 0;padding:6px 10px;}
#nav_ma .menu li {border-top: 1px solid #777;	border-bottom: 0;}.pagination{text-align:center;display:block;font-size:11px;color:#ccc;padding:20px;width:100%;float:left}
#nav_ma li.drop ul {text-align:right;position:absolute; right:0;padding-right:0;}
#nav_ma ul.screen {margin-left:-322px;}
.pagination a{border:1px solid #e7da99;text-decoration:none;color:#685c18;background:#f4eecf;margin:2px;padding:8px}
.pagination a:hover,.pagination a:active{border:1px solid #685c18;color:#000}
.pagination .current{border:1px solid #685c18;font-weight:600;background-color:#e5d890;color:#685c18;margin:2px;padding:8px}
.pagination .disabled{border:1px solid #EEE;color:#DDD;margin:2px;padding:2px 5px}
#simpleTooltip{border:1px solid #dad0b3;background:#f4eecf;color:#393939;font-family: 'Open Sans', sans-serif;font-size:11px;padding:5px}
.tooltip{cursor:pointer;text-decoration:none;font-weight:600;}
label.tooltip{font-weight: normal;cursor:default}
.LV_validation_message{font-weight:600;font-size:0.9em;margin:0 0 0 5px}
.LV_valid{color:#7bcd32}
.LV_invalid{color:#CE3D53}
.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 #CE3D53}
textarea {width:100%}
textarea, input[type='text'], input[type='password'], select {border-radius: 3px;padding:5px}
select {border:1px solid #EEE4B2}
#crd_transpose select {border:solid 1px #e9dd9f; }
form.login input[type='text'], form.login input[type='password'] {border-radius: 3px !important;padding:5px !important; margin-bottom:8px!important;}
form.login label {font-weight: 600;}
table.tablesorter{font-family: 'Open Sans', sans-serif;background-color:#CDCDCD;font-size:8pt;width:100%;text-align:left}
table.tablesorter thead tr th,table.tablesorter tfoot tr th{background-color:#edcb2d;border:1px solid #FFF;font-size:8pt;color:#000;padding:4px}
table.tablesorter thead tr .header{background-image:url(/images/icons/bg.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer}
table.tablesorter tbody td{color:#3D3D3D;background-color:#FFF;vertical-align:top;padding:4px}
table.tablesorter tbody tr.odd td{background-color:#F7F3DD}
table.tablesorter thead tr .headerSortUp{background-image:url(/images/icons/asc.gif)}
table.tablesorter thead tr .headerSortDown{background-image:url(/images/icons/desc.gif)}
table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp{background-color:#E20079;color:#FFF}
#pager{margin-bottom:15px;float:left;width:200px;padding:5px}
.pagedisplay{width:40px;border:none;background:none;float:left;text-align:center;margin-top:2px}
.pagesize{border:solid 1px #F4EED0;float:right}
a.ntag{border-radius: 50px;background:#F4EED0;padding:2px 8px;display:inline-block;float:left;text-decoration:none;margin:2px;font-size:.9em;color:#3a3a3a;}
a.ntag:hover{color:#D88C00;background:#EEE4B2}

#lesson ul {
	font-size: .85em;
}

#lesson h3 {
	font-size: 1.05em;
}
/*
.next,.prev,.first,.last{background:#3A3A3A url(/images/design/ut_sprite.png) no-repeat;display:block;width:16px;height:16px;float:left;cursor:pointer;border:solid 1px #edcb2d;margin:2px}
.next{background-position:-48px -237px}
.prev{background-position:-48px -221px}
.first{background-position:-32px -221px}
.last{background-position:-32px -237px}
*/
#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/overlay.png) 0 0 repeat}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative;overflow:visible;background:#fff;border-radius:8px;}
#cboxLoadedContent{overflow:auto;margin-bottom:28px;border-radius:8px;}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;padding:15px;background:white!important}
#cboxTitle{font:85%/.9 arial, helvetica, sans-serif;position:absolute;bottom:10px;left:0;text-align:center;width:100%;color:#928F83;margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxCurrent{position:absolute;bottom:5px;left:58px;color:#928F83;font-size:.9em;}
#cboxSlideshow{position:absolute;bottom:3px;right:30px;color:#0092ef}
#cboxPrevious{position:absolute;bottom:5px;left:5px;background:url(/images/design/controls.png) -75px 0 no-repeat;width:25px;height:25px;text-indent:-9999px;border:none !important;}
#cboxPrevious.hover{background-position:-75px -25px}
#cboxNext{position:absolute;bottom:5px;left:32px;background:url(/images/design/controls.png) -50px 0 no-repeat;width:25px;height:25px;text-indent:-9999px;border:none !important;}
#cboxNext.hover{background-position:-50px -25px}
#cboxLoadingOverlay{background:url(/images/design/loading_background.png) center center no-repeat}
#cboxLoadingGraphic{background:url(/images/design/loading.gif) center center no-repeat}
#cboxClose{position:absolute;bottom:5px;right:5px;background:url(/images/design/controls.png) -25px 0 no-repeat;width:25px;height:25px;text-indent:-9999px;border:none !important;}
#cboxClose.hover{background-position:-25px -25px}
.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:#13A3D3;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:#CE3D53;color:#fff}
.datepicker tbody td.date.chosen{font-weight:600;background-color:#f7d742}

/* home */
.home_line{width:970px;padding:10px 0 0 10px;display:block;}
#welcomebox {width:630px;margin-right:5px;float:left;}
#welcomebox h2, #welcomebox h1{display:inline;float:left;margin-left:10px;color:#3a3a3a;text-transform:uppercase}
.thirdboxh{width:300px;padding: 10px;float:left;}
.thirdboxh h3 {margin:0;padding:0}

.hometabsline {display:block;font-size:0.9em;line-height: 1.45em;padding:7px;border-radius: 3px;}
.sbtop{padding:7px;border-radius: 3px;}

.hpos {height:20px;padding:10px;}
#home_welcome{float:left;width:620px;padding-left:10px;margin:10px 0;}
#home_welcome h2, #home_welcome h1{display:inline;float:left;margin-left:10px;color:#3a3a3a;text-transform:uppercase}
#home_welcome h3{display:inline;line-height:3.7em;color:#E6D891;margin-left:5px;font-style:italic}
.home_vote{display:block;float:right}
#home_lang{background:#F7F3DD;border:1px solid #DAD0B3;width:230px;float:left;margin:10px;padding:10px}
#left_col{border-right:1px solid #f4eecf;width:320px;float:left;margin:10px 0 10px 10px}
.home_shortcuts{position:relative;background:#F4EECF;overflow:auto;font:0.9em/1.5em arial,Helvetica,sans-serif;margin-top:20px;padding:10px}
.home_shortcuts a:not(.formsubmit):not(.g2ulink){background:url(/images/design/ut_sprite.png) no-repeat -316px -35px;margin-left:15px;padding-left:15px;color:#685C18;text-decoration:none}
.home_shortcuts h3 {margin-top:5px;}
#facebook_group{float:left;margin-left:35px}
#home_ads{width:300px;height:250px;float:left;margin:10px}
#home_intro{font:0.9em/1.5em arial,Helvetica,sans-serif;text-align:justify;display:block;padding:10px}
#home_twitter{float:left;height:80px;width:100%;background:url(/images/design/home_separate.png) no-repeat bottom #ece2ad;margin:10px 0}
#twitter_logo{width:60px;text-align:center;height:60px;float:left;padding:10px 0}
.hometlogo{background:url(/images/design/ut_sprite.png) no-repeat -153px -472px;width:24px;height:38px}
#twitter_input{background:url(/images/design/home_twitter_input.png) no-repeat;width:560px;height:33px;float:left;margin:15px 0}
.twitter_news{display:block;float:left;width:440px;font-size:0.85em;padding:9px}
.twitter_date{display:block;float:left;margin-left:5px;font-style:italic;font-weight:600;font-size:0.85em;color:#3a3a3a;padding:10px}
#home_fb{float:right;padding-top:5px}
#home_t{height:50px}
.t_line{background:url(/images/design/ut_sprite.png) no-repeat 0 -438px;height:5px;margin-bottom:15px;width:100%}
#home_bottom{font:0.9em/1.5em arial,Helvetica,sans-serif;float:left;margin:5px}
#home_ad_200{display:block;width:200px;padding-right:15px;height:200px;float:left;border-right:solid 1px #F4EECF}
#home_last_topics{display:block;width:620px;height:200px;float:left;-moz--webkit-padding:10px;line-height:1.5em;font-size:0.9em;}
#home_why_to_register{display:block;width:380px;height:200px;float:left;-moz--webkit-padding:0 0 10px 10px;min-height:250px;}
.home_why_inside{float:left;width:100%;font-size:0.9em;line-height:1.3em}
.wtr{font-weight:600;font-size:1.2em}
.tabtype, .tabpart{width:60px;color:#fff;font-weight:600;text-transform:uppercase;float:left;font-size:0.9em;text-align:center;margin:0 2px;border-radius:50px;}
.chrd, .song{background:#F7D742}
.tab, .riff{background:#02779d}
.mix, .intro{background:#E20079}
.tabpart{background: #3a3a3a;width:50px}
.song{color:#F7D742}
.riff{color:#02779d}
.intro{color:#E20079}
.part{color: #bbb}
.solo{color: #fff}

.tabnote{border-radius:50%;background:#f4eecf;height:20px;width:20px;float:left;border:1px solid #e7da99;font-weight:600;font-size:0.9em;text-align:center;margin-right:5px}
.tablink{width:75%;line-height:1.1em;float:left}
.alb_link{width:75%;float:left;background:#F7F3DD;margin:5px;padding:5px;border: 1px solid #DAD0B3;}
.alb_link img {border: 1px solid #3a3a3a;}
.albt {float:right;width:80%;padding-left:10px;line-height: 1em;}
.albc {float:left;width:65px;height:65px;}
.cover_xs{vertical-align:top;float:left;margin-right:5px;width:36px;border:solid 1px #3a3a3a;}
.cover_xxs{vertical-align:middle;margin:0 5px 5px 0;width:24px;height:24px;border:solid 1px #3a3a3a;}
#crd_transpose{background:#e3d383;padding:8px;font-size:0.9em;border-radius:4px}
.key_original{color:#3a3a3a;background:#F7D742;}
#list_top li.xs{margin-bottom:10px;}
.tabpart_1,.tabpart_2,.tabpart_3,.tabpart_4,.tabpart_5{background:#3a3a3a url(/images/design/ut_sprite.png) no-repeat;display:block;float:left;height:20px;margin-right:5px;width:48px;border-radius:50px}
.tabpart_1{background-position:0 -453px}
.tabpart_2{background-position:-48px -453px}
.tabpart_3{background-position:-96px -453px}
.tabpart_4{background-position:-144px -453px}
.tabpart_5{background-position:-192px -453px}
pre{line-height:1.4em;display: block;overflow:hidden;overflow-x: auto;overflow-y: hidden;}
.tabstars{background:url(/images/design/ut_sprite.png) no-repeat;height:16px;width:85px}
.tabrating{background:url(/images/design/ut_sprite.png) no-repeat;height:16px;width:85px}
#tabratings{float:left;padding-left:2px}
.tabvotes{display:block;float:left;color:white}
.tab_coms{background:url(/images/design/ut_sprite.png) no-repeat;background-position:0 -172px;display:block;float:right;height:22px;width:35px}
.tab_coms a{width:100%;text-align:center;text-decoration:none;color:#3a3a3a;display:block;font-weight:600;}
#ma_tools{float:right;margin-top:-42px;font-size:0.85em}
.ma_ico{background:url(/images/design/ut_sprite.png) no-repeat;width:32px;height:24px}
.print{background-position:-64px -196px}
.report{background-position:-34px -196px}
.add2fav{background-position:0 -196px}
#skytab{height:600px;width:120px;float:right;margin-top:-10px}
#squared{height:250px;width:300px;float:right;}
.mrec{min-height:250px;width:300px;}
#sky160{height:600px;width:160px;float:right;margin-top:10px}
#capo{background:#F7F3DD;border:1px solid #DAD0B3;font-size:0.85em;width:335px;color:#393939;padding:5px}
.rating{list-style:none;clear:both;position:relative;background:url(/images/design/ut_sprite.png) no-repeat;height:17px;width:85px;margin:0 0 20px;padding:0}
#ASselect {text-align:center;}
#ASselect a {background:#3a3a3a;color:#F7D742;padding:2px;font-weight:bold;text-decoration:none;margin-bottom:3px;display:block;width:20px;font-size:14px;border-radius: 2px}
#ASselect a.aslast {margin-right:0}
#ASselect a :hover{color:#E66D18;}
#ScrollMe  {z-index:1;background: #F7F3DD;border:solid 1px #DAD0B3;text-align:center;/*float:right;*/position:absolute;line-height:.9em;border-radius:4px;min-width:82px!important;max-width:82px;width:82px}/*640*/
#ScrollMe  span{font-weight:bold;color:#3A3A3A;display:block;margin:4px;font-size:11px;}
#ScrollMe .controls {display:block;float:left;width:30px;margin-left:10px}
#ScrollMe .speed {display:block;float:left;width:40px;height:125px;background:url(/images/design/as_speed.png) no-repeat 100% 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;left:18px}
ul.rating li a{position:absolute;left:0;top:0;width:8px;height:17px;text-decoration:none;z-index:200}
ul.rating li span{text-decoration:none;position:absolute;width:17px;height:17px}
ul.rating li.s_1 a{left:0;-moz-outline:none}
ul.rating li.s_2 a{left:8px;-moz-outline:none}
ul.rating li.s_3 a{left:16px;-moz-outline:none}
ul.rating li.s_4 a{left:24px;-moz-outline:none}
ul.rating li.s_5 a{left:32px;-moz-outline:none}
ul.rating li.s_6 a{left:40px;-moz-outline:none}
ul.rating li.s_7 a{left:48px;-moz-outline:none}
ul.rating li.s_8 a{left:56px;-moz-outline:none}
ul.rating li.s_9 a{left:64px;-moz-outline:none}
ul.rating li.s_10 a{left:72px;-moz-outline:none}
ul.rating li a:hover{z-index:2;width:85px;height:17px;overflow:hidden;left:0;background:url(/images/design/ut_sprite.png) no-repeat}
ul.rating li.s_1 a:hover{background-position:-68px -489px}
ul.rating li.s_2 a:hover{background-position:-245px -489px}
ul.rating li.s_3 a:hover{background-position:-51px -489px}
ul.rating li.s_4 a:hover{background-position:-228px -489px}
ul.rating li.s_5 a:hover{background-position:-34px -489px}
ul.rating li.s_6 a:hover{background-position:-211px -489px}
ul.rating li.s_7 a:hover{background-position:-17px -489px}
ul.rating li.s_8 a:hover{background-position:-194px -489px}
ul.rating li.s_9 a:hover{background-position:0 -489px}
ul.rating li.s_10 a:hover{background-position:-177px -489px}
.signupleft{text-align:right;width:200px;font-size:0.9em}
.extra_fields {display:none;}
.diffwrap{position: relative;margin-top:2px}
.diffwrap, .diffvalue, .difftext { width: 64px; height: 15px;float:left;margin-right:5px;}
.diffwrap, .diffvalue { background: #dedede}
#song_details .diffwrap, .diffvalue { top:2px; left;:-5px;}
.difftext {position: absolute;top:0; left:0;color: #000; text-align: center; width: 100%;font-weight:bold}
.diffspan{float:left;margin-right:7px;}
.signupright{font-size:0.9em}
.double_fields{float:left;margin-bottom:20px;vertical-align:top;width:50%}
.simple_fields{float:left;width:100%;margin-bottom:20px;line-height:1.5em}
.pdf{background-position:-35px -174px;width:24px;height:21px}
.png{background-position:-120px -174px;width:24px;height:21px}
.chords_list a, .sbhelp a, .keychanged {background:url(/images/design/ut_sprite.png) no-repeat;background-position:-316px -35px;padding-left:15px;margin-left:35px}
p.keychanged {margin-top:0}
.sbhelp {background: #F7F3DD;padding:10px;border-radius: 5px;margin:10px 0;}
.last_topics {font-size:0.9em;}
a.chord{font-weight:bold;color:#D88C00;border-bottom:dotted 1px #DDC967;}
a.chord:hover{color:#000}
.cc_baritone{width:80%;float:left;margin-bottom:15px;font-size:0.85em;}
.editstatus{border:1px solid #CCC;padding:5px}
.inplace_save,.inplace_cancel{margin:10px 10px 5px 0}
.inplace_field{border:1px solid #CCC;width:100%}
.support2,.support a{background:url(/images/design/ut_sprite.png) no-repeat;background-position:-316px -35px;padding-left:10px;margin-left:5px}
.support3{margin-left:30px}
.list_p{list-style: none;padding-left: 10px;}
.list_p li{background:url(/images/design/ut_sprite.png) no-repeat;background-position:-316px -35px;padding-left:10px;margin-left:5px;font-size: .9em;}
.vote_for_us{float:left;width:200px;text-align:center;font-size:0.85em}
.edit{background-position:-96px -199px;width:24px;height:21px}
.warn{background-position:-64px -237px;width:16px;height:16px}
.tick{background-position:-64px -221px;width:16px;height:16px}
.cross{background-position:-80px -221px;width:16px;height:16px}
.email{background-position:-96px -221px;width:16px;height:16px}
.email_op{background-position:-96px -237px;width:16px;height:16px}
.offline{background-position:-16px -221px;width:16px;height:16px}
.online{background-position:-16px -237px;width:16px;height:16px}
.female{background-position:0 -221px;width:16px;height:16px}
.male{background-position:0 -237px;width:16px;height:16px}
.other{background-position:0 -253px;width:16px;height:16px}
.hot{background-position:-48px -237px;width:16px;height:16px}
.mobile{background-position:-80px -237px;width:16px;height:16px}
.cStrum{background-position:-48px -221px;width:16px;height:16px}
.cCom{background-position:-32px -221px;width:16px;height:16px}
.cFix{background-position:-32px -237px;width:16px;height:16px}
.cHelp{background-position:-96px -237px;width:16px;height:16px}
.shuffle{background-position:-32px -253px;width:16px;height:16px}
.adv{background-position:-16px -253px;width:16px;height:16px}
.foc{background:#F4EECF;border:solid 1px #E2C822;margin:30px 0;padding:10px;border-radius:4px}
.focadd{margin:5px 0;padding:5px;font-size:0.9em}
.mini_sw{background-position:-144px -221px;width:16px;height:16px}
.mini_yt{background-position:-112px -237px;width:16px;height:16px}
.mini_tw{background-position:-128px -221px;width:16px;height:16px}
.mini_sc{background-position:-112px -221px;width:16px;height:16px}
.mini_ms{background-position:-128px -237px;width:16px;height:16px}
#userstatusbox{background:#F7F3DD url(/images/design/ut_sprite.png) no-repeat -305px -120px;font-style:italic;font-size:0.9em;text-align:center;padding:5px 2px}
.statusdate{color:#DAD0B3;font-size:0.9em;font-style:italic;text-align:right}
.medal{background:url(/images/design/ut_sprite.png) no-repeat -144px -144px;height:52px;width:41px;position:absolute;right:5px;top:5px;}
.ut_team{background:url(/images/design/ut_sprite.png) no-repeat 0 -506px;height:24px;width:96px;margin-top:-15px}
#page_title img{margin-bottom:-7px}
.add2friend{background-position:-152px -196px}
.sendpm{background-position:-120px -196px}
.avatarprofile{vertical-align:top;text-align:right;width:150px}
#profile{margin-bottom:15px;text-align:center}
#profile img{margin-bottom:15px;}
#iphone{width:95%;background:url(/images/design/iPhone-ukulele-tabs-app.png) no-repeat right;height:399px}
#android{width:95%;background:url(/images/design/android-ukulele-tabs-app.png) no-repeat right;height:399px}
#iphone_dl{background:#F4EECF;border:solid 1px #E2C822;-width:65%;text-align:center;margin:30px 0;padding:10px}
#iphone_dl a{color:#3a3a3a;font-size:1.4em}
#uke_shop_sc{width:100%;margin-bottom:30px;min-height:300px;background:#F4EECF;border:1px solid #E2C822;margin-left:-10px}
#uke_shop_sc .formsubmit{margin-left:26px;}
.uke_shop{float:left;width:220px;padding:10px;text-align:center}
a.vote_up{display:inline-block;background-repeat:none;background-position:center;height:16px;width:16px;margin-left:4px;text-indent:-900%;background:url(/images/icons/thumb_up.png)}
.fb250{background:url(/images/design/ut_sprite.png) no-repeat -97px -511px;width:250px;height:50px}
.b,#ma_shortcuts a:hover,.datepicker th span,.datepicker tfoot td span{font-weight:600}
#breadcrumbs a:hover,#home_shortcuts a:hover{text-decoration:underline}
.menu2 li.top,.menu3 li.top{display:block;float:left}
.menu2 li a.top_link:hover span,.menu2 li:hover > a.top_link span{color:#1192bd;background:url(/images/design/ut_sprite.png) no-repeat 0 -36px;line-height:26px}
.menu2 table,.menu3 table{border-collapse:collapse;width:0;height:0;position:absolute;top:0;left:0}
.menu2 a:hover,.menu3 a:hover{visibility:visible;position:relative;z-index:200}
.menu2 li:hover,.menu3 li:hover{position:relative;z-index:200}
.menu2 ul,.menu2 :hover ul ul,.menu2 :hover ul :hover ul ul,.menu2 :hover ul :hover ul :hover ul ul,.menu2 :hover ul :hover ul :hover ul :hover ul ul,.menu3 ul,.menu3 :hover ul ul,.menu3 :hover ul :hover ul ul,.menu3 :hover ul :hover ul :hover ul ul,.menu3 :hover ul :hover ul :hover ul :hover ul ul{position:absolute;left:-9999px;top:-9999px;width:0;height:0;list-style:none;margin:0;padding:0}
.menu2 :hover ul.sub,.menu3 :hover ul.sub{left:0;top:32px;white-space:nowrap;width:120px;height:auto;z-index:300}
.menu2 :hover ul.sub li a:hover,.menu2 :hover ul.sub :hover > a{color:#1192bd}
.menu2 :hover ul :hover ul,.menu2 :hover ul :hover ul :hover ul,.menu2 :hover ul :hover ul :hover ul :hover ul,.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul,.menu3 :hover ul :hover ul,.menu3 :hover ul :hover ul :hover ul,.menu3 :hover ul :hover ul :hover ul :hover ul,.menu3 :hover ul :hover ul :hover ul :hover ul :hover ul{left:120px;top:0;white-space:nowrap;width:120px;z-index:400;height:auto}
.menu3 li a.top_link:hover span,.menu3 li:hover > a.top_link span{color:#f7d742;background:url(/images/design/ut_sprite.png) no-repeat 0 -108px;line-height:26px}
.menu3 :hover ul.sub li a:hover,.menu3 :hover ul.sub :hover > a{color:#f7d742}
.flysubcursor a,.flysubcursor a:hover,#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow,.datepicker tbody td.date{cursor:pointer}
.home_btn,#rut{float:right}
.n10,.star_10{background-position:-177px -473px}
.n9,.star_9{background-position:0 -473px}
.n8,.star_8{background-position:-194px -473px}
.n7,.star_7{background-position:-17px -473px}
.n6,.star_6{background-position:-211px -473px}
.n5,.star_5{background-position:-34px -473px}
.n4,.star_4{background-position:-228px -473px}
.n3,.star_3{background-position:-51px -473px}
.n2,.star_2{background-position:-245px -473px}
.n1,.star_1{background-position:-68px -473px}
.n0,.star_0{background-position:-262px -473px}
.chords_list a:hover, .sbhelp a:hover, .support a:hover{background:url(/images/design/ut_sprite.png) no-repeat;background-position:-316px -75px}
/* Scale Finder */
#ukescales{text-align:center;margin:20px auto;}
.uke_string{float:left;background:#ccc;display:block}
.neck_nb{float:left;margin:10px 0 20px 0;display:block}
.uke_pos, .uke_nut{display:block;height:18px;line-height: 1.3em;float:left;width:35px;text-align:center;background:#635646 url(/images/design/ut_sprite.png) no-repeat -310px -452px}
.uke_nut{border-right:solid 5px #333;width:35px;}
.uke_note{background:#635646 url(/images/design/ut_sprite.png) no-repeat -275px -452px;color:#fff;font-size:.9em}
.scale_key{background:#635646 url(/images/design/ut_sprite.png) no-repeat -240px -452px;font-weight:bold;color:#3a3a3a}
.shownote{background:#635646 url(/images/design/ut_sprite.png) no-repeat -281px -626px;font-weight:bold;color:#003A53}
.neck{color:#666;display:block;height:20px;float:left;width:35px;text-align:center}
.neck_focus{color:#333;font-weight:bold}
/* Notify quiz*/
#footer{height:120px}
#contestbar{background:#016a8d url(/images/contest/contest_bg.jpg) repeat-x;position:fixed;bottom:0;width:100%;padding-top:5px;border-top:2px solid #3a3a3a;color:#fff;text-align:center;}
#contestbar .inner{margin:0 auto;width:980px;}
.contestsub{background:url(/images/design/ut_sprite.png) no-repeat 0 -72px;border:none;color:#3a3a3a;text-decoration:none;cursor:pointer;display:block;font-weight:600;height:28px;margin-top:8px;text-align:center;width:166px;float:right;padding-top:5px;}
.contestsub:hover{color:#fff;}
.contest_t{;font-size:1.2em;font-weight:bold;text-transform:uppercase;}
.win{width:100%;padding:10px 10px 0;background:#02779D;color:#fff;}
/*
#contestbar a{color:#EFCF2F;font-weight:bold;}
#contestbar a:hover{text-decoration:none;}
.wico {vertical-align:middle;}
*/
/* add */
.pictureFrame {cursor: pointer;display: block;height: 153px;overflow: hidden;position: relative;width: 185px;margin:5px auto}
.pictureFrame .image {display: block;height: 140px;left: 4px;overflow: hidden;position: absolute;top: 4px;width: 179px;}
.pictureFrame .overlay { background: url(/images/design/frame.png) repeat left top ;display: block;height: 153px;left: 0;position: absolute;top: 0;width: 185px;}
.bandfan{display:block;float:left;width:24px;margin-right:5px;background: url(/images/design/ut_sprite.png) no-repeat 0 -144px;height:24px;width:24px;}
.bandfan a {font-weight:bold;color:#fff;display: block;padding-top: 3px;text-align: center;text-decoration: none;width: 24px;}
a.fans.cboxElement{color:#fff;text-decoration:none;border-bottom: 1px dashed #999;}
.going{display:block;float:left;padding: 2px 0 0 7px;background: url(/images/design/ut_sprite.png) no-repeat -24px -144px;height:24px;width:24px;font-weight:bold;}
a.going {color:#EFCF2F;}
#eventgo{float:right;font-size:0.9em;margin-top:-45px;padding:5px;background:#EECC2F;color:#3a3a3a;}
#eg_loading{float:right;}
#LoadingOverlay {font-size:1.1em;background: url(/images/design/overlay.png) repeat 0 0 transparent;height:100%;position:fixed;width:100%;cursor:pointer;opacity:0.9;z-index: 9999;top:0;left:0;color:#fff;text-align:center;
font-weight:bold;}
.losubtxt{color:#eee;font-weight:normal;font-style:italic;font-size:0.9em}
.ull{background: url(/images/design/ut_sprite.png) no-repeat -160px -237px;}
.ult{background: url(/images/design/ut_sprite.png) no-repeat -160px -221px;}
.sim {font-size:11px;font-style:italic;}
.sim a {color:#3a3a3a;}
.sim a:hover{color:#685C18}
.crd_highlight{color:#1296C3;font-weight:bold;}
.album_cover {height:169px;width:194px;margin:auto;}
.cd_case {height:165px;width:194px;}
.cd_case img {margin-top:-2px;}
/* tuner */
#uke_tuner {width:600px;height:450px;}
.soprano_bg{background:url(/tuner/uke_soprano_tuner_bg) no-repeat center;}
.baritone_bg{background:url(/tuner/uke_baritone_tuner_bg) no-repeat center;}
.tune_string{float:left;width:150px;height:140px;padding-top:12px;}
.sleft{text-align:right;margin-right:300px}

.addtab {

	color:#333;

}
.addtab:hover {
	background: #f4df7d;
}
.addtab a {color:#333!important;font-weight:bold;background: #EECC2F;}
/* addtab */

div.jsonSuggestResults {
	position:absolute;
	border:1px solid #CCC;
	padding:0px;
	margin:0px 2px;
	z-index:1;
}

div.jsonSuggestResults div.resultItem {
	margin:0px;
	padding:5px;
	position:relative;
	height:auto;
	cursor:pointer;
}

div.jsonSuggestResults div.resultItem.odd {
	background:#F7F3DD;
}
div.jsonSuggestResults div.resultItem.even {
	background:#FFFFFF;
}

div.jsonSuggestResults div.resultItem.hover {
	background:#3399FF;
}

div.jsonSuggestResults div.resultItem img {
	float:left;
	margin-right:10px;
}

div.jsonSuggestResults div.resultItem p {
	margin:0px;
	padding:0px;
}

div.jsonSuggestResults div.resultItem p strong {
	font-weight:bold;
	text-decoration:underline;
}

div.jsonSuggestResults div.resultItem p.extra {
	font-size: x-small !important;
	position:absolute;
	bottom:3px;
	right: 3px;
}

#sh_crd {
	display: none;
}

#sh_crd.stick {
	display:block;
  position: fixed;
  top: 0px;
  z-index: 9999;
	max-width:440px;
	padding:5px;
	font-size: .7em;
	background:#333;
	color:#fff;
	cursor: pointer;
	font-weight: bold;
}

#sticky_crd {
	position:relative;
}

#ScrollMe.stick {
	top:10px;
	right:10px;
	position: fixed;
  z-index: 9999;
}

#sticky_crd.stick {
  position: fixed;
  top: 3px;
  z-index: 999;
	max-width:890px;
	padding-left: 30px;
}

#sticky_crd a {
	text-decoration: none;
	margin: 5px;
	display:block;
	float:left;
}

#sticky_crd.stick a {
	margin: 0;
	margin-right:5px;
	margin-top:5px;
}

.uketuner {
	padding:5px !important;
	background:url('../images/tuner.jpg') no-repeat center;
	min-height: 250px;
	width:auto;
	text-align:center;
	color:#fff;
}

.uketuner strong {
	color:#fff;
	text-transform: uppercase;
	font-size:1.75em;
	letter-spacing:-1px;
	text-decoration: none;
}


.uketuner span {
	font-size:1.3em;
	color:#0097cc;
}

#dmiss a {
	text-decoration: none;
}

#dmiss img {
	padding:5px;
	background:#333;
	border-radius:50%
}
.filterCom {
	margin-bottom:10px !important;
	font-size:.9em;
}
.filterCom select {
	float:right;
	border:solid 1px #F4EECF;
	border-radius: 3px;
}

#comment_btn {
	padding:8px;
	font-size: .9em;
	font-weight: bold;
}

a .tag {
	background: #e2d07a;
	font-size: .85em;
	color:#000;
	margin: 8px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 50px;
}


a .tag:hover {
	background: #EECC2F;
}

.artImg_list {
	width:24px!important;
	height: 24px!important;
	float:left;
	margin-right:10px;
	border-radius:50px;
}

a.spotify {
	display: block;
	margin: 10px;
	position:absolute;
	right:0;
	bottom:0;
	transition: transform .2s;
	z-index:999;
}

a.spotify img {
	width: 32px;
	height: 32px;
}

a.spotify img:hover {
	transform: scale(1.1);
}

.alb_cover {
	border-radius:5px;width:100%;
}

.alb_top {
	font-size:.9em;
	margin-bottom:5px !important;
	align-items:center;
	display:flex;
}


.alb_top:nth-child(even), .hometabsline:nth-child(even), .sbtop:nth-child(even) {
	background: #F7F3DD;
}


.featul {
	margin:10px 0 !important;
	padding:10px 0 !important;
	background: #F7F3DD;
}

/* datatables  */
.dataTables_wrapper tr:nth-child(even){background:#F4EECE;}
.dataTables_wrapper thead, table.tablesorter thead {background:#F4EECE !important;}
.tablesorter th {color: #333 !important;padding: 4px !important;border: 1px solid #FFF !important;font-size:12px !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:#F7D742 !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:#02779D !important;color:#fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{background: none !important;}

.b2-widget-count {background: #fff;border: 1px solid #BBB;display: inline-block;margin: 4px 0 0 5px;max-width: 100%;position: relative;vertical-align:top;}
.b2-widget-count u {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-top-colors: none;border-color: transparent #AAAAAA transparent -moz-use-text-color;border-image: none;border-style: solid solid solid none;border-width: 4px 4px 4px 0;height: 0;left: 0;line-height: 0;margin: -4px 0 0 -4px;position: absolute;top: 50%;width: 0;}
.b2-widget {color: #333;font: 11px/1.7 "Helvetica Neue",Arial,sans-serif;white-space: nowrap;}
.b2-widget-val {padding: 0 3px;}

.strum{background:#f5f5f5;border:solid 1px #eee;}
#banner_tab{margin:20px 0}
.alcenter {text-align:center;}

.addcom {
	color: #D88C00;
	font-weight: bold;
	font-size: .9em;
}

.addcom span {
	color: #000;
	font-weight: normal;
}

#snackbar {
	 visibility: hidden;
	 min-width: 250px;
	 margin-left: -125px;
	 background-color: #333;
	 color: #fff;
	 text-align: center;
	 border-radius: 50px;
	 padding: 16px;
	 position: fixed;
	 z-index: 99999;
	 left: 50%;
	 bottom: 30px;
}

#snackbar.show {
	 visibility: visible;
	 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	 animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#ma_shortcuts2 a button {
	padding: 7px 15px;
	background:#F7D742;
	border:none;
	cursor: pointer;
	color:#000;
	border-radius: 50px;
	margin:6px 0;
}
#ma_shortcuts2 a.register button {
	background:#02779d;
	color: #fff;
}

#ma_shortcuts2 a.register button:hover, #ma_shortcuts2 a button:hover {
	opacity: 0.8
}

@-webkit-keyframes fadein {
	 from {bottom: 0; opacity: 0;}
	 to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
	 from {bottom: 0; opacity: 0;}
	 to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
	 from {bottom: 30px; opacity: 1;}
	 to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
	 from {bottom: 30px; opacity: 1;}
	 to {bottom: 0; opacity: 0;}
}
.tab_comment {padding:10px;margin-bottom: 10px;}
.tab_comment img {border-radius:4px}
.tab_comment:nth-child(odd){background:#f7f3dd;}
.com_user {font-size: .85em;}
.com_user span{}
.com_txt {font-style: italic;font-size: .9em;}
.com_date {color: #685c18;font-size: .7em;}
.top_covers:nth-child(odd){background:#f7f3dd;}
/* cookie */
#cookie-bar {background:#333; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;z-index:9999}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#069ECF;}
#cookie-bar .cb-enable:hover {background:#EECC2F;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}



.corner-ribbon{
  width: 200px;
  background: #222;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: fixed;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
  z-index:999;
}

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

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.promo {
	margin-top:20px !important;
}
.promo p {
	margin-top:0px;
	font-size:.75em;
	font-style: italic;
}

.promo .ext {
	background:#F4EECE;
	min-height: 73px;
}

.promo .ext a {
	color:#333;
	text-decoration:none;
	font-size:.9em;
}

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

.tfad table td {
	padding:0;
}
/*
.tfad table tbody tr td:first-child div, .tfad table tbody tr td:last-child div {
background:#333 !important;
}

.tfad table tbody tr td  i {
	color:#EECC2F !important;
}

.tfad table tbody tr td:nth-child(2) div {
	color:#3a3a3a !important;
}

.tfad table tbody tr td:nth-child(2) div:last-child {
	border-top:solid #333 2px !important;
}
*/

.sticky_ad {
	position: fixed;
	top: 70px;
	right: 0;
	width: 300px;
	height: 600px;
	display: block;
}

.fs-sticky {
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 0px;
}

.aladv {
	text-align:center;
	margin:auto;
	/*background: #f7f3dd;*/
}

.aladv.top {margin-top:20px !important;}
.aladv.btm {margin-bottom:20px !important;}

a[itemprop="genre"] {
 background: #dad0b3;
	padding:0px 8px;
	border-radius:50px;
	text-decoration:none;
	margin:2px;
	color:#3a3a3a;
	white-space: nowrap;
	line-height:1.7em;
	display:inline-block;
}

a[itemprop="genre"]:hover {
	color:#fff;
	background:#685c18;
}

/* updates */

.artist_infos {
	margin-bottom:10px!important;
	font-size:.9em;
}

.artist_infos a.fans {
	color:#3a3a3a;
}

.artist_infos img.band {
	border-radius:5px;
	object-fit: cover;
  height: 200px;
	width:100%
}

.artist_infos img.coverart {
	border-radius:5px;
	object-fit: cover;
	width:100%
}

.artist_details {
	padding-left:10px;
}

.artist_details .row{
	padding-bottom: 10px;
}

.artist_details p {
	padding: 0
}


.artist_similar, .song_similar {
	background:#f7f3dd;
	border:1px solid #dad0b3;
	margin:10px 0;
	padding:5px;
	border-radius:4px;
	font-size:.9em
}

.song_similar {
	margin:20px 0 10px;

}

.starslist {
	width:90px;
	text-align:center;
	float:right;
	height:20px;
}
.song_res  {
	width: calc(100% - 85px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float:left;
}

.resp_list li .starslist {
	width:auto;
}

.artist_similar h4, .song_similar h4 {
	font-weight:bold;
	text-transform: uppercase;
	margin: 0;
}

.artist_similar h4:before, .song_similar h4:before {
	content:"⇢ ";
}

.song_similar ul {
	columns: 2;
}

.artist_similar img{
	width:24px;
	border-radius:5px;
}

.artist_similar ul {
	columns: 3;
	-webkit-columns: 2;
	-moz-columns: 2;
}

.song_similar ul#list_top a {line-height: 0;}

.alb_label {
	text-align:center;
	background:#F7F3DD;
	border-radius:0 4px 4px 0;
	font-size:.9em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

a.alb_label:hover {
	background:#F7D742;
}

a .alb_label span.i {
	color:#3a3a3a;
}

.list_alb {
	margin:5px 0;
}

a.list_alb {
	color:#3a3a3a;
}

a.list_alb:hover > .alb_label  {
	background:#F7D742;
}

.list_alb:last-child {
	float:left !important;
}

.list_alb img {
	border-radius:5px;
	object-fit: cover;
	height: 120px;
	overflow:hidden
}

.moreAlb .list_alb img {
	height:100px;
}

.row.collapse.moreAlb {
	margin-left:-15px !important;
}

.pin {
	font-size:.9em
}

.tabby {
	font-size:.9em;
	padding:5px;
	/*border-top: solid 1px #3A3A3A;*/
	background: #f4eecf ;/* #EEE4B2 */
	border-radius:4px;
}

.tabby .feedback {
	text-align:right;
}

#song_details, .user_details {
	background: #F4EECF; /* #f7f3dd */
	/*border: 1px solid #dad0b3;*/
	margin-bottom: 15px;
	padding: 10px 0;
	border-radius: 4px;
	font-size: .9em;
}

#song_details .row, .user_details .row, .nowrap {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#song_details .row span.b, .user_details .row span.b {
	text-align:right;
}

#song_details .difftext {
	top: -4px;
}

.tabtag {
	padding:2px 5px;
	border-radius:50px;
	background:#3a3a3a;
	color:white;
	margin: 0 5px;
	font-size:.8em;
	font-weight:normal;
	float:right;
}

.tabtag.chr {
	background:#F7D742;
}

.tabtag.mix {
	background:#E20079;
}

.tabtag.tab {
	background:#02779D;
}

.com_log {
	font-size:.9em;
}

textarea#newCom:disabled {
	border:solid 1px #ccc;
}
#post_comment, #post_ccom {
	margin-bottom:20px;
}
#ratingZone {
	margin-right:5px;
	right:0;
	top:7px;
	position: absolute;
}

#thumb_rating {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
  padding-top: 40px;
  text-align: center;
}

#thumb_rating .like,
#thumb_rating .dislike {
  display: inline-block;
  cursor: pointer;
  margin: 10px;
}

#thumb_rating .dislike:hover,
#thumb_rating .like:hover {
  color: #2EBDD1;
  transition: all .2s ease-in-out;
  transform: scale(1.1);
}

#thumb_rating .active {
  color: #2EBDD1;
}

#page_subtitle .required, .page_subtitle .required {
	color: #D88C00;
}

.main-timeline-section{
		position: relative;
		width: 100%;
		margin:auto;
}
.main-timeline-section .timeline-start,
.main-timeline-section .timeline-end {
		background: #EECC2F;
		border-radius:100px;
		margin: 0 auto;
		width:30px;
		height:30px;
}

.main-timeline-section .conference-center-line {
		position: absolute;
		width: 4px;
		height:100%;
		top: 0;
		left:50%;
		margin-left: -2px;
		background:#EECC2F;
		z-index: 0;
}
.timeline-article{
		width:100%;
		position:relative;
		margin:0px;
		min-height: 90px;
		z-index: 0;
}
.timeline-article .content-date{
		position: absolute;
		top:25%;
		left:37%;
		font-size:18px;
		transform: translateY(50%);
}

.timeline-article .content-date a{
	color:#3a3a3a;
	text-decoration:none;
	font-weight:600;
}
.timeline-article .meta-date {
		position: absolute;
		top:50%;
		left: 50%;
		width:20px;
		height:20px;
		transform: translateY(-50%);
		margin-left: -11px;
		border-radius: 100%;
		background:#F7F3DD;
		border:1px solid #EECC2F;
}
.timeline-article .content-box{
		position:absolute;
		border-radius: 5px;
		border:1px solid #EEE4B2;
		background-color: #F7F3DD;
		width:40%;
		top:50%;
		transform: translateY(-50%);
		padding:8px;
		left:50%;
		margin-left:50px;
}
.content-left-container .content-box{
		left:5%;
		margin-left: 0px;
}
.content-left-container .content-date{
		left:55%;
}
.content-right-container .content-box:before{
		content: " ";
		position:absolute;
		left:-10px;
		top:40%;
		transform: translateX(-50%);
		border:10px solid transparent;
		border-right-color:#EEE4B2;
		display:block;
}
.content-left-container .content-box:before{
		content: " ";
		position:absolute;
		top:40%;
		right:-30px;
		transform: translateX(-50%);
		border:10px solid transparent;
		border-left-color:#EEE4B2;
}
.timeline-article .image-part img{
		height: 70px;
		width: 70px;
		float:left;
		margin-right:10px;
}
.timeline-article .tm_song {
		margin:0px;
		font-size: .9em;
}
.timeline-article .tm_artist {
		font-size:.9em;
	}

	.timeline-article .tm_song a {
			color:#928F83;
		}
.timeline-article .tm_artist, .timeline-article .tm_song {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
}
.rank {
	border-radius: 200px;
	background: #EECC2F;
	width: 90px;
	height: 90px;
	color: white;
	font-weight: 600;
	text-align: center;
	margin: 10px auto;
	padding: 20px 0;
	line-height: 1.25
}

.rank span {
	font-size: 1.85em;
}

a.ranking  {
	text-decoration: none !important;
}

h4.ctitle {margin-top:0;margin-bottom:40px;	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.search_opt{margin-top: 12px!important;padding: 0;}

.home_search {
	padding:10px 20px;
	background:#F7F3DD;
	border-radius:5px
}

form.main_search input[type='submit'], .home_search input[type='submit'] {
	position:absolute;
	right:20px;
	top:50px;
	width:24px;
	height:24px;
	background: url(../images/icons/search2.png) no-repeat;
	border: none;
	cursor:pointer;
	padding:20px;
}

form.main_search input[type="submit"] {
	right:10px;
	top:13px;
}

form.main_search input[type='text'],
.home_search input[type='text'] {
	border-radius: 50px;
	padding: 5px 20px;
	border: 1px solid #ccc;
	font-size:1em;
	margin:8px 0;
	background: #eee;
}

form.main_search input[type='text'] {
	margin:11px 0;
}

form.main_search input[type='text']:focus {
	border-color:#EECC2F;
}
.home_search label {
	font-size:.9em;
	font-weight:bold;
	color:#D88C00;
}
.home_search input[type='text'] {
	padding:10px 20px;
	font-size:1.3em;
	border-radius:50px;
	border:1px solid #F4EECF;
	background:#fff;
	color:#3a3a3a
}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F7F3DD; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.addtbest {
	background:#F7F3DD;
	padding:5px 5px 5px 0;
	border-radius:4px;
	margin-bottom: 2px;
	font-weight: bold;
}


/* CMP */
#ot-sdk-btn-floating .ot-floating-button__front{background:#F7D742!important;border-radius:50px;}
#ot-sdk-btn-floating.ot-floating-button.ot-pc-open .ot-floating-button__back{background:#02779D!important}
#onetrust-banner-sdk .ot-sdk-button:focus,
#onetrust-banner-sdk :not(.ot-leg-btn-container)>button:focus,
#onetrust-banner-sdk input[type="submit"]:focus,
#onetrust-banner-sdk input[type="reset"]:focus,
#onetrust-banner-sdk input[type="button"]:focus,
#onetrust-pc-sdk .ot-sdk-button:focus,
#onetrust-pc-sdk :not(.ot-leg-btn-container)>button:focus,
#onetrust-pc-sdk input[type="submit"]:focus,
#onetrust-pc-sdk input[type="reset"]:focus,
#onetrust-pc-sdk input[type="button"]:focus,
#ot-sdk-cookie-policy .ot-sdk-button:focus,
#ot-sdk-cookie-policy :not(.ot-leg-btn-container)>button:focus,
#ot-sdk-cookie-policy input[type="submit"]:focus,
#ot-sdk-cookie-policy input[type="reset"]:focus,
#ot-sdk-cookie-policy input[type="button"]:focus
{
	outline:none!important;
}
.__fs-ancillary {display:none!important}
/* ads defaults */
.resp_lead, .resp_lead_p, .resp_lead_t { width: 728px; height: 90px;}
.resp_sky, .resp_sky_p, .resp_sky_t { width: 160px; height: 600px;}
.resp_sky_t{float:right;}
.resp_300_p  { width: 300px; height: 250px;}

/* responsive */
/* >= 2100px */
@media (min-width:2100px) {
	#container_ut.row { max-width:1490px !important;}
	#ScrollMe.stick {	margin-left:400px !important;right:auto;}
	#sticky_crd.stick {max-width: 1000px !important;}
}


/* >= 1624px */
@media (min-width:1624px) and (max-width: 2099px) {
	#container_ut.row { max-width:calc(100vw - 620px) !important;}
	#sticky_crd.stick {max-width: 40% !important;}
}

@media (min-width:1025px) and (max-width: 1623px) {
	#sticky_crd.stick {max-width: 580px !important;}
}

/* > 1024px */
@media (min-width:64em) {
	#sidebar{width:320px}
	#main:not(.hp){width: calc(100% - 320px)}
}

@media only screen and (min-width: 40.063em) and (max-width: 93.75em) {

}

/* < 1024px */
@media (max-width: 64em) {
	#page {
		border:none;
		margin-top:3px;
	}

	#alpha_search2 a {
		border:none;
	}

	.artist_similar ul {
		columns: 2;
	}

	.song_similar ul {
		columns: 1;
	}

	.rank {
		width: 65px;
		height: 65px;
		margin: 0;
		padding: 15px 0;
		line-height: 1
	}

	.fsize {margin:5px 0}

	#ScrollMe {
		position:fixed;
		bottom:0 !important;
		left:0;
		border:none;
		margin:0;
		border-radius: 0;
		width:100% !important;
		max-width:100%;
		background:#3a3a3a;
		border-top:solid 2px #FCC02B;
		height:60px;
		z-index:2147483640;
	}

	#ScrollMe .controls {
		width:100%;
	}

	#ScrollMe .speed {
		transform:rotate(-90deg);
		float:right;
		position: fixed;
		bottom:-40px;
		right:60px;
	}

	#ASselect {
		width: 100%;
		max-height:60px;
	}

	#ScrollMe span {
		color:#fff;
		font-size:.9em;
	}

	#ASselect a {
		float:left;
		width: 25px;
		padding:5px;
		border-radius: 50px;
		margin:0 5px;
		color:#3a3a3a;
		background:#FCC02B
	}

/*
	#ScrollMe.stick {
		position:fixed;
		bottom:0;
		width:100%;
	}
	*/
}
/* > 641px && < 1024px */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.inner_header { margin:0;padding:0 }
	.ut_logo {
		max-width:32px;
		max-height:32px;
		margin-top:8px;
	}

	.resp_sky_t, .resp_lead_t { width: 300px; height: 250px;margin:auto;float:none;text-align:center;}
	#sidebar{width:320px}
	#sidebar .aladv {margin-left:-10px;}
	#main:not(.hp){width: calc(100% - 330px)}

}


/* < 840px */
@media (max-width:840px) {
	.resp_300_p {width: 160px; height: 600px;}

}


/* < 640px */
@media (max-width:40em) {
	body, .fsize, #content p, #sidebar, #footer_links, a .tag {font-size:0.95em!important;}
	#footer_links{text-align:center;}
	.inner_header { margin:0;padding:0 }
	.small_btm {margin-bottom:10px;}
	.small_top {padding-top:10px;}
	.small_right {margin-right:10px;}
	.m10b {margin-bottom:10px;}
	.promo .ext {margin-bottom:10px!important;}
	/* ads */
	.resp_sky { width: 300px; height: 250px;}
	.resp_lead_p { width: 300px; height: 250px;}
	.dropbtn {right:0}
	.ut_logo {
		max-width:32px;
		max-height:32px;
		margin:8px;
		border-radius:5px;
	}

	.dropbtn {
		right:0;
	}

	.artist_infos img.band {
	  height: 100px;
	}

	#content {
		padding:10px 0;
	}
/*
	.artist_similar ul {
		columns: 1;
	}*/

	.list_alb img {
		height: 100px !important;
	}

	.search_opt a {position:absolute;top:7px;}

}

/* >400 p< && < 640px */
@media (min-width: 25.063em) and (max-width:40em) {
	.banner_tab {display:none!important;}
	.resp_sky, .resp_lead_p, .resp_lead_t, .resp_sky_t, .resp_sky_p { width: 300px; height: 250px;margin:auto;float:none;text-align:center;}
	.resp_lead { width: 468px; height: 60px;}
}

/* < 400px  */
@media (max-width:25em) {
	.banner_tab {display:none!important;}
	.resp_sky, .resp_lead_p, .resp_300_p, .resp_sky_p { width: 320px; height: 100px;}
	.resp_lead { width: 320px; height: 50px;}
	.resp_lead_t, .resp_sky_t { width: 300px; height: 250px;margin:auto;float:none;text-align:center;}
	.lang_sel button.dropbtn {right:5px}
	 .home_search input[type="submit"] {top:70px;}
	 .main_search {margin-left: -15px;}
	 .timeline-article .content-date {top:20%;left:30%}
	 .timeline-article .content-box{left:45%}
	 .content-left-container .content-box{left:0%}
	 .timeline-article .image-part img{width:30px;height:30px}
}

@media print {

  nav.menu, #submenu, #sidebar, #footer, .inner_header, #main_menu2, #breadcrumbs,.filterCom,
	a.ukechord_tooltip span img, #ScrollMe, #page_subtitle, .page_subtitle,#crd_transpose, #main p.chords_list, #banner_tab, #impact-container,
	#footer_links, .resp_sky_t, .tfad, .fs_vid, #commentsList, #comments, #crd_transpose, .noprint, iframe, .large-push-9, .hide-for-small, .uwnetwork, .footer_links,
	#qc-cmp2-container, qc-cmp2-container, .sticky_ad, #Left_box, Left_box_infos, #content p, #ukuleletabs_left_rail_2, #ukuleletabs_right_rail, .resp_sky_t,
	#top2, .up-show, #ukuleletabs_leaderboard_atf,#ukuleletabs_300x250_mid, #ukuleletabs_leaderboard_btf, .upo-label, .parenth, #sh_crd, .aladv, #StopAS, .foc, #ratingZone  {
    	visibility:hidden !important;
    	display:none !important;
    	max-width:0px !important;
		max-height:0px !important;
		width:0px !important;
		height:0px !important;

  }

  #main {width:100%!important;}

  pre {
  	border:none!important;
  	position:absolute!important;
  	top:250px;
  	width:100%!important;
  }

  #content {
  	height:auto!important;
  }

	html, body {
        height: auto;

     }

	a.chord {
	border-bottom:none!important;
	}

	a[href]:after {
    content: none !important;
  }

	#page, #main {
		border:none !important;
	}

	#sticky_crd {
	  visibility:visible !important;
	  position:relative!important;
	}

	#sticky_crd.stick {
	 position:relative!important;
	}

	#page_title {
		background: #eee!important;
		border: 1px solid #ccc !important;
	}

	#page_title h1 span.uppcase:first-child {
		display:block;
		float:left;
		width:100%;
		font-size:1.5em;
	}
	#page_title h1 span.uppcase:last-child {
		font-style:italic;
	}

	#FreeStarVideoAdContainer {display:none;}


}