/* <editor-fold defaultstate="collapsed" desc="General Internal Notes"> */ 
/* CSS Document */
/*
font-family: 'Permanent Marker', cursive;
font-family: 'Changa One', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
*/
/* </editor-fold>*/

/* GENERAL PRIMARY SETTINGS */ 
/* <editor-fold defaultstate="collapsed" desc="General Setup Styles"> */ 
h1 	{ 
	font-family: 'Changa One', cursive; 
	font-weight: normal; 
	font-size: xx-large; 
	margin: 0;
}
h2 	{
	font-family: 'Changa One', cursive; 
	font-weight: normal; 
	font-size: x-large; 
	margin: 0;
}
h3	{
	font-family: 'Changa One', cursive; 
	font-weight: normal; 
	font-size: large;  
	margin: 0; 
}
h4	{
	font-family: 'Permanent Marker', cursive;
	font-weight: normal; 
	font-size: xx-large;
	margin: 0;
}
h5	{
	font-family: 'Permanent Marker', cursive;
	font-weight: normal; 
	font-size: x-large;
	margin: 0;
}
h6	{
	font-family: 'Permanent Marker', cursive;
	font-weight: normal; 
	font-size: large;
	margin: 0;
}
html { 
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; }
html, button, input, select, textarea { 
	font-family: serif; color: #222; 
}
body { 
	font-family: 'Open Sans', sans-serif;
	margin: 0; 
	font-size: 1em; 
	line-height: 1.4; 
}
.normal { 
        font-size: 100%; 
        font-family: 'Open Sans', sans-serif;
        font-weight: normal; 
        
}
.clearfix { clear: both; }
.hidden { display: none; }
.jslink { color: blue; text-decoration: underline; cursor: pointer; cursor: hand; }
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Colors"> */ 
.red { color: red; }
.gold { background-color: #fff3a8; }
.yellow { color: yellow;  }
.trashed {
    background-color: #858585 !important;
    color: #C9C9C9;
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Responsive Design Sytles"> */ 
    /* <editor-fold defaultstate="collapsed" desc="Top Bar"> */ 
        div#top_design_bar { 
            display: block;
            position: absolute; 
            left: 0px;
            top: 0px; 
            height: 40px;
            width: 100%; 
            background-color: black;
            z-index: 2;
        }
        div#top_design_bar img#logo { 
            display: block;
            float: left;
            margin-right: 20px; 
            z-index: 11;
        }
        div#top_design_bar img.button { 
            height: 35px; 
            margin: 2px 3px 0px 3px;
        }
        div#top_design_bar img#userButton { 
            display: none; 
        }
        div#top_design_bar span#userName { 
            color: yellow; 
            margin: 0px 10px 0 10px; 
            display: inline-block;
            position: relative; 
            top: -12px;
            right: 10px; 
        }
        div#top_design_bar img#menu_button {
            display: none; 
        }        
    /* </editor-fold>*/
    /* <editor-fold defaultstate="collapsed" desc="ShortcutToolbar"> */ 
        div#shortcutToolBar {
            display: block;
            position: fixed; 
            max-width: 75%; 
            max-width: -webkit-calc(100% - 265px);
            max-width: -moz-calc(100% - 265px); 
            max-width: calc(100% - 265px); 
            z-index: 10; 
            color: #fff3a8;
            background-color: black;
            padding: 2px; 
            overflow: hidden
        }
        div#shortcutToolBar img {
            display: block; 
            float: left; 
            height: 35px;
            margin: 0 3px 0 3px;
        }
        div#shortcutToolBar a { 
            display: block; 
            float: left;  
            height: 35px; 
        } 
        div#shortcutToolBar span.text { 
            display: table-cell; 
            vertical-align: bottom; 
            height: 35px; 
            margin: 0 3px 0 3px;    
        }
    /* </editor-fold>*/
    
    /* <editor-fold defaultstate="collapsed" desc="Left Design Bar"> */ 
        div#left_design_bar {
            position: absolute; 
            display:block; 
            width: 260px; 
            height: 100%; 
            top: 0px; 
            left: 0px;
            background-color: #dcdcdc;
            z-index: -2;
            padding: 0px 1px 0 1px; 
        }
        div#left_design_bar img#shrinkSideBarButton { 
            display: block; 
            margin: auto; 
            border-radius: 0 8px 8px 8px; 
            border: 1px outset #b37d00;
            background-color: #C7C5C5; 

        }
        div#left_design_bar div#top {
            overflow-x: hidden;
            overflow-y: auto; 
            width: 260px;

            margin-top: 85px;   
        }
        div#left_design_bar div#top ul {
            margin: 0; 
            padding: 0;
            list-style-type: none; 
        }
        div#left_design_bar img.toolbarButton { 
            border-radius: 0 8px 8px 8px;
            width: 35px; 
            height: 35px;
            border: 1px outset #b37d00;
            background-color: #C7C5C5; 
            margin: 3px auto 0 auto; 
            display: none; 
        }
        div#left_design_bar div#bottom { 
            display: block; 
            width: 260px;
            height: auto; 
            overflow-x: hidden; 
            overflow-y: auto;
        }
    /* </editor-fold>*/
    /* <editor-fold defaultstate="collapsed" desc="Left Bar Menu System"> */ 
        /* Main UL / LI Structure */ 
        div#left_design_bar div#top li { 
            display: block; 
            width: 230px;
            height: 45px; 
            margin: 3px; 
            /* border: 1px solid black; */ 
            border-radius: 0 8px 8px 8px; 
            overflow: hidden; 
            vertical-align: middle;
            background-color: #C7C5C5; 
            border: 1px outset #b37d00;
            cursor: pointer; 
            cursor: hand;
        }
        div#left_design_bar div#top li span.label { 
            position: relative; 
            top: -30%; 
            height: 45px;
            overflow: hidden; 
            font-size: large; 
            color: #2a2a2a;
            margin: 0 0 0 5px;
            line-height: 45px;
        }
        div#left_design_bar div#top li img { 
            display: inline;
            height: 45px; 
            margin: 0
        }
        /* Sub Menus */ 
        div#left_design_bar div#top ul ul {
            margin-left: 20px;
            display: none;
        }
        div#left_design_bar div#top ul ul li { 
            width: 195px;
            height: auto;
            padding-left: 5px; 
        }
        div#left_design_bar div#top ul ul ul { 
            display: none;
        }
        div#left_design_bar div#top ul ul ul li { 
            width: 175px;
        }
        div#left_design_bar div#userInfo { 
            background-color: #2a2a2a; 
            border-top: 4pt solid #2e74a7; 
            font-size: small; 
            color: #fff3a8;
            bottom: 0;
            display:block; 
            position: relative;
        }
        div#left_design_bar div#userInfo table {
            width: 100%; 
            border-collapse: collapse; 
        }
        div#left_design_bar div#userInfo table th {
            font-weight: bold;
        }
        div#left_design_bar div#userInfo table th, div#left_design_bar div#userInfo table td { 
            border-left: 1px solid #dcdcdc; 
            border-right: 1px solid #dcdcdc; 
            border-bottom: 1px solid #dcdcdc; 
        }
        div#left_design_bar div#userInfo table img {
            width: 18px; 
            display: block; 
            float: right; 
        }
        div#menuPopUp { 
            display: none; 
            border: 4px solid black; 
            border-radius: 0 15px 15px 15px; 
            background-color: #dcdcdc; 
            position: absolute; 
            margin: auto;
            padding: 15px; 
            z-index: 20; 
        }
        div#menuPopUp ul {
            margin: 0; 
            padding: 0; 
        }
        div#menuPopUp li {
            display: block; 
            margin: 3px; 
            border: 1px outset #b37d00;
            width: 230px; 
            height: 30px; 
            font-size: large; 
            background-color: #C7C5C5; 
            padding: 3px 0 0 5px; 
            cursor: pointer; 
            cursor: hand;
        }
        
    /* </editor-fold>*/
    div#left_design_bar toolbarResize {
            display: block; 
            bottom: 0; 
            left: 0;
            margin: auto; 
            width: 200px;
            height: 45px; 
        }
 
    div.closeButton { 
        display: block; 
        border: 1px outset #b37d00;
        width: 30px; 
        height: 30px; 
        background-image: url("http://www.charters.link/images/icons/closeX.png"); 
        background-size: contain;
        background-color: #C7C5C5; 
        margin: auto; 
        cursor: pointer; 
        cursor: hand;
    }
    div#left_design_bar div#bottom select { 
        width: 235px; 
        margin: 2px; 
    }
    
    div#active_window { 
        display: block; 
        position: absolute; 
        top: 80px; 
        left: 261px;  
        overflow: auto; 
        width: 100%; 
        width: -webkit-calc(100% - 271px);
        width: -moz-calc(100% - 271px); 
        width: calc(100% - 271px); 
        padding: 5px; 
          
    }
    
    div#optionalTopMenu { 
        display: block;
        text-align: center; 
        overflow: hidden; 
        background-color: #2e74a7; 
        height: 35px;
        text-align: center; 
        padding: 0 10px 0 10px;
        border-radius: 0 0 0 15px;
        margin: 0; 
        clear: both;
        position: absolute; 
        z-index: 10;
        top: 40px; 
        left: 260px; 
        width: 100%; 
        width: -webkit-calc(100% - 280px);
        width: -moz-calc(100% - 280px); 
        width: calc(100% - 280px); 
    }
    div#optionalTopMenu img { 
        height: 31px; 
        margin: 1px 0px 1px 5px; 
        border: 1px solid #6ebce9; 
        border-radius: 0 5px 5px 5px; 
    }
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="System Messages"> */ 
div#systemMessage {
    border: 5px solid black; 
    border-radius: 0 15px 15px 15px; 
    width: 70%; 
    margin: -4px auto 10px auto;
    background-color: #fff3a8;
    text-align:center; 
    
}
div#systemMessage ul {
    text-align: left; 
}
div#systemMessage img { 
    display: block; 
    float: right; 
    margin: 3px 3px 0 0;
    top: 10px; 
    right: 10px;
}
div#sysConfirmation { 
    position: fixed;
    display: block; 
    padding: 4px; 
    border-radius: 0 10px 10px 10px; 
    background-color: rgba(255, 243, 168, 0.7);
    text-align: center; 
    bottom: 10px; 
    right: 10px; 
    border: 1px solid #6ebce9; 
}

