@media only screen 
and (max-width : 320px) {
    .phone {
        display: none;
    }
    
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
 .phone {
        display: none;
    }
}

.main  {
   height: 100% !important;
}

.page_title {
    color: #800000;
    font-weight: bold;
    font-size: 24px;
}

.large_btn_enabled {
    background-color: #800000;
    border: 0 none;
    padding: 20px;
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    cursor:pointer; 
}

.large_btn_disabled {
    background-color: #333333;
    border: 0 none;
    padding: 20px;
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    cursor:pointer; 
}

.menu_btn {
    border: 0 none;
    padding: 7px;
    color: #ffffff;
    background-color: #9e2336;
    margin: 0;
    width:100%;
    font-size: 16px;
    cursor:pointer;
    border-radius: 4px;
}

.menu_btn:hover {
  opacity:0.9;
}

.menu_btn_active {
    border: 0 none;
    padding: 7px;
    color: #ffffff;
    background-color: #602143;
    margin: 0;
    width:100%;
    font-size: 16px;
    border-radius: 4px;
}

.menu_btn_active:hover {
  opacity:0.9;
}

.menu_btn_second {
    border: 0 none;
    padding: 7px;
    color: #ffffff;
    background-color: #9e2336;
    margin: 0;
    width:100%;
    font-size: 16px;
    cursor:pointer; 
    border-radius: 4px;
}

.menu_btn_second:hover {
  opacity:0.9;
}


.menu_btn_active_second {
    border: 0 none;
    padding: 7px;
    color: #ffffff;
    background-color: #602143;
    margin: 0;
    width:100%;
    font-size: 16px;
    border-radius: 4px;
}

.menu_btn_active_second:hover{
opacity:0.9;
}

.table{
    display:table;
    width:100%;
    table-layout:fixed;    
}
.table_cell{
    display:table-cell;
    width:20%;    
}

.panel, .sub_panel {
    width: 100%;
}

.panel {
    margin-top: 10px;
}

.panel .panel_content {
  width:100%;
}

.panel .panel_content p{
  padding-left:20px;
}

.panel_header {
    width:100%;
    background-color: #444444;
    color: #ffffff;
    padding: 5px;
    font-size: 18px;
    cursor:pointer; 
}

.sub_panel_header {
    width:100%;
    background-color: #aaaaaa;
    color: #ffffff;
    padding: 5px;
    font-size: 18px;
    margin-top: 5px;
    cursor:pointer; 
}

.panel_content {
    /*padding-top: 3px;*/
}

hr { margin-top: 10px; margin-bottom: 10px }

.state_icon {
    float: right;
    padding-right: 10px;
}

.career_header {
    width:100%;
    background-color: #5791A9;
    color: #ffffff;
    padding: 5px;
    font-size: 18px;
    cursor:pointer; 
    margin-top: 10px;
}

.career_image {
    right: 0px;
    margin-top: 5px;
    
}

.career_subtitle {
    font-size:18px;
    font-weight:bold;
    color:#800000;
}
.menu_item {
    background-color: #800000;
    width: 100%;
}