﻿@media (max-width: 700px) {
	#loginOverlay {
		background-image: url("images/Main/Themes/ScubedNewBlue/landingPage.png");
		background-repeat: no-repeat;
		/*background-position: center;*/
		background-size: 100% 100%;
		background-size: unset;
		background-color: white;
	}
}
@media (min-width: 701px) {
	#loginOverlay {
		background-image: url("images/Main/Themes/ScubedNewBlue/landingPage.png");
		background-repeat: no-repeat;
		/*background-position: center;*/
		background-size: 100% 100%;
		background-size: unset;
		background-color: white;
	}
}
#overlayCenterContainer {
	margin-right: 250px;
}
#loginTheme{
	background-image: none !important;
}
#loginLogo{
	content: url("images/Main/Themes/ScubedNewBlue/SCUBED-01-LoginBannerTransparent.png");
	/* width: 500px; */
	height: 100px;
}


body:not(.mobileBody) #overlayFormContainer {
    margin-left: 200px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#overlayFormContainer {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#overlayFormContainer #footer{
	border:none;
}
div.grid-row .status-1
{
    border-left: 5px solid #0E385B;
}
div.grid-row .status-2
{
    border-left: 5px solid #951B1F;
}
#title-actions
{
    background: #0E385B;
}
#user-details
{
    background: #951B1F;
}
#logo
{
    margin: 0;
}
#main
{
    /* background-image: url("images/Main/Themes/ScubedNewBlue/WatermarkSolid.png"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: white;
    background-position-x: 0px;
    /* background-position: 0px 0px; */
}
#header
{
    background: #951B1F;
}
a.heading
{
    background: #0E385B;
    border-top: solid #fff 2px;
}
.userName-hover
{
    border-color: #951B1F;
    background: #951B1F;
}
.userName-hover label
{
    color: #fff;
}
div.main-actions
{
    background: #951B1F;
    border-bottom: 2px #fff solid;
}
a.main-action
{
    background: #0E385B;
}
a.main-action:hover
{
    background-color: #951B1F;
}
div.main-actions a.main-action span
{
    background: #fff;
    color: #000;
}
div.main-actions a.selected, .hiddenNav a.selected
{
    background-color: #951B1F;
}
div.main-actions a.selected, .hiddenNav a.selected:hover
{
    background-color: #951B1F;
}
#session-timer
{
    color: #fff;
}
#searchBox
{
    border-color: #951B1F;
}
#container
{
    background: #fff;
}
.sessionActions
{
    background: #951B1F;
    border-color: #0E385B;
}
.sessionActions:hover
{
    background: #0E385B;
    border-color: #951B1F;
}
#lblError
{
    color: #f00;
}
span.paging-link
{
    border-top: solid 3px #951B1F;
}
#plusDropdown > li > span, .popup-body .title
{
    background: #951B1F;
}
.popup-body
{
    border: 5px solid #951B1F;
}
.popup-pointer
{
    border-left: 10px solid #951B1F;
}
span.paging-link
{
    border-top: solid 3px #951B1F;
}
a.button:hover, a.attachment:hover, #plusDropdown li a.button:hover
{
    background-color: #951B1F;
    border: solid 2px #951B1F;
}
div.paging
{
    color: #0E385B;
}
div.paging a
{
    color: #951B1F;
}
div.paging a:hover
{
    color: #0E385B;
}
a.attachment:link, a.attachment:active, a.attachment:visited
{
    background-color: #951B1F;
}
a.action:link, a.action:active, a.action:visited, a.customaction:link, a.customaction:active, a.customaction:visited
{
    border: solid 2px #0E385B;
    color: #0E385B;
}
a.customaction:link, a.customaction:active, a.customaction:visited
{
    background: #0E385B;
    color: #fff;
}
a.ajaxUpload-button
{
    background: #951B1F;
}
ul.tab-strip li.selected a
{
    border-bottom: solid 3px #951B1F;
}
ul.tab-strip-bottom li.selected a
{
    border-bottom: none;
    border-top: solid 3px #951B1F;
}
ul.tab-strip li.action a
{
    background: #0E385B;
}
a.action
{
    background: #0E385B;
}
body#mainBody
{
    background: #DEDEDE;
}
ul.tab-strip li.action a:hover
{
    background: #951B1F;
}
a.button, a.attachment
{
    border: solid 2px #0E385B;
    color: #0E385B;
}
a.primary
{
    background-color: #0E385B;
    border: solid 2px #0E385B;
    color: #fff;
}
div.activity .admin-nav .selected span, div.comment .admin-nav .selected span{
	color:#fff;
}
div.activity span, div.comment span
{
    color: #951B1F;
}
a.form:link, a.form:active, a.form:visited
{
    background: #0E385B;
    border: 2px #0E385B solid;
}
a.form:hover
{
    background: #;
    color: #fff;
    border: 2px #951B1F solid;
}
a.attachment, a.attachment:link, a.attachment:active, a.attachment:visited
{
    color: #fff;
    border: 2px #0E385B solid;
    background: #0E385B;
}
a.attachment:hover
{
    background: #951B1F;
    color: #fff;
    border: solid 2px #951B1F;
}
a.customaction:hover
{
    background: #951B1F !important;
    border: solid 2px #951B1F;
    color: #fff;
}
a.action:hover
{
    background: #951B1F !important;
    border: solid 2px #951B1F;
    color: #fff;
}
a.ajaxUpload-button
{
    border: solid 2px #951B1F;
}
a.ajaxUpload-button:hover
{
    background: #0E385B;
    border: solid 2px #0E385B;
    color: #fff;
}
h1.title
{
    background: #0E385B;
}
h1.sub-title
{
    background: #951B1F;
}
.textboxes
{
    background: #dadbdb;
    color: #333;
    border: solid 2px #0E385B;
}
.hideButton
{
    background: #0E385B;
}
.hideButton:hover
{
    background: #951B1F;
}
#user-details:hover
{
    background: #0E385B;
}
#photo{
	background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.userImage{
	background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;	
}
#userImageLarge{
	background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;		
}
#plusDropdown li a:hover
{
    background: #0E385B;
    color: #fff;
}
.legends-1
{
    border-left: solid #0E385B 15px;
}
.event-type-1
{
    background: #0E385B;
    color:#fff !important;
}
.legends-2
{
    border-left: solid #333 15px;
}
.event-type-2
{
    background: #333;
    color:#fff !important;
}
.legends-3
{
    border-left: solid #951B1F 15px;
}
.event-type-3
{
    background: #951B1F;
    color: #fff !important;
}
div.grid-row-hover, .grid-body div.selected{
    border-left: 3px solid #951B1F;
    border-right: 3px solid #951B1F;
    margin: 0px;
}


