﻿/* eRegeistration*/
.eGreen {
    background-color: #33CC00;
}
.eRed {
    background-color: #FF0000;
}
.tablegrid {
    font-size :0.85em !important;
}
.guestfooter
{
    background-color: #CCCCCC;
}
.valignmid {
    vertical-align: middle;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index:999;
}

.pleaseWaitModalBackground {
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index:1004;
}

.modalMessageBox
{
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 0px;    
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 10px 10px 5px #6E6D6D;
}

.modalPopup
{
    z-index:1002 !important;
}

.modalBackground
{
    z-index:1001 !important;
}

.modalPopup, .pleaseWaitModalPopup
{
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 10px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 10px 10px 5px #6E6D6D;
}

.modalPopupText
{
	font-weight: normal;
	font-size: large;
	text-align: center;
}
.helpLink
{
    	color: #0B0B61 !important;	
}
.pleaseWaitModalPopupText {
    font-weight: normal;
    font-size: medium;
    text-align: center;
}

h2.sectionHeader
{ 
  font-size:1.5em;
  margin: 30px 0 15px 0;  
  line-height:30px;
  text-indent:5px;
  color: #00C;
  border-bottom: 3px solid #00C
}

/*Combine with sectionheader at the top of ajaxToolkit:TabPanel to avoid white gap*/
.noTopMargin
{
    margin-top:5px !important;
}


.HeaderStyle th
{
    text-align:left;
}

.item0{width:0%;}
.item10 { width:10%;}
.item20 { width:20%;}
.item25 { width:25%;}
.item30 { width:30%;}
.item40 { width:40%;}
.item50 { width:50%;}
.item60 { width:60%;}
.item70 { width:70%;}
.item80 { width:80%;}
.item90 { width:90%;}
.fullWidth {width:100%;}
.fullWidthExtra {width:1500px;}


.tdHead 
{
    text-align:right;
    color: #00008b;
  	background-color: #99CCFF;
}
.guesttdHead
{
     text-align:right;
    color: #00008b;
  	background-color: #99CCFF;
}
.trHead 
{
    color: #00008b;
    background-color: #99CCFF;
}
.guesttrHead
{
     color: #00008b;
    background-color: #99CCFF;
}
.tdData 
{
    COLOR: black;
    background-color: #EBF2FC;
}
.guesttdData
{
    COLOR: black;
    background-color: #EBF2FC;
}
.alignCenter
{
    text-align:center;
}

.alignRight
{
    text-align:right !important;
}
.alignLeft
{
    text-align:left;
}

.borderthick
{
    border-style:solid;
    border-width:5px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.EditorClass td {
    background-color: #CCCCFF;
}

.EmailEditorClass td {
    background-color: #CCCCFF;
}

.SMSEditorClass td {
    background-color: #CCCCFF;
}

.css-vertical-text 	
{   
    -webkit-transform: rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);		
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	display:block;
	width:150px;
	position:absolute;	
	text-align:right;	
}

 .pager span 
 { color: #00008b;
  	background-color: #99CCFF;
   
   font-weight:bold; 
   font-size:14pt; 
   -moz-border-radius: 5px;
   border-radius: 5px;
 }  
 .tableborder
 {  
   -moz-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 7px 7px 8px #949292;        
   border-spacing :0px !important;
 }

.DataGridPagerStyle
{
   -moz-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 7px 7px 8px #949292;  
   border-collapse: separate !important;
}
 
 .guestImageBackground
{
    COLOR: black;
    background-color: #F0F5FC;
}

.tcWeekendCell
{
    background-color:#CCD5E0;
}

.tcPHCell
{
    background-color:#F792C6;
padding: 0.0em 0.0em !important;
}

#tCellam
{
padding: 0.0em 0.0em !important;
}
#tCellpm
{

}
.tcCalCell
{
    height:110px;
    width:60px;
    min-width:60px;    
padding: 0.1em 0.0em !important;
}
.calMonth
{
    border-width:1px;
    font-size:0.8em;
}

.calsched
{
    background-color:#FFF;
}
.calcourse
{    
}
.calresource
{        
}

.hideGridColumn
{
    display:none;  /* required to stop flicker on postback */
}


#availCal table
{
border-style : none !important;
width : 50px !important;
}


#availCal table tr .tcCalCell 
{
width:50px !important;
min-width:50px !important;
}

#availCal table tr td:first-child table
{
width:200px !important;
}


#availCal .tdHead
{
width:200px !important;
}

#availCal table tr td:first-child .infoTable {
    width:50px !important;
    min-width: 50px !important;
}



div.menu
{    
    margin-top:10px;     
    font-size:0.9em;             
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;     
    z-index:1000 !important;
    min-width:88px;
}

div.menu ul li ul
{       
    display:none;
    background-color:white;

}

div.menu > ul > li
{ 
    display: inline-block;
    list-style: none; 
    float:left;
} 

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #2E8AE6;    
    margin:0 0px 0px 0;
   
    padding-bottom:1px;
    border-left: 1px #EBF2FC solid;
    border-bottom:1px #EBF2FC solid;
    margin-left:0px;    
    color: #FFF;
    display: block;
    line-height: 1.25em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;          
    z-index:999 !important;  
}

div.menu ul li a:hover
{
    background-color: #EBF2FC;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li:hover > ul {
    display:block;
    }

div.menu ul li a:focus
{
    background-color: #EBF2FC;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #EBF2FC;
    color: #cfdbe6;
    text-decoration: none;
}

