#loginOverlay
{
    z-index: 1000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ddd;
    overflow: hidden;
	background-image: url("images/ETC2024.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain, fill ! important;

}

/*body:not(.mobileBody) #overlayFormContainer
{
    background: none ;
	top:0px !important;
	bottom:0px !important;
    position: absolute !important;
    /* top: 50%; *
   height: 538px !important;
    margin-top: 0px !important;
    width: 100% !important;
	box-shadow:none;
    display: flex;
    justify-content: center;
	background: none !important;
    
}
body:not(.mobileBody) #overlayCenterContainer {
    position: absolute;
    right: 0px;
    display: flex;
    /* left: 0px; *
    bottom: 240px;
    width: 38vw;
    height: 20vw;
    justify-content: center;
    align-items: center;
	background: none !important ;
}*/
body:not(.mobileBody) #overlayCenterContainer{
		
   
            position: absolute;
    right: 0px;
    display: flex;
    /* left: 0px; */
    bottom: 240px;
    width: 45vw;
    height: 23vw;
    justify-content: center;
    align-items: center;
			
         
	}

body:not(.mobileBody) #overlayFormContainer
{
   background: none;
    top: 0px !important;
    bottom: 0px !important;
    position: absolute !important;
    /* top: 50%; */
    height: 350px !important;
    margin-top: 0px !important;
    width: 100% !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    
}
body:not(.mobileBody) #loginOverlay #loginContent {
    display: flex;
    top: 132px;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	position: absolute;
    padding: 0px !important;
	/*margin-left: -300px;*/
	
	
	
    /* padding-left: 10px!important; */
}
/*body:not(.mobileBody) #overlayFormContainer
{
    background: #fff;
    position: absolute;
    height: 247px;
    margin-top: -67px;
    width: 100%;
	background: none;
    background-size: 100% 100%;
    -webkit-box-shadow: white 0px 0px 5px 0px;
    box-shadow: none;
   /* border: 4px solid #e3b520;*
    border-radius: 5px;
	margin-left: 238px;
}*
body:not(.mobileBody) #loginOverlay #loginContent {
    /* top: 74px; *
    top: 100px;
    width: 86%;
    padding: 0 35px;
    margin-left: 4px;
}*/
/*
body:not(.mobileBody) #footer {
    position: absolute;
    bottom: 12px;
    Right: 73px;
	border:	none;
}
body:not(.mobileBody) #loginLogo {
    position: static;
    width: 100%;
	height: 85px ! important;
	display: none;
}*/
body:not(.mobileBody) #loginOverlay #loginHeader {
	display: none;
}
/*
body:not(.mobileBody) #loginOverlay .thin, div.fieldcontainer div input.thin, div.fieldcontainer div textarea.thin {
	width: 236px;
	margin-left: 42px;
    height: 25px !important;
	border:none;
	font-size: 10px;
    font-weight: bold;
	background: white;
}*/

body:not(.mobileBody) #loginOverlay #loginContent label {
    color: #000;
    font-family: sans-serif;
    font-size: 10px;
    font-weight: bold;
	background: white;
	width: 158px;
	height: 19px !important;
    align-content: center;
	margin-left: 88px;
}
#loginOverlay input#txtUser {
    width: 236px;
    margin-left: 42px;
    height: 25px !important;
    border: none;
    font-size: 10px;
    font-weight: bold;
    background: white;
}

