/*
------------------------------------------------------------------
"Glass Template" - Blue (Default) Theme Stylesheet
------------------------------------------------------------------
Developer:	rSquared Web Development
Author:		Ryan Reynolds - ryan@rsquared.ca
Version:	April 20, 2007
------------------------------------------------------------------

2010/07/08 - DCH
I've broken out the theme files into 3 files, one for sizing, one
for coloring, and one for project specific adjustments. This file 
only contains the glass color theme.

Any project specific adjustments, such as re-sizing the banner, or
re-positioning the logos, should be placed in the ProjectStyles.css
file. 

Any generic sizing adjustments should be done in the 
glassbasesizing20221215.css file.
*/
@import "../glassMaster/glassBaseSizing20230216.css";
@import "../ProjectStyles.css";


/* Color Declaration
For use with Dynamysk.dll CSSHandler. 
Add the following line to the web.config httpHandler section:
<add verb="*" path="*.css" type="Dynamysk.CSSHandler,Dynamysk"/>
and add in IIS configuration for asp.net to handle .css files as a script.

@Dark = #4696fa;
@Medium = #a9d0f7;
@Light = #dfefff;

@Background1 = @Medium;
@Background2 = @Light;
@Background3 = @Dark;

@Border1 = Black;
@Border2 = White;
@Border3 = @Dark;
@Border4 = @Medium;

@Text1 = Black;
@Text2 = White;
@Text3 = @Dark;
@Text4 = #354a18;
@Text5 = #fc0;
@Text6 = @Text1;
@Text7 = @Text3;
*/


/* Default Colors
--------------------------------------------------------------- */
body {
	background-color: #494A4E;
	color: white;
	max-width: 100%;
	overflow-x: hidden;
} 
html, body {
	max-width: 100%;
	overflow-x: hidden;}
a:link {
	color: white;
}
a:visited {
	color: white;
}
a:hover {
	color: white; }
a:active {
	color: white; }
	
/* Login
--------------------------------------------------------------- */
#glassMenuLogin a:link, #glassMenuLogin a:visited {
	background: url(Images/MasterPage/menuLogin2023.png);
	background-repeat: no-repeat;
	height: 36px !important;
	background-size: contain;
	margin-left: 3px
}
#glassMenuLogout a:link, #glassMenuLogout a:visited {
	background: url(Images/MasterPage/menuLogout2023.png);
	background-repeat: no-repeat;
	height: 36px !important;
	background-size: contain;
	margin-left: 3px
}
#glassLogoutText {
	position: fixed;
	margin-left: 43px;
	margin-top: 10px;
	pointer-events: none;
}

img {
	max-height: 100%
}
/* Page
--------------------------------------------------------------- */
#glassBanner {
	background: #494A4E;
	border-bottom-color: @Border3; }
#glassContents {
	border-top-color: @Border3; }
#glassFooter {
	border-top-color: @Border3; }

#glassTitle h1 {
	color: @Text2; }
#glassContents h2 {
	color: @Text3; }
#glassContents h3 {
	color: @Text3; }



/* Menu
--------------------------------------------------------------- */
#glassMenu {
	background: #282828;
	border-bottom-color: @Border2;
	color: @Text2 !important;
	/*height: 40px;*/
}

#glassMainMenu li a, #glassMainMenu li span {
	color: @Text2; }
#glassMenu a:link, #glassMenu a:visited {
	color: @Text2; }
/* second level links */
#glassMainMenu ul {
	border-bottom-color: @Border3; }
#glassMainMenu li {
	border-left-width: 0;
	border-right-width: 0;
	/*height: 40px;*/
	
}
/*#glassMainMenu ul li a:link, #glassMainMenu ul li a:visited {
	background-color: @Background2;
	border-left-color: @Border1; 
	color: @Text2; }
#glassMainMenu ul li a:hover {
	background: @Background1;
	border-color: @Border1;
	color: @Text2; }*/
#glassMainMenu li:hover ul, #glassMainMenu li.sfhover ul {
	border-top-color: @Border2;}


/* Sub Titles
--------------------------------------------------------------- */
.glassSubTitles {
	background: #282828;
	border-bottom-color: @Border3;
    color: @Text2; 
}
.glassSubTitles p strong {
	color: white;
}
.glassSubTitlesMain {
	background: repeat-x;
	color: @Text2; }
.glassSubTitlesInner {
	background: no-repeat right;
	font-weight: bold;
}

#ctl00_plchldContents_Login1 {
	font-size: large;
}




input#ctl00_plchldContents_Login1_UserName {
	background-color: white !important;
	font-size: inherit;
	width: 372px !important;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
	height: 28px;

}


ctl00_plchldContents_Login1_UserName {

}
input#ctl00_plchldContents_Login1_Password {
	background-color: white !important;
	font-size: inherit !important;
	width: 372px !important;
	height: 28px;

}
#ctl00_plchldContents_Login1_LoginButton {
	font-size: large;
	width: 9em;
	height: 2em;
	background: #b0b0b0;
	border-width: 0;
	border-radius: 6px;
	position: relative;
	cursor: pointer;
	right: 40px;
	top: 25px;
	transform: translate(-50%);
	color: white;
}

div#AzureLogin {
	margin-left: 50%;
	margin-right: 50%;
	position: relative;
	top: 2em;
}

div#ForgotPassword {
	margin-left: 50%;
	margin-right: 50%;
	position: relative;
	top: 4em;
}

#ctl00_plchldContents_btnForgotPassword {
	font-size: large;
	width: 9em;
	height: 2em;
	background: #b0b0b0;
	border-width: 0;
	border-radius: 6px;
	position: relative;
	cursor: pointer;
	top: 60px;
	transform: translate(-50%);
	color: white;
}