.CourseBody2
{
    margin-left:10px;
    margin-bottom:10px;
}
/*
.ButtonAsLink 
{
    color:#0000bf;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	font-size:1.05em;
}

.ButtonAsLink:hover
{
    text-decoration: underline;        
}
.ButtonAsLink:active
{
    text-decoration: underline;    
}
*/
.ButtonAsLink 
{
    color:#0000bf;
    background:none;		
	cursor:default;	
	margin:0;
	padding:0;		
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px solid transparent;
	text-decoration:none;
}

.list {
    clear: left;
    display: block;
    float: left;
    left: 0px;
    width:250px;
}

.ulList {
    display:block;
    position:absolute;    
    
}
.ButtonAsLink:hover 
{
    text-decoration: underline;   
    cursor:pointer;
}

.ButtonAsLink:active 
{
    text-decoration: underline;   
    cursor:pointer;
}

.aspNetDisabled
{
  color: #A4A4A4 !important;
}

.tdCourseLayout ul
{
    padding-left:20px;
}
.tdCourseLayout ol
{
    padding-left:20px;
}

.SACapacityWarning {
    background-color: #FFFF00 !important;    
}
.SACapacityProblem {
    background-color:#FF0000 !important;
    color:#FFFFFF !important;
}
.SAOverbooked {
    background-color:#FF00FF !important;
    color:#FFFFFF !important;
}
.SACourseFull {
    background-color:#00FF00 !important;
}
.SAReserved {
    background-color:#CC6600 !important;
     color:#FFFFFF !important;
}
.SAReserved a {    
     color:#FFFFFF !important;
}
.SALeftWarn {
    background-color: #FFFF00 !important;
}
.SAMinProblem {
    background-color:#FF0000 !important;
    color:#FFFFFF !important;
}

.SAResCheckComplete {
    background-color:#00FF00 !important;
}
.SAResCheckProblem {
    background-color:#FF0000 !important;
    color:#FFFFFF !important;
}

.ActivityWarning {
    background-color: #FFFF00 !important;
}
.ActivityUrgent {
    background-color:#FF0000 !important;
}


.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;   
    background: rgba( 148,146,146, .8 )                     
                no-repeat;

}

.modalPopupCenter {
     margin-left: auto;
    margin-right: auto;    
     margin: auto;
     position:absolute;
     top: 0; bottom: 0; left: 0; right: 0;
}
.modalPleaseWait {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 10px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 10px 10px 5px #6E6D6D;
    width:140px;    
    background: rgba( 255, 255, 255, .8 )                 
                no-repeat;    
     margin-left: auto;
    margin-right: auto;    
     margin: auto;
    position: absolute;
    height:40px;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index:1005;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading #loadingModal {
    display: block;
    z-index:1005;
}

input[type=text], input[type=password], select, textarea {
    font-size: 0.95em;	
    padding:4px;    
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus  {
    background-color:#FFFFCC;    
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) inset, 0 0 4px rgba(82, 168, 236, 0.6);
    outline: 0 none;    
    	
} 

.ui-datepicker {
background: #fff; /* Old browsers */
font-size:11px;
padding:10px;
border:2px solid #ccc;
box-shadow: 10px 10px 5px #6E6D6D;
display:none;
}
 
.ui-datepicker table {
width:278px;
border:1px solid;
border-collapse:collapse;
}
 
.ui-datepicker table td {
text-align:center;
border:1px solid;
border-collapse:collapse;
}
 
.ui-datepicker a {
cursor:pointer;
text-decoration:none;
}

.ui-datepicker-prev {
}


 
.ui-datepicker-next {
float:right;
}

.ui-datepicker-title {
text-align: center;
font-weight:bold;
}

.ui-datepicker-current-day {
    background-color:red;
   
}

.ui-datepicker-today{
    background-color:blue;   
}
.ui-datepicker-current-day a {
    color:white !important;
}

.ui-datepicker-today a{    
    color:white !important;
}

.ui-datepicker-close {
float:right;
}

.ui-datepicker-buttonpane {
    padding-top:10px;
}
.ui-datepicker-buttonpane button{
    font-size:0.8em !important;
    cursor:pointer;
}

.textMedium {
    width:300px;
}

.textLong {
    width:600px;
}

.field-validation-error
{
    color:red;
    font-weight:bold;
}

.resMonthly .calHeader {    
       position:fixed;
       height:40px;
       width:60px;
}

.KPIHeight {
    min-height:250px;
}


#ctl00_GCP_cal_cal_ctl00_tHeaderRow, #ctl00_GCP_cal_cal_ctl93_tHeaderRow
{
	display:none;
}

@media all and (min-width: 900px) {
    .ResponsiveTable tr {
        width: 500px;
        float: left;
        display:inline-block;
    }
}

@media all and (max-width: 900px) {
    .ResponsiveTable tr {
        width: 550px;
        float: left;
        display:inline-block;
    }
}

.ResponsiveTable {
    width: 100%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 7px 7px 8px #949292;        
    border-spacing :0px !important;
    background-color:#EBF2FC;
}

.ResponsiveTable td {
    padding: 0.2em 0.5em;
    overflow: hidden;
    display: table-cell;
    border:none;
}

.ResponsiveTable td:nth-child(odd) div{
    width:200px;
}

.ResponsiveTable td:nth-child(odd) {
    text-align: right;
    color: #00008b;
    background-color: #99CCFF;
    width: 200px;
}

.ResponsiveTable td:nth-child(even) {
    COLOR: black;
    background-color: #EBF2FC;
    width: 300px;
}

.ResponsiveTableFullTR {
    width:100% !important;
}

.ResponsiveTableFullTR td:nth-child(odd) {
    width:200px;
}

.ResponsiveTableFullTR td:nth-child(even) {
    width:78%;
}

.mce-fullscreen
{
    z-index:1001 !important;
}