div#UIsystemMessages {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 200;
}

#UIsystemMessages .message, #UIsystemMessages .error {
    background-image: url("http://localhost/clink/images/icons/closeX.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 28px auto;
    border: 3px solid #2a2a2a;
    border-radius: 0 15px 15px;
    display: block;
    margin: 0 auto 12px;
    width: 75%;
}
#UIsystemMessages .message { 
    background-color: rgba(255, 246, 168, 0.92);
}
#UIsystemMessages .error {
    background-color: rgba(255, 102, 102, 0.92); 
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Disable WebKit Calendar to use jQuery"> */ 
input::-webkit-calendar-picker-indicator{
    display: none;
}
input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}
/* </editor-fold>*/

/* TABLES */ 
/* <editor-fold defaultstate="collapsed" desc="General Tables Classes"> */ 
.fixed { 
	table-layout: fixed; 
}
.alternate tr:nth-child(even) {
	background-color: #FFF;
}
.alternate tr:nth-child(odd) {
	background-color: #edebdd;
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="results_table Table Setup"> */ 
.results_table { 
	border-collapse: collapse; 
	border: 1px solid black; 
	width: 100%;
        margin-bottom: 20px;
}
.results_table th { 
	background-color: #6ebce9; 
	font-weight: bold; 
	border: 1px solid black; 
	border-bottom: 4px solid #2a2a2a; 
}
.results_table td { 
	border: 1px solid black;
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="min_table Table Setup"> */ 
.min_table { 
	border-collapse: collapse; 
	border: 1px solid black; 
	width: 100%;
        margin-bottom: 20px;
        font-size: small; 
}
.min_table th { 
	background-color: #EDEBDD; 
	font-weight: bold; 
	border: 1px solid black; 
	border-bottom: 4px solid #2a2a2a; 
        font-size: small; 
}
.min_table td { 
	border: 1px solid black;
        font-size: small; 
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Other Tables"> */ 
.email_list .date_col {max-width: 50px; }
.email_list .from_col {max-width: 60px; }
tr.white { background-color: white; }
tr.gold  { background-color: #fff3a8; }
table.info_table { 
    border-collapse: collapse; 
    display: block;
    margin: 2px 0px 5px 25px;
    
}
table.info_table th { 
    background-color: #6ebce9; 
    font-family: "open Sans Condensed", sans-serif;
    font-size: small;
    font-weight: bold; 
    padding: 2px 5px 0 5px; 
    text-align: center;
    border: 1px solid black;
    border-bottom: transparent; 
}
table.info_table td {
    border: 1px solid black; 
    border-top: transparent; 
    padding: 3px; 
}

table.infoTable { border-collapse: collapse; margin: 5px; }
table.infoTable tr { border: 1px solid black; }
table.infoTable th { background-color: gray; font-weight: bold; font-size: small; padding: 2px 5px 0px; text-align: right; border: 1px solid black; }
table.infoTable td { padding: 2px 5px 0px 5px; border: 1px solid black; }; 


tr.asmYear th { 
    text-align: left; 
    background-color: #cc7829;
    font-size: x-large; 
    padding: 0 10px 0 0;
}
tr.asmMonth th { 
    text-align: left; 
    padding: 0 10px 0 20px; 
    background-color: #fff3a8; 
}
tr.groupedHdr td { 
    background-color: #fff3a8; 
    padding: 0 0 0 20px; 
    font-size: large; 
    font-weight: bold;
}
/* </editor-fold>*/

/* FORMS */
/* <editor-fold defaultstate="collapsed" desc="entry_form Table Setup"> */ 
.entry_form { 
	border-collapse: collapse; 
	border: 1px solid black; 
	width: 100%;
	background-color: #edebdd;
        table-layout: fixed; 
}
.entry_form th { 
	text-transform: uppercase; 
	font-size: smaller; 
	text-align: left; 
	border-top: 1px solid black; 
	padding: 1px 0 0 4px; 
	font-family: 'Open Sans Condensed', sans-serif;
}
.entry_form td { 
	border-bottom: 1px solid black; 
	padding: 0 25px 8px 4px;
}
.entry_form input:not([type=radio]):not([type=checkbox]):not([type=submit]), .entry_form select, .entry_form textarea {
	width: 100%;
	border-radius: 6px;
	border-style: inset;
}


/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Form Div Setup"> */ 

.form                                                                           { 
    width: 960px; 
    max-width: 100%; 
    display: block; 
    margin: auto; 
    padding: 5px; 
    background-color: #edebdd; 
    border-radius: 0px 10px 10px 10px;
    border: 2px solid black; 
    box-shadow: 4px 4px 2px #b2b2b2;
}
.form_simple {
	border-radius: 0 15px 15px 15px;
	background-color: white; 
	border: 3px solid black;
	padding: 3px; 
        display: block; 
}

div.form span.formResponse, div.form span.fm{ 
    display: block; 
    margin: 5px 5px 0 10px; 
    float: left; 
    max-width: 100%; 
}
.form span.hidden { display: none; }
.form label                                                                     {
    background-color: #6ebce9; 
    padding: 0 5px 0 5px; 
    border: 1px solid black; 
    border-radius: 0 10px 10px 10px; 
    font-size: small; 
    font-family: 'Open Sans Condensed', sans-serif; 
    font-weight: bold;
}
.form button, .form input[type=submit], .form input[type=button], .form .button  { 
	display: block;
	width: auto;
	min-width: 36px; 
	margin: 0 10px; 
        padding: 0; 
	padding: 6px; 
        box-shadow: 4px 4px 2px #b2b2b2;
        border-radius: 0 12px 0 12px; 
        border: 1px solid #2a2a2a; 
        float: left; 
}
button.form_buton { 
    display: block; 
    margin: 5px auto 5px auto; 
    text-align: center; 
}
label.plain                                                                     { 
    display: block; 
    float: left; 
    border: none; 
    background-color: transparent; 	
}
.form .fslabel { 
    font-size: large; 
    background-color: #2e74A7;
    color: #fff3a8; 
}
.form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]), .form textarea, .form select, span.formResponse {
    border-radius: 0 12px 12px 12px;
    border: 2px solid #2e74a7;
    display: block;
    margin: 0px 0px 5px 8px; 
    padding: 14px 6px 3px 3px; 
    vertical-align: bottom; 
    font-size: large; 
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    max-width: 100%; 
    box-sizing: border-box; 
}
.form select { border-radius: 0 0 0 12px; }
.form label + input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]), .form label + textarea , .form label + select, .form label + span.formResponse  { 
    margin-top: -4px; 
}
.form fieldset                                                                  {
    border-radius: 0 10px 10px 10px; 
    padding: 15px 5px 5px 5px;
    margin: -10px 0 0 0;
    border: 2px solid #2a2a2a;
    max-width: 100%; 
}
.form .error { background-color: #FFBFBF; border: 3px solid red; }
.form #lastSelect { display: none; }
.form input[type=radio], .form input[type=checkbox], .entry_form input[type=radio], .entry_form input[type=checkbox] { 
    display: block;
    float: left;
    width: 30px; 
    clear: both; 
}
.form input[type=radio]:checked + label, .form input[type=checkbox]:checked + label { 
    background-color: #cc7829;
}
.form h2.form_heading { 
    margin: 2px 0 0 0; 
    padding: 0 0 5px 0; 
    width: 100%; 
    text-align: center; 
}


.form_w1 { max-width: 320px; }
.form_w2 { max-width: 640px;}
.form_w3 { max-width: 960px; }



/* <editor-fold defaultstate="collapsed" desc="1 Column Options"> */ 
span.w11 { width: 290px; }
.w11 input , .w11 textarea, .w11 select, .w13 .formResponse { width: 282px; }
.w11 fieldset { width: 276px; }
.w11 fieldset input, .w11 fieldset textarea, .w11 fieldset select, .w11 fieldset span.formResponse { width: 263px; }
.w11 fieldset fieldset { width: 257px; }
.w11 fieldset fieldset input, .w11 fieldset fieldset textarea, .w11 fieldset fieldset select, .w11 fieldset fieldset span.formResponse { width: 244px; }
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="2 Column Options"> */ 
span.w12 { width: 297px; }
.w12 input, .w12 textarea , .w12 select, .w12 .formResponse { width: 278px; }
.w12 fieldset { width: 285px; }
.w12 fieldset input, .w12 fieldset textarea, .w12 fieldset select, .w12 fielset span.formResposne { width: 272px; }
.w12 fielset fieldset { width: 266px; }
.w12 fieldset fieldset input, .w12 fieldsett fieldset textarea, .w12 fieldset fieldset select, .w12 fieldset fieldset span.formResponse { width: 253px; }

.w22 input, .w22 textarea , .w22 select, .w22 .formResponse { width: 591px; }
.w22 fieldset { width: 591px; }
.w22 fieldset input, .w22 fieldset textarea, .w22 fieldset select, .w22 fielset span.formResposne { width: 578px; }
.w22 fielset fieldset { width: 572px; }
.w22 fieldset fieldset input, .w22 fieldsett fieldset textarea, .w22 fieldset fieldset select, .w22 fieldset fieldset span.formResponse { width: 559px; }

/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="3 Column Options"> */ 
span.w13 { width: 300px; }
.w13 input , .w13 textarea, .w13 select , .w13 .formResponse { width: 292px; }
.w13 fieldset { width: 286px; }
.w13 fieldset input , .w13 fieldset textarea , .w13 fieldset select , .w13 fieldset span.formResponse { width: 273px; }
.w13 fieldset fieldset { width: 267px; }
.w13 fieldset fieldset input, .w13 fieldset fieldset textarea, .w13 fieldset fieldset select, .w13 fieldset fieldset span.formResponse { width: 254px; } 

span.w23 { width: 615px; }
.w23 input , .w23 textarea , .w23 select , .w23 span.formResponse { width: 607px; }
.w23 fieldest { width: 601px; }
.w23 fieldset input , .w23 fieldset textarea , .w23 fieldset select , .w23 fieldset span.formResponse { width: 588px; }
.w23 fieldset fieldset { width: 582px; }
.w23 fieldset fieldset input, .w23 fieldset fieldset textarea, .w23 fieldset fieldset select, .w23 fieldset fieldset span.formResponse { width: 569px; } 

span.w33 { width: 930px; }
.w33 input , .w33 textarea , .w33 select , .w33 span.formResponse { width: 922px; }
.w33 fieldset { width: 916px; }
.w33 fieldset input , .w33 fieldset textarea , .w33 fieldset select , .w33 fieldset span formResponse { width: 903px; }
.w33 fieldset fieldset { width: 897px; }
.w33 fieldset fieldset input, .w33 fieldset fieldset textarea, .w33 fieldset fieldset select, .w33 fieldset fieldset span.formResponse { width: 884px; } 

/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="4 Column Options"> */ 
.form w14 { max-width: 240px; }
.form w24 { max-width: 470px; }
.form w34 { max-width: 700px; }
.form w44 { max-width: 960px; } 

span.w14 { width: 221px;}
.w14 input , .w14 textarea , .w14 select , .w14 span.formResponse { width: 215px; }
.w14 fieldset { width: 207px; }
.w14 fieldset input , .w14 fieldset textarea , .w14 fieldset select , .w14 fieldset span.formResponse  { width: 194px; } 
.w14 fieldset fieldset { width: 185px; }
.w14 fielsdset fieldset input , .w14 fielsdset fieldset textarea , .w14 fielsdset fieldset select , .w14 fielsdset fieldset span.formResponse  { width: 172px; } 

span.w24 { width: 457px;}
.w24 input , .w24 textarea , .w24 select , .w24 span.formResponse { width: 451px; }
.w24 fieldset { width: 443px; }
.w24 fieldset input , .w24 fieldset textarea , .w24 fieldset select , .w24 fieldset span.formResponse  { width: 430px; } 
.w24 fieldset fieldset { width: 424px; }
.w24 fielsdset fieldset input , .w14 fielsdset fieldset textarea , .w14 fielsdset fieldset select , .w14 fielsdset fieldset span.formResponse  { width: 411px; } 

span.w34 { width: 693px;}
.w34 input , .w34 textarea , .w34 select , .w34 span.formResponse { width: 687px; }
.w34 fieldset { width: 679px; }
.w34 fieldset input , .w34 fieldset textarea , .w34 fieldset select , .w34 fieldset span.formResponse  { width: 666px; } 
.w34 fieldset fieldset { width: 660px; }
.w34 fielsdset fieldset input , .w14 fielsdset fieldset textarea , .w14 fielsdset fieldset select , .w14 fielsdset fieldset span.formResponse  { width: 647px; } 

span.w44 { width: 929px;}
.w44 input , .w44 textarea , .w44 select, .w44 span.formResponse { width: 923px; }
.w44 fieldset { width: 915px; }
.w44 fieldset input , .w44 fieldset textarea , .w44 fieldset select, .w44 fieldset span.formResponse { width: 902px; } 
.w44 fieldset fieldset { width: 896px; }
.w44 fielsdset fieldset input , .w14 fielsdset fieldset textarea , .w14 fielsdset fieldset select , .w14 fielsdset fieldset span.formResponse  { width: 883px; } 
/* </editor-fold>*/

/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="list_form table"> */ 
table.list_form { 
    width: 95%;
    margin: 5px auto 5px auto; 
    border-collapse: collapse; 
    border: none; 
    display: block;
}
table.list_form th.set { 
    background-color: #fff3a8; 
    font-weight: bold; 
    text-align: left; 
}
table.list_form tr { 
    
}
table.list_form th { 
    font-weight: bold;
    text-align: left; 
    border-bottom: 1px solid black; 
}
table.list_form td { 
    border-bottom: 1px solid black; 
    max-width: 306px; 
}
table.list_form fieldset { 
    width: 300px; 
    margin: 0; 
    padding: 3px;
    border: 0px transparent; 
}
table.list_form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]), table.list_form textarea, table.list_form select, span.formResponse {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    max-width: 100%; 
    width: 300px; 
}
table.list_form input[type=radio], table.list_form input[type=checkbox], table.list_form input[type=radio], table.list_form input[type=checkbox] { 
    display: block;
    float: left; 
    float: left;
    width: 30px; 
    clear: both; 
}
.form_button { 
    clear: both;
    display: block;
    margin: 5px auto;
    text-align: center;
    border: 1px solid #2a2a2a;
    border-radius: 0 12px;
    box-shadow: 4px 4px 2px #b2b2b2;
    display: block;
    margin: 0 auto 7px auto;
    min-width: 36px;
    padding: 6px;
    width: auto;
}