#loginOverlay input#txtPassword {
    width: 236px;
    margin-left: 42px;
    height: 25px !important;
    border: none;
    font-size: 10px;
    font-weight: bold;
    background: white;
}
/*
body:not(.mobileBody) #loginOverlay div.fieldcontainer {
	overflow: hidden;
	/*width: 210px;*
}
/*
body:not(.mobileBody) #loginOverlay div.fieldcontainer div {
	overflow-x: initial;
	overflow-y: initial;
}*/
body:not(.mobileBody) #loginOverlay #overlayFormContainer #footer {
	border: none;
    top: 268px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: -297px;
    justify-content: center;
}
#admin-content  #contracts-tab{
    display:none !important;
}
body:not(.mobileBody) #btnLogin{
	/*background-color: #ffb914;*/
    border-color: #ffb914;
	font-family: sans-serif;
    font-weight: 100;
    height: 13px;
  /*  line-height: 33px;*/
	width: 79px!important;
    text-align: center!important;
	border: 3px solid grey;
    border-top: 4px solid #F5F5DC ;
    border-right: 4px solid #E49B0F;
    border-left: 4px solid #F5F5DC ;
    border-bottom: 4px solid #E49B0F;
	font-size: 11px;
    color: black ! important;
    font-weight: bold;
	align-content: center;

}
body:not(.mobileBody) #btnForget{
	/*border: none !important;*/
    color: #3B3B3B !important;
	border-color: #3B3B3B;
	font-family: sans-serif;
    font-weight: 100;
	margin-right: 15px ! important;
	height: 14px;
    /*line-height: 33px;*/
	border: 3px solid grey;
    border-top: 4px solid #B2BEB5;
    border-right: 4px solid #36454F;
    border-left: 4px solid #B2BEB5;
    border-bottom: 4px solid #36454F;
	font-size: 11px;
    color: black ! important;
    font-weight: bold;
	align-content: center;
}
body:not(.mobileBody) #btnForget:hover{
	background-color:none;
/*	color: #8c8c8c !important;*/
}
div.grid-row .status-1
{
    border-left: 5px solid #ffb914;
}
div.grid-row .status-2
{
    border-left: 5px solid #3B362D;
}
#title-actions
{
    background: #ffb914;
}
#user-details
{
    background: #3B362D;
}
.grid-body div.selected
{
    background: #3B362D;
}
.grid-body div.selected > span
{
    background: transparent;
}
#header
{
    background: #3B362D;
}
#menu
{
    background-color: #3B362D;
}
#photo
{
    border-color: #ffb914;
    background: #000;
}
.userName-hover
{
    border-color: #ddd;
    background: #ffb914;
}
.userName-hover label
{
    color: #fff;
}
div.main-actions
{
    background: #ffb914;
}
a.main-action
{
    background: #ffb914;
}
div.main-actions-inner
{
    background: #ffb914;
}
a.main-action:hover
{
    background-color: #3B362D;
}
div.main-actions a.main-action span
{
    background: #fff;
    color: #000;
}
div.main-actions a.selected, .hiddenNav a.selected
{
    background-color: #3B362D;
}
div.main-actions a.selected, .hiddenNav a.selected:hover
{
    background-color: #3B362D;
}
a.heading
{
    background: #3B362D;
    border-top-color: #FFF9B1;
}
#session-timer
{
    color: #fff;
}
#searchBox
{
    border-color: #3B362D;
}

#search-results h1
{
    color: #ffb914;
}
#search-results a
{
    border-bottom-color: #3B362D;
    color: #3B362D;
}
#search-results a:hover
{
    color: #ffb914;
}
#search-results a.selected
{
    background: #6BA2BF;
    color: #fff;
}
#search-results a.hover
{
    color: #fff;
}
#container
{
    background: #fff;
}
/*#footer
{
    background: #3B362D;
}
#footer a
{
    color: #ffb914;
}

#footer a:hover
{
    color: #fff;
}*/
/*#Form1 label
{
    color: #3B362D;
}*/
.sessionActions
{
    background: #3B362D;
    border-color: #FFF9B1;
}
.sessionActions:hover
{
    background: #ffb914;
    border-color: #3B362D;
}