input#ctl00_plchldContents_loginButton {
	font-size: large;
	width: 13em;
	height: 2em;
	background: #b0b0b0;
	border-width: 0;
	border-radius: 6px;
	position: relative;
	cursor: pointer;
	top: 1em;
	transform: translate(-50%);
	color: white;
}
/* GlassTable 
---------------------------------------------------------------*/
.glassTable {
	border-color: #888;
}
td.glassTable, th.glassTable {
	border-color: #888; }	
.glassTableWithBorder tr {
	border-color: @Border1; }
	
/* Datagrid
--------------------------------------------------------------- */
.glassGrid {
	border-color: @Border3; }
.glassAlternateRow {
    background-color: @Text2; }
.noHover table * {
	color: @Text1 !important; }

/* Header */
.glassGrid th {
    border-color: orange;
	color: @Text2;
	background: #282828; }
.glassGrid th a:link, .glassGrid th a:visited {
	color: @Text6; }
.glassGrid th a:hover, .glassGrid th a:active {
	color: @Text7; }

/* Rows */
.glassGrid td {
	background-color: @Background2; }
.glassGrid tr:hover td, .glassGrid tr.forcehover td {
	background-color: @Background1; }
.glassGrid tr.noHover td, .glassGrid tr.noHover th,
.glassGrid tr td.noHover, .glassGrid tr th.noHover  {
	background-color: @Background1 !important; }
	
/* Sub headers */
td.glassSubHeader {
	background-color: @Background1; }
.glassGrid tr:hover td.glassSubHeader, .glassGrid tr.forcehover td.glassSubHeader {
	background-color: @Background1; }
	
/* Grid Buttons */
.glassGrid td a:link, .glassGrid td a:visited {
	background: @Background1;
	border-top-color: @Border4;
	border-left-color: @Border4;
	border-right-color: @Border3;
	border-bottom-color: @Border3;
	color: @Text2; }
.glassGrid td a:hover, .glassGrid td a:active {
	background-color: @Background1;
	color: @Text1; }

/* Vertical Menu
--------------------------------------------------------------- */
.glassVerticalMenu {
	background-color: @Text3; }
.glassVerticalMenu li a, .glassVerticalMenu li span, .glassVerticalMenu a:link, .glassVerticalMenu a:visited {
	background: url(Images/SideMenu/SideMenu_BG.gif) repeat-x bottom left;
	border-color: #00274d;
	color: @Text2 !important; }
.glassVerticalMenu a:hover {
	background: url(Images/SideMenu/SideMenu_BG.gif) repeat-x top left;
	color: @Text2; }
.glassVerticalMenuCurrent a, .glassVerticalMenuCurrent span, .glassVerticalMenuCurrent a:link, .glassVerticalMenuCurrent a:hover, .glassVerticalMenuCurrent a:visited {
	background: url(Images/SideMenu/SideMenu_BG.gif) repeat-x top left;
	color: @Text2; }
.glassVerticalMenu li a input {
	border-color: @Text1; }

/* Custom Control Styling
--------------------------------------------------------------- */
.glassControlHead {
	border-bottom-color: @Border3; }
.glassControlHead table td, .glassControlHead table th {
	background: url(Images/MasterPage/controlHeader.png) repeat-x bottom; }
.glassControlHeadLeft {
	background: url(Images/MasterPage/controlLeft.png) no-repeat bottom left !important; }
.glassControlHeadSelect {
	background: url(Images/MasterPage/controlCurve.png) no-repeat bottom left !important; }
.glassControlHead table th {
	color: @Text2; }
.glassControlBody {
	background-color: @Background2;
	border-color: @Border3; }

/* Ajax Calendar Control
--------------------------------------------------------------- */
.GlassCalendar .ajax__calendar_container {
    background-color: @Background1; 	
    border-color: @Border3;
    color: @Text1; }
.GlassCalendar .ajax__calendar_container .ajax__calendar_header {	
	background-color: @Background1; 
	border-color: @Border3;		
	color: @Text1; }
.GlassCalendar .ajax__calendar_container .ajax__calendar_dayname {
	background-color: @Background1; }
.GlassCalendar .ajax__calendar_container .ajax__calendar_days {
	border-top-color: @Background1; }
.GlassCalendar .ajax__calendar_container .ajax__calendar_day  {
    background-color: @Background1;          
    border-color: @Border3;  
    color: @Text1; }
.GlassCalendar .ajax__calendar_container .ajax__calendar_month  {
    background-color: @Background1;  
	border-color: @Border3;    
	color: @Text1; }
.GlassCalendar .ajax__calendar_container .ajax__calendar_year  {
    background-color: @Background1;  
	border-color: @Border3;    
    color: @Text1; }
.GlassCalendar .ajax__calendar_container .ajax__calendar_hover .ajax__calendar_day {	 
    background-color: @Background3;      
    color: @Text3; } 
.GlassCalendar .ajax__calendar_container .ajax__calendar_hover .ajax__calendar_month {
    background-color: @Background3;    
    color: @Text3; }
.GlassCalendar .ajax__calendar_container .ajax__calendar_hover .ajax__calendar_year {
    background-color: @Background3;    
    color: @Text3; }
    
/* Ajax Modal Pop-up
--------------------------------------------------------------- */
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

    
[disabled] {
  color:Black;
  background-color:#eee;
  font-style:normal;
}

[disabled] input[type=checkbox] {
  color:#eee;
  background-color:@Light;
  font-style:normal;
}