#loginOverlay
{
    z-index: 1666366;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ddd;
    overflow: hidden;
	background-image: url("images/Sorbet.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;

}
#loginOverlay #overlayFormContainer 
{
    background: rgba(250,389,320,0.6);
	background-size: 100% 100%;
	background-position: left ! important;
	-webkit-box-shadow: white 0px 0px 5px 0px;
	box-shadow: white 0px 0px 5px 0px;
	border: 2px solid #ccc;
	border-radius: 81px;
	height: 320px;
	width: 54%;
    left: 119%;
	margin-top: -124px;
	
}
#loginOverlay #loginContent {
	/*top: 74px;*/
	top: 81px;
    width: 72%;
    padding: 0 35px;
    margin-left: 13px;
}/*
#loginOverlay #loginHeader {
	display: none;
}*/
#loginOverlay .thin, div.fieldcontainer div input.thin, div.fieldcontainer div textarea.thin {
	width: 166px;
	border-radius: 7px;
}
#loginOverlay #loginContent label {
	color: #666366;
	font-family: 'Open Sans', arial, sans-serif;
    font-size: 11px;
}
#loginOverlay div.fieldcontainer {
	overflow: hidden;
	width: 175px;
}
#loginOverlay div.fieldcontainer div {
	overflow-x: initial;
	overflow-y: initial;
}
#loginOverlay #overlayFormContainer #footer {
	border:none;
	right: 52px;
	bottom: 9px;
}
#loginContent {
    position: absolute;
    top: 98px;
    padding: 0 56px;
    width: 100%;
}
#footer {
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 54px;
}

#btnLogin{
     /*margin-left: 28px ! important;*/
    margin-top: -15px;
    border-radius: 13px;
    padding: 10px 57px 10px 60px;
    /*left: 63px ! important;*/

}
#btnForget{
	border: none !important;
    color: #656565 !important;
    position: absolute;
    left: 77px;
    top: 20px !important;
    font-size: 11px !important;
	background: none;
}
#btnForget:hover{
	background-color:none;
	color: #8c8c8c !important;
}
#txtUser{
    background: #fff;
    width: -218px  !important;
    height: 35px !important;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
	-webkit-box-shadow: 0 0 0px 1666366px white inset;
	/*border-left: 3px solid red;*/
}


#txtUser::before { 
  content: "«";
  color: blue;
  position: absolute;
  border-color: #009933;
  border-style: solid;
  border-width: 0 0.3em 0.25em 0;
  height: 1em;
  top: 1.3em;
  left: 0.6em;
  margin-top: -1em;
  transform: rotate(45deg);
  width: 0.5em;
}

