/* **************************************************************
// FILE: Theme_Flat_Blue_Beach_DARK.css
// **************************************************************
// Copyright (c) 2006-2013 Ivinex
//
// PURPOSE:  This file contains the blue flat beach theme CSS styles
// This theme includes a full screen background image and has
// been adjusted with transparent elements.
//
// **************************************************************
// Author(s):  Bret Lund <blund@ivinex.com>
// **************************************************************/


/* ---------------------------------------------------------*/
/* GENERAL */
/* ---------------------------------------------------------*/

/* Full screen background image */
.IvinexApp
{
   background-image: url(Images/Beach1.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}
body
{
/*   background-color: #2b73a3;*/
   background-color: transparent;
   color: #000000;
}
/* Links and Linked Record Links */
a:link,
a:visited,
a:active
{
   color: #2b73a3;
}
a:hover
{
   color: #115684;
}
.Link, .FieldLink, .LinkText
{
   color: #2b73a3;
}
.ShadedText, .RecordsetPaging
{
   color: #808080;
}

/* ---------------------------------------------------------*/
/* HEADER */
/* ---------------------------------------------------------*/
.PageHeader
{
/*   background: #74a9cd;*/
   background-color: rgba(68, 180, 230, 0.7);
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
}
.PageHeaderLogo
{
   background: #fff;
}

/* ---------------------------------------------------------*/
/* SECTION WINDOWS */
/* ---------------------------------------------------------*/
.Section
{
   border: none;
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
}
.PopupSection, .PopupSectionAlert, .PopupSectionTool
{
   border-color: #2b73a3;
   -webkit-box-shadow: 0 0 1em 0 #2b73a3;
   -moz-box-shadow: 0 0 1em 0 #2b73a3;
   box-shadow: 0 0 1em 0 #2b73a3;
}
.PopupSectionAlert
{
   border-color: #DA1310;
}
.PopupSectionTool
{
   border-color: #8B6814;
}
.SectionHeader
{
/*   background: #74a9cd;*/
   background-color: rgba(68, 180, 230, 0.7);
   color: #fff;
}
.PopupSectionHeader
{
   background-color: rgba(68, 180, 230, 0.8);
   color: #fff;
}
.PopupSectionAlertHeader
{
   background: rgba(184, 2, 21, 0.7);
   color: #fff;
}
.PopupSectionToolHeader
{
   background: rgba(188, 127, 3, 0.7);
   color: #fff;
}
.PopupSectionCloseButton
{
   background-color: #2b73a3;
   background-image: url('../Images/CloseButton-Light.png');
   background-repeat: no-repeat;
   background-position: center;
}
.PopupSectionCloseButton:hover
{
   background-color: #c02c07;
}
.SectionBody
{
/*   background-color: #FFFFFF;*/
   background-color: rgba(255, 255, 255, 0.83);
}
.PopupSectionBody, .PopupSectionAlertBody, .PopupSectionToolBody
{
   background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------------------------*/
/* DATA TABLES & TOOLS */
/* ---------------------------------------------------------*/
/* Quick Search Field above refresh tables */
.QuickSearchInput
{
   border-color: #eeeeee;
   background: rgba(255, 255, 255, 0.5);
   color: gray;
}
.QuickSearchInputFirst /* Show a search icon on first quick search field */
{
   background: rgba(255, 255, 255, 0.5);
   background-image: url(../Images/QuickSearch-Light.png);
   background-position: .25em center;
   background-repeat: no-repeat;
}
.TableHeader
{
   background-color: rgba(175, 179, 182, 0.8);
/*   background-color: rgba(68, 180, 230, 0.7);*/
   color: #FFFFFF;
}
.TableRowEven
{
   background: rgba(255, 255, 255, 0.6);
}
.TableRowOdd
{
   background-color: rgba(233, 233, 233, 0.6);
}
.TableRowSelected
{
   background-color: rgba(43, 115, 163, 0.7);
   color: #FFFFFF;
}
.TableRowMouseOver
{
   background-color: rgba(215, 234, 253, 0.7);
   color: #000000;
}
.TableRowRemoved, .TableRowRemoved:hover
{
   background-color: rgba(192, 44, 7, 0.6);
   color: #FFFFFF;
}

/* ---------------------------------------------------------*/
/* CUSTOMIZED FORM ELEMENTS */
/* ---------------------------------------------------------*/
.SearchText
{
   color: #fff;
   border-color: #588fb3;
   background-color: #588fb3;
   background-image: url(../Images/Search-Light.png);
   background-position: .25em center;
   background-repeat: no-repeat;
}
.FilterSelectContainer
{
   color: #fff;
   border-color: #588fb3;
}
.FilterSelect
{
   color: #fff;
   border-color: #588fb3;
   background-color: #588fb3;
   background-image: url(../Images/DropMenu-Light.png);
   background-position: right center;
   background-repeat: no-repeat;
/* REMOVED BECAUSE OF SAFARI SELECT PADDING ISSUE */
/*
   background-image: url(../Images/Filter-Light.png);
   background-position: .25em center;
   background-repeat: no-repeat;
*/
}
.FilterEdit, .FilterNew, .FilterRefresh
{
   border-color: #588fb3;
   background-color: #588fb3;
   background-position: center;
   background-repeat: no-repeat;
}
.FilterEdit
{
   background-image: url(../Images/Edit-Light.png);
}
.FilterNew
{
   background-image: url(../Images/New-Light.png);
}
.FilterRefresh
{
   background-image: url(../Images/Refresh-Light.png);
}
.FilterEdit:hover, .FilterNew:hover, .FilterRefresh:hover
{
   border-color: #2b73a3;
   background-color: #2b73a3;
}

/* Filter Popup */
.SearchCriteriaGroup
{
   background-color: #FFFFFF;
   border-color: #74a9cd;
}
.ActionButton, .FormButton
{
   color: #FFFFFF;
   border-color: #2b73a3;
   background-color: #2b73a3;
}
.ActionButton:hover, .FormButton:hover
{
   color: #FFFFFF;
   border-color: #115684;
   background-color: #115684;
}
/* Style for the select time popup */
.SelectTime
{
   background-color: #588fb3;
   border-color: #588fb3;
   color: #FFFFFF;
}
/* Style for the select duration popup */
.SelectDuration
{
   background-color: #4682B4;
   border-color: #6689C2;
   color: #FFFFFF;
}

/* ---------------------------------------------------------*/
/* MENUS */
/* ---------------------------------------------------------*/

/* General Nav Menu Rules */
.Nav ul li
{
   background-color: #2b73a3;
   border-color: #2b73a3;
}
.Nav ul li:hover
{
   background-color: #115684;
   border-color: #115684;
}
.Nav ul li a
{
   color: #fff;
}
.Nav ul ul
{
   background-color: #115684;
}
.Nav ul ul li
{
   background-color: #115684;
}
.Nav ul ul li a:hover
{
   background-color: #74a9cd;
}
.Nav .SubNav, .Nav .SubNav:hover
{
   background: #2b73a3 url(../Images/DropMenu-Light.png) no-repeat 97% center;
}

/* PRIMARY MENU */
.CollectionTab, .DataViewTab
{
   background: #2b73a3;
   border-color: #2b73a3;
}
.CollectionTabSelected,
.CollectionTab:hover,
.DataViewTabSelected,
.DataViewTab:hover
{
   background: #115684 !important;
   border-color: #115684 !important;
}

/* NAV OVERFLOW MENU */
.NavOverflow.SubNav
{
   background-color: #2b73a3;
   background-image: url(../Images/NavOverflow-Light.png) !important;
   background-position: center;
   background-repeat: no-repeat;
   border-color: #2b73a3;
}
.NavOverflow.SubNav:hover
{
   background-color: #115684;
   background-image: url(../Images/NavOverflow-Light.png) !important;
   background-position: center;
   background-repeat: no-repeat;
   border-color: #115684;
}
.NavOverflow.SubNav .CollectionTabSelected
{
   background: #115684;
   border-color: #115684;
}
.NavOverflowUL
{
   background: #115684;
}
.CollectionTabOverflowSelected a
{
   background-color: #74a9cd !important;
}
/* USER TOOLS MENU */
.UserTools .SubNav, .UserTools .SubNav:hover
{
   border-color: #74a9cd;
   background-color: #74a9cd;
   background-image: url(../Images/DropMenu-Light.png);
   background-position: 95% center;
   background-repeat: no-repeat;
}
.UserToolsPicture
{
   background: #fff;
}
.UserToolsName
{
   color: #fff;
}
.UserToolsSwitchUser a, .UserToolsSwitchUser a:hover
{
   background-image: url(../Images/UserToolsSwitchUser-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
.UserToolsSearch a, .UserToolsSearch a:hover
{
   background-image: url(../Images/UserToolsSearch-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
.UserToolsPref a, .UserToolsPref a:hover
{
   background-image: url(../Images/UserToolsPref-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
.UserToolsReset a, .UserToolsReset a:hover
{
   background-image: url(../Images/UserToolsReset-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
.UserToolsViewEditor a, .UserToolsViewEditor a:hover
{
   background-image: url(../Images/UserToolsViewEditor-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
.UserToolsAdmin a, .UserToolsAdmin a:hover
{
   background-image: url(../Images/UserToolsAdmin-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
.UserToolsLogout a, .UserToolsLogout a:hover
{
   background-image: url(../Images/UserToolsLogout-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}

/* SUB TAB MENU */
.SubTabMenu > ul > li
{
   background-color: #9be2ff;
}
.DetailsTab, .DataViewSectionSubTab
{
   background-color: #c7e8ff !important;
   border-color: #e1f2fe !important;
}
.DetailsTabSelected,
.DataViewSectionSubTabSelected,
.DetailsTab:hover,
.DataViewSectionSubTab:hover
{
   color: #fff !important;
   background-color: #588fb3 !important;
   border-color: #588fb3 !important;
}
.DetailsTab a, .DataViewSectionSubTab a
{
   color: #2b73a3 !important;
}
.DetailsTab a:hover,
.DataViewSectionSubTab a:hover
{
   color: #fff !important;
}

/* RECORD LIST TOOLS MENU */
.RecordListToolsMenu
{
   background-color: #2b73a3 ;
   background-image: url(../Images/Tools-Light.png);
   background-position: center;
   background-repeat: no-repeat;
   border-color: #2b73a3;
}
.RecordListToolsMenu:hover
{
   background-color: #115684;
   border-color: #115684;
}
.RecordListToolsLabels a, .RecordListToolsLabels a:hover
{
   background-image: url(../Images/Labels-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
.RecordListToolsMass a, .RecordListToolsMass a:hover
{
   background-image: url(../Images/Mass-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
.RecordListToolsExport a, .RecordListToolsExport a:hover
{
   background-image: url(../Images/Export-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
.RecordListToolsImport a, .RecordListToolsImport a:hover
{
   background-image: url(../Images/Import-Light.png);
   background-position: .5em center;
   background-repeat: no-repeat;
}
/* DETAIL VIEW TOOLS MENU */
.DetailViewToolsMenu
{
   background-color: #2b73a3 ;
   background-image: url(../Images/Tools-Light.png);
   background-position: center;
   background-repeat: no-repeat;
   border-color: #2b73a3;
}
.DetailViewToolsMenu:hover
{
   background-color: #115684;
   border-color: #115684;
}
.DetailViewToolsEmail a, .RecordListToolsEmail a:hover
{
   background: url(../Images/Email-Light.png) no-repeat .5em center;
}
.DetailViewToolsCalendarEvent a, .RecordListToolsCalendarEvent a:hover
{
   background: url(../Images/Calendar-Light.png) no-repeat .5em center;
}
.DetailViewToolsPrint a, .RecordListToolsPrint a:hover
{
   background: url(../Images/Print-Light.png) no-repeat .5em center;
}
.DetailViewToolsChangeHistory a, .RecordListToolsChangeHistory a:hover
{
   background: url(../Images/ChangeHistory-Light.png) no-repeat .5em center;
}

/* ---------------------------------------------------------*/
/* SCRIPT / SURVEY STYLES */
/* ---------------------------------------------------------*/
.DataEntryFormWrapperDiv
{
   background-color: #FFFFFF;
   border-color: #c6c6c6;
   -webkit-box-shadow: 0 0 10px 0 #cbcbcb;
   box-shadow: 0 0 10px 0 #cbcbcb;
}
.HeaderDiv
{
   border-bottom-color: #CCC
}
.FooterDiv
{
   border-top-color: #CCC
}
/* Script and Survey Sub Tabs */
.DataEntryFormTab
{
   background-color: #e1f2fe !important;
   border-color: #e1f2fe !important;
   color: #2b73a3;
}
.DataEntryFormTabSelected, .DataEntryFormTab:hover
{
   background-color: #588fb3 !important;
   border-color: #588fb3 !important;
   color: #FFFFFF;
}

/* ---------------------------------------------------------*/
/* CALENDAR STYLES */
/* ---------------------------------------------------------*/
.CalendarTitle
{
   background-color: #74a9cd;
   color: #FFFFFF;
}
.CalPrevYear, .CalPrevYear:hover
{
   background-color: #74a9cd;
   background-image: url(../Images/Calendar/PreviousYear-Light.png);
   border-color: #74a9cd;
}
.CalPrevMonth, .CalPrevMonth:hover
{
   background-color: #74a9cd;
   background-image: url(../Images/Calendar/Previous-Light.png);
   border-color: #74a9cd;
}
.CalNextYear, .CalNextYear:hover
{
   background-color: #74a9cd;
   background-image: url(../Images/Calendar/NextYear-Light.png);
   border-color: #74a9cd;
}
.CalNextMonth, .CalNextMonth:hover
{
   background-color: #74a9cd;
   background-image: url(../Images/Calendar/Next-Light.png);
   border-color: #74a9cd;
}
.CalendarWeekHeader
{
   background-color: #2b73a3;
   color: #fff;
   border-color: #74a9cd;
}
.CalendarDaySelected
{
   border-color: #2b73a3;
   background-color: #2b73a3;
   color: #fff;
}
.CalendarDayWeekend
{
   border-color: #2b73a3;
   background-color: #e8f8ff;
   color: #000000;
}
.CalendarDayWeekday
{
   border-color: #2b73a3;
   background-color: #FFFFFF;
   color: #000000;
}
.CalendarDayWeekend:hover, .CalendarDayWeekday:hover
{
   background-color: #74a9cd;
   color: #fff;
}
.CalendarDayUnavailable
{
   background-color: #CCCCCC;
   color: #000000;
}

/* Calendar Block that appears as the appointment */
.AppointmentHeader, .AppointmentBody
{
   color: #fff;
}

/* ---------------------------------------------------------*/
/* SPECIFIC DIVS */
/* ---------------------------------------------------------*/
/* Status Div (to show important messages) */
#StatusDiv
{
   color: #000000;
   background-color: #6f1515;
   border-color: #6f1515;
   background-image: url(../Images/Information-Light.png);
   background-position: .25em center;
   background-repeat: no-repeat;
}

/* ---------------------------------------------------------*/
/* GENERIC FEATURE STYLES */
/* ---------------------------------------------------------*/

/* Generic Feature Interface styles */
.FeatureMainContainer
{
/*   border-color: #2b73a3;*/
   border-color: rgba(68, 180, 230, 0);
/*   background: url(../Features/CallCenter/Images/tool-container-bg2.png) no-repeat left top;*/
   background-color: rgba(68, 180, 230, 0.95);/*0.75);*/
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
}
.FeatureSection
{
   border-color: rgba(233,233,233,0);
   background-color: rgba(233,233,233,0.3);
}
.FeatureDataTable th
{
   color: #000;
   background-color: rgba(233,233,233,0.3);
}
.FeatureDataTable td
{
   border-bottom-color: #2b73a3;
}

/* --------------------------------
   Feature Button Types &
   Feature Content Types

   Type1 = Border and Background
   Type2 = Border no Background
   Type3 = Background no Border
   Hover for all button types will
   show background.
----------------------------------- */

/* Feature Button Shade 1 */
.ButtonShade1Type1,
.ContentShade1Type1
{
   color: #fff;
   border-color: #5e9ec9;
   background-color: rgba(233,233,233,0.3);
   fill:             rgba(233,233,233,0.3);
}
.ButtonShade1Type2,
.ContentShade1Type2
{
   color: #fff;
   border-color: #5e9ec9;
}
.ButtonShade1Type3,
.ContentShade1Type3
{
   color: #fff;
   background-color: rgba(233,233,233,0.3);
   fill:             rgba(233,233,233,0.3);
   border: none !important;
}
.ButtonShade1Type1:hover,
.ButtonShade1Type2:hover,
.ButtonShade1Type3:hover,
.ButtonShade1Type1.On,
.ButtonShade1Type2.On,
.ButtonShade1Type3.On
{
   color: #fff;
   background-color: rgba(233,233,233,0.8);
}

/* Feature Button Shade 2 */
.ButtonShade2Type1,
.ContentShade2Type1
{
   color: #fff;
   border-color: #3581b7;
   background-color: rgba(17,86,132,0.4);
   fill:             rgba(17,86,132,0.4);
}
.ButtonShade2Type2,
.ContentShade2Type2
{
   color: #fff;
   border-color: #3581b7;
}
.ButtonShade2Type3,
.ContentShade2Type3
{
   color: #fff;
   background-color: rgba(17,86,132,0.4);
   fill:             rgba(17,86,132,0.4);
   border: none !important;
}
.ButtonShade2Type1:hover,
.ButtonShade2Type2:hover,
.ButtonShade2Type3:hover,
.ButtonShade2Type1.On,
.ButtonShade2Type2.On,
.ButtonShade2Type3.On
{
   color: #fff;
   background-color: rgba(17,86,132,0.8);
}

/* Feature Button Shade 3 */
.ButtonShade3Type1,
.ContentShade3Type1
{
   color: #fff;
   border-color: #2b73a3;
   background-color: rgba(17,86,132,0.8);
   fill:             rgba(17,86,132,0.8);
}
.ButtonShade3Type2,
.ContentShade3Type2
{
   color: #fff;
   border-color: #2b73a3;
}
.ButtonShade3Type3,
.ContentShade3Type3
{
   color: #fff;
   background-color: rgba(17,86,132,0.8);
   fill:             rgba(17,86,132,0.8);
   border: none !important;
}
.ButtonShade3Type1:hover,
.ButtonShade3Type2:hover,
.ButtonShade3Type3:hover,
.ButtonShade3Type1.On,
.ButtonShade3Type2.On,
.ButtonShade3Type3.On
{
   color: #fff;
   background-color: rgba(17,86,132,1);
}

/* ---------------------------------------------------------*/
/* OLD PRE 2.0 UI Styles */
/* ---------------------------------------------------------*/
.GreetingDiv
{
   color: #808080;
}
.UserActionsDiv
{
   color: #808080;
}
/* TOOLS MENU */

/* Used for the Menu */
.Menu
{
   border-color: #1E721E;
   color: #FFFFFF;
}
.MenuOptions
{
   color: #FFFFFF;
   border-color: #1E721E;
}
.MenuItem
{
   background-color: #58AC57;
   color: #FFFFFF;
   border-color: #92C992;
}
.ProgressBase
{
   background-color:   #2b73a3;
   fill:               #2b73a3;
}
.ProgressPositive
{
   background-color:   #115684;
   fill:               #115684;
}
.ProgressNegative
{
   background-color:   #115684;
   fill:               #115684;
}
.ProgressNeutral
{
   background-color:   #115684;
   fill:               #115684;
}
/*
.SearchContainer
{
   border-color: #abadb3;
}
.SearchImage
{
   background: url('../Images/Search.gif') no-repeat 0 0;
}
*/
/*
.FilterContainer .Link
{
   color: #fff;
}
*/