body, div, table, td, input, select, textarea, th {
   font-size: 13px;
   font-family: Arial, Helvetica;
   color: Black;
}

a {
   color: #333399;
   text-decoration: None;
}
a:hover {
   color: #800000; 
   text-decoration : Underline;
}
a.Del {
   color: #FF0000;
}

label { font-weight: bold; }


.TitleBar {
   background: url(/CMS/Images/SideNavBg.gif) #436da9 repeat-x;
   border: 1px solid #113366;
   border-bottom: 0px;
   padding-left: 10px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 10px;
   /*font-variant: small-caps;*/
   color: white;
   font-weight: normal;
   font-size: 13px;
}

.title-bar {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}


.TitleBar a, .TitleBar a:link, .TitleBar a:hover, .TitleBar a:active, .TitleBar a:visited {
   color: white;
   font-size: 10px;
   font-family: verdana;
}


.TitleBar a:hover {
   text-decoration: underline;
}


.FeaturedText {
   font-family: Arial, Helvetica;
}


.PageTitle {
   font-weight: bold;
   font-size: 13px;
}


.SubTitle {
   color: #1c3a78;
   font-variant: small-caps;
   font-weight: bold;
}

.Crumb, .Crumb a, .Crumb a:link, .Crumb a:hover, .Crumb a:active, .Crumb a:visited {
   font-size: 10px;
   color: white;
   font-weight: normal;
}

.BorderBox {
   border-top: 1px solid #E0E0E0;
   border-left: 1px solid #E0E0E0;
   border-right: 1px solid #B8B8B8;
   border-bottom: 1px solid #B8B8B8;
   padding: 10px;
   background-color: #f5f5f5;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   box-shadow: 0px 0px 2px #E0E0E0;
   -moz-box-shadow: 0px 0px 2px #E0E0E0;
   -webkit-box-shadow: 0px 0px 2px #E0E0E0;
}
.BorderBox:hover {
   background-color: white;
}

.HideThis { /* Some things just need a hidden class */
   display: none;
}


/*--------------------------------------------------------*/
/*                   Used in report pages                 */
/*--------------------------------------------------------*/
/**/
/* class used for report title row above main column header row*/
/* this is the color currently used in the non active tab in cms (5.17.2010)*/
.RptTitleRow, .RptTitleRow a, .RptTitleRow td {
   /* dark blue color of non active CMS tabs */
   background-color: #34507C;
   color: White;
}


/* class used for report group heading row */
.GroupHeader, .GroupHeader a, .GroupHeader td {
   /* light tan */
   background-color: #F5E1B7;
   color: Black;
}


/* class used for report group footer row */
.GroupFooter, .GroupFooter a, .GroupFooter td {
   /* light tan */
   background-color: #FFFFC0;
   color: Black;
}


/*--------------------------------------------------------*/
/*                   Used in .NET pages                   */
/*--------------------------------------------------------*/
/**/
/*Tag used for heading row of list view pages*/
.AppHeading {
   background-color: #C0C0C0;
   font-family: Arial, Helvetica;
   font-size: 14px;
   font-weight: normal;
   color: Black;
   border-bottom: 0px;
   padding-left: 10px;
   padding-top: 2px;
   padding-bottom: 3px;
   padding-right: 10px;
}


.AppHeading a, .AppHeading a:active, .AppHeading a:visited {
   color: #003399;
}


.AppSubHeading, .AppSubHeading  a {
   font-size: 11px;
   color: black;
}


.AppSubHeading a, .AppSubHeading a:active, .AppSubHeading a:visited {
   color: #333399;
}


.AppSubHeading a:hover {
   text-decoration: underline;
   color: Maroon;
}


.PreBottom {
   background-color: #DEDEDE;
   border: 1px solid black;
   border-top: 0px;
}


/*Bottom row for tables.  Generally contains update button*/
.Bottom {
   background-color: #C0C0C0;
   border: 1px solid black;
   border-top: 0px;
   padding: 4px 8px 3px 4px;
}

