/* mcecg.css updated 4 FEB 2022 */

body
{
    margin: 0;
    font-family: Arial,Helvetica, sans-serif;
    font-size: 14px;
    background-color: rgb(222, 224, 230);
}

#main-body
{
    margin: 0 103px 0 103px;
    padding: 0px;
}

#content
{
    margin: 0;
    padding: 4px 5px;
    color: #ffc;
    background-color: #444966;
    letter-spacing: 0.05em;
    line-height: 1.3em;
}

.pic_scr
{
    height: 680px;
    overflow: auto;
    padding: 0;
}

#sidebar_left
{
    position: absolute;
    left: 0px;
    top: 82px;
    width: 98px;
    margin: 0;
    background-color: rgb(222, 224, 230);
}
#sidebar_left p
{
    margin: 4px 0 6px 0;
}
#sidebar_left a
{
    margin: 0;
    padding: 4px 4px 4px 0px;
    display: block;
    font-size: 12px;
    color: #ffc;
    text-decoration: none;
    text-align: right;
    border-bottom: 1px solid #f93;
    border-right: 1px solid #f93;
    background-color: #000;
}
#sidebar_left a:hover
{
    color: #000;
    background-color: #99C;
}
#callsign
{
    padding: 2px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #ffc;
    background-color:  #000;
}

#sidebar_right
{
    position: absolute;
    right: 0px;
    top: 82px;
    width: 98px;
    margin: 0;
    font-size: 12px;
    line-height: 1.3em;
    background-color: rgb(222, 224, 230);
}

#header
{
    margin: 0;
    background: #000 url("../images/sunset.jpg") no-repeat scroll 100% 0%;
    height: 80px;
}
#masthead
{
    padding: 24px 0 0 0;
}
#masthead h1
{
    margin: 0;
    padding: 0 2em 0 0;
    white-space: nowrap;
    color: #FFC;
    text-align: right;
    background: rgb(68, 73, 102);
    font-variant: small-caps;
    font-weight: bold;
    font-size: 17pt;
    border-top: 2px solid #FC9; 
    border-bottom: 1px solid #FC9;
}
#header h2
{
    margin: 0px;
    padding: 3px 0 0px 0;
    white-space: nowrap;
    color: #FFC;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    background: no-repeat;
}

#page_mark
{
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    color: #dee0e6;
}
/*
dl.feature
{
    margin: 0 0.3em 0.3em 0;
    padding: 0 0.5em 0.5em 0;
    border-bottom: 1px solid #000;
}
dl.feature:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
dl.feature dt
{
    margin: 0 0 0.5em 0;
    font:bold 100% Arial, Helvetica, sans-serif;
    color: #000;
}
dl.feature dt img
{
    float: left;
    margin: 0 15px 0 0;
    padding: 0px;
    border: 6px ridge #444966;
    background: no-repeat bottom right;
}
dl.feature dd
{
    margin-left: 0px;
}
*/
#content p
{
    margin: 0;
    padding: 0 0 8px 0;
}
.para_last  /* was used by News 12 APR 2013 */
{
    border-bottom: 1px solid #fc9;
}
.para_constr
{
    color: #FF0033;
    background-color: #FFFF00;
}

.links a:link
{
    padding: 0.1em;
    color: #ffc;
    text-decoration: none;
}
.links a:visited
{
    padding: 0.1em;
    color: #ffc;
    text-decoration: none;
}
.links a:hover
{
    padding: 0.1em;
    color: #ffc;
    border: 1px solid #f93;
    background-color: #000;
}

.feature
{
    display: inline-table;
}

* html .feature { height: 1%;}

.feature { display: block;}

.hide { display: none; }

.button_login, .button_forgot
{
    margin-top: 16px;
    padding: 3px;
    color: #ffc;
    font-size: 85%;
    text-decoration: none;
    border:1px solid #f93;
    background-color: #000;
}
.button_forgot{width: 12em;}
.button_login:hover, .button_forgot:hover
{
    color: #000;
    background-color: #99C;
}

