﻿.opacity
{
    
}
.top
{
    vertical-align:top;
}
.hide
{
    display:none;
}

.active_fore_color
{
    color: #012677 !important;
}

.inactive_fore_color
{
    color: #ffffff;
}

.active_background
{
    background-color: #ffffff;
}

.shadow
{
    box-shadow: 5px 5px 5px #888888;
}
.inactive_background
{
    background-color: #012677;
    
}

.active_border
{
    border-style: solid;
    border-width: thin;
    border-color: #B0000F;
}

.inactive_border
{
    border-style: solid;
    border-width: thin;
    border-color: #950304;
}
.inactive_card_header
{
    overflow:hidden;
    padding:.5%;
    margin: .2%;
}

.border_topleft_rounder
{
    border-top-left-radius: 6px;
}
.border_topright_rounder
{
    border-top-right-radius: 6px;
}
.border_bottomleft_rounder
{
    border-bottom-left-radius: 6px;
}
.border_bottomright_rounder
{
    border-bottom-right-radius: 6px;
}
.border_all_rounder
{
    border-radius: 6px;
}
.active_card_header
{
    
    overflow:hidden;
    padding:.5%;
}

.card_header_date
{
    width:10%;
    text-align: left; 
}
.card_header_title
{
    width:90%;
    text-align: left;
}

.inactive_card_body
{
      
}

.active_card_body
{
     overflow:hidden;
     padding:2%;
}

.active_cursor
{
    cursor: pointer;
}
.move_cursor
{
    cursor: move;
}

.active_link
{
}

.inactive_link
{
}

.image_wrapper
{
    float: left;
    margin: 1%;
    padding: 1%;
}
.popup
{
    position:absolute;
}
.nofloat
{
    float:none;
}
.instructions
{
    padding:5%;
}
.float_left
{
    float: left;
}
.float_right
{
    float: right;
}
.float_center
{
    float: none;
}
.no_overflow
{
    overflow: hidden;
}
.standard_padding
{
    padding: .5%;
    
}
.button_padding
{
    padding: 3px;
}
.standard_margin
{
    margin: 10px;
}
.newline
{
    clear:both;
}
.underline
{
    text-decoration: underline;
}
.bold
{
    font-weight: bold;
}
.small_search_button_inactive
{
    background: #FFFFFF;
    cursor: pointer;
    color: #000000;
    border-radius: 8px;
    /*width:40px;*/
    border-style: solid;
    border-width: thin;
    border-color: #000000;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px; 
}
.small_search_button_active
{
    background: #faffb2;
    cursor: pointer;
    color: #000000;
    border-radius: 8px;
    /*width:40px;*/
    border-style: solid;
    border-width: thin;
    border-color: #000000;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}
/*active_cursor float_left inactive_background inactive_fore_color border_all_rounder inactive_border*/

#sortables1, #sortables2, #draggables1 { list-style-type: none; margin: 0; padding: 0 0 2.5em; margin-right: 10px;}
  #sortables1 li, #sortables2 li, #draggables1 li { margin: 10px 5px 10px 5px; padding: 5px; font-size: 1.0em; width: 250px; font-weight:bold;}

.delete_button
{
    color: Red;
    display: none;
    cursor: pointer;
    border-radius: 1px;
    float:right;
    border: solid;
    border-width: thin;
    border-color: Black;
    
}
.ui-state-highlight  
{
    height: 60px; 
    border-color: Black;
    border-width: thin;
    border-style: dashed;
    border-radius: 10px;
    background-color: Yellow;
}


.listBoxStyle_available
{
    border: 10px;
    border-style: solid;
    border-color: Black;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 5px 5px 5px #888888;
    background-color: #DDDDDD;
    cursor: pointer;
}

.listBoxStyle_avaialable option
{
    color: Black;
    border: 5px;
    border-width: 5px;
    border-style: solid;
    border-color: Black;
    cursor: pointer;
}

.listBoxStyle_used
{
    border: 10px;
    border-style: solid;
    border-color: Green;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 5px 5px 5px #888888;
    background-color: #DDDDDD;
    cursor: pointer;
}

.listBoxStyle_used option
{
    color: Black;
    border: 5px;
    border-width: 5px;
    border-style: solid;
    border-color: Black;
    cursor: pointer;
}

.move_button
{
    border-radius: 10px;
    border-type: solid;
    border-width: thin;
    border-color: Black;
}

.validatorCalloutHighlight
{
    background-color: yellow;
    border: solid thin black;
}
.dialog
{
    display: none;
}


.MyTabStyle .ajax__tab_header
        {
            /*font-family: "Helvetica Neue" , Arial, Sans-Serif;*/
            font-size: 15px;
                       
            font-weight:bold;
            
            display: block;

        }
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
        {
            border-radius: 10px;
            border-color: #222;
            color: #222;
            
            padding-left: 10px;
            margin-right: 3px;
            border:solid thin black;
            box-shadow: 5px 5px 5px #888888;
            margin-bottom: 20px;
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_inner
        {
            
            border-color: #666;
            color: #666;
            
            
            padding: 3px 10px 2px 0px;
            
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer
        {
            /*
            background-color:#9c3;
            */
            
            
            
            background-color: #000000;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner
        {
            color: #fff;
            
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_outer
        {
            /*border-bottom-color: #ffffff;*/
            background-color: #D6D6D6;
            border-radius: 10px;
            border-color: Black;
            border-width: thin;
            border-style: solid;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_inner
        {
            color: #000;
            
            border-color: #333;
        }
        .MyTabStyle .ajax__tab_body
        {
            /*
            font-family: verdana,tahoma,helvetica;
            font-size: 10pt;
            background-color: #fff;
            border-top-width: 0;
            border: solid 1px #d7d7d7;
            border-top-color: #ffffff;
            */
            border-radius: 10px;
            border-color: Black;
            border-width: thin;
            border-style: solid;
            box-shadow: 5px 5px 5px #888888;
            padding: 20px;
            background-color: #D6D6D6;
            color: #000000;
            
        }
        

