/* **************************************************************
// FILE: Default.css
// **************************************************************
// Copyright (c) 2006-2013 Ivinex
//
// PURPOSE:  This file contains the default CSS styles
//
// **************************************************************
// Author(s):  Craig Austin <caustin@ivinex.com>
//             Bret Lund <blund@ivinex.com>
// **************************************************************/

/* ---------------------------------------------------------*/
/* GENERAL */
/* ---------------------------------------------------------*/
*,
*:before,
*:after
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
html
{
 height: 100%;
}
body
{
   font-family: Arial, "MS Trebuchet", sans-serif;
   font-size: 100%;
   line-height: 1em;
   margin: 0;
   padding: 0;
   fill: currentColor;
}
svg
{
   fill: currentColor;
}
p
{
   font-size: 11px;
   margin-bottom: 1em;
   line-height: 1.2em;
}
h1
{
   font-size: 18px;
   font-weight: bold;
   line-height: 1.2em;
}
h2
{
   font-size: 16px;
   font-weight: bold;
   line-height: 1.2em;
}
h3
{
   font-size: 14px;
   font-weight: bold;
   line-height: 1.2em;
}
h4, h5, h6
{
   font-size: 12px;
   font-weight: bold;
   line-height: 1.2em;
}
hr
{
   clear: both;
   display: block;
   width: 100%;
   height: 1px;
   padding: 0;
   margin: .5em auto;
   background: #E6E6E6;
   border-style: none;
}
table, th, td
{
   font-size: 11px;
}
th
{
   text-align: left;
}
fieldset
{
   position: relative;
   margin-bottom: .5em;
   padding: .75em;
   overflow: hidden;
   border-radius: 3px;
}
legend
{
/*   font-size: .875em;*/
   font-size: 12px;
   font-weight: bold;
   padding: 0;
}
/* !! For some reason text areas are not using the main declared font */
textarea
{
   font-family: Arial, "MS Trebuchet", sans-serif;
   font-size: 11px;
}
/* Links and Linked Record Links */
.Link, .FieldLink
{
   font-size: 11px;
}
.DefaultText /* OLD SYSTEM SUPPORT */
{
   font-size: 11px;
}
table.DefaultText th, table.DefaultText td /* OLD LAYOUT TABLE SUPPORT */
{
   padding: 2px;
}
table.LayoutTable th, table.LayoutTable td /* USED for interface layout .. for now */
{
   padding: 2px;
}
.ShadedText
{
   font-size: 11px;
}
.RelatedText
{
   font-size: 12px;
}
.RadioBoxText
{
   cursor: default;
}

/* Column Styles */
.col100
{
   clear: both;
   position: relative;
   margin-bottom: 1%;
   box-sizing: border-box;
}
.col75
{
   float: left;
   width: 73%;
   margin-right: 4%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}
.col75-last
{
   float: left;
   width: 73%;
   margin-right: 0 !important;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}
.col50
{
   float: left;
   width: 48%;
   margin-right: 4%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}
.col50-last
{
   clear: right;
   float: left;
   width: 48%;
   margin-right: 0 !important;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}
.col33
{
   float: left;
   width: 30.66%;
   margin-right: 4%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}
.col33-last
{
   clear: right;
   float: left;
   width: 30.66%;
   margin-right: 0 !important;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}
.col25
{
   float: left;
   width: 22%;
   margin-right: 4%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}
.col25-last
{
   clear: right;
   float: left;
   width: 22%;
   margin-right: 0 !important;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}
.col16
{
   float: left;
   width: 16%;
   margin-right: 5%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}