#signup_admin dt
{
    margin: 0 5% 0 2%;
    width: 50%;
    font-weight: normal;
}
/* use not found
#signup_admin dd, #signup_manage
{
    margin:0;
    font:80% Arial, Helvetica, sans-serif;
}
#signup_admin label
{
    font: 90% Arial, Helvetica, sans-serif;
    font-weight: normal;
}
*/
#admin_signups_form dt
{
    margin: 0;
    width: 55%;
    float: left;
    padding-right: 5em;
    font-size: 90%;
}

#event_details {margin-top: -.25em; }

#user_details dt
{
    margin: 0;
    width: 10em;
    float: left;
    padding-right: 1em;
    font-size: 90%;
}
#user_details dd
{
    margin: 0;
}

#event_details dt
{
    margin: 8px 0 0 0;
    font-size: 100%;
}
#event_details dd
{
    margin: 4px 0 4px 0;
}

#event_details #notes
{
    clear: both;
    width: 85%;
}
#bottom_title
{
    clear: both;
    margin-top:.5em;
    width: 60%;
}

#user_edit { margin-top: -1em; }

.user_info
{
    width: 47%;
    padding-left: .5em;
}

#user_edit dd { margin: 0; }

#user_edit dt
{
    margin: 0;
    width: 40%;
    float: left;
    padding-right: 1em;
    font-size: 90%;
}
#user_notes
{
    clear: both;
    width:85%;
}

form
{
    margin: 0;
}
form  dt
{
   margin:0;
   float:left;
   padding-right: 1em;
   font-size: 90%;
}

#left_form dt { width: 7em; }

#right_form dt { width: 10em; }

label { font-size: 100%; }

.news_input { width: 80%; }

form dd { margin: 0; }

#admin, #strState, #strShirt, .info, .drop_down   /* previously had 'input' */
{
    font-size: 90%;
    color: #000;
    background-color: rgb(222,224,230);
}

.info_readonly
{
    width: 280px;
    font-size: 100%;
    color: white;
    background-color: #556;
}

#admin { width: 8em; }

#strState, #strShirt { width:6em; }

#right_form
{
    margin: 0 0 0 2%;;
    float: right;
    width: 35%;
    text-align:left;
}

#left_form
{
    margin:0 2% 0 0;
    float: left;
    width: 57%;
}

.info { width: 12em; }

#bottom_form { clear:both; }

textarea { width: 60%; }

.btn    /* added 23 MAR 2013 */
{
    margin: 0;
    padding: 1px;
    color: #ffc;
    font-size: 90%;
    text-decoration: none;
    border:2px solid #f93;
    background-color: #000;
}

.button, .button_go, .button_admin_signups
{
    margin: 1.5em 0 1.5em 0;
    padding: 1px 4px;
    color: #ffc;
    font-size: 90%;
    text-decoration: none;
    border:2px solid #f93;
    background-color: #000;
}

.button_admin_signups { margin: -.25em 0 0 0; }

.button_go { margin: 0 0 0 1em }

.results
{
    margin: 0;
    width: 98%;
    padding: .3em  .3em .3em 0;
    font-size: 100%;
    color: #ffc;
    background-color: #000;
}

.searchterm, .searchtype
{
    margin: 0;
    padding: 0em .3em 0 0;
    font-size: 100%;
    color: #000;
    background-color: rgb(222,224,230);
}

.searchterm { width: 25%; }

#header_tag
{
    position: absolute;
    top: 5px;
    left: 12px;
    margin: 0;
    padding: 0;
    color: white;
    font-size: 13px;
    letter-spacing: 1px;
}

.login_panel input
{
    font-weight: bold;
    font-size: 12px;
}