#txtUser::after { 
  content: "»";
  color: red;
}
#txtPassword
{
    background: #fff;
    width: -218px  !important;
    height: 35px !important;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
	-webkit-box-shadow: 0 0 0px 1666366px white inset;
}
#loginTheme {
    display: block;
    background: none ! important;
}
#loginLogo {
    position: static;
    margin-left: 57px;
}
#title-actions
{
    background: #00adb5;
}
#user-details
{
    background: #666366;
}
#user-details:hover
{
    background: #00adb5;
}
#header
{
    background: #666366;
}
#menu
{
    background-color: #666366;
}
#main
{
    background-image: url("images/watermark.jpg");
    background-repeat: no-repeat;
    background-position: center;
	background-size: 960px 500px;
}
#photo
{
    border-color: #00adb5;
    background: #666366;
}
.userName-hover
{
    border-color: #ddd;
    background: #00adb5;
}
.userName-hover label
{
    color: #fff;
}
div.main-actions
{
    background: #00adb5;
}
a.main-action
{
    background: #00adb5;
}
div.main-actions-inner
{
    background: #00adb5;
}
a.main-action:hover
{
    background-color: #666366;
}
div.main-actions a.main-action span
{
    background: #fff;
    color: #666366;
}
div.main-actions a.selected, .hiddenNav a.selected
{
    background-color: #666366;
}
div.main-actions a.selected, .hiddenNav a.selected:hover
{
    background-color: #666366;
}
a.heading
{
    background: #666366;
    border-top-color: #fff;
}
#session-timer
{
    color: #fff;
}
#searchBox
{
    border-color: #666366;
}
#container
{
    background: #FFF;
}
.sessionActions
{
    background: #666366;
    border-color: #fff;
}
.sessionActions:hover
{
    background: #fff;
    border-color: #666366;
    color: #666366 !important;
}
#lblError
{
    color: #f00;
}
span.paging-link
{
    border-top: solid 3px #666366;
}
#plusDropdown > li > span, .popup-body .title
{
    background: #666366;
}
.popup-body
{
    border: 5px solid #666366;
}
.popup-pointer
{
    border-left: 10px solid #666366;
}
span.paging-link
{
    border-top: solid 3px #666366;
}
a.button, a.attachment
{
    border: solid 2px #666366;
    color: #666366;
}
a.button:hover, a.attachment:hover
{
    background-color: #00adb5;
    border: solid 2px #00adb5;
}
div.paging
{
    color: #00adb5;
}
div.paging a
{
    color: #666366;
}
div.paging a:hover
{
    color: #00adb5;
}
.textboxes
{
    border: solid 2px #666366;
}
a.attachment:link, a.attachment:active, a.attachment:visited
{
    background-color: #666366;
}
a.action:link, a.action:active, a.action:visited, a.customaction:link, a.customaction:active, a.customaction:visited
{
    border: solid 2px #666366;
    color: #666366;
}
a.customaction:link, a.customaction:active, a.customaction:visited
{
    background: #666366;
    color: #fff;
}
a.ajaxUpload-button, a.ajaxUpload-button:hover
{
    background: #666366;
}
ul.tab-strip li.selected a
{
    border-bottom: solid 3px #666366;
}
ul.tab-strip-bottom li.selected a
{
    border-bottom: none;
    border-top: solid 3px #666366;
}
ul.tab-strip li.action a
{
    background: #666366;
}
a.action
{
    background: #666366;
}
a.primary
{
    background-color: #666366;
    border: solid 2px #666366;
    color: #fff;
}
body#mainBody
{
    background: #ddd;
}
ul.tab-strip li.action a:hover
{
    background: #00adb5;
}
div.activity span, div.comment span
{
    color: #666366;
}
a.form:link, a.form:active, a.form:visited
{
    background: #666366;
    border: 2px #666366 solid;
}
a.form:hover
{
    background: #00adb5;
    color: #fff;
    border: 2px #00adb5 solid;
}
a.attachment, a.attachment:link, a.attachment:active, a.attachment:visited
{
    color: #fff;
    border: 2px #666366 solid;
    background: #666366;
}
a.attachment:hover
{
    background: #666366;
    color: #fff;
    border: solid 2px #666366;
}
a.customaction:hover
{
    background: #00adb5;
    border: solid 2px #00adb5;
    color: #fff;
}
a.action:hover
{
    background: #00adb5;
    border: solid 2px #00adb5;
    color: #fff;
}
a.ajaxUpload-button
{
    border: solid 2px #666366;
}
a.ajaxUpload-button:hover
{
    background: #00adb5;
    border: solid 2px #00adb5;
    color: #fff;
}
h1.title
{
    background: #00adb5;
}
h1.sub-title
{
    background: #666366;
}
.textboxes
{
    background: #FFF;
}
.hideButton
{
    background: #00adb5;
}
.hideButton:hover
{
    background: #666366;
}

#plusDropdown li a:hover
{
    background: #00adb5;
    color: #fff;
}
.legends-1
{
    border-left: solid #00adb5 15px;
}
.event-type-1
{
    background: #00adb5;
    color: #fff !important;
}
.legends-2
{
    border-left: solid #666366 15px;
}
.event-type-2
{
    background: #666366;
    color: #fff !important;
}
.legends-3
{
    border-left: solid #ff9776 15px;
}
.event-type-3
{
    background: #ff9776;
}
div.grid-row-hover, #menu .grid-body div.selected
{
    border-left: 3px solid #666366;
    border-right: 3px solid #666366;
    margin: 0px;
}
.popup-body .grid .title
{
    background: #00adb5;
}
#menu .grid-body div.selected
{
    background: #666366;
}
#menu .grid-body div.selected > span
{
    background: transparent;
}

#title-actions span:hover, #title-actions span.selected
{
    background:#666366;
}

#logo{
	height: 63px;
	margin: 4px;
}

.grid-body div.selected
{
    background: #666366;
}
.grid-body div.selected > span
{
    background: transparent;
}
.LabelsDark
{
    background-color: #00adb5;
}
.TreePanel
{
    background-color: #666366;
}