/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Special Form Pieces"> */ 
div.newmsg { background-image: url('../images/icons/ico_email.png'); background-repeat: no-repeat; } 
div.newmsg #toBox 
#msgCurrentListUL { list-style-type: none; margin: 0 0 0 23px; padding: 0; text-indent: -23px; }
/* </editor-fold>*/


/* GENERAL / MISC */ 
/* <editor-fold defaultstate="collapsed" desc="No Groups"> */ 
ul.nomargin { margin: 0 0 5px 0; }
.center { 
	display: block; 
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
}
img.icon { 
        margin-left: 5px; 
        margin-right: 5px; 
        width: 24px; 
}
.asmRowOverdue td {
        background-color: red;
}
img.click_cursor { 
        cursor: pointer; 
        cursor: hand; 
}
.jsLink { 
        color: blue; 
        cursor: pointer; 
        cursor: hand;
}
.actionButton { 
        clear: both; 
        width: auto; 
        display: inline-block;
        float: right; 
        margin: 10px 6px 6px 6px; 
        background-color: #fff3a8; 
        padding: 3px 10px; 
        border: 2px solid black; 
        border-radius: 10px; 
        box-shadow: 4px 4px 2px #2a2a2a; 
        text-align: center; 
        cursor: pointer; 
}
.late { 
    background-color: rgba(255, 0, 0, .5) !important;
}
.signature { 
    font-family: 'Parisienne', cursive;
    display: block; 
    font-size: xx-large; 
    color: blue;
    border: 1px solid red;
    text-align: center;
    background-color: #dcdcdc;
}
.signature_info { 
    display:block; 
    text-align: center; 
    font-size: small; 
    font-style: italic; 
    color: #2a2a2a; 
}
img.linkShortcut { width: 15px; height: 15px; margin: 0 7px 0 7px; }
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Tool Bar Divs"> */ 
div.htoolbar { 
        display: table;
        border: 1px solid black; 
        border-radius: 10px;
        background-color: #edebdd;
        clear: both; 
        padding: 4px 10px 4px 10px; 
        margin: 5px auto 5px auto;
    }
