/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/



/***************************
*       BASIC STYLES    
****************************/
body
{
    background-image:url('images/background.jpg');
    background-color: #5c87b2;
    background-repeat: repeat-x;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}


/***************************
*       LINKS    
****************************/
a:link
{
    color: #003d82;
    text-decoration:none;
}
a:visited
{
    color: #003d82;
    text-decoration:underline;
    border-style: dotted solid;
}
a:hover {
    color: #d85500;
    text-decoration: underline;
    border-style: dotted solid;
}
a:active {
    color: #003d82;
    text-decoration: underline;
    border-style: dotted solid;
}
a:focus
{
    outline: 3px solid #d85500;
    outline-offset: 2px;
    border-radius: 2px;
}
input:focus, textarea:focus, select:focus
{
    outline: 3px solid #d85500;
    outline-offset: 2px;
}

input[type="button"]:focus, input[type="submit"]:focus, button:focus
{
    outline: 3px solid #d85500;
    outline-offset: 2px;
}

/***************************
*       FORM STYLES    
****************************/
input, button, textarea, select
{
    font-family: inherit;
    font-size: inherit;
}
a image
{
    border: none;
}
#main p a:link {text-decoration: underline;}

.breadcrumbs 
{
    border-bottom: 1px dashed #003d82;
}



/***************************
*       HEADINGS   
****************************/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #585858;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}
.subtitle {
    font-size: 7pt;
    color: #494949;
}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}



/***************************
*       PRIMARY LAYOUT   
****************************/


#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    min-width:750px;
}

#footer
{
    font-size: .9em;
    padding:2px 0px;
    color:#CCC;
    height:50px;
}
#footer a:link
{
    color:#003d82;
    text-decoration: underline;
}
#footer a:visited
{
    color:#003d82;
    text-decoration: underline;
}
#footer a:hover {
    color: #d85500;
    text-decoration: underline;
}

#BottomLinks
{
    float:right;
    text-align:right;
}
#BottomLinks a {text-decoration:underline;}

.shrink {font-size:75%;}

/***************************
*       TABS   
****************************/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: left;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: underline;
    border-bottom: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color:  #003d82;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}




/***************************
*       FORM STYLES
****************************/
fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    color: #585858;
}

input[type="text"], textarea
{
    border: 1px solid #CCC;
}



input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

.adminform input {margin-top:10px;}
.txtSmall {width:50px;}
.txtMedium {width:150px;}
.txtLarge {width:250px;}
.txtXL {width:400px;}
.txtXXL {width:550px;}
.formrow {margin-bottom:25px;}

form dl.fields {clear: both;}
form .fields dt {float: left; text-align:right; margin-right:10px; padding-top:1em; width:12em;}

form .fields dd {margin-bottom:10px;}
    TD.FormInfo 
    {
        width:750px; 
        border:none;
        padding:10px; 
        vertical-align:top;
    }
    
    
    
    
    
/***************************
*       TABLE STYLES
****************************/

table 
{
  border-collapse: collapse;
}

table td 
{
  padding: 5px;  
  vertical-align:top; 
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4;   
}







/***************************
*   ERRORS AND VALIDATION
****************************/
.error{ background: #FBE3E4; color: #8a1f11;}
#errorDiv
{
    display:none; 
    border: 2px solid #8a1f11; 
    background: #FBE3E4; 
    color: #8a1f11; 
    font-weight:bold; 
    padding:5px; 
    text-align:center; 
    margin:10px 0px 0px 0px; 
    color: #8a1f11;
}
#errorList
{
    margin:0px;
    text-align:left;
}

.required:after
{
    content:"*"; 
    color:red; 
}

#menucontainer
{
    margin-top:20px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
    height:20px;    
}

#logindisplay a:link
{
    color: white;
}

#logindisplay a:visited
{
    color: white;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}
.SmallText {font-size:8pt;}

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}




/***************************
*       MISC
****************************/
.clear
{
    clear: both;
}


.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.emphbox
{
    border:1px solid #CCC;
    padding: 4px;
    background-color:#F6F6F6;
}
.emphbox h3
{
    margin-bottom:2px;
}
.emphbox dl
{
    font-size:11pt;
}
.emphbox img
{
    border:none;
}
.contentdiv
{
    width:850px;
}

