/*** BODY MAIN ***/

html { height:100%; margin:0; }
body { height:100%; margin:0; line-height:1.25; font-size:16px;  font-family:'Roboto', sans-serif, arial; color:#444444; background-color:#221F73;-webkit-tap-highlight-color: rgba(0,0,0,0);}

.body_wrapper { min-height:100%; margin-bottom:-100px; background-color:#F0F0F0; }
.push_wrapper { height:5px; background-color:#F0F0F0; }
.foot_wrapper { height:90px; background-color:#111; opacity:1.0; margin:10px; border-radius:10px; }

.body_section_flex { display:flex; flex-direction:column; min-height:calc(100vh - 65px); }
.body_section { width:100%; max-width:800px; margin:0 auto; padding:0; display:flex; flex-direction:column; }
.body_section_wrap { margin:5px 10px; padding:0; flex-grow:1; }
.body_section_wrap { padding:10px; background-color:#FFFFFF; border-radius:7px; }
.body_section_title_row { display:flex; color:#221F73; text-transform:uppercase; height:20px; }
.body_section_title_main { flex-grow:1; font-size:18px; font-weight:400; }
.body_section_title_link { text-align:right; font-size:14px; font-weight:400; margin-top:3px; }
.body_section_title_link a:link    { color:#221F73; text-decoration:none; }
.body_section_title_link a:visited { color:#221F73; text-decoration:none; }
.body_section_title_link a:hover   { color:#555555; text-decoration:none; }
.body_section_title_link a:active  { color:#221F73; text-decoration:none; }
hr { border:0; width:100%; height:1px; color:#EEEEEE; background-color:#EEEEEE; margin:10px 0 10px 0; }
table        { border:0; margin:0; border-collapse:collapse; }
table.center { margin-left:auto; margin-right:auto; }
td    { padding:0; }
p     { margin:5px; }
a:link    { color:#444444; text-decoration:underline; }
a:visited { color:#444444; text-decoration:underline; }
a:hover   { color:#444444; text-decoration:none; }
a:active  { color:#444444; text-decoration:underline; }

.new  { font-family:arial; color:#CC1111; }
.new a:link    { color:#CC1111; text-decoration:none; }
.new a:visited { color:#CC1111; text-decoration:none; }
.new a:hover   { color:#CC1111; text-decoration:underline; }
.new a:active  { color:#CC1111; text-decoration:none; }

.error  { font-family:arial; color:#CC1111; }
.error a:link    { color:#CC1111; text-decoration:none; }
.error a:visited { color:#CC1111; text-decoration:none; }
.error a:hover   { color:#CC1111; text-decoration:underline; }
.error a:active  { color:#CC1111; text-decoration:none; }

.success { font-family:arial; color:#11CC11; }
.success a:link    { color:#11CC11; text-decoration:none; }
.success a:visited { color:#11CC11; text-decoration:none; }
.success a:hover   { color:#11CC11; text-decoration:underline; }
.success a:active  { color:#11CC11; text-decoration:none; }

.old  { font-family:arial; font-size:0.75em; color:#666666; }
.red  { color:#CC1111; !important; }
.hide { visibility:hidden; display:none; }

.song_lyrics   { color:#444444; padding:10px 0; }
.song_lyrics b { opacity:0.4; line-height:2.0; font-size:14px; text-transform:uppercase; }
.song_lyrics i { opacity:0.4; line-height:2.0; font-size:14px; font-weight:500; font-style:normal;}

.member_comments   { color:#444444; }
.member_comments i { opacity:0.4; font-size:15px; }

.text_size1 { font-size:19px; }
.text_size2 { font-size:15px; }
.text_size3 { font-size:12px; }
.text_size4 { font-size:9px; }

.text_shade1 { opacity:0.9; }
.text_shade2 { opacity:0.7; }
.text_shade3 { opacity:0.5; }
.text_shade4 { opacity:0.3; }

.height20 { height:20px; }
.height30 { height:30px; }
.height40 { height:40px; }
.padding5px  { padding:5px; }
.padding10px { padding:10px; }
.padding20px { padding:20px; }
.wrapper600px { margin:10px auto; max-width:600px; }
.show_image { width:10.3em; height:10.3em; border:0; }
.main_image     { text-align:center; display:block; margin:10px; }
.main_image img { height:200px; max-width:100%; border-radius:7px; object-fit: cover; }
.main_image200 { width:200px; height:200px; border-radius:10px; }
.pointer { cursor:pointer; }
.audio_tag { width:250px; height:30px; margin:0 0 0 0; }
#menu_div { display: none; }

/*** PAGE HEADER ***/

.head_wrapper { position:absolute; top:0; left:0; z-index:2; width:100%; margin:0; background-color:#221F73; position:fixed; }
.head_wrapper img { vertical-align:middle; }
.head_table    { height:50px; border-bottom:10px solid #F0F0F0;}
.head_logo     { text-align:center; padding:3px 0; }
.head_logo img { height:44px; border:0; padding:5px 0;  }
.head_filler   { height:65px; }
.head_icon        { color:#FFFFFF; line-height:1.5; }
.head_icon.back   { font-size:30px; }
.head_icon.menu   { font-size:25px; }
#share_page { display:none; position:fixed; width:100%; margin:0; text-align:right; padding:20px; z-index:98; }
#share_page span { margin:40px; padding:10px 20px; background-color:#EEE; border-radius:5px; background-color:#221F73; color:#FFFFFF; }

/*** HEADER MENU  ***/

.head_menu           { position:fixed; top:60px; right:0; z-index:99; margin:0; padding:0; float:right; background-color:#221F73; }
.head_menu           { font-size:16px; color:#FFFFFF; text-decoration:none; }
.head_menu a         { cursor:pointer; }
.head_menu a:link    { color:#FFFFFF; text-decoration:none; }
.head_menu a:visited { color:#FFFFFF; text-decoration:none; }
.head_menu a:hover   { color:#FFFFFF; text-decoration:none; }
.head_menu p { padding:20px 30px; margin:0; }.head_menu hr { margin:0 15px 0 15px; width:auto; background-color:color:#FFFFFF; opacity:0.4; }

/*** PAGE FOOTER ***/

.footer_opts             { padding:20px 0 10px 0; font-family:arial; font-size:14px; color:#777; text-align:center; width:100%; }
.footer_opts a:visited   { color:#BBB; text-decoration:none; }
.footer_opts a:link      { color:#BBB; text-decoration:none; }
.footer_opts a:hover     { color:#EEE; text-decoration:none; }
.footer_opts a:active    { color:#BBB; text-decoration:none; }
.footer_logo             { padding:15px 0 15px 0; font-family:verdana; font-size:10px; color:#888; text-transform:uppercase; text-align:center; width:100%; margin:0 auto; border-radius:30px; background-color:#222; max-width:300px; }
.footer_logo a:visited   { color:#888; text-decoration:none; }
.footer_logo a:link      { color:#888; text-decoration:none; }
.footer_logo a:hover     { color:#999; text-decoration:none; }
.footer_logo a:active    { color:#888; text-decoration:none; }
.footer_logo td          { padding:5px 0 15px 0; }

.footer_logo img         { height:15px; border:0; margin:-5px 5px -5px 5px; }

.footer_icon a         { padding:10px 10px; color:#FFF; font-size:30px; opacity:0.4; }
.footer_icon a:hover   { opacity:0.8; }


/** RESPONSIVE EMBEDED VIDEOS **/

.video_wrapper { max-width:600px; margin:0 auto; padding:10px 0; }
.responsive_video { position:relative; padding-bottom:56.25%; overflow: hidden; border-radius:7px; }
.responsive_video iframe, .responsive_video object, .responsive_video embed{ position: absolute; top:0; left:0; width:100%; height:100%; }

/*** ELEMENT CONTROL  ***/

.element_show td  { font-size:1.0em; cursor:pointer; color:; }
.element_hide td  { font-size:1.0em; cursor:pointer; color:; }
.element_show_txt { display:block; }
.element_hide_txt { display:none; }
.element_control  { font-family:courier; font-size:0.8em; color:; font-weight:bold; border:0.1em solid ; }

.element_hidden_no  { display:block; }
.element_hidden_yes { display:none; }
.element_visibile_no  { visibility:hidden; }
.element_visibile_yes { visibility:display; }

/*** RESULT ROWS ***/

.result_row       { width:100%; margin:0; cursor:pointer; }
.result_row_image     { width:64px; vertical-align:text-top; padding-right:10px; }
.result_row_image img { width:64px; height:64px; border-radius:5px; object-fit:cover; }
.result_row_text   { font-size:19px; opacity:1.0; font-weight:500; color:; line-height:1.2; }
.result_row_text b { font-size:17px; opacity:0.7; font-weight:400; }
.result_row_text a { text-decoration:none; }
.result_row_icons { margin:0 10px; opacity:0.7; }
.result_row_text_notes   { font-size:14px; font-weight:normal; line-height:1.2; }
.result_row_text_notes i { opacity:0.4; }
.result_row_text_notes a { text-decoration:none; }
.result_row_text_notes a:hover { text-decoration:underline; }
.result_row_text_notes .fa { opacity:1.0; margin:0 5px; }
.result_row_text_new  { font-size:11px; opacity:0.7; padding:2px 6px; font-weight:normal; background-color:#CC1111; color:#FFF; border-radius:8px; font-style:normal; margin-right:3px; }

/*** BUTTON OPTION ***/

.button_option         { font-weight:400; background-color:rgb(85,85,85,0.05); font-size:12px; padding:8px 16px; margin:10px 5px;  }
.button_option         { border:1px solid rgb(68,68,68,0.15); border-radius:20px; display:inline-block; line-height:1.5; }.button_option b       { color:#555555; font-weight:500; }
.button_option:visited { color:#555555; opacity:0.9; text-decoration:none; }
.button_option:link    { color:#555555; opacity:0.9; text-decoration:none; }
.button_option:hover   { color:#555555; opacity:1.0; text-decoration:none; }
.button_option:active  { color:#555555; opacity:0.9; text-decoration:none; }

.button_option_trans   { background-color:#FFFFFF; }

.button_option_icons   { font-size:15px; padding:10px 15px; }

.button_option_double  { border-radius:25px; }

.button_option_footer    { border-radius:40px; padding:15px 15px; margin:5px; }

.button_option_footer i  { font-size:25px; margin-bottom:7px; opacity:0.6; }

/*** MISC ***/

.shadow2px { box-shadow:0 0 2px 0px #999999; }
.shadow3px { box-shadow:0 0 3px 0px #999999; }
.float_left  { float:left; }
.float_right { float:right; }

/** FORMS **/

textarea { -webkit-appearance:none; box-sizing:border-box; outline:none; resize:none; }
select { -webkit-appearance: none; -moz-appearance:none; appearance:none; }
input { -webkit-appearance:none; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type='color'] { padding:5px; height:33px; }

.forms_wrapper { margin:10px auto; max-width:600px; }
.forms_label { color:#444444; font-size:15px; font-weight:500; opacity:0.7; }
.forms_desc  { color:#444444; font-size:13px; opacity:0.6; line-height:1.4; }
.forms_error       { color:#CC1111; font-size:15px; }
.forms_error_box   { background-color:rgb(204,17,17,0.05); color:#CC1111; font-size:15px; opacity:0.8; padding:10px 20px; border:1px solid rgb(204,17,17,0.5); border-radius:5px; margin:20px auto; max-width:600px; text-align:center; }
.forms_error_box i { cursor:pointer; float:right; font-size:19px; font-weight:500; }
.forms_error_box a:link    { color:#CC1111; }
.forms_error_box a:visited { color:#CC1111; }
.forms_error_box a:hover   { color:#CC1111; }
.forms_error_box a:active  { color:#CC1111; }
.forms_message       { color:#11CC11; font-size:15px; }
.forms_message_box   { background-color:rgb(17,204,17,0.05); color:#11CC11; font-size:15px; opacity:0.8; padding:10px 20px; border:1px solid rgb(17,204,17,0.5); border-radius:5px; margin:20px auto; max-width:600px; text-align:center; }
.forms_message_box i { cursor:pointer; float:right; font-size:19px; font-weight:500; }
.forms_message_box a:link    { color:#11CC11; }
.forms_message_box a:visited { color:#11CC11; }
.forms_message_box a:hover   { color:#11CC11; }
.forms_message_box a:active  { color:#11CC11; }
.forms_field { margin-top:20px; }
.forms_textarea { margin:0 5px; }
.forms_textarea textarea { width:100%; border:1px solid rgb(68,68,68,0.2); padding:10px; border-radius:5px; }
.forms_textarea textarea { color:#444444; font-size:16px; font-family:sans-serif; background-color:#FFFFFF; }
.forms_textarea textarea:focus { border:1px solid rgb(68,68,68,0.4); }
.forms_textbox { overflow:hidden; position:relative; border:1px solid rgb(68,68,68,0.2); padding:10px; margin:0; border-radius:5px; color:#444444; font-size:16px; font-family:sans-serif; background-color:#FFFFFF; width:100%; box-sizing:border-box; }
.forms_textbox:focus { border:1px solid rgb(68,68,68,0.4); }
.forms_dropdown { margin:0 5px; border:1px solid rgb(68,68,68,0.2); padding:4px; border-radius:5px; }
.forms_dropdown { background-color:#FFFFFF; position:relative; display:block; }
.forms_dropdown select { width:100%; border:0; border-radius:5px; padding:4px; background-color:#FFFFFF; color:#444444; font-size:14px; font-family:sans-serif; }
.forms_dropdown option { font-size:14px; }
.forms_dropdown:after { content:"\f107"; font-family:"Font Awesome 6 Pro"; }
.forms_dropdown:after { color:color:#444444; font-size:22px; font-weight:500; opacity:0.5; }
.forms_dropdown:after { padding:5px 5px; position:absolute; right:0; top:0; border-radius:5px; }
.forms_dropdown:after { background:#FFFFFF; z-index:1; text-align:center; width:50px; height:100%; }
.forms_dropdown:after { pointer-events:none; box-sizing:border-box; }
.forms_button { color:#555555; background-color:rgb(85,85,85,0.05); font-size:13px; font-weight:500; border:1px solid rgb(68,68,68,0.2); border-radius:20px; font-family: 'Roboto', sans-serif, arial; padding:12px 24px; margin:10px 0; text-decoration:none; cursor:pointer; opacity:0.8; }
.forms_button:hover { opacity:1.0; }
.forms_response_error   { margin:5px; height:20px; font-size:14px; color:#CC1111; }
.forms_response_success { margin:5px; height:20px; font-size:14px; color:#11CC11; }
.forms_response_warning { margin:5px; height:20px; font-size:14px; color:#CCCCCC; }

/** RATINGS - FAVORITES **/

.rate_favs_box         { margin:20px auto 20px auto; font-size:13px; text-align:center; height:60px; width:280px; }
.rate_favs_box p       { padding:5px 0px; margin:0; text-align:center; font-size:13px; color:#444444; opacity:0.8; }
.rate_favs_box i       { height:36px; width:36px; font-size:32px; margin:0 2px; display:inline-block; }
.rate_favs_box i:hover { cursor:pointer; }
.rate_favs_msg         { padding:0; margin:0; color:#CCCCCC; opacity:0.6; font-size:13px; text-transform:lowecase; }
.rate_favs_msg a:link  { text-decoration:none; }
.rate_box     { color:rgb(119,119,119,0.5); float:left; margin:0px; width:220px; }
.rate_box div { height:40px; }
.rate_color0  { color:#777777; opacity:0.2; }
.rate_color1  { color:#FEBE3E; }
.rate_color2  { color:#FEBE3E; opacity:0.3; }
.favs_box     { color:rgb(119,119,119,0.5); float:right; margin:0px; width:60px; }
.favs_box div { height:40px; }
.favs_color0  { color:#777777; opacity:0.2; }
.favs_color1  { color:#DE3E3E; }
.favs_color2  { color:#DE3E3E; opacity:0.3; }

/** BANNEER ADS **/

.banner_ad_div { margin:5px 0 0 0; text-align:center; padding:0 10px; }
.banner_ad_img { width:100%; max-width:780px; cursor:pointer; border-radius:7px; }

/** MEDIA **/

.media_audio_player { width:100%; max-width:600px; background-color:rgb(238,238,238,0.7); border-radius:10px; }
.media_audio_flex { display:flex; }
.media_audio_time { text-align:center; flex-grow: 1; color:#444444; margin:5px; font-size:18px; cursor:pointer; line-height:1.5; }
.media_audio_timeline { height:5px; border-radius:15px; background-color:rgb(68,68,68,0.4); margin:5px; }
.media_audio_timeline { --color1:rgb(68,68,68,0.9); --color2:rgb(68,68,68,0.4); }
.media_audio_playhead { width:5px; height:5px; border-radius: 50%; margin-top:0px; background:rgb(68,68,68,0.9); }
.media_audio_button { width:40px; height:25px; text-align:center; color:#444444; font-size:25px; line-height:1; margin:15px 5px; cursor:pointer; }
.media_audio_trans { opacity: 0.5; }