div.htoolbar img { margin: 0 5px 0 5px;  }
div.paginate-bar { 
        margin: 5px 0 4px 0; 
        padding: 5px; 
        background-color: #edebdd; 
        text-align:center;
    }
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="POP Action Shades and Information"> */ 

div.background-shade{ 
    width: 100%; 
    height: 100%;
    position: fixed;
    display: block;
    background-color: rgba(42, 42, 42, .8);
    top: 0; 
    left: 0;
}
div.popped { 
    display: block; 
    width: 90%; 
    margin: 0px auto 0px auto;
    position: fixed; 
    top: 30px; 
    left: 30px;
    max-height: 85%; 
    overflow-y: auto; 
    z-index: 21;
}
div.popped img.close_btn { 
    display: block; 
    position: relative;
    float: right; 
    width: 30px; 
    height: 30px; 
}
div.popped button { 
    display: block; 
    padding: 4px; 
    width: 150px; 
    border: solid black 1px;
    background-color: #fff3a8;
    border-radius: 6px; 
    text-align: center; 
    font-size: large; 
    margin: 5px auto 4px auto; 
    color: #2e74a7; 
}
div.popped div.pop_out { 
    box-shadow: 10px 10px 5px #6ebce9;
}
div#popped_item2 { 
    z-index: 11;
    position: fixed; 
    top: 0; 
    left: 0; 
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Reoccuring Options"> */ 