/* Colors List Views */
.ListTable thead td { background-color: #C0C0C0; }
.ListTable tbody td { background-color: white; }
.ListTable tbody tr:nth-child(even) td { background-color: #deecff; }


/*Styles for common form tables or boxes like detail or wizard views
These are similar to the bottom and pre-bottom above but do not have any
borders and work better in forms boxes that already have a border around the
outer box*/
   .CrispBorderBox {
      border: 1px solid black;
      background: #f5f5f5; 
   }

   .form-main {
      width: min(600px, 80%);
      margin: 0 auto;
   }

   .form-title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
   }

   .form-group {
      margin-bottom: 20px;
   }

   .form-label {
      display: block;
      font-weight: bold;
      margin-bottom: 5px;
   }

   .form-input {
      display: block;
      width: 100%;
      padding: 10px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 4px;
      background-color: #fff;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      box-sizing: content-box;
   }

   .form-input:focus {
      border-color: #5e72e4;
      outline: none;
      box-shadow: 0 0 0 0.2rem rgba(94, 114, 228, 0.25);
   }

   .button {
      cursor: pointer;
      display: inline-block;
      padding: 10px 20px;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      border-radius: 4px;
      transition: background-color 0.15s ease-in-out;
   }

   .button-primary {
      border: 1px solid #5e72e4;
      background-color: #5e72e4;
      color: #fff;
   }

   .button-primary:hover {
      background-color: #3f4d9e;
   }

   .button-secondary {
      color: #5e72e4;
      border: 1px solid #5e72e4;
      background-color: transparent;
   }

   .button-secondary:hover {
      background-color: #5e72e4;
      color: #fff;
   }
   
   .FormContent {
      padding: 10px 20px;
   }
   
   .FormSubRow {
      font-weight: bold;
      background-color: #DEDEDE;
      padding: 3px;
      margin-top: 10px;
   }

   .FormDatesRow {
      /* generally contains entered and revised dates */
      background-color: #DEDEDE;
      padding: 4px 3px 3px 3px;
      text-align: center;
   }

   .FormButtonRow {
      /*Typically last row in a form table. Generally contains cancel/update buttons*/
      background-color: #C0C0C0;
      padding: 4px 8px 3px 4px;
      text-align: right;
   }
   
   /*** IFrame Styles ***/
   .FormTabRow {
      background: #808080;
      padding: 0px;
   }
   .FormTabRow > a {
      background-color: #404044;
      display: inline-block;
      padding: 7px;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      color: white;
      text-transform: uppercase;
      cursor: pointer;
      margin-right: 2px;
   }
   .FormTabRow > a:hover,
   .FormTabRow > a.On {
      background: #547eba;
      text-decoration : none;
      color: white;
   }
   
   .FormIframeRow {
      background: #547eba;
      padding: 5px;
   }
   .FormIframeRow > iframe {
      border: 0px;
      width: 100%;
      height: 265px;
   }
   
/*-------------------------------------------------------------------------*/


/*Tag used for special features/functions row of list view pages*/
.ListFunctions {
   background-color: #666666;
   font-weight: normal;
   padding: 2px;
   border-right: 1px solid black;
   border-left: 1px solid black;
}


/*Tag used for heading row of list view pages*/
.Header, .Header a {
   background-color: #C0C0C0;
   font-weight: normal;
   color: Black;
}


.HeaderOn, .HeaderOn a {
   /*background-color: #003366; */
   background-color: #304973;
   color: White;
}


.HeaderOn a:hover {
   color: White;
}


a.New,
td.New,
.ListTable thead td.New {
   background-color: maroon;
   text-align: center;
   vertical-align: middle;
   font-size: 12px;
   text-decoration: none;
   font-weight: bold;
}
td.New a, a.New {
   display: block;
   margin: -3px;
   line-height: 20px;
   padding: 0px 3px;
   text-decoration: none;
   color: white;
}


/*Extra styling for non list pages*/
.Content {
   padding: 5px;
   border: solid 1px black;
}


/* grid row primary and alternate bgcolor */
.GridRow {
   background-color: White;
   color: Black;
}


.GridRowAlt {
   background-color: #DEECFF;
   color: Black;
}

/* Stacked List item defaults */
.ModuleList {
   font-family: Arial;
	font-size: 12px;
}
   
.ModuleList li {
   Padding-bottom: 8px;
}
   
.ModuleList a {
   font-family: Arial;
	font-size: 14px;
   font-weight: normal;
   text-decoration: none;
}

.ModuleList a:hover { 
   text-decoration: underline;
}

/* Additional Classes used in common admin type forms */
td.WindowClose {
   font-family: Arial;
	font-size: 11px;
   font-weight: normal;
   text-align: right;
   padding: 5px;
}




/*--------------------------------------------------------*/
/*                   Admin Tabs                           */
/* Make sure to include _Common/AdminTabs.js and Jquery   */
/*--------------------------------------------------------*/
ul.AdminTabs {
   margin: 0px;
   padding: 0px;
   display: table;
   width: 100%;
   table-layout: fixed;
   border-spacing: 0px;
   background-color: #7ca7de;
   padding-bottom: 5px;
}

ul.AdminTabs li {
   list-style: none;
   display: table-cell;
   padding: 0px;
   margin: 0px;
}

ul.AdminTabs li a {
   color: Black;
   text-align: center;
   line-height: 21px;
   display: block;
   background: url(/CMS/Images/AdminTabs.png) repeat-x;
   background-color: #ffb246;
   border-top: 1px solid #ffb246;
   border-right: 1px solid #ffb246;
   border-left: 1px solid #ffc778;
}

ul.AdminTabs li a:hover {
   text-decoration: none;
   background-color: #cde0ef;
   border-top: 1px solid #cde0ef;
   border-right: 1px solid #cde0ef;
   border-left: 1px solid #e6ecf0;
}

ul.AdminTabs li a.On {
   background-color: #7ca7de;
   border-top: 1px solid #7ca7de;
   border-right: 1px solid #7ca7de;
   border-left: 1px solid #a9c0de;
}


/*--------------------------------------------------------*/
/*                       Cropping Tool                    */
/*--------------------------------------------------------*/
.ImageTool {
   display: table-cell;
   padding: 10px;
   background-color: white;
   border: 1px solid black;
   text-align: center;
   vertical-align: middle;
   width: 200px; /* Max Width of Image */
   height: 200px; /* Max Height of Image */
}
.ImageTool:hover {
   background-color: #e5f7ff;
   border: 1px solid #00aaff;
}


/*--------------------------------------------------------*/
/*                   Skycog Branding                      */
/*--------------------------------------------------------*/
.SkycogPatch {
   text-decoration: none;
   display: inline-block;
   width: 140px;
   height: 39px;
   background: url('/cms/Images/skycog/skycog-patch-gray.png');
   background-position: 0px 0px;
}
.SkycogPatch:hover {
   background-position: 140px 0px;
}