.right_panel
{
    padding-top: 12px;
}
.right_panel h5
{
    margin: 0px 0px 2px 0px;
    padding: 0px;
    font-size: 11px;
    line-height: 14px;
    width: 94px;
}
.right_panel p
{
    margin: 6px 0 6px 0;
    width: 100%;
}
.right_panel img
{
    margin: 1px 0 1px 0;
    border-width: 0px;
}
.right_panel a
{
    margin: 0;
    padding: 4px 0px 4px 4px;
    display: block;
    font-size: 12px;
    color: #ffc;
    text-decoration: none;
    text-align: left;
    border-bottom: 1px solid #f93;
    border-left: 1px solid #f93;
    background-color: #000;
}

.right_panel a:hover
{
    color: #000;
    background-color: #99C;
}

#sidebar_menu
{
    position: absolute;
    right: 0px;
    top: 82px;
    width: 98px;
    margin: 0;
    font-size: 12px;
    line-height: 1.3em;
    background-color: rgb(222, 224, 230);
}

.right_menu h4
{
    margin: 3px 0 3px 5px;
}
.right_menu p
{
    margin: 4px 0 6px 0;
    width: 100%;
}
.right_menu a
{
    margin: 0;
    padding: 4px 0px 4px 5px;
    display: block;
    font-size:  12px;
    color: #ffc;
    text-decoration: none;
    text-align: left;
    border-bottom: 1px solid #f93;
    border-left: 1px solid #f93;
    background-color: #000;
}
.right_menu a:hover
{
    color: #000;
    background-color: #99C;
}

.more
{
    padding:.05em .5em;
    color: #ffc;
    border: 1px solid #f93;
    background-color:#000;
    text-decoration: none
}

.signups_user_detail tr { white-space: nowrap; }

.signups_user_detail th { text-align: right; }

.user_list
{
    width: 100%;
    margin-bottom: 4px;
    margin-top: -4px;
    
}

.user_list #find { padding-top: 20px; }

.user_list #user
{
    padding-top: 20px;
    text-align: right;
}

.user_list select
{
    font-weight: bold;
    font-size: 10pt;
    margin-top: 2px;
}

.user_list input
{
    font-weight: bold;
    text-align: center;
}

.user_table
{
    border-color: white;
    border-collapse: collapse;
    margin: 0px;
    width: 98%;
}

.user_table th
{
    padding: 0px;
    vertical-align: bottom;
    text-align: left;
}

.user_table td
{
    padding-left: 6px;
    color: white;
}

.user_table .ics a      /* iPad link fix */
{
    color: white;
    text-decoration: none;
}

.user_table input
{
    width: 70px;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    color: white;
    text-decoration: none;
    border: 1px solid #f93;
    background-color: #444;
}
.user_table #user_sort td { height: 16px; }