.reocc_options table { 
    width: 95%; 
    border-collapse: collapse; 
} 
.reocc_options th { 
    border: 1px solid black; border-bottom: transparent; text-align: center; font-weight: normal; 
}
.reocc_options td { 
    border: 1px solid black; border-top: transparent; text-align: center; margin: auto; 
}
.reocc_options table { 
    border: transparent; 
}
.reocc_options table.collapse { 
    border-collapse: collapse;
}
.reocc_options input[type='radio'] { 
    width: auto; 
    margin: auto;
}
.reocc_options input[type=number] { 
    width: 90%; 
}
.reocc_options p { 
    margin: 5px 0 0 0; font-weight: strong; 
}
#listDatesHere p { 
    font-weight: normal;
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Information Boxes for Display"> */ 
div.right_col {
    display: inline-block; 
    float: right; 
    margin: 5px 5px 10px 15px; 
}
div.right_col div.block { 
    width: auto;
    padding: 0; 
    margin: 5px; 
    background-color: #DCDCDC;
    border-radius: 0 10px 10px 10px; 
    box-shadow: 3px 3px 3px #2e74a7;
}
div.right_col ul, div.info_box ul { 
    padding: 0 5px 0 17px;
    margin: 0; 
}
div.right_col h2 { 
    font-family: 'Changa One' ,cursive; 
    font-size: large; 
    font-weight: normal; 
    text-align: center; 
    background-color: #6ebce9; 
    border-radius: 0 10px 0 0; 
    padding: 0 8px 0 8px; 
}
div.right_col p { 
    text-align: center;
    margin: 0 0 10px 0;
}
div.right { display: block; float: right;  }
div.right_half { display: block; float: right; width: 48%; } 
div.left {display: block; float: left; }
div.left_half { display: block; float: left; width: 48%; }
div.info_box { 
    border-radius: 0 10px 10px 10px; 
    border: 3px solid #2e74a7;
    padding: 5px; 
    min-width: 250px; 
    margin: 10px; 
    background-color: #fff3a8;
    box-shadow: 3px 3px 3px #2e74a7;
    display: block;
    overflow-x: hidden;
    max-width: 50%; 
}
div.info_box h2 {
    border-radius: 0 10px 0 0; 
    background-color: #6ebce9; 
    font-family: 'Changa One' ,cursive; 
    font-size: large; 
    font-weight: normal; 
    text-align: center;
    margin: -5px -5px 5px -5px; 
}
div.info_box h2 img, div.right_col h2 img { 
    display: block; 
    float: right; 
    margin: 1px 5px 0 0; 
    width: 20px;
    height: 20px; 
}
div.info_box h3 { 
    background-color: #dcdcdc; 
    font-family: 'Changa One', cursive;
    font-size: medium; 
    font-weight: normal; 
    font-style: italic;
    text-align: center; 
    margin: -5px -5px 5px -5px; 
    color: #cc7829;   
}
div.info_box ul { 
    margin: 2px 0px 15px 0px; 
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Tabs"> */ 
.tabsDivider { 
    clear: both; 
    overflow: hidden; 
    background: transparent; 
    width: 100%; 
    margin: auto; 
}
.tabsDivider .ui-widget-header { 
    background: transparent; 
    border: transparent;
    border-bottom: none; 
}
.tabsDivider .ui-widget-content { 
    border: 1px solid black; 
    background: transparent; 
    overflow: hidden; 
}
.tabsDivider { 
    border: none; 
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Sortable Divs"> */ 
#sortable { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 400px; 
}
#sortable li { 
    margin: 0 3px 3px 3px; 
    padding: 0.4em; 
    padding-left: 1.5em; 
    font-size: 1.4em; 
    height: 18px; 
}
#sortable li span { 
    position: absolute; 
    margin-left: -1.3em; 
}

