btn-bg *{outline:none !important;padding:0px;margin:0px}
html{margin: 0;padding: 0;width: 100%;height: 100%;
/*background-image: url("../../images/studio1/html_bg.png"), url("../../images/studio1/bg_opa.png");*/
/*background-image: url("../../images/studio1/bg_opa.png");*/
background-position: top left/*, center top*/;
background-repeat: repeat/*, repeat-y*/;
}
body{width: 100%;min-height: 100%;height:auto !important;height:100%;position: relative;color:#2a2a2a; font-family:Arial;font-size: 11px;-webkit-font-smoothing: antialiased;}
.ac:after{content:" ";display:block;clear:both}

:-webkit-input-placeholder {color: #4c4c4c;font-size:13px;font-family:Arial;font-weight:700}
:-moz-placeholder {color: #4c4c4c;font-size:13px;font-family:Arial;font-weight:700}
.placeholder {color: #4c4c4c;font-size:13px;font-family:Arial;font-weight:700}

a{cursor: pointer; text-decoration: none;color: #777;font-size:12px}
a:hover{color: #f0c42b;font-size:12px}
p{line-height:140%;}
img{border:0px none;}
.font25{font-size:25px;color:#000000;font-family:Sylfaen;display:block;}
.font20{font-size:20px;color:#000000;font-family:Sylfaen;display:block;}
.font15{font-size:15px;color:#000000;font-family:Sylfaen;display:block;}
input[type="text"],input[type="password"],input[type="email"]{border: 0px none;padding:13px 11px;height:8px;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #cecece;
behavior: url(PIE.htc);
-webkit-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
-moz-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
box-shadow:inset 0px 1px 1px 0px  #4d4d4d;
/*background-color:#eee;*/
/*opacity: .98;filter: alpha(opacity = 98);;-ms-filter: "alpha(opacity=98)";-khtml-opacity: .98;-moz-opacity: .98;*/
}
textarea{border: 0px none;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #cecece;border-top:1px solid #A5A4A4;
behavior: url(PIE.htc);
-webkit-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
-moz-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
box-shadow:inset 0px 1px 1px 0px  #4d4d4d;
background-color:#ffffff;height:38px;
opacity: .75;filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";-khtml-opacity: .75;-moz-opacity: .75;}
.fll{float: left;}
.flr{float: right;}
.ml8{margin:0 0 0 8px}
.remember{width:190px;float:left;}
.remember label{color:#999999;padding:2px 0 0 10px;display:block;float:left;cursor:pointer;}
.remember input{/*width: 16px;height:16px;*/border:0 none;float:left;}
.example{width:70px;float:left;}
.example span{color:#999999;display:block;float:left;cursor:pointer;}

.forgot_block{margin:15px 0 0 15px}
.btn {cursor: pointer;background-color: #bc9921;border:0px none;border-bottom:1px solid #e8cf73;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0c42b), color-stop(25%, #e8cf73 ), to(#e5bb28));
background-image: -webkit-linear-gradient(#f0c42b, #e8cf73 25%, #e5bb28);
background-image: -moz-linear-gradient(top, #f0c42b, #e8cf73 25%, #e5bb28);
background-image: -ms-linear-gradient(#f0c42b, #e8cf73 25%, #e5bb28);
background-image: -o-linear-gradient(#f0c42b, #e8cf73 25%, #e5bb28);
background-image: linear-gradient(#f0c42b, #e8cf73 25%, #e5bb28);
padding: 9px 15px; color: #595959; font-size: 13px;line-height: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url(PIE.htc);
-webkit-box-shadow:0px 1px 2px 0px #4d4d4d;
-moz-box-shadow:0px 1px 2px 0px #4d4d4d;
box-shadow:0px 1px 2px 0px  #4d4d4d;
}
.btn:hover {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0c42b), color-stop(25%, #e8cf73 ), to(#f1c42b));
background-image: -webkit-linear-gradient(#f0c42b, #e8cf73 25%, #f7cb2b);
background-image: -moz-linear-gradient(top, #f0c42b, #e8cf73 25%, #f7cb2b);
background-image: -ms-linear-gradient(#f0c42b, #e8cf73 25%, #f7cb2b);
background-image: -o-linear-gradient(#f0c42b, #e8cf73 25%, #f7cb2b);
background-image: linear-gradient(#f0c42b, #e8cf73 25%, #f7cb2b);
}
.btn:active {background-image:none;background-color:#f0c42b;}

/*.carcas{width:1003px;margin:0 auto!important;background:url("../../images/studio1/map.png") no-repeat 523px bottom;}*/
/*.header{background-color: #2c2929;width:100%;height:128px;background:url("../../images/studio1/line_bg.gif") repeat-x left bottom;z-index:1;}*/
.header_sub{width:100%;height:5px;}
.header{background-color: #202020;width:100%;height:128px;min-width: 1276px;}
.header_main{width:95%;height:126px;margin:0 auto!important;position:relative;}
.slider_block{width:100%;height:428px;z-index:1}
.slider_main{width:1003px;height:428px;margin:0 auto!important;z-index:1}
.cont_block{z-index:1000;width:100%;min-height:463px;margin: -38px auto 0!important;height:auto !important;height:463px;padding-bottom:101px;}
.main_beatmaze_img_container{margin: 0;min-width: 1276px;width:100%;height:100%;position: relative;border-top: 1px solid #282828;}
.main_beatmaze_img{width:100%;height:100%;padding: 0;min-height: 710px;}
.home_tit{padding:0 20px 0 22px}
.cont_block_in{width:100%;min-height:463px;height:auto !important;height:463px;margin:0 auto!important;position:relative;}
.cont_block_lower{width:70%;min-height:463px;height:auto !important;height:463px;margin:0 auto!important;position:relative;}
.cont_left{width:543px;min-height:460px;height:auto !important;height:460px;float:left;padding:27px 0 0 0}
.cont_right{width:410px;min-height:460px;height:auto !important;height:460px;float:right;}
.inner_block{width:100%;height:auto !important;height:100%;}
.inner_block_in{width:1003px;height:auto !important;min-height: 750px;margin:35px auto!important;position:relative;}
.inner_left{width:169px;min-height:460px;height:auto !important;float:left;padding:0 0 0 16px;}
.inner_right{width:800px;min-height:460px;height:auto !important;float:right;-webkit-box-shadow:-1px 1px 3px 0 #817e7e;-moz-box-shadow:-1px 1px 3px 0 #817e7e;box-shadow:-1px 1px 3px 0 #817e7e;}
.inner_left_min{width:1px;min-height:460px;height:auto !important;float:left;}
.inner_right_max{width:1001px;min-height:460px;height:auto !important;height:460px;float:right;-webkit-box-shadow:-1px 1px 3px 0 #817e7e;-moz-box-shadow:-1px 1px 3px 0 #817e7e;box-shadow:-1px 1px 3px 0 #817e7e;}
.und_slide_op{height:38px;width:100%;/*background:#ffffff;*/opacity: .35;filter: alpha(opacity=35);-ms-filter: "alpha(opacity=35)";-khtml-opacity: .35;-moz-opacity: .35;position:absolute;top:2px;left:0}
.footer{background-color: #404040;height:101px;width: 100%;min-width: 1276px;position:relative;bottom:0;margin-top: -2px;color:#ccc;}
.footer_in{width:100%;height:100%;margin:0 auto!important;position:relative;color:#ccc;}

.header_menu{position:absolute;right:0;top:23px;color:#ccc;}
.header_menu ul{list-style:none;}
.header_menu ul li{font-size:15px; list-style:none; float:left;padding:0 16px;}
.header_menu ul li a{font-size:15px; color:#aaa;}
.header_menu ul li a:hover{color:#f0c42b;}

.header_submenu{position:absolute;right:0;top:25px;color:#ccc;}
.header_submenu ul{list-style:none;}
.header_submenu ul li{font-size:13px; list-style:none; float:left;padding:0 16px;}
.header_submenu ul li a{font-size:13px; color:#aaa;}
.header_submenu ul li a:hover{color:#f0c42b;}

.footer_menu{width:470px;height: 80%;margin:0 auto;padding:10px 0 0 0;}
.footer_menu ul{list-style:none;padding:0 120px 0 0;float:left;}
.footer_menu ul:last-child{padding:0}
.footer_menu ul li{list-style:none;padding:10px 0 0 0}
.footer_menu ul li a{font-size:13px;color:#aaa;}
.footer_menu ul li a:hover{color:#f0c42b;}

/* original by studio1: .register_form{position:relative;top:99px;left:0px;width:397px;height:268px;text-align:center;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;behavior: url(PIE.htc);}*/
.register_form{position:relative;top:49px;left:0px;width:397px;height:408px;text-align:center;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;behavior: url(PIE.htc);}
.register_form_opa{position:absolute;top:0;left:0;height:406px;width:100%;background:#ffffff;border:1px solid #ffffff;opacity: .50;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=50)";-khtml-opacity: .50;-moz-opacity: .50;-webkit-box-shadow:0 1px 2px 0 #060606;-moz-box-shadow:0 1px 2px 0 #060606;box-shadow:0 1px 2px 0 #060606;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;behavior: url(PIE.htc);}
.register_form input[type="text"],.register_form input[type="password"],.register_form input[type="email"]{width:283px;margin:0 0 9px 0;text-align:center;}
.register_form_in{position:relative;}
.reg_but_div{background:url("../../images/studio1/1x1line.gif") repeat-x left 19px;width:283px;margin:10px auto}
.reg_title{text-align:center;padding:17px 0}
.reg_title span{font-size:14px;font-family:Sylfaen}
.reg_title span:first-child{color:#000000;}
.reg_title span:last-child{color:#8b0304;}
span.home_text{padding:22px 0 69px;line-height: 14px;color:#3a3a3a;display:block;background:url("../../images/studio1/home_map_bg.png") no-repeat center bottom;}

.logo_pos_common_props {position:absolute;top:23px;left:5px;width:191px;height:40px;}
/*.logo_pos_hy {background-img:url("../../images/studio1/logo_en.png") no-repeat top left;}*/
.logo_pos_en {background:url("../../images/studio1/logo_en.png"); background-size: cover;}
/*.logo_pos_ru {background-img:url("../../images/studio1/logo_en.png") no-repeat top left;}*/
span.logo_link{display:block;width:191px;height:40px;}
.foot_logo_pos{position:absolute;top:17px;left:5px;width:119px;height:25px;background:url("../../images/studio1/logo_en.png");background-size: cover;}
a.foot_logo_link{display:block;width:119px;height:25px;}
.copy_div{width:250px;height:33px;position:absolute;top:64px;left:5px;}
.copy_div span{display: block;font-size:100%;line-height:15px;}
.made_div{width:108px;height:33px;position:absolute;top:65px;right:29px;}
.made_div span{color:#666666; display: block;font-size:11px;line-height:15px}
.made_div a{color:#009bdd; display: block;font-size:11px;line-height:15px;text-decoration:underline;}

.login_block {position: absolute;width:505px;height:60px;right:0px;top:23px;}
.login_inp{width:145px;padding:0 15px}
.search_inp{width:390px;padding:0 15px}
.search_block {position: absolute;width:550px;height:60px;right:0px;top:44px;}
.profile_name span{font-size:15px;color:#000000;padding:8px 0;display:block;}
.separator{width:100%;height:2px;background:url("../../images/studio1/line_bg.gif") repeat-x left top;padding:0 0 8px 0}

.profile_menu_block{}
.profile_menu_block ul{list-style:none;}
.profile_menu_block ul li{list-style:none;height:16px;padding:4px 0;}
/* armmarti: we don't need 'edit' state here
.profile_menu_block ul li:hover{background:url("../../images/studio1/edit.png") no-repeat right 3px;}
*/
/* armmarti: added missing class 'profile_img' */
.profile_img { width: 128px; height: 128px; margin-left: auto; margin-right: auto; vertical-align: middle; }

.profile_menu_block ul li a{font-size:100%;color:#4c4c4c;text-decoration:none;display:block;height:16px;padding:4px 0}
.profile_menu_block ul li a:hover{color:#8c0304;}
.profile_menu_block ul li a.profile_menu_cur{font-size:100%;text-decoration:none;display:block;height:16px;padding:4px 0;color:#8c0304;}
.profile_menu_block ul li span.count{display:block;float:left;background:#8c0304;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior: url(PIE.htc);border:1px solid #8c0304;text-align:center;color:#ffffff;font-size:10px;padding:2px 3px 0px}
.profile_menu_block ul li span.menu_it{float:left;padding:0 10px 0 0}
.profile_main_block{padding:0 25px 0 0;min-height:300px;height:auto !important;height:300px;padding:14px 0 0 0;float:left;}
.profile_main_block .profile_top{min-height:95px;height:auto !important;height:95px;}
.profile_main_block .profile_top .name_status{width:575px;min-height:45px;height:auto !important;height:45px;float:left;border-left:5px solid #f7cb2b;padding:0 0 0 15px}
.profile_main_block .profile_top .name_status .name{font-size:25px;color:#999;position:relative;padding:0 45px 0 0;display:inline;}
.profile_main_block .profile_top .name_status .name sup{font-size:13px;color:#b0b0b0;position:absolute;right:0;top:-4px}
.profile_main_block .profile_top .name_status .status{font-size:13px;color:#808080;line-height:16px;padding:7px 0 0 0}
.profile_main_block .profile_top .edit_profile{float:right;width:185px;}
.profile_main_block .profile_top .edit_profile a{font-size:13px;color:#808080;background:url("../../images/studio1/edit.png") no-repeat left 3px;padding:6px 0 0 27px}
.profile_main_block .profile_bottom{min-height:240px;height:auto !important;height:240px;}
.profile_main_block .profile_bottom .prof_info{float:left;width:451px;border-right:1px solid #e4e4e4;padding:0 29px 20px 24px;min-height:220px;height:auto!important;height:265px;}
.profile_main_block .profile_bottom .prof_info_in{height:255px;overflow:hidden;padding:0 0 12px 0}
.profile_main_block .profile_bottom .prof_info_in_fit{overflow:hidden;padding:10px 0 12px 0}
.profile_main_block .profile_bottom .prof_info_in_all{min-height:210px;height:auto!important;height:265px;}
.prof_info_in ul{list-style:none;}
.prof_info_in ul li{list-style:none;display:block;clear:both;padding:0 0 22px;float:left;}
.prof_info_in ul li span:first-child{font-size:11px;color:#808080;width:190px;display:block;float:left;}
.prof_info_in ul li span:last-child{font-size:11px;color:#333333;width:190px;display:block;float:left;}
.prof_info_in_fit ul{list-style:none;}
.prof_info_in_fit ul li{list-style:none;display:block;clear:both;padding:0 0 22px;float:left;}
.prof_info_in_fit ul li span:first-child{font-size:11px;color:#808080;width:220px;display:block;float:left;}
.prof_info_in_fit ul li span:last-child{font-size:11px;color:#333333;width:220px;display:block;float:left;}
.prof_more{float:right;color:#f0c42b;cursor:pointer;font-size:11px;}
.prof_more1{float:right;color:#f0c42b;cursor:pointer;font-size:11px;}
.profile_main_block .profile_bottom .friends_block{float:left;width:468px;min-height:220px;height:auto!important;height:220px;padding:0 0 20px 0;}
.profile_main_block .profile_bottom .friends_block_in{height:210px;overflow:hidden;}
.profile_second_block{width:100%;min-height:100px;height:auto !important;height:100px;background:url("../../images/studio1/second_block_bg.png") no-repeat center top;float:left;}
.profile_second_block_in{min-height:100px;height:auto !important;height:100px;margin:19px 0 0 0}
.acticity_block{width:774px;padding:0 40px 25px 17px;}
.acticity_left{width:594px;border-right:1px solid #d5d5d5;padding:9px 15px 0 0;float:left;}
.acticity_right{width:139px;padding:9px 0 0 24px;float:left;}
.adding_post_block{width:534px;min-height:120px;height:auto!important;height:120px;padding:0 36px 0 24px;border-bottom:1px solid #e4e4e4;}
.adding_post_block textarea{width:525px;height:53px;padding:5px;margin:0 0 7px 0}
.adding_post_buts{float:right;}
.adding_post_buts input.add_post_but{margin:0 0 0 30px;padding: 8px 5px;font-size:11px}
.adding_post_buts a.add_photo{background:url("../../images/studio1/add_photo.gif") no-repeat left center;padding:0 0 0 23px;}
.adding_post_buts a.add_place{background:url("../../images/studio1/add_place.gif") no-repeat left center;padding:0 0 0 25px;margin:0 0 0 34px}
.post_block{padding:22px 0 25px;border-bottom:1px solid #e4e4e4;min-height:50px;height:auto!important;height:50px}
.post_block:last-child{border:0px none}
.post_block .user_img{width:67px;float:left;}
.post_block .user_post{width:503px;float:left;}
.user_name_date .user_name{font-size:100%;color:#808080;display:block;float:left;margin:0 24px 0 0}
.user_name_date .post_date{font-size:11px;color:#b2b2b2;display:block;float:left;}
.post_title{padding:5px 0 15px}
.post_title a{font-size:18px;color:#9c2526;line-height:21px}
.post_text{width:466px}
.post_text p{font-size:11px;color:#333333;line-height:14px;display:block;height:125px;position:relative;}
.post_text p.post_text_pall{min-height:125px;height:auto !important;height:125px}
.post_text p .post_only_text{display:block;height:115px;overflow:hidden;}
.post_text p .post_only_text_all{display:block;}
.post_text_wight_bg{position:absolute;bottom:3px;left:0;height:40px;width:100%;display:block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url(PIE.htc);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 53%, rgba(255,255,255,0.9) 54%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(53%,rgba(255,255,255,0.9)), color-stop(54%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 53%,rgba(255,255,255,0.9) 54%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 53%,rgba(255,255,255,0.9) 54%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 53%,rgba(255,255,255,0.9) 54%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 53%,rgba(255,255,255,0.9) 54%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.post_text_more{position:absolute;bottom:-8px;left:9px;height:16px;width:502px;display:block;border-top:1px dotted #cccccc;}
.more_slaq{position:absolute;bottom:-7px;left:250px;display:block;width:30px;height:15px;background:url("../../images/studio1/post_more.gif") no-repeat top left;cursor:pointer;}
.more_slaq_text{position:absolute;bottom:-6px;left:290px;display:block;font-size:11px;color:#999999}
.post_text img{margin:20px 0 0 0}
.under_post_block{width:466px;padding:10px 0 0 0}
.under_post_block span{font-size:11px;color:#4c4c4c;padding:0 0 0 3px}
.under_post_block .com_share{float: left;}
.under_post_block .com_share .com, .under_post_block .com_share .share{float: left;margin:0 20px 0 0}
.under_post_block .invite{float: right;}
.under_post_block .invite a{background:url("../../images/studio1/plus.gif") no-repeat left center;padding:3px 0 3px 34px;margin:0 0 0 6px}
.adding_activity_block{padding:0 0 12px 0;margin:0 0 19px 0 !important;border-bottom:1px solid #d7d7d7}
.adding_activity_item{margin:0 0 10px 0}
.acticity_right input.adding_activity_inp{width:123px;height:25px;padding:1px 7px;display:block;behavior: url(PIE.htc);}
.acticity_right label{font-size:11px;color:#999999;padding:0 0 10px 0;display:block;}
.acticity_right input.adding_activity_btn{float:right;padding: 4px 3px;}
.light_grey_text{font-size:11px;color:#999999;}
.previous_acts_prev{font-size:11px;color:#999999;display:block;padding:0 0 10px 0}
.previous_acts_item{padding:0 0 10px 0;border-bottom:1px solid #d7d7d7;margin:0 0 10px 0!important;float:left;}
.previous_acts_img_div{}
.previous_acts_time{font-size:11px;color:#999999;display:block;padding:5px 0 0 0}
.previous_acts_do{font-size:100%;color:#4f4f4f;display:block;float:left;padding:5px 3px 0 0}
.previous_acts_where{font-size:100%;color:#f0c42b;display:block;float:left;padding:5px 0 0 0}
a.all_history{font-size:100%;color:#f0c42b;display:block;float:right;}
.tabs_friend_item{width:54px;height:79px;margin:0 19px 0 0!important;float:left;text-align:center;}
.tabs_friend_item span{font-size:11px;color:#999999;display:block;padding:1px 0 0 0}
#more_friends {padding:12px 0 0 0;border-top:1px solid #e4e3e3;width:176px;float:right;}
#more_friends a.more_friends{float:right;}

.slide-cell,.slide-crop,.slide-item-list{width:1003px;height:428px;text-align:left}
.slide-item-list,.slide-item-list li{list-style:none;width:1003px;height:428px;position:relative;}
.slide-item-list,.slide-item-list li img{position:absolute;bottom:0;left:0}
.slide-cell{position:relative;top:0;left:0}
.slide-crop{position:absolute;top:0;left:0;overflow:hidden;z-indez:10}
.slide-item-list{width:99999px}
.slide-item-list li{float:left;text-align:center;}
.slide-item-list li span.slide_tit{color:#000000;font-size:25px;display:block;font-family:Sylfaen;padding:23px 0 0 0;width:775px;text-align:center;margin:0 auto!important;}
.slide-item-list li span.slide_desc{color:#686868;font-size:100%;display:block;padding:12px 0 0 0;width:710px;text-align:center;margin:0 auto!important;}
.slide-arrow-next,.slide-arrow-prev{display:block;width:29px;height:28px;position:absolute;top:30px;background-image:url(../../images/studio1/arrows.png);background-repeat:no-repeat;z-index:1000;}
.slide-arrow-next{right:0;background-position:top right}
.slide-arrow-prev{left:0;background-position:top left}
.slide-arrow-next,.pagination-slide a,.slide-arrow-prev{text-indent:-9999px;font-size:0;text-decoration:none;text-align:left}

.post_gallery{width:462px;height:203px;margin:20px 0 0 0;overflow:hidden;}
.post_gallery .post_big_img{width:306px;height:203px;margin:0 9px 0 0;float:left;}
.post_gallery .post_big_img img{margin:0;}
.post_gallery .post_small_imgs{width:136px;height:203px;float:left;}
.post_gallery .post_small_imgs img{margin:0;}
.post_gallery .post_small_imgs img:first-child{margin:0 0 9px 0;}

/* armmarti: my custom classes START */
.jquery-dialog-msg {font-size: 13px; font-weight: bold; margin: 10px 10px 10px 10px;}
.fb-icon-small {margin-bottom: -5px; width: 25px; height: 25px; cursor: pointer;}
.fb-icon-big {margin-bottom: -4px; width: 35px; height: 35px; cursor: pointer;}
.fb-icon-big-inactive {margin-bottom: -4px; width: 36px; height: 36px; opacity: .35;filter: alpha(opacity=35);-ms-filter: "alpha(opacity=35)";-khtml-opacity: .35;-moz-opacity: .35; cursor: pointer;}
.reg-by-fb-container {margin-left: 10px; margin: -10px 0 10px 10px;}
.login-fb-chooser {margin-right: 2px; margin-top: 1px; float: left;}
.info-mark-small {width: 30px; height: 30px; vertical-align: middle;}
.reg-info-mark-container {float: right;}
.selected-section {border-bottom: solid 4px #f0c42b;}
.selected-subsection {border-bottom: solid 2px #f0c42b;}

.flag_small {width: 23px; height: 20px;
              opacity: .3;filter: alpha(opacity = 30);;-ms-filter: "alpha(opacity=30)";-khtml-opacity: .30;-moz-opacity: .30;}
.flag_opaque {opacity: .8;filter: alpha(opacity = 80);;-ms-filter: "alpha(opacity=80)";-khtml-opacity: .80;-moz-opacity: .80;}
.flag_hilite {opacity: .6;filter: alpha(opacity = 60);;-ms-filter: "alpha(opacity=60)";-khtml-opacity: .60;-moz-opacity: .60;}

/*.flags_header_menu{position:absolute;right:-125px;top:8px}
.flags_header_menu ul{list-style:none;}
.flags_header_menu ul li{list-style:none; float:left;padding:0 3px;}
.flags_header_menu ul li a{font-size:11px;color:#787878;}
.flags_header_menu ul li a:hover{text-decoration:underline;}*/
.mt15 {margin: 15px 0 0 0;}
.para_top_margin {margin: 10px 0 0 0 ;}
.attention_msg {color: #af1015; font-style: italic;}
.font10{font-size:10px;color:#000000;font-family:Sylfaen;display:block;}
.font12{font-size:12px;color:#000000;font-family:Sylfaen;display:block;}
.font12_header{font-size:12px;color:#777777;font-family:Sylfaen;display:block;}
.font12_header_bold{font-size:12px;color:#777777;font-weight:bold;font-family:Sylfaen;display:block;}
.font13{font-size:13px;color:#000000;font-family:Sylfaen;display:block;}
.font15_header{font-size:15px;color:#777777;font-family:Sylfaen;display:block;}
.font15_header_bold{font-size:15px;color:#777777;font-weight:bold;font-family:Sylfaen;display:block;}
.font18_header{font-size:18px;color:#777777;font-family:Sylfaen;display:block;}
.font18_header_bold{font-size:18px;color:#777777;font-weight:bold;font-family:Sylfaen;display:block;}
.font20_header{font-size:20px;color:#777777;font-family:Sylfaen;display:block;}
.font20_header_bold{font-size:20px;color:#777777;font-weight:bold;font-family:Sylfaen;display:block;}

div.home-msgs-container  { margin-top: -20px; margin-left: 20px; padding: 10px; width: 95%; }
div.home-msgs-buttons-container { margin-left: -10px; margin-bottom: 20px; }
table.home-msgs-tbl { width: 100%; font-size: 10pt;}
table.home-msgs-tbl tr td.data { color: #999999; }
table.home-msgs-tbl input[type='checkbox'] { width: 14px; height: 14px; vertical-align: bottom;}
tr.home-msgs-hdr { font-weight: bold; font-style: italic; text-align: center;}
tr.home-msgs-hdr td { padding: 6px;}
tr.home-msgs-unread { color: black; background-color: #d7d7d7; font-weight: bold; border: 1px #b2b2b2 solid; }
tr.home-msgs-unread td { padding: 5px; }
tr.home-msgs-read { background-color: #f3f3f3; border-top: 1px #fff solid; border-bottom: 1px #fff solid; }
tr.home-msgs-read-mouseover { background-color: #e3e3e3 !important; }
tr.home-msgs-read-selected { background-color: #c3c3c3 !important; }
tr.home-msgs-read td { padding: 5px; }
div.general-paging-control-container { margin: 20px 0 10px -10px; }
ul.paging-items-list { }
ul.paging-items-list li a {
  float: left; 
  margin: 10px; 
  width: 1.5em; 
  height: 1.1em; 
  padding-top: 2px; 
  font-family: monospace; 
  font-size: 12pt; 
  /*background-color: #cc0304;*/ 
  border: 1px #d1d1d1 solid; 
  text-align: center; 
  vertical-align: middle;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  behavior: url(PIE.htc);
  border:1px solid #A5A4A4;
  text-align:center;
  color: #444;
  font-size:14px;
  padding:2px 3px 0px;
}
ul.paging-items-list li a:hover {
  text-decoration: none;
}
ul.paging-items-list li.paging-prev-next a { 
  background-color: #fff; 
  color: #222;
}
ul.paging-items-list li.paging-prev-next-inactive a { 
  background-color: #fff; 
  color: #a29292;
}
ul.paging-items-list li.paging-selected-page a { 
  background-color: #f0c42b;
  color: #595959;
}
.profile_main_block .profile_bottom .prefs_info{width:481px;padding:0 29px 20px 24px;min-height:220px;height:auto!important;height:220px;}
.prefs_info table {width:100%; margin-top: -30px;}
.prefs_info table tr{}
.prefs_info table tr td {padding-top: 15px; padding-bottom: 15px;}
.prefs_info table tr td:first-child{font-size:11px;color:#888888;}
.prefs_info table tr td:last-child{font-size:12px;color:#333333;}
div.home-prefs-buttons-container { margin-left: -10px; margin-top: 20px; }
div.customer-ordering {
  height: 1200px;
  margin-left: auto;
  margin-right: auto;
  /*vertical-align: middle;*/
  /*padding-left: 15px;  this is calculated as: $(.footer_in").css("margin-left"))/4 */
  /*padding-right: 15px;  this is calculated as: $(.footer_in").css("margin-right"))/4 */
}
div.customer-ordering-low {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  /*vertical-align: middle;*/
  /*padding-left: 15px;  this is calculated as: $(.footer_in").css("margin-left"))/4 */
  /*padding-right: 15px;  this is calculated as: $(.footer_in").css("margin-right"))/4 */
}

div.plain-error-message {
  text-align: center;
  font-size: 24px;
}

div.error-message-with-red-background {
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  background-color: #ff8080;
  border: 1px #e60000 solid;
}

div.success-message-with-green-background {
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  background-color: #ccffcc;
  border: 1px #009900 solid;
}

div.reg-form-block {
  float:left;
  margin-left: 75px;
}

div.provisioning-form-block {
  float:left;
  margin-left: 30px;
  padding-left: 10px;
  min-height: 400px;
  border-left: 1px #efefef solid;
}

div.customer-ordering img.toggler {
  cursor: pointer; 
  width: 15px;
  height:15px;
}

div.toggler-button {
  border-bottom: 1px #e3e3e3 solid;
  margin: 0 1px 2px 0;
  padding: 3px 3px 5px 3px;
}

div.customer-ordering span.toggler-text {
  width: 300px;
  cursor: pointer;
  color: #8c0304;
}

div.customer-ordering span.toggler-text-hidden {
  display: none;
  cursor: pointer;
  color: #4c4c4c;
}

div.ordering-map {
  z-index: 0;
  position: absolute;
}

div.order-sections-container {
  z-index: 1;
  position: absolute;
  /* these are nominal value: they should be adjusted programmatically on "page ready" event
  left:50px; top:20px;
  don't show user this until the correct time is come
  display: none;*/
  /*width: 90%;*/
}

div.order-block-container-left {
  /*float: left;*/
  /*margin-left: 10px;*/
  /*border: 1px solid red;*/
}

div.order-block-container-right {
  /*float: left;*/
  /*margin-left: 10px;*/
  /*float: right;*/
  /*border: 1px solid blue;*/
}

div.order-section {
  margin-top: 10px;
  padding: 3px;
  border: 0px none; background-color: #d5d5d5; 
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #cecece;
behavior: url(PIE.htc);
-webkit-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
-moz-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
box-shadow:inset 0px 1px 1px 0px  #4d4d4d;
opacity: .85;filter: alpha(opacity = 85);;-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;
/*float: left;*/
/*margin-left: 20px;*/
}

div.order-creation {
  /*width: 850px;*/
  max-width: 840px;
}

div.order-monitoring {
  
}

div.order-history {
  
}
/* small buttons */
.btn_small {cursor: pointer;background-color: #f0c42b;border:0px none;border-bottom:1px solid #e8cf73;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7cb2b), color-stop(25%, #e8cf73 ), to(#f0c42b));
background-image: -webkit-linear-gradient(#f7cb2b, #e8cf73 25%, #f0c42b);
background-image: -moz-linear-gradient(top, #f7cb2b, #e8cf73 25%, #f0c42b);
background-image: -ms-linear-gradient(#f7cb2b, #e8cf73 25%, #f0c42b);
background-image: -o-linear-gradient(#f7cb2b, #e8cf73 25%, #f0c42b);
background-image: linear-gradient(#f7cb2b, #e8cf73 25%, #f0c42b);
padding: 5px 8px;color: #ffffff;font-size: 10px;line-height: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url(PIE.htc);
-webkit-box-shadow:0px 1px 2px 0px #4d4d4d;
-moz-box-shadow:0px 1px 2px 0px #4d4d4d;
box-shadow:0px 1px 2px 0px  #4d4d4d;
}
.btn_small:hover {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0c42b), color-stop(25%, #e8cf73 ), to(#f7cb2b));
background-image: -webkit-linear-gradient(#f0c42b, #e8cf73 25%, #f7cb2b);
background-image: -moz-linear-gradient(top, #f0c42b, #e8cf73 25%, #f7cb2b);
background-image: -ms-linear-gradient(#f0c42b, #e8cf73 25%, #f7cb2b);
background-image: -o-linear-gradient(#f0c42b, #e8cf73 25%, #f7cb2b);
background-image: linear-gradient(#f0c42b, #e8cf73 25%, #f7cb2b);
}
.btn_small:active {background-image:none;background-color:#f0c42b;}

span.ordering-section-header-label {
  margin: 5px 10px 0 0;
  color: #555;
  font-weight: bold;
  font-size: 14px;
}

span.order-state-ordinal {
  font-size: 25px;
  margin: 0 0 0 10px;
}

span.order-state-ordinal-sm {
  font-size: 15px;
  margin: 0 0 0 5px;
}

span.participant-points {
  cursor: pointer;
}

span.participant-points:hover {
  color: #8c0304;
}

div.order-monitoring-archive-container {
  /*padding: 10px;*/
  min-width: 500px;
}

div.order-monitoring-subsection-header {
  margin: 20px 0 10px 0;
  width: 400px;
  padding-bottom: 2px;
  font-size: 12px;
  border-bottom: 1px #eee solid;
}

#order-monitoring-current-order img:not([src$='busy.gif']) {
  width: 25px;
  height: 25px;
  margin: 0 5px -4px 5px;
}

div.order-monitoring-subsection-active {
  color: #000;
  margin-top: 5px;
}

div.order-monitoring-subsection-active img {
  opacity: 1;
}

div.order-monitoring-subsection-passive {
  color: #555;
  margin-top: 5px;
}

div.order-monitoring-subsection-passive img {
  opacity: 0.5;
}

div.deactivator-container {
  margin: 20px 10px 0 10px;
  padding: 2px;
  border: 1px #cc0304 solid;
}

span.deactivation-countdown {
  font-family: monospace;
  font-weight: bold;
}

div.order-stats-property {
  height: 15px;
}

span.order-stats-property-name {
  float: left;
}

span.order-stats-property-value {
  font-weight: bold;
  margin-left: 10px;
}

span.order-stats-legend-key {
  width: 20px;
  height: 10px;
  border: 1px #888 solid;
}

.order-stats-chart {
  float: left;
  margin: 10px;
}

div.order-stats-property-container {
  padding-bottom: 5px;
  border-bottom: 1px #aaa solid;
}

div.stats-chart-labels {
  clear: both;
  margin-bottom: 10px;
  /*height: 30px;*/
}

div.stats-chart-labels > div {
  /*width: 300px;*/
  /*height: 20px;*/
  text-align: center;
  font-weight: bold;
  float: left;
}

span.timestamp {
  font-family: monospace;
}

div.order-history-date-range {
  margin: 5px 0 0 2px;
}

div.order-history-date-range img {
  max-height: 20px;
  max-width: 20px;
}

div.order-history-date-range input[type="text"] {
  /*height: 7px;*/
  margin-top: -3px;
  padding: 3px;
  width: 80px;
}

div.order-history-date-range-applier {
  float: left;
  margin-left: 20px;
}

div.order-monitoring-archive-body {
  margin: 5px 5px 0 5px;
  /*height: 600px;*/
}

div.order-monitoring-archive-body div {
  /*border: 1px red solid;*/
  padding: 3px 0 3px 0;
}

div.order-history-tabs-container {
  padding: 10px 0 0 -10px;
  clear: both;
  /*height: 800px;*/
}

div.tree-container {
  overflow-y: auto !important;
  height: 308px;
}

input[type="text"].prof-input, input[type="password"].prof-input {
  padding: 5px;
  width: 180px;
  display: none;
}

input[type="text"].prof-input-appeared, input[type="password"].prof-input-appeared {
  padding: 5px;
  width: 180px;
}

input[type="text"].prof-input-long {
  padding: 5px;
  width: 350px;
  display: none;
}

select.prof-input {
  width: 180px;
  display: none;
}

div.prof-birthDay-container img {
  max-height: 20px;
  max-width: 20px;
}

select.scrollable-open-list {
  height: 35px;
  width: 200px;
}

div.favorite-list-container {
  float:left;
  margin-left: 25px;
}

div.favorite-list-header {
  color: #aaa;
  font-size: 8pt;
  margin-bottom: 3px;
}

select.scrollable-open-list option {
  height: 30px;
}

td.prefs-header {
  border-bottom: 1px #888888 solid;
  font-weight: bold;
}

div.favorite-services-btn-container input[type='button'] {
  margin: 5px 0 0 0;
  width: 200px;
}

div.quest-stats-property-container {
  padding: 5px 2px 10px 5px;
  margin-bottom: 10px;
  background-color: #4c4c4c;
  /*width: 500px;*/
}

div.quest-stats-property {
  /*border: 1px solid red;*/
  height: 20px;
  margin-top: 5px;
}

div.quest-stats-property-rejected {
  /*border: 1px solid red;*/
  height: 20px;
  margin: 5px;
  padding: 5px 2px 2px 2px;
  font-weight: bold;
  font-size: 14px;
  color: #f0c42b;
  background-color: #5e5e5e;
}

span.quest-stats-property-name {
  font-size: 10pt;
  float: left;
  color: white;
  font-weight: bold;
  width: 250px;
  padding: 5px 0 0 3px;
  vertical-align:bottom;
}

span.quest-stats-property-value {
  font-size: 14pt;
  font-weight: bold;
  font-family: monospace;
  margin-left: 10px;
  padding-bottom: -2px;
  color: #FAFA83;
}

span.right-aligned {
  float: right;
}

span.quest-stats-legend-key {
  width: 20px;
  height: 10px;
  border: 1px #888 solid;
}

.quest-stats-chart {
  float: left;
  margin: 10px;
}

img.quest-tbl-img {
  width: 22px;
  height: 22px;
}

img.quest-ops-img {
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-left: 10px;
}

img.quest-ops-img-inactive {
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-left: 10px;
  opacity: .7;
}

img.quest-ops-selected {
  -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:1px solid #8c8c8c;
  background-color: white;
}

div.quest-ops-options {
  padding: 10px 5px 5px 5px;
  margin-top: 10px;
  border: 1px solid #ececec;
}

div.quest-ops-container {
  padding: 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  margin-bottom: 10px;
}

div.beta-version {
  color: #E01B4C;
  font-size: 16pt;
  text-align: right;
  opacity: .7;
  /*border: 1px solid blue;*/
  padding: 7px;
}

span.mandatory-field {
  color: #dc143c;
  font-size: 12pt;
  margin-right: 5px;
}

select {
  font-size: 8pt;
}

.customer-order-name {
  font-weight: bold;
  color: #f0c42b;
}
div.aboutUs div {
  margin-top: 20px;
}
div.aboutUs div.section_header>p:first-child {
  border-bottom: 1px solid #aaa;
}
div.aboutUs p {
  margin-top: 10px;
}
div.aboutUs p.subheader {
  font-style: italic;
}
div.aboutUs ul {
  margin-top: 3px;
  padding-left: 25px;
  /*border: 1px solid red;*/
}
div.aboutUs ul>li {
  list-style: circle;
  margin-top: 3px;
  color: #444;
}
div.new-geogame-link-container {
  position: absolute;
  right: 0;
  top: 45px;
  margin-top: 15px;
/*  padding: 3px;
  vertical-align: central;*/
}

div.geoquest-host-profile-container {
  width: 99.9%;position:absolute;left:0;margin-top: 10px;
  /*border: 1px solid blue;*/
}

div.geoquest-host-profile-container-inner {
  width:1003px;margin:0 auto!important;background:url("../../images/studio1/line_bg.gif") repeat-x left top;position:relative;
  /*border: 1px solid red;*/
  font-size: 18px;
}

.required {
    color: red;
    margin-left: 4px;
}

li.error-msg-item {
  margin-top: 5px;
}

div.geogaming-section {
  margin-top: 10px;
  padding: 3px;
  border: 0px none; background-color: #d5d5d5; 
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #cecece;
behavior: url(PIE.htc);
-webkit-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
-moz-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
box-shadow:inset 0px 1px 1px 0px  #4d4d4d;
opacity: .75;filter: alpha(opacity = 75);;-ms-filter: "alpha(opacity=75)";-khtml-opacity: .75;-moz-opacity: .75;
/*float: left;*/
/*margin-left: 20px;*/
}

div.geogaming-user-profile-section {
  margin: 10px 0 10px 0;
  padding: 3px;
  border: 0px none; background-color: #fdfdfd; 
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #cecece;
behavior: url(PIE.htc);
-webkit-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
-moz-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
box-shadow:inset 0px 1px 1px 0px  #4d4d4d;
opacity: .75;filter: alpha(opacity = 75);;-ms-filter: "alpha(opacity=75)";-khtml-opacity: .75;-moz-opacity: .75;
/*float: left;*/
/*margin-left: 20px;*/
}

div.org-registration-form {
  margin: 5px 0 20px 0;
  padding: 3px;
  background-color: #fdfdfd;
}

div.device-provisioning-form {
  margin: 5px 0 20px 0;
  padding: 3px;
  background-color: #fdfdfd;
}

div.device-provisioning-buttons {
  float: left;
}

input.wide-number-control {
  padding: 3px;
  width: 190px;
  height: 30px;
  border: 0px none; background-color: #fdfdfd; 
  -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #cecece;
  behavior: url(PIE.htc);
  -webkit-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
  -moz-box-shadow:inset 0px 1px 1px 0px #4d4d4d;
  box-shadow:inset 0px 1px 1px 0px  #4d4d4d;
  opacity: .75;filter: alpha(opacity = 75);;-ms-filter: "alpha(opacity=75)";-khtml-opacity: .75;-moz-opacity: .75;
}

div.games-list-total-count {
  margin-top: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #777;
}

div.games-list-selected-count {
  margin-top: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #777;
}

div.games-list-filters-section {
  margin-bottom: 15px;
  font-size: 12px;
  border-bottom: 1px solid #aaa;
  /*width: 94%;*/
}

img.games-list-filters-img-closed {
  width: 36px;
  height: 36px;
  opacity: 0.3;
  cursor: pointer;
}

img.games-list-filters-img-open {
  width: 24px;
  height: 24px;
  opacity: 1;
  cursor: pointer;
  margin-bottom: 10px;
}

div.games-list-filters-ops {
  display: none;
  margin-bottom: 10px;
}

div.games-list-filters-ops table tr td {
  padding: 10px;
  /*border: 1px solid blue;*/
  text-align: center;
}

div.games-list-filters-header > * {
  float: left;
  /*border: 1px solid red;*/
}

div.games-list-filter-values-big {
  height: 36px;
  padding: 0 0 0 30px;
  opacity: .8;
  font-size: 12px;
}

div.games-list-filter-values-small {
  height: 24px;
  padding: 0 0 0 30px;
  opacity: 0.5;
  font-size: 10px;
}

div.games-list-filters-header, div.games-list-filters-header > div {
  overflow: hidden;
}

div.games-list-filters-item-row1, div.games-list-filters-item-row1 > div {
  float: left;
  overflow: hidden;
  padding: 0 20px 0 20px;
  text-align: center;
}

div.games-list-filters-item-row2, div.games-list-filters-item-row2 > div {
  float: left;
  overflow: hidden;
  padding: 10px 20px 10px 20px;
}

div.games-list-filters-name-hdr {
  width: 200px;
}

div.games-list-filters-start-hdr {
  width: 320px;
}

div.games-list-filters-rejected-hdr {
  width: 120px;
}

div.game-list-filter-buttons-container {
  clear: both;
  padding-left: 35px;
}

span.games-list-filter-value {
  font-weight: bold;
}

div.games-list-operations-section {
  padding: 15px 0 15px 0;
  font-size: 12px;
  border-bottom: 1px solid #aaa;
  width: 91%;
}

div.game-list-operation-buttons-container {
  /*clear: both;*/
  padding-left: 35px;
}

#deviceProvisioningForm table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}

#deviceProvisioningForm th, #deviceProvisioningForm td {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 6px;
}

#deviceProvisioningForm tr.selected {
  background-color: #eef;
}

#qr-box {
  margin-top: 15px;
  padding: 5px;
  border: 1px solid #000;
  display: inline-block;
}

td.participant-provisioned {
  padding: 0;                     /* let the inner div fill the cell completely */
  text-align: center;
  vertical-align: middle;
}

/* container that fills the td and shows the three colors as vertical stripes */
.color-stripe-square {
    display: inline-flex;           /* places stripes side by side */
    width: 16px;                    /* fixed cell size – square proportion */
    height: 16px;
    border-radius: 4px;
    text-align: center; 
}

/* each stripe takes exactly one third of the square */
.stripe {
    flex: 1 1 0;                     /* equal width, grow/shrink from 0 basis */
    min-width: 0;                     /* avoid flex overflow issues */
    text-align: center;
}

/* color classes – exactly as requested */
.green-stripe {
    background-color: #2ecc71;        /* fresh green */
}
.red-stripe {
    background-color: #e74c3c;         /* clear red */
}
.orange-stripe {
    background-color: #f39c12;         /* warm orange */
}

table.scrollable {
    display: block;
    max-height: 350px;  /* or any desired height */
    overflow-y: auto;    /* adds vertical scrollbar when needed */
}
/* armmarti: my custom classes END */