#lblError
{
    color: #f00;
}
span.paging-link
{
    border-top: solid 3px #3B362D;
}
#plusDropdown > li > span, .popup-body .title
{
    background: #3B362D;
}
.popup-body
{
    border-left: 5px solid #3B362D;
    border-right: 5px solid #3B362D;
    border-bottom: 5px solid #3B362D;
    border-top:none;
}
.popup-pointer
{
    border-left: 10px solid #3B362D;
}
span.paging-link
{
    border-top: solid 3px #3B362D;
}
a.button, a.attachment
{
    border: solid 2px #3B362D;
    color: #3B362D;
}
a.button:hover, a.attachment:hover
{
    background-color: #ffb914;
    border: solid 2px #ffb914;
}
div.paging
{
    color: #ffb914;
}
div.paging a
{
    color: #3B362D;
}
div.paging a:hover
{
    color: #ffb914;
}
.textboxes
{
    border: solid 2px #3B362D;
}
a.attachment:link, a.attachment:active, a.attachment:visited
{
    background-color: #3B362D;
}
a.action:link, a.action:active, a.action:visited, a.customaction:link, a.customaction:active, a.customaction:visited
{
    border: solid 2px #3B362D;    
    color: #3B362D;
}
a.customaction:link, a.customaction:active, a.customaction:visited
{
    background: #ffb914;
    color:#000;
}
a.ajaxUpload-button, a.ajaxUpload-button:hover
{
    background: #3B362D;
}
ul.tab-strip li.selected a
{
    border-bottom: solid 3px #3B362D;
}
ul.tab-strip-bottom li.selected a
{
    border-bottom: none;
    border-top: solid 3px #3B362D;
}
ul.tab-strip li.action a
{
	background: #3B362D;
}
a.action
{
	background: #3B362D;
}
a.primary
{
    background-color: #3B362D;
    border: solid 2px #3B362D;
    color:#fff;
}
body#mainBody
{
    background: #bbb;
}
ul.tab-strip li.action a:hover
{    
    background: #ffb914;
}
div.activity .admin-nav .selected span, div.comment .admin-nav .selected span{
	color:#fff;
}
div.activity span, div.comment span
{
    color:#3B362D;
}
a.form:link, a.form:active, a.form:visited
{
    background: #3B362D;
    border:2px #3B362D solid;
}
a.form:hover
{    
    background:#ffb914;
    color: #fff;
    border:2px #ffb914 solid;
}
a.attachment, a.attachment:link, a.attachment:active, a.attachment:visited
{
    color: #fff;
    border:2px #3B362D solid;
    background:#3B362D;
}
a.attachment:hover
{
    background:#ffb914;
    border: solid 2px #ffb914;
    color: #fff;
}

a.customaction:hover
{
    background: #ffb914; 
    border: solid 2px #ffb914;   
    color:#fff;
}
a.action:hover
{
    background: #ffb914;
    border: solid 2px #ffb914;   
    color:#fff;
}
a.ajaxUpload-button
{    
    border: solid 2px #3B362D;   
}
a.ajaxUpload-button:hover
{    
    background: #ffb914;
    border: solid 2px #ffb914;   
    color:#fff;
}
h1.title
{
    background: #ffb914;
}
h1.sub-title
{
    background: #3B362D;
}
.textboxes
{
    background:#FFF9B1;
}
#plusDropdown li a:hover
{
    background:#ffb914;  
    color:#fff; 
}
.hideButton
{
    background: #3B362D;
}
.hideButton:hover
{
    background:#ffb914;
}

#user-details:hover
{
    background: #ffb914;
    color: #fff;
}