#double_sort { 

}
#sortable1, #sortable2, #sortable3 { 
    list-style-type: none; 
    margin: 0; 
    float: left; 
    margin-right: 10px; 
    background: #eee; 
    padding: 5px; 
    width: 245px;

}
#sortable1 li, #sortable2 li, #sortable3 li  { 
    margin: 5px; 
    padding: 5px; 
    font-size: 1.2em; 
    width: 225px;
}

/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Help Screens"> */ 
.help_box { margin: 10px; display: block; max-width: 752px; border: 1px solid black; background-color: #dcdcdc; }
.help_box h2 { text-align: center; }

/* </editor-fold>*/


/* OBJECTS */ 
/* <editor-fold defaultstate="collapsed" desc="obj_block Object Related Item Block"> */ 
div.bg_block { 
    margin: 5px auto 20px auto;
    background-color: #edebdd;
    border: 3px solid black; 
    border-radius: 0 15px 15px 15px; 
    clear: both;
    display: inline-block;
    overflow: hidden;
    padding: 5px; 
    font-size: medium; 
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
}
div.obj_block { 
    width: 90%; 
    margin: 5px auto 20px auto;
    background-color: #edebdd;
    border: 3px solid black; 
    border-radius: 0 15px 15px 15px; 
    clear: both;
    display: block;
    overflow: hidden;
    padding: 5px; 
    font-size: medium; 
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
}
div.obj_block h1 { 
    text-align: center; 
    text-decoration: underline; 
}
div.obj_block div.info_block {
    display: block; 
    float: right; 
    top: 0; 
    right: 0;
    border-left: 2px solid black; 
    border-bottom: 2px solid black; 
    margin: -7px -7px 0 0; 
    padding: 6px; 
}
div.obj_block div.box { 
    display: block; 
    float: left; 
    border: 1px solid black; 
    padding: 2px; 
    max-width: 200px; 
    min-height: 50px; 
}
div.obj_block span.title { 
    display: block; 
    margin: auto; 
    font-family: "Changa One", cursive; 
    font-size: medium;
    font-weight: normal; 
    text-decoration: underline; 
    text-align: center; 
}
div.obj_block button.large_button { 
  background-color: #fff3a8;
  border: 1px solid black;
  border-radius: 6px;
  color: #2e74a7;
  display: block;
  font-size: large;
  margin: 5px auto 4px;
  padding: 4px;
  text-align: center;
  width: 150px;
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Submission Item Block"> */ 
div.sbm_item { 
	width: 80%; 
	margin: 5px auto 20px auto;
	background-color: #edebdd;
	border: 3px solid black; 
	border-radius: 0 15px 15px 15px; 
	clear: both;
	display: block;
	overflow: hidden;
}
.sbm_item span.deadline { 
	min-width: 120px;
	max-width: 20%;
	background-color: #2e74a7; 
	border-radius: 0 15px 15px 15px; 
	position: relative;
	top: -3px; 
	left: -3px;
	display: block;
	float: left;
	color: #edebdd;
	font-family: 'Permanent Marker', cursive;
	margin: -3px 10px 5px -3px;
	padding: 7px; 
}
.sbm_item span.date {
	font-size: 50px;
	display: block;
	margin: auto;
	text-align: center;
	line-height: 43px;
}
.sbm_item span.remain { 
	display: block;
	font-size: 26px;
	margin: auto;
	text-align: center;
	color: #6ebce9;
}
.sbm_item span.title { 
	display: block; 
	float: left; 
	font-family: 'Changa One', cursive;
	font-size: x-large; 
}
.sbm_item span.details { 
	display: block; 
	float: left; 
}
.sbm_item span.group {
	display: block; 
	float: left;
	overflow: hidden; 
	border: 1px solid black;
	min-width: 125px;
}
.sbm_item span.label {
	display: block; 
	float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	background-color: #6ebce9;
	font-size: small;
	width: 100%;
	padding: 2px 2px 0px 4px; 
	text-align: center;
}
.sbm_item span.info {
	display: block;
	float: left;
	clear: both;
	padding: 4px;
}
.sbm_item .group .info ul { 
        padding: 0; 
        margin: 0;
}
.sbm_item img.toggle_more { 
	display: block; 
 	float: left;
	width: 30px;
	margin: 4px;
}
.sbm_item span.full_details { 
	clear: both;
	display: block; 
	float: left; 
	margin: 10px; 
}
.sbm_item span.full_details h1 { 
	font-family: 'Changa One', cursive;
	font-size: large; 
	text-decoration: underline;
        margin-top: 10px; 
}
.sbm_item div.toolbar { 
    display: block; 
    float: right; 
    clear: both;
    margin: 3px; 
}
.sbm_item div.toolbar img { 
    margin: 10px; 
}
.sbm_item ul { 
    margin-top: 0;    
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Dashboard Styles"> */ 
div.dashboard { 
	max-width: 778px;
	display: block; 
	margin: auto;
}
div.dashboard div, div.dashboard_block {
	display: block;
	float: left;
	width: 240px; 
	margin: 5px 7px 5px 0px; 
	background-color: #b2b2b2;
	border-radius: 0 15px 15px 15px;
	padding: 5px; 
	min-height: 250px;
	overflow: hidden; 
}
div.dashboard div h1, div.dashboard_block h1 {
	width: 250px;
	background-color: #2a2a2a;
	border-top-right-radius: 15px;
	color: #edebdd; 
	font-family: 'Changa One', cursive;
	font-size: large;
	text-align: center;
	margin: -5px 0px 3px -5px ; 
        cursor: pointer; 
}
div.dashboard div h2, div.dashboard_block h2 {
	width: 100%;
	font-family: 'Permanent Marker', cursive;
	font-size: xx-large;
	text-align: center;
	color: #2e74a7;
	line-height: .85em;
	margin-bottom: 10px; 
        cursor: pointer; 
}
div.dashboard div div.chart, div.dashboard_block div.chart { 
	width: 95%; 
	background-color: transparent;
	clear: both; 
	display: block;
	margin: 0 auto 5px auto;
	height: 200px;
}
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Calendars"> */ 
table.calendar { 
	table-layout: fixed;
	border-collapse: collapse; 
	border: 1px solid black; 
	width: 100%; 
}
table.calendar th {
	background-color: #2a2a2a;
	color: #fff3a8;
	font-weight: bold;
	border-top: 2px solid #2e74a7;
	border-right: 2px solid #2e74a7; 
	border-left: 2px solid #2e74a7;
}
table.calendar td {
	border-bottom: 2px solid #2e74a7;
	border-right: 2px solid #2e74a7;
	border-left: 2px solid #2e74a7;
	min-height: 300px;
	display: table-cell;
}
table.calendar ul {
	margin: 0 0 0 12px ;
	padding: 3px;
	list-style-position: outside;
}
table.calendar li {
	font-size: small; 
}
ul.cal_list {}
ul.cal_list li {display: block; width: 100%; font-size: x-large; font-weight: bold; border-bottom: 2px solid black; margin: 15px 0 0 0; }
ul.cal_list ul li { font-size: medium; font-weight: normal; border-bottom: none; border-left: 1px solid black;  display: block; margin: 0; padding: 0 0 0 10px;  }

/* Comment Box */ 
div.comments { 
    margin: 10px 0px 10px 20px; 
    
}
div.comments table { 
	border-collapse: collapse; 
	width: 100%;
        clear: both; 
        /*border-radius: 10px 10px 0 0; */
}
div.comments th { 
    font-size: small; 
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
    border: 1px solid black; 
        
}
div.comments td { 
    font-family: 'Open Sans', sans-serif;
    border: 1px solid black;
    font-size: small; 
}
div.comments tr:first-child { 
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    height: 26px;
}
div.comments tr:first-child th { 
    border-bottom: 5px black solid; 
    border-top: transparent; 
    border-right: transparent; 
    border-left: transparent; 
    
    border-radius: 15px 15px 0 0; 
    background-color: #6ebce9;
}
div.comments tr:not(.heading) {
    
}
div.comments tr:nth-child(2) th { 
    border: 1px solid black; 
}

/*
div.comments tr:first-child th {
        border-bottom: 2px solid black;
        border-radius: 10px 10px 0 0; 
        padding: 0 -1px 0 -1px; 

        background-color: #6ebce9;
        font-size: small;
        position: relative;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	width: auto;
	height: 26px;

        
}
 */ 

 /*
div.comments .alternate tr:nth-child(even) {
	background-color: #FFF;
}
div.comments .alternate tr:nth-child(odd) {
	background-color: #fff3a8;
}
div.comments th {
        font-size: small; 
        font-weight: bold;
        font-family: 'Open Sans Condensed', sans-serif;
        border: 1px solid black; 
        z-index: 1;
}
div.comments td { 
        font-family: 'Open Sans', sans-serif;
        border: 1px solid black;
        font-size: small; 
        z-index: 1;
    
}
 */
 
	/*
div.comments tr.heading th {
        background-color: #6ebce9;
	padding: 0 5px 0 5px;
	border: none;
	font-size: small;
	position: relative;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	width: auto;
	height: 26px;
        */ 
        
/*  	background-image: url(../images/icons/comment.png);
	background-repeat: no-repeat;
	background-size: 36px 36px; 
}
*/
 
/*
div.comments tr.heading th.left {
        border-radius: 10px 0px 0px 0px;
        border-bottom: 2px solid black; 
    
}
div.comments tr.heading img { 
    height: 26px; 
}
div.comments tr.heading th.right { 
        border-radius: 0px 10px 0px 0px; 
        border-bottom: 2px solid black;
}
div.comments textarea { 
        width: 98%; 
        margin: auto;
        
}
div.comments tr th { width: 12%; }
*/


/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="MSG Message Options"> */ 
div.msg_top { 
        display: block; 
        width: 80%; 
        padding: 10px; 
        margin: 25px auto 0px auto; 
        background-color: #fff3a8; 
        border: 1px solid black; 
        border-bottom: 3px solid black; 
        border-radius: 0 12px 0 0; 
}
div.msg_bottom { 
        display: block; 
        width: 80%; 
        padding: 10px; 
        margin: 0 auto 10px auto; 
        border: 1px solid black; 
        min-height: 150px; 
        background-color: #F2EFD8; 
        border-radius: 0 0 12px 12px;
}
div.msg_bottom textarea { 
        width: 100%;
}
/* </editor-fold>*/


/* <editor-fold defaultstate="collapsed" desc="Blank Text Area To Use"> */ 
/* </editor-fold>*/
/* <editor-fold defaultstate="collapsed" desc="Blank Text Area To Use"> */ 
/* </editor-fold>*/
.hide { 
        display: none; 
}
.hidden { 
        display: none; 
}


@media print { 
    .no-print, .no-print * { display: none !important; }
    #logo { margin: auto; }
    .printable { display: block !important; }
    #left_design_bar, #top_design_bar, #shortcutToolBar, #optionalTopMenu { display: none !important; }
    #active_window { 
        display: block !important; 
        width: 26cm !important; 
        left: 5px !important; 
        top: 5px !important; 
        height: auto !important;  
        page-break-after: always;  
        overflow-y: visible; 
        overflow-x: visible; 
    }
}