.fakelink
{
    color: #2d5f91;    
}
.fakelink:hover
{
    cursor:pointer;
    color:#F60;
}
.fakelink-button
{
    color: #2d5f91;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
}
.fakelink-button:hover
{
    cursor: pointer;
    color: #F60;
}
.fakelink-button:focus
{
    outline: 2px solid #F60;
    outline-offset: 2px;
}


#membershiptable
{
    border:1px solid #5b86b1;
    margin-top:10px;
    font-size:8pt;
    border-collapse:collapse;
}
#membershiptable th
{
    background-color:#5c87b2;
    color:#FFF;
    font-weight:bold;
}    
#membershiptable th, #membershiptable td
{
    border:1px solid #5b86b1;
}
.evenrow
{
    background-color:#FFF;
}
.oddrow
{
    background-color:#bdd7f0;
}
.inactive, .inactive a {color:#8a1f11;}
.active, .active a {color: Green;}
.future, .future a {color:Purple;}
.subtitle {font-weight:bold;}
    
    
    #forasearch
{
    font-size:20pt;
    margin-left:25px;
    padding:20px;
    border: 3px solid #888;
    width:500px;
    text-align:center;
}
#forasearch p
{
    text-align:center;
    font-size:8pt;
    margin:0px;
}
#forasearchText
{ 
    font-size:20pt;
    margin:0px;
}
#forasearchSubmit 
{
    font-size:10pt;
    vertical-align:middle;
    margin:0px;
}    
.fancybutton
{
    background-color: #585858;
    color:#FFF;
}
#txtSearch
{
    color:#CCC;
}
#searchResults ul { list-style-type: none; font-size:12pt; font-weight:bold; border-left:1px solid #5C87B2; background-color:#FCFDFD;}
#searchResults li { border-bottom:1px solid #5C87B2; }
#SearchGroupResults{width:90%;}
.hidden {display:none;}
.AddLink{background:transparent url(images/add.png) center left no-repeat; padding-left:17px;}
.DeleteLink{background:transparent url(images/delete.png) center left no-repeat; padding-left:17px;}
.AcceptLink{background:transparent url(images/accept.png) center left no-repeat; padding-left:17px;}
.CancelLink{background:transparent url(images/cancel.png) center left no-repeat; padding-left:17px;}
.UploadLink{background:transparent url(images/arrow_up.png) center left no-repeat; padding-left:17px;}
.EditLink{background:transparent url(images/page_edit.png) center left no-repeat; padding-left:17px;}
.ui-widget-content a.AddLink, .ui-widget-content a.DeleteLink, .ui-widget-content a.AcceptLink, .ui-widget-content a.CancelLink, .ui-widget-content a.EditLink
{
    color: #2d5f91;
    text-decoration:none;
}
.ui-widget-content a.AddLink:visited, .ui-widget-content a.DeleteLink:visited, .ui-widget-content a.AcceptLink:visited, .ui-widget-content a.EditLink:visited, .ui-widget-content a.CancelLink
{
    color: #2d5f91;
    text-decoration:none;
}
.ui-widget-content a.AddLink:hover, .ui-widget-content a.DeleteLink:hover, .ui-widget-content a.AcceptLink:hover, .ui-widget-content a.EditLink:hover, .ui-widget-content a.CancelLink
{
    color: #f60;
    text-decoration: none;
}
.ui-widget-content a.AddLink:active, .ui-widget-content a.DeleteLink:active, .ui-widget-content a.EditLink:active, .ui-widget-content a.AcceptLink:active, .ui-widget-content a.CancelLink
{
    color: #7ebaf8;
}
 #PageMenu
 {
    padding:2px;
    width:150px;
    float:left;
    margin-right:20px; 
 }
 
 
 #PageMenu li {margin-left:-20px;}    
 
    .Delete 
{
    width:18px;
    text-align:center;
}

.MenuTitle
{
    background-color:#585858;
    color:#FFF;
    font-size:10pt;
    font-weight:bold;
    text-align:center;
    padding:2px;
}
.FileSize {width:100px;}
.FileTable
{
    float:left;
    width:450px;
    margin:5px;
    border:1px solid #D1D9DF;
    border-collapse:collapse;
        
}
.FileTable th
{
    border:1px solid #D1D9DF;
    border-collapse:collapse;
}
    
    .FileTable td
{
    border-bottom:1px solid #D1D9DF;
    border-collapse:collapse;
}
    
.Image
{
    background: url(/Content/images/image.png);
    background-repeat: no-repeat;
    padding-left:16px;
    height:18px;
}
.Pdf
{
    background: url(images/page_white_acrobat.png);
    background-repeat: no-repeat;
    padding-left:16px;
    height:18px;
}
.Word
{
    background: url(images/page_word.png);
    background-repeat: no-repeat;
    padding-left:16px;
    height:18px;
}
.Excel
{
    background: url(images/page_Excel.png);
    background-repeat: no-repeat;
    padding-left:16px;
    height:18px;
    font-size:1.1em;
}
.Powerpoint
{
    background: url(images/page_white_powerpoint.png);
    background-repeat: no-repeat;
    padding-left:16px;
    height:18px;
}
.GenericFile
{
    background: url(images/page.png);
    background-repeat: no-repeat;
    padding-left:16px;
    height:18px;
}
.Archive
{
    background: url(images/page_white_zip.png);
    background-repeat: no-repeat;
    padding-left:16px;
    height:18px;
}

/***************************
*    ACCESSIBILITY - jqGRID KEYBOARD NAVIGATION   
****************************/
.ui-jqgrid-bdiv[tabindex]:focus {
    outline: 3px solid #4A90E2;
    outline-offset: 2px;
    box-shadow: 0 0 5px rgba(74, 144, 226, 0.5);
}

.ui-jqgrid-bdiv[tabindex]:focus::after {
    content: "Grid is focused. Use arrow keys to scroll, Page Up/Down for page scrolling, Home/End to jump to start/end.";
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 9999;
    font-weight: normal;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/***************************
*    jqGRID ACCESSIBILITY ENHANCEMENTS   
****************************/
/* Ensure proper text wrapping in jqGrid (already set in ui.jqgrid.css but reinforced here) */
.ui-jqgrid tr td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Adjust row heights dynamically (handled by JavaScript) */
.ui-jqgrid-bdiv {
    overflow-x: auto;
    overflow-y: auto;
}
form .fields dt {width: 12em;}
#ConfirmDeleteDiv{display:none;}
.LinkList {border-top:1px solid #2d2d2d; border-bottom:1px solid #888; width:50%;}
#PageListDiv {margin-top:15px;}
#PageDiv {
    padding: 5px;
    background-color: #f8f8f8;
    border-bottom: #f8f8f8;
    border: 1px solid #d1d1d1;
}
#PageList li 
{  
    background: url(images/tactile1.png);
    background-repeat: no-repeat;
    padding-left:15px;
    cursor: move;
    display: block;
    margin:5px 0px 5px -35px;
    list-style-type:none;
}
#PageList a {color: #2D5F91;}
#PageList a:hover {color: #F60;}
.ui-toggle {
    display: inline-block;
    float: right;
}
.legend
{
    padding:5px;
    cursor:pointer;
}
#list tr.jqgrow td 
{
    white-space: normal !important;
}
h4 {text-align:center;}
#jqgriddiv {width:90%;}
#gview_list{width:90%;}
.ui-jqgrid-titlebar{height:25px;}


div#jqueryFileTree ul.jqueryFileTree li.directory a.FileLink {
    display: inline-block;
    width: 100%;
    padding-left: 10px;
}

div#jqueryFileTree ul.jqueryFileTree li.file a.FileLink {
    display: inline-block;
    width: 100%;
    padding-left: 10px;
}

.admin-group-list {
    min-height: 24px;
    display: flex;
    gap: 4px;
}

input, select {
    padding: 4px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.no-fields {
    color: black;
    font-style: italic;
    list-style: none;
    padding: 10px;
    text-align: center;
}