.user_table #user_sort input
{
    width: 11px;
    margin:  2px 5px 0 0;
    padding: 3px 7px 3px 7px;
    border: 0;
    background-color: blue;
}
.bar { background-color: #505870 }

.user_table #foot
{
    height: 5px;
    background-color: blue;
}
.user_table #foot th
{
    text-align: center;
}
#admin_user_click
{
    color: #ff9933;
    margin: 2px;
    padding-left: 10px;
}
.user_button_group input
{
    margin-right: 30px;
}
.event_button_group input
{
    margin: 2px 22px 2px 2px;
}
.event_button_group select
{
    font-weight: bold;
    height: 20px;
    margin: 4px;
}
#event_list_items option
{
    padding: 5px 0 5px 0;
}
#event_list_items .o
{
    background-color: #000070;
}
.event_list_table
{
    width: 100%;
}
.event_list_table th
{
    width: 56px;
}
.event_list_table input
{
    font-size: 90%;
    font-weight: bold;
    padding: 0px 4px;
}
.event_list_table .o
{
    background-color: #0000a0;
}

.jim_edit_events .event_info
{
    width: 56%;
}
#coord_event_edit
{
    margin: 4px;
    padding: 0px;
}
#coord_event_edit input
{
    margin: 0 15px 0 15px;
    padding: 1px 5px 1px 5px;
}

#event_edit #edt
{
    width: 80px;
    margin-right: 5px;
    font-weight: bold;
    text-align: center;
}
#event_edit #odt
{
    width: 80px;
    margin-right: 5px;
    font-weight: bold;
    text-align: center;
}
#event_edit #sgn
{
    width: 30px;
    margin-right: 5px;
    font-weight: bold;
    text-align: center;
}
#event_edit select
{
    height: 20px;
    font-weight: bold;
}
#event_edit #ares
{
    width: 35px;
    font-weight: bold;
    text-align: center;
}

.jim_add_news textarea { width: 98%; }

.user_edit_list dd input
{
    margin: 2px 0px 2px 0px;
}
.user_edit_table
{
    width: 99%;
    background-color: #00007f;
    margin: 3px 0px 0px 0px;
}
.user_edit_table input
{
    margin: 2px 5px 0px 5px;
}

#change_pw input
{
    width: 120px;
}

#add_new_event
{
    font-weight: bold;
}
#add_new_event dt
{
    width: 70px;
    margin-top: 3px;
    font-weight: bold;
}
#add_new_event dd input
{
    font-weight: bold;
}
#mail_to input
{
    font-weight: bold;
}

#news_type
{
    height: 19px;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
}
#news_header
{
    width: 98%;
    margin: 0;
}
#news_pick
{
    width: 98%;
    margin: 0;
}
#news_pick .row
{
    background-color: #707890;
}
#news_pick .alt
{
    background-color: #505880;
}
#news_pick input
{
    width: 15px;
    font-weight: bold;
}
#news_pick th
{
    font-weight: normal;
}
#news_pick a
{
    color: #e0e0e0;
    font-weight: bold;
}
#news_pick a:hover
{
    color: #FFE080;
    font-weight: bold;
    text-decoration: none;
}

#coord_link_pic select
{
    margin: 0;
    font-weight: bold;
    height: 19px;
}

.equipment_list
{
    width: 140px;
    white-space: nowrap;
    text-align: right;
    padding-right: 8px;
}
.equipment_list input
{
    width: 80px;
    margin-right: 10px;
    font-weight: bold;
}
.equipment_list select
{
    margin-right: 10px;
    font-weight: bold;
}

#index h3
{
    width: 98%;
}
#index input
{
    margin: 8px 5px;
    width: 300px;
    font-size: 11pt;
    font-weight: bold;
}

#admin_callsign
{
    margin-left: 20px;
}
#admin_callsign input
{
    font-weight: bold;
    text-align: center;
}

#coord_event_profile th
{
    width: 120px;
    padding-right: 16px;
    text-align: right;
    font-weight: normal;
}
#coord_event_profile td
{
   font-weight: bold;
}

#event_hours_list input
{
    width: 40px;
    font-weight: bold;
    text-align: center;
}

.yes, .no, .other
{
    margin: 0;
    padding: 0;
    background:rgb(222, 224, 230);
}
.yes { color:green; }

.no { color:red; }

.other { color: black; }

.back_button
{
    margin:-1em 0 0 0;
    padding-right: 5em;
    float:right;
}
.button_yes, .button_no, .button_detail
{
    margin: 2px 0 2px 0;
    padding: 1px 3px;  /* was 1px; */
    font-size: 90%;
    text-decoration:none;
    border:1px solid #000;
    background-color:white;
}
.button_no { color: green; }

.button_yes { color:red; }

.button_detail { color: #000; }

#mcecg_event_list
{
    width: 98%;
}
#mcecg_event_list input
{
    font-weight: bold;
}
#ares_event_list
{
    width: 98%;
}
#ares_event_list input
{
    width: 45px;
    font-weight: bold;
}

.ares_events_list
{
    width: 98%;
    margin: 4px;
    border-color: red;
    border-width: 2px;
}

.ares_events_list input  { font-weight: bold; }

.ares_events_list select
{
    font-weight: bold;
    font-size: 10pt;
}