.col16-last
{
   clear: right;
   float: left;
   width: 16%;
   margin-right: 0 !important;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

/* ---------------------------------------------------------*/
/* LOGIN PAGE */
/* ---------------------------------------------------------*/
/* NOTE: Do we need to relocate login page colors to themes? */
.LoginWrapper
{
   position: relative !important;
   max-width: 600px;
   width: 430px;
   padding: 0;
   margin: 10% auto 0 auto !important;
   border-radius: 3px !important;
}
.LoginHeader
{
   position: relative;
   padding: 1em 1em 1em 1em;
   background-color: rgb(255, 255, 255);
}
.LoginHeader p
{
   margin-top: 0;
}
.LoginLock
{
   position: absolute;
   bottom: -25px;
   left: 50%;
   width: 50px;
   height: 50px;
   padding: 0;
   margin-left: -25px;
   border-radius: 50%;
   background-color: rgb(255, 255, 255);
   background-image: url(../Login/Lock.png);
   background-position: center center;
   background-repeat: no-repeat;
}
.LoginBody
{
   padding: 1.5em 3em .5em 3em !important;
}
.FormGroup
{
   margin-bottom: 1em;
}
.FormGroup label
{
   display: inline-block;
   margin-bottom: .5em;
   font-size: 14px;
/*   font-weight: bold;*/
   color: #575757;
}
.LoginWrapper .FormControl
{
   display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.428571429;
   color: #555;
   vertical-align: middle;
   border: 1px solid #ccc;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.LoginButton, .SendPasswordButton
{
   padding: .25em;
   margin-bottom: .5em !important;
}
.LoginError
{
   border-left: solid 3px #c90000;
   padding: .5em;
   font-size: 14px;
   color: #fff;
   text-align: center;
   background-color: rgba(255, 0, 0, 0.5);
   margin-bottom: .5em !important;
}
.LoginSuccess
{
   border-left: solid 3px #00a22e;
   padding: .5em;
   font-size: 14px;
   color: #fff;
   text-align: center;
   background-color: rgba(2, 149, 27, 0.5);
   margin-bottom: .5em !important;
}
.LoginForgotPassword
{
   float: left;
}
.LoginFooter
{
   padding-top: 1em;
   clear: both;
}
.LoginFooter p
{
   font-size: 10px;
   color: #575757;
}
.LoginCopyright
{
   float: left;
}
.LoginPoweredBy
{
   float: right;
}

/* ---------------------------------------------------------*/
/* NEW CLASSES -- ORGANIZE LATER */
/* TODO: Organize Mix-ins */
/* ---------------------------------------------------------*/
.img-responsive
{
   max-width: 100%;
   height: auto;
}
.text-left
{
   text-align: left;
}
.text-center
{
   text-align: center;
}
.text-right
{
   text-align: right;
}
.text-justify
{
   text-align: justify;
}
.text-nowrap
{
   white-space: nowrap;
}
/* ---------------------------------------------------------*/
/* HEADER */
/* ---------------------------------------------------------*/
.PageHeader
{
   position: relative;
   height: 60px;
   width: 100%;
   margin: 0;
   padding: 0;
   clear: both;
   z-index: 9999999;
   font-size: 12px;
}
.PageHeaderLogo
{
   position: relative;
   width: 15%;
   max-height: 60px;
   min-width: 210px;
   margin: 0;
   padding: .5em;
   overflow: hidden;
   float: left;
   text-align: center;
}
.GlobalSearchContainer
{
   width: 10%;
   margin: 1.2em .5em 0 1em;
   padding: 0;
   border-radius: 3px;
   float: left;
}
.GlobalSearchText
{
   width: 100%;
   border: none;
   margin: 0;
   padding: .5em .5em .5em 2.5em;
/*   font-size: .78em;*/
   border-radius: 3px;
}

/* Header Tools */
.HeaderTools
{
   position: relative;
   margin: 1.3em 10px 0 0;
   padding: 0;
   float: right;
}
/* Header Feature Tools & Custom Header Tools */
.FeatureHeaderTools, .CustomHeaderTools
{
   position: relative;
   overflow: hidden;
   float: left;
}
.FeatureHeaderTools
{
   margin: 0 .5em 0 0;
}
.CustomHeaderTools
{
   margin: 0 .5em 0 0;
}
.FeatureHeaderToolsGroup, .CustomHeaderToolsGroup
{
   position: relative;
   display: inline-block;
   vertical-align: middle;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   height: 30px;
}
.FeatureHeaderToolsButton, .CustomHeaderToolsButton
{
   position: relative;
   display: inline-block;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
}
.FeatureHeaderToolsContent, .CustomHeaderToolsContent
{
   position: relative;
   display: inline-block;
   vertical-align: top;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
}

/* ---------------------------------------------------------*/
/* CONTENT */
/* ---------------------------------------------------------*/
.PageBody
{
   position: relative;
   margin: 0;
   padding: 1em;
}
/* ---------------------------------------------------------*/
/* SECTION WINDOWS */
/* ---------------------------------------------------------*/
.Section, .PopupSection, .PopupSectionAlert, .PopupSectionTool
{
   position: absolute;
   margin: 0;
   padding: 0;
   z-index: 1;
   border-radius: 0;
   overflow: hidden; /* IE fix */
/*   NOTE currently possible to reduce width to invisible! */
/*   min-width: 150px;*/
}
.Section, .PopupSection, .PopupSectionAlert, .PopupSectionTool
{
   border-style: solid;
   border-width: 1px;
}
.SectionHeader, .PopupSectionHeader, .PopupSectionAlertHeader, .PopupSectionToolHeader
{
   text-align: left;
   padding: .5em .5em;
   font-weight: bold;
   font-size: .813em; /* 16x0.813=13 */
   overflow: hidden; /* IE fix */
}
.SectionHeaderTitle
{
   padding: 0;
   white-space: nowrap;
   overflow: hidden;
}
/*
.SectionBody, .PopupSectionBody, .PopupSectionAlertBody, .PopupSectionToolBody
{
   border-radius: 0 0 3px 3px;
   font-size: 11px;
}
*/
.PopupSectionCloseButton
{
   float: right;
   width: 18px;
   height: 16px;
   cursor: pointer;
   padding: 0;
   margin: 0;
   border-radius: 3px;
}
/* SECTION BODY */
.SectionBody, .PopupSectionBody, .PopupSectionAlertBody, .PopupSectionToolBody
{
   overflow: auto;
   padding: .25em;
   margin: 0;
   font-size: 11px;
}

/* Recordset Paging */
.RecordsetPaging
{
   float: right;
   font-size: 11px;
   margin: 0 .25em 0 0;
}
.PreviousRecords
{
/*   float: right;*/
   margin-right: .25em;
}
/*
.NextRecords
{
   float: right;
}
*/
/* ---------------------------------------------------------*/
/* DATA TABLES & TOOLS */
/* ---------------------------------------------------------*/

/* Quick Search Field above refresh tables */
.QuickSearchTable
{
   border: none;
   font-size: 11px;
   width: 100%;
   clear: both;
   margin: 0;
   z-index: 500;
   position: relative;
   top: 2px;
}
.QuickSearchTable td
{
   margin: 0;
   padding: 0;
}
.QuickSearchInput
{
   font-size: 1em;
   width: 100%;
   padding: .25em;
   border-style: solid;
   border-width: 1px;
}
.QuickSearchInputFirst
{
   padding-left: 2em;
/*   padding: .25em .25em .25em 2em;*/
}
/* Used to display the row numbers on the collection tables */
.DisplayRowNumbers
{
   font-size: 11px;
}
/* Used for the Tables */
.CollectionTableDiv
{
/*   overflow: hidden; <-- Changed to enable the tool menu to show. Shouldn't cause problems. */
   clear: both;
}
.RefreshTableDiv
{
   overflow: auto;
   clear: both;
}
.CollectionTable, .DisplayOptionsTable
{
   font-size: 12px;
   border: none;
   border-collapse: separate;
   border-spacing: 1px;
}
.CollectionTable th, .CollectionTable td, .DisplayOptionsTable th, .DisplayOptionsTable td
{
   font-size: 12px;
   /*   padding: 3px 2px 3px 2px;*/
   padding: .25em;
   vertical-align: middle;
}
/* NEW class to be used sitewide for Tables WITH data in it. */
.IvinexTable
{
   font-size: 12px;
   border: none;
   border-collapse: separate;
   border-spacing: 1px;
   width: 100%;
   table-layout: fixed;
}
.IvinexTable th, .IvinexTable td
{
   font-size: 12px;
   padding: 3px 2px 3px 2px;
   vertical-align: middle;
   overflow: hidden;
}
.IvinexTable th
{
   color: #FFFFFF;
   background-color: #afb3b6;
}
/*
.TableData th, .TableData td / * USE FOR GENERIC TABLES * /
{
padding:			2px;
}
*/
.TableHeader
{
   font-weight: bold;
}
.TableHeaderCell, .TableRowEven, .TableRowOdd, .TableRowSelected, .TableRowMouseOver
{
   cursor: pointer;
}
.TableRowRemoved
{
   cursor: pointer;
}
.TableCell
{
   padding: 2px 2px 2px 2px;
   overflow: hidden;
}
.TableCellNoWrap
{
   padding: 2px 2px 2px 2px;
   overflow: hidden;
   white-space: nowrap;
}
.TableHeaderCellDivNoWrap
{
   overflow: hidden;
   white-space: nowrap;
}
.TableCellDivNoWrap
{
   margin: 0;
   /*   margin: 0 4px 0 4px;*/
   overflow: hidden;
   white-space: nowrap;
}
.TableEditableCellInput
{
   font-size:     11px;
   width:         100%;
   box-sizing:    border-box;
}
/* ---------------------------------------------------------*/
/* FORM ELEMENTS & TOOLS */
/* ---------------------------------------------------------*/
.SearchContainer
{
   margin: 0 .25em 0 0;
   padding: 0;
   border-radius: 3px;
   float: left;
}
.SearchText
{
   font-size: 11px;
   width: 100%;
   height: 18px; /* This value looks best in all browsers */
   border-width: 1px;
   border-style: solid;
   margin: 0;
   padding-left: 2em;
   border-radius: 3px;
}
.FilterContainer
{
   margin: 0 .25em 0 0;
   padding: 0;
   border-radius: 3px;
   float: left;
}
.FilterSelectContainer
{
   margin: 0;
   padding: 0;
   border-radius: 3px;
   float: left;
}
/* IE hack (hide the default drop arrow) */
.FilterSelect::-ms-expand
{
   display: none;
}
.FilterSelect
{
   font-size: 11px;
   height: 18px; /* This value looks best in all browsers */
   border-style: solid;
   border-width: 1px;
   margin: 0 .25em 0 .25em;
/*   padding-left: 1.4em;*/
   padding-left: .25em;
   padding-right: .25em;
   border-radius: 3px;
   min-width: 115px;
   max-width: 150px;
   text-indent: 1px;
   text-overflow: '';
/* Remove default select appearance */
   -webkit-appearance: none;
   -mox-appearance: none;
   appearance: none;
}
.FilterEdit, .FilterNew, .FilterRefresh
{
   width: 18px;
   height: 18px;
   margin: 0 .25em 0 0;
   padding: 0;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   float: left;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   transition: all 0.5s ease;
}
.FilterEdit a, .FilterNew a, .FilterRefresh a
{
   display: block;
   width: 18px;
   height: 18px;
   font-size: 11px;
   text-decoration: none;
}
/* Filter Popup */
.SearchCriteriaGroup
{
   border-style: solid;
   border-width: 2px;
   padding: 2px;
}
/* And select joining the search criteria group */
.SearchCriteriaGroupJoin
{
   margin: 5px 0 5px 200px;
}
/* Table for the search group */
.SearchCriteriaTable
{
   width: 100%;
}
/*
.SearchCriteriaSection
{
   border-style: solid;
   border-width: 1px;
   border-color: #E0E0E0;
}
*/
.ActionButton
{
   height: 18px;
   font-size: 11px;
   text-align: center;
   text-decoration: none;
   margin: 0 .25em .1em .25em;
   cursor: pointer;
   border-width: 1px;
   border-style: solid;
   border-radius: 3px;
   transition: all 0.5s ease;
}
.ActionButton:hover
{
   background-image: none;
}
.FormButton
{
   height: 18px;
   font-size: 11px;
   text-align: center;
   text-decoration: none;
/*   padding: .2em .5em;*/
   margin: 0 .25em .1em .25em;
   cursor: pointer;
   border-width: 1px;
   border-style: solid;
   border-radius: 3px;
   width: 100%;
   overflow: hidden;
   transition: all 0.5s ease;
}
.FormButton:hover
{
   background-image: none;
}

/* Button Mix-In Styles */
.ButtonMedium
{
   font-size: 14px;
   height: auto;
}
.ButtonLarge
{
   font-size: 18px;
   height: auto;
}
.ButtonExtraLarge
{
   font-size: 24px;
   height: auto;
}
.ButtonBlock
{
   display: block;
   width: 100%;
   padding-left: 0;
   padding-right: 0;
   margin: 0 0 .25em 0;
}

/*
input[type="text"], input[type="button"], input[type="tel"], input[type="email"], input[type="date"], input[type="datetime"], input[type="color"], input[type="url"], select, textarea
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
*/

/*
.DetailsTab, .DataViewSectionSubTab
{
   cursor: pointer;
   border-style: solid;
   border-width: 1px;
   margin: 2px;
   text-align: center;
   padding: 3px 4px 3px 4px;
   font-size: 11px;
   font-weight: bold;
   float: left;
   border-radius: 3px 3px 3px 3px;
   white-space: nowrap;
}
.DetailsTabSelected, .DataViewSectionSubTabSelected
{
   cursor: pointer;
   border-style: solid;
   border-width: 1px;
   margin: 2px;
   text-align: center;
   padding: 3px 4px 3px 4px;
   font-size: 11px;
   font-weight: bold;
   float: left;
   border-radius: 3px 3px 3px 3px;
   white-space: nowrap;
}
*/
.ControlLabel
{
   font-size: 11px;
   text-align: right;
   padding: 0 3px 0 0;
   margin: 0;
   float: left;
}
.ControlBody
{
   font-size: 11px;
   float: left;
   margin: 0;
}
.ControlElement
{
   font-size: 11px;
   height: 18px; /* This value looks best in all browsers */
   margin: 0;
   padding: 0;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
}
/* Help make the checkbox and radio input look better */
/* NOTE: This was disabled because ie10 would not render checkboxes at the right size.
input[type="checkbox"], input[type="radio"]
{
   height: 14px;
   margin-top: 2px;
}
*/
/* Help make the radio value text look better */
.RadioBoxText
{
   display: inline-block;
   height: 18px;
   margin-top: 1px;
   vertical-align: top;
   padding: 0 8px 0 4px
}
/* Style for the select time popup */
.SelectTime
{
   border-style: solid;
   border-width: 1px;
   font-size: 11px;
   text-align: center;
   text-decoration: underline;
}
/* Style for the select duration popup */
.SelectDuration
{
   border-style: solid;
   border-width: 1px;
   font-size: 11px;
   text-align: center;
   text-decoration: underline;
}
/* Remove browser default border on focus */
/* Why? because it looks really ugly */
input:focus
{
   outline: none;
}
/* ---------------------------------------------------------*/
/* NAVIGATION MENUS */
/* ---------------------------------------------------------*/

/* Generic Menu Styles */
.Nav ul ul
{
   display: none;
}
.Nav ul li:hover > ul
{
   display: block;
}
.Nav ul
{
   list-style: none;
   position: relative;
   display: inline-table;
}
.Nav ul:after
{
   content: "";
   clear: both;
   display: block;
}
.Nav ul li
{
   float: left;
   margin: 0 .5em 0 0;
   padding: 0;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   cursor: pointer;
   transition: all 0.25s ease;
}
.Nav ul li a
{
   display: block;
   overflow: hidden;
/*   font-size: .75em;*/
   text-decoration: none;
   white-space: nowrap;
   padding: .5em .75em;
   transition: all 0.25s ease;
}
.Nav ul ul
{
   position: absolute;
   top: 100%;
   padding-top: .25em;
   border-radius: 3px;
   z-index: 999999;
}
.Nav ul ul li
{
   float: none;
   position: relative;
   margin: 0;
   padding: 0 .25em .25em .25em;
   border-radius: 3px;
   cursor: pointer;
   border: none;
}
/* IE can't deal with this..
.Nav ul ul li:first-child
{
   padding-top: .25em;
   border-radius: 3px 3px 0 0;
}
.Nav ul ul li:last-child
{
   border-radius: 0 0 3px 3px;
}
*/
.Nav ul ul li a
{
   padding: .25em 1em .25em 1em;
   border-radius: 3px;
}
.Nav .SubNav
{
   padding-right: 1.25em;
   cursor: pointer;
}

/* PRIMARY MENU */
.PrimaryMenu
{
   position: relative;
   margin: 1.3em 10px 0 10px;
   padding: 0;
   float: left;
}

/* NAV OVERFLOW MENU */
.NavOverflow, .NavOverflow a
{
   width: 30px;
   white-space: nowrap;
   overflow: hidden;
   text-indent: 200%; /* 200% to fix firefox */
}
/* Not needed if using Nav ul ul padding-top.
.NavOverflowUL
{
   padding-top: 0 !important;
}
*/
.NavOverflowUL a
{
   text-indent: 0;
}
.CollectionTabOverflow a, .CollectionTabOverflowSelected a
{
   width: 168px; /* Overflow columns are set to 175px */
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

/* USER TOOLS MENU */
.UserTools
{
   position: relative;
   float: right;
}
.UserTools ul li a
{
   padding: 0;
}
.UserTools ul ul
{
   right: 0;
}
.UserToolsPicture
{
   width: 28px;
   height: 28px;
   border-radius: 3px;
   margin: 0 .75em 0 0;
   float: left;
}
.UserToolsPicture img
{
   width: 28px;
   height: 28px;
   border-radius: 3px;
}
.UserToolsName
{
   padding-top: .5em;
   margin: 0 1em 0 0;
   float: left;
}
.UserTools ul ul li a
{
   padding-left: 2.5em;
}

/* SUB TAB MENU */
.SubTabMenu
{
   margin: 0 0 .25em 0;
}
.SubTabMenu ul > li > a
{
   font-size: 11px;
   padding: .2em .75em;
}

/* RECORD LIST TOOLS MENU */
.RecordListTools
{
   float: right;
}
.RecordListToolsMenu
{
   width: 18px;
   height: 18px;
   margin: 0 !important;
   text-indent: 250%; /* 250% to fix firefox */
   white-space: nowrap;
   overflow: hidden;
}
.RecordListToolsMenu ul > li
{
   text-indent: 0;
}
.RecordListTools ul li a
{
   padding: .2em .5em;
   font-size: 11px;
}
.RecordListTools ul ul
{
   right: 0;
}
.RecordListTools ul ul li a
{
   padding: .2em .5em .2em 2.5em;
   font-size: 11px;
}
/* DETAIL VIEW TOOLS MENU */
.DetailViewTools
{
   float: right;
}
.DetailViewToolsMenu
{
   width: 18px;
   height: 18px;
   margin: 0 !important;
   text-indent: 250%; /* 250% to fix firefox */
   white-space: nowrap;
   overflow: hidden;
}
.DetailViewToolsMenu ul > li
{
   text-indent: 0;
}
.DetailViewTools ul li a
{
   padding: .2em .5em;
   font-size: 11px;
}
.DetailViewTools ul ul
{
   right: 0;
}
.DetailViewTools ul ul li a
{
   padding: .2em .5em .2em 2.5em;
   font-size: 11px;
}

/* ---------------------------------------------------------*/
/* SCRIPT / SURVEY STYLES */
/* ---------------------------------------------------------*/
.DataEntryFormPageDiv
{
   text-align: center;
}
/* Script / Survey Wrapper */
.DataEntryFormWrapperDiv
{
   width: auto;
   text-align: left;
   display: inline-block;
   padding: 20px;
   margin: 20px auto;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   overflow: hidden;
}
.HeaderDiv
{
   padding: 0 0 10px 0;
   margin: 0 0 10px 0;
   border-bottom: 1px solid;
}
/* Nav and content container */
.DetailsWrapperDiv
{
   position: relative;
   overflow: hidden;
}

/* Script and Survey Sub Tabs */
.DataEntryFormTab
{
   cursor: pointer;
   border-style: solid;
   border-width: 1px;
   margin: 2px;
   text-align: center;
   padding: .2em .75em;
   font-size: 11px;
/*   font-weight: bold;*/
   border-radius: 3px;
   transition: all 0.25s ease;
}
.DataEntryFormTabSelected
{
   cursor: pointer;
   border-style: solid;
   border-width: 1px;
   margin: 2px;
   text-align: center;
   padding: .2em .75em;
   font-size: 11px;
/*   font-weight: bold;*/
   border-radius: 3px;
}
/* Survey / Script Fields Container */
.DetailsFieldsDiv
{
   padding: 0;
   margin: 0;
   overflow: hidden;
}
.DetailsFormDiv
{
   overflow: hidden;
}
#PrevNextButtonDiv
{
   padding: 10px 0 0 0;
   margin: 0;
}
.FooterDiv
{
   padding: 10px 0 0 0;
   margin: 10px 0 0 0;
   border-top: 1px solid;
}

/* ---------------------------------------------------------*/
/* Details View - New Method */
/* ---------------------------------------------------------*/

/* Div for the icons */
.DetailsIconsDiv
{
   width:               125px;
   float:               right;
   padding:             2px;
   height:              16px;
}
/* Div for the navigation on the details */
/*
.DetailsNavDiv
{
}
*/
/* Details Top Nav Make room for icons (margin) */
.DetailsNavDivTop
{
   margin: 0 124px 10px 0;
}
.DetailsNavDivTop li
{
/*   display: inline-block;*/
   float: left;
}
.DetailsNavDivUnderTopPane
{
   margin: 10px 0 10px 0;
}
.DetailsNavDivUnderTopPane li
{
/*   display: inline-block;*/
   float: left;
}
/* Sub tabs - left layout */
.DetailsNavDivLeft
{
   float: left;
}
.xxxDetailsNavDivLeft .xxxDetailsTabList li  /* ???? IS THIS NEEDED */
{
   /*list-style-type:    none;*/
   float: left;
}
/*
.DetailsNavDivLeftFull
{

}
*/
.DetailsNavDivNone
{
   display: none;
}

/* The container around one sub tab worth of fields. This could renamed later, but for backwards compatibility, keep it */
.DetailsDiv
{
   margin: 0 0 10px 0;
   position: relative;
}

/* ---------------------------------------------------------*/
/* CALENDAR STYLES */
/* ---------------------------------------------------------*/
#MyDayTable td
{
   vertical-align: top;
}
.CalendarTitle
{
   font-size: 11px;
/*   white-space: nowrap;*/
   text-align: center;
}
.CalPrevYear, .CalPrevMonth
{
   width: 18px;
   height: 18px;
   margin: 0 .25em 0 0;
   padding: 0;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   float: left;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
}
.CalNextYear, .CalNextMonth
{
   width: 18px;
   height: 18px;
   margin: 0 .25em 0 0;
   padding: 0;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   float: right;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
}
.CalPrevYear
{
   margin-left: .25em;
}
.CalPrevYear a, .CalPrevMonth a, .CalNextYear a, .CalNextMonth a
{
   display: block;
   width: 18px;
   height: 18px;
   font-size: 11px;
   text-decoration: none;
}
.CalendarWeekHeader
{
   font-size: 11px;
   border-style: solid;
   border-width: 1px;
   padding: 4px;
}
.CalendarDaySelected
{
   cursor: pointer;
   font-size: 11px;
   border-style: solid;
   border-width: 1px;
   padding: 4px;
}
.CalendarDayWeekend
{
   cursor: pointer;
   font-size: 11px;
   border-style: solid;
   border-width: 1px;
   padding: 4px;
}
.CalendarDayWeekday
{
   cursor: pointer;
   font-size: 11px;
   border-style: solid;
   border-width: 1px;
   padding: 4px;
}
.CalendarDayUnavailable
{
   cursor: default;
   font-size: 11px;
   border-style: solid;
   border-width: 1px;
}
/* MY DAY */
/* Coming soon */

/* ---------------------------------------------------------*/
/* REPORTS */
/* ---------------------------------------------------------*/

/* Styles used for reports */
.ReportFoldersDiv
{
   padding: 5px 0 0 0;
}
.ReportDetailSection
{
   /*height: 100%;*/
   height: 400px;
   width: 200px;
   border-style: solid;
   border-width: 1px;
   border-color: #888888; /* TODO relocate colors */
   overflow: scroll;/*float: left;*/
}
.ReportDesignCollectionType
{
   width: 180px;
   height: 100%;
   float: left;
}
.ReportDesignTable
{
   border-style: solid;
   border-width: 1px;
   font-size: 11px;
}
.ReportTable
{
   font-size: 11px;
}
/* Used for the Report Forms */
.FormElementListContainer
{
   position: relative;
   overflow: auto;
   height: 80%;
   width: 95%;
}
.ReportFormElement
{
   position: absolute;
   border-style: dotted;
   border-width: 1px;
}

/* ---------------------------------------------------------*/
/* STATIC FIELD STYLES */
/* Compensating for reset.css in static fields.
/* ---------------------------------------------------------*/

/* For tables to correctly scale, the .StaticDisplayDiv needs
to have a height and width declared. */
.StaticDisplayDiv
{
   height: 100%;
   width: 100%;
   box-sizing: border-box;
}
.StaticDisplayDiv ul
{
   padding-left: 10px !important;
   margin-top: 1em !important;
   margin-bottom: 1em !important;
   margin-left: 10px !important;
   list-style: disc outside !important;
}
.StaticDisplayDiv ol
{
   padding-left: 10px !important;
   margin-top: 1em !important;
   margin-bottom: 1em !important;
   margin-left: 10px !important;
   list-style: decimal outside !important;
}
.StaticDisplayDiv table
{
   margin-bottom: 1em !important;
}
.StaticDisplayDiv th, .StaticDisplayDiv td
{
   padding: 3px 2px !important;
}
/* ---------------------------------------------------------*/
/* EVERYTHING BELOW HERE NEEDS TO BE ORGANIZED */
/* ---------------------------------------------------------*/

/* ---------------------------------------------------------*/
/* MISC */
/* ---------------------------------------------------------*/
/* Link to the right of the record list search tool */
#ShowAllLink
{
   margin: 0 0 0 5px;
}

/* Misc. Admin colors */
.ShowColor
{
   border-style: solid;
   border-width: 1px;
   border-color: #000000; /* TODO relocate colors */
}
/* Used in the rich text editor */
.FormatButton
{
   border-style: solid;
   border-width: 1px;
   border-color: #AAAAAA; /* TODO relocate colors */
   padding: 1px;
   cursor: pointer;
}
/* Used in the reports */
.LinkText
{
   text-decoration: underline;
   cursor: pointer;
/*   color: #F27C3C;*/
   font-size: 11px;
}
/* Styles for the Filters */
.SearchJoinMethod
{
   font-size: 11px;
}
.SearchField
{
   font-size: 11px;
}
.SearchOperand
{
   font-size: 11px;
}
.SearchValue
{
   font-size: 11px;
}

/**************************** SPECIFIC DIVS ********************/

/* Status Div (to show important messages) */
#StatusDiv
{
   position: absolute;
   top: 60px;
   left: 50%;
   font-size: 12px;
   text-align: center;
   padding: .25em 1em .25em 2em;
   margin: 0;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   z-index: 99999;
   display: none;
   transition: all 0.25s ease;
}
/*
#NewCollectionViewHeader
{
   background-image:    url('../Images/green_gradient.jpg');
   background-repeat:   repeat-x;
   color:               #FFFFFF;
   border-color:        #4AA44A;
}
*/
/*
#NewCollectionView
{
   border-color:        #4AA44A;
}
*/
#overDiv
{
   top: 300px;
   left: 200px;
   width: 20em;
   padding: 0.2em;
   background-color: #FFFFFF;/*#FEFCCC;*/ /* TODO relocate colors */
   border-style: solid;
   border-width: 1px;
   font-family: "Verdana,Arial,Helvetica"; /* WHY IS THIS HERE??? */
   font-size: 12px;
   overflow: hidden;
}
/* ---------------------------------------------------------*/
/* !! UNKNOWN OR OLD DEPRECATED STUFF ----------------------*/
/* ---------------------------------------------------------*/

/*
.PageHeader td
{
   padding: 0;
   vertical-align: top;
}
*/
/*
.UserActionsDiv
{
   font-size: 11px;
   padding: 0 10px 0 10px;
}
*/
/* TOOLS MENU */
/* Used for the Menu */
/*
.Menu
{
   border-style: solid;
   border-width: 1px;
   margin: 0 0 0 5px;
   text-align: center;
   padding: 1px;
   height: 18px;
   width: 70px;
   cursor: pointer;
   font-size: 11px;
   font-weight: bold;
}
.MenuOptions
{
   border-style: none;
   border-width: 1px;
   margin: 0;
   padding: 0;
}
.MenuItem
{
   cursor: pointer;
   border-style: solid;
   border-width: 1px;
   font-size: 11px;
   text-align: center;
   padding: 1px 0 1px 0;
   margin: 0;
   font-weight: bold;
}
*/
/*
#CollectionTabDiv
{
padding: 0;
margin: 0;
position: relative;
overflow: auto;
}
*/

/*

 WHAT IS THIS?
.SectionSelected
{
border-style: solid;
border-width: 1px;
margin: 2px 2px 0 0;
z-index: 1;
position: absolute;
margin: 0;
padding: 0;
}


.DataEntryFormWrapperDivNoBorder <--- what is this?
{
}

.LimitedTableDiv
{
overflow:            auto;
border-style:        solid;
border-width:        1px;
border-color:        #6689C2;
}
.DataViewSectionSubTab
{
cursor:              pointer;
border-style:        solid;
border-color:        #6689C2;
border-width:        1px;
background-color:    #FFFFFF;
color:               #000000;
height:              13px;
width:               100px;
margin:              0.2em;
text-align:          center;
padding:             3px;
font-size:           11px;
font-weight:         bold;
float:               left;
border-radius:       3px 3px 3px 3px;
}
.DataViewSectionSubTabSelected
{
cursor:              pointer;
border-style:        solid;
border-color:        #6689C2;
border-width:        1px;
background-color:    #000000;
color:               #FFFFFF;
height:              13px;
width:               100px;
margin:              0.2em;
text-align:          center;
padding:             3px;
font-size:           11px;
font-weight:         bold;
float:               left;
border-radius:       3px 3px 3px 3px;
}
.DetailsTableDiv
{
width:               100%;
}
.DetailItemHeader
{
text-align:         right;
font-size:          12px;
font-weight:        bold;
}

*/