tr.grid-row:hover td:first-child {
    border-left: 3px solid #951B1F;
}

tr.grid-row:hover td:last-child {
    border-right: 3px solid #951B1F;
}



#menu a.heading:hover
{
    color: #951B1F;
}
ul.list li.odd, div.grid-row-alt > span, tr.grid-row-alt > td {
    background-color: #f0f0f040 !important;
    /*    background: url("images/Main/Navigation-Themes/transparentGrey.png") !important;*/
}
.grid-body div.selected
{
    background: #951B1F;
}
.grid-body div.selected > span
{
    background: transparent;
}
#menu .grid-pager
{
    background: #fff;
}


#title-actions span:hover, #title-actions span.selected
{
    background:#951B1F;
}

.popup-body .grid .title
{
    background: #0E385B;
}

/**Mobile Styles**/

.mobile-plus a
{
    color: #0E385B;
}
.mobile-plus a:hover
{
    color: #951B1F;
    text-decoration:none;
}
.mobileMenuButton
{
  background-color: #951B1F;  
}
.mobileMenuButton:hover
{
  background-color: #0E385B;  
}
.TreePanel
{
    background-color: #951B1F;
}
.TitleStripDark
{
    background-color: #0E385B;
    border: none;
    padding: 2px 0px 2px 0px;
}

.LabelsDark
{
    background-color: #0E385B;
}

.LightPanel
{
    border: none ; /*solid 1px #6BA2BFk;*/
    background-color: #0E385B;
    color: #0E385B; /*background-image: url(../Images/light_bg.jpg);*/
}

.HeadingCell {
    background-color: #0E385B;
    border: 1px solid;
    border-color: #951B1F;
    padding: 2px;
    text-align: center;
}
.GridFooter   
{
    background-color: #0E385B;
    border: 1px solid;
    border-color: #951B1F;
    padding: 2px;
}
.Buttons {
    background-color: #0E385B;
    border: solid 2px #951B1F;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    width: 88px;
    cursor: pointer;
    background-image: url(../Images/buttons.jpg); 
    background-repeat: repeat-x;
    background-position: top left; 
    padding: 0px;
}
.ButtonsHover {
    background-color: #951B1F;
    border: solid 2px #951B1F;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    width: 88px;
    cursor: pointer;
    background-image: url(../Images/buttons.jpg); 
    background-repeat: repeat-x;
    background-position: top left; 
    padding: 0px;
}
.TreeViewItemSelected 
{
    background-color : #951B1F;
}
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover {
    border: #0E385B;
    background: #0E385B;
    font-weight: normal;
    color: #ffffff;
}

/* SCUBED DASHBOARD CUSTOM COLORS */
.ColorsPrimary{
	background-color:#0E385B;
	color:#fff;
	border-color:#0E385B;
}

.ColorsSecondary 
{
	background-color:#951B1F;
	color:#fff;
	border-color:#951B1F;
}

.ColorsPrimaryHover{
	background-color:#0E385B;
	color:#fff;
	border-color:#0E385B;
}

.ColorsSecondaryHover 
{
	background-color:#951B1F;
	color:#fff;
	border-color:#951B1F;
}

.ColorsPrimaryHover:hover{
	background-color:#951B1F;
	color:#fff;
	border-color:#951B1F;
}

.ColorsSecondaryHover:hover 
{
	background-color:#0E385B;
	color:#fff;
	border-color:#0E385B;
}