.legends-1{border-left: solid #3B362D 15px; }
.event-type-1{background:#3B362D;}

.legends-2{border-left: solid #ffb914 15px; }
a.event-type-2{background:#ffb914; color:#fff !important;}

.legends-3{border-left: solid #094e54 15px; }
.event-type-3{background:#094e54; color:#fff !important;}

div.grid-row-hover, .grid-body div.selected{ border-left:3px solid #3B362D; border-right:3px solid #3B362D; margin:0px;}

.popup-body .grid .title
{
    background: #ffb914; 
}
#title-actions span:hover, #title-actions span.selected
{
    background:#3B362D;
}

#user-details
{
    background: #3B362D;
}
.TreePanel
{
    background-color: #3B362D;
}
.TitleStripDark
{
    background-color: #ffb914;
    border: none;
    padding: 2px 0px 2px 0px;
}

.LabelsDark
{
    background-color: #ffb914;
}

.LightPanel
{
    border: none ; /*solid 1px #6BA2BFk;*/
    background-color: #ffb914;
    color: #ffb914; /*background-image: url(../Images/light_bg.jpg);*/
}

.HeadingCell {
    background-color: #ffb914;
    border: 1px solid;
    border-color: #3B362D;
    padding: 2px;
    text-align: center;
}
.GridFooter   
{
    background-color: #ffb914;
    border: 1px solid;
    border-color: #3B362D;
    padding: 2px;
}
.Buttons {
    background-color: #ffb914;
    border: solid 2px #3B362D;
    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: #3B362D;
    border: solid 2px #3B362D;
    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 : #3B362D;
}
.blocks a {
    display: inline-block;
}
.blocks .caption {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom: 0;
    /*background-color: #00AEEF; /* for browsers that don't understand rgba() notation */
    background-color: #3B362D;
    color: white;
    font-weight: bold;
	font-size: 18px;
    line-height: 1.1em;
	text-align: center;
    padding: 45% 0px 0px 0px;
}
.blocks a:hover .caption {
    display: block;
}​


/*--------------------------Slider--------------------------------*/
#bottom {
    position:absolute;
    bottom:0px;
    left:0px;
    height:30%;
    width:100%;
}
.image {
    position:relative;
    width:100%;
    height:100%;
	margin-top: -4%;
}
.dots {
    width:200px;
    margin: 0px auto 0px auto;
}

.dot {
    background-color: #00aeef;
    width:15px;
    height:15px;
    margin-left:5px;
    margin-right:5px;
    float:left;
    cursor: pointer;
}

.selector  {
    width:100%;
    position:relative;
    float:left;
}

.click {
    position: absolute;
    width:25px;
    height:25px;
    background-color: #004264;
    color: white;
    top:-10px;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    background-image: url(images/icon-leftrightupdown.png);
}

.click:hover {
    background-color: #00aeef;
}

.next {
    right:10px;
    top:0px;
    background-position: center -1px;
    background-repeat: no-repeat;
}

.prev {
    left:10px;
    top:0px;
    background-position: center -32px;
    background-repeat: no-repeat;
}

.selected {
  /*  background-color: #004264;*/
}

.blocks {
    margin:20px 0px 0px 0px;
    padding:0px;
    width:100%;
    float:left;
    background-color:#ff0;
    position:relative;
}

div.blocks > div.block {
    width:9.25%;
    position:absolute;
    cursor: pointer;
}
div.blocks > .block img {
    padding:10%;
    width:80%;
    height:80%;
}
div.blocks > .block:hover {
    background-color:#3B362D;
}
        
.tile1 {
    left:1%;
    background-color:#fbb81f;
	/* margin-top: 38%; */
}

.tile2 {
    left:12%;
    background-color:#d41218;
	/* margin-top: 38%; */
}

.tile3 {
    left:23%;
    background-color:#9f8c69;
	/* margin-top: 38%; */
}

.tile4 {
    left:34%;
    background-color:#202b59;
	/* margin-top: 38%; */
}

.tile5 {
    left:45%;
    background-color:#fbb81f;
	/* margin-top: 38%; */
}

.tile6 {
    left:56%;
    background-color:#ad1923;
	/* margin-top: 38%; */
}
.tile7 {
    left:67%;
    background-color:#9f8c69;
	/* margin-top: 38%; */
}
.tile8 {
    left:78%;
    background-color:#202b59
	/* margin-top: 38%; */
}
.tile9 {
    left:89%;
    background-color:#fbb81f
	/* margin-top: 38%; */
}

#rolesContainderDiv > span.read-only{
	display: block !important;
}