@charset "UTF-8";


.overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
	display:none;
}

#progress
{
	position: fixed;
    top: 50%; 
    left: 50%;
    margin-top: -250px;
    margin-left: -170px;
    background-color:#fff;
padding:20px;
    text-align:center;
    z-index: 11;
	border:1px solid #333;
	display:none;
}
/* CSS Document */

#GreetingContainer {    
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    background: rgb(225,225,225); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,225,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%,#e1e1e1 100%); /* W3C */
    float: left;
    margin: auto;
    position: relative;
    overflow: hidden;
    width:100%;
    text-align:left;   
    display:inline-block;
    
    padding:0px;
}

#CombinedLogo {
    width:30%;
    height:72px;
    border:none;
    border-style:none;
    float:left;
    display:inline-block;
    position:relative;
    margin:20px;
}

#ScheduleGreeting {
    /*float:left;*/
    width: 100%;
    position:relative;
    margin-top:15px;
    font:13px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#222;
    text-align:center;
    padding-bottom: 10px; /*JAJ*/
}

p.BoldGreeting {
    font:16px "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-top:5px;
    color:rgba(13,12,19,1);
   
}
#KeyContainer {
    margin: 0px;
    width: 1194px;
    height:50px;
    line-height: 50px;
    vertical-align: middle;
    text-align:center;   
    display:inline-block;
    background: rgb(45,50,60); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(45,50,60,1) 0%, rgba(13,12,19,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,50,60,1)), color-stop(100%,rgba(13,12,19,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(45, 50, 60) 0%,rgba(13,12,19,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(45,50,60,1) 0%,rgba(13,12,19,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(45,50,60,1) 0%,rgb(13, 12, 19) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(45,50,60,1) 0%,rgba(13,12,19,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d323c', endColorstr='#0d0c13',GradientType=0 ); /* IE6-9 */
    padding: 3px;
}

#KeyContainer ul li{
    display:inline-block;
}
#KeyContainer span {
	font:12px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#FFF;
    margin-right:38px;
    margin-left:4px;
}

#search-filter-container {width: 900px; height: 50px; margin: 0 auto;}    
    
#ScheduleContainer {
    float: left;
    margin: auto;
    position: relative;
    overflow: hidden;
    width:100%;
    background-color: #CCC;
    
}

p.Descrip {
    margin-bottom:10px;
    color:#222;
}

p.Title {
    color:rgb(255,103,0);
    letter-spacing:.05em;
    font-weight:bold;
    margin-bottom:10px;

}

p.Location {
    color:#222;
    letter-spacing:.05em;
    margin-bottom:10px;
    font-size:.9em;
}

.HeaderRow {
    width: 1200px;
    display: table-row; 
    text-align: left;
    background-color: #ccc;
}

.HeaderRow-Items {width: 1194px; padding: 3px 0 0 6px;}

.ScheduleRow {
    position: relative;
    width: 950px;
    margin:auto;
    overflow: hidden;
    min-height:50px;
    display: table-row;
}

.ScheduleRow:hover {background-color: #999;}

.ScheduleRow a {display: table-cell; vertical-align: top; padding: 3px;}

.Col1, .Col2, .Col3, .Col4, .Col5 {display:table-cell; height: 150px; overflow: hidden; text-align: left;}

.Col1 {width: 90px;}
.Col2 {width: 160px;}
.Col3 {width: 60px; text-align: center;}
.Col4 {width: 650px; position: relative;}
.Col5 {width: 160px; text-align: center;}

.Cell {
    background: rgb(225,225,225); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,225,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%,#e1e1e1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    min-height:130px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    padding:5px;
    color:#000;
	font: 14px arial;
    vertical-align:top;
    display: table-cell;
}

.signup-button {width: 100px; position: absolute; bottom: 0; right: 0; padding: 0 5px 5px 0;}

.whitecell
{
    display:table-cell;
    margin:2px;
    padding:2px;
}

.HeaderCell {
    background: rgb(244,244,244); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    padding:5px;
    font-size:9pt;
    color:#333;
	font: 14px arial;
    display: table-cell;
    text-align:left;
    vertical-align: top;
    height: 15px;
    margin-top: 3px;
}

.HeaderCell:hover {cursor: pointer;}

a.SortIconActiveDown, a.SortIconActiveDown:hover {
    background:url(../media/images/Sort_Active_Down.png) 100% 0 no-repeat; 
    background-position:bottom;
    width: 10px;
    height: 14px;
    display: block;
    text-decoration : none;
    border-style:hidden;
    display: inline-block;
    float:right;
    cursor: pointer;
}

a.SortIconActiveUp, a.SortIconActiveUp:hover {
    background:url(../media/images/Sort_Active_Up.png) 100% 0 no-repeat; 
    background-position:bottom;
    width: 10px;
    height: 14px;
    display: block;
    text-decoration : none;
    border-style:hidden;
    display: inline-block;
    float:right;
    cursor: pointer;
}

a.SortIconInactiveDown {
    background:url(../media/images/Sort_Inactive_Down.png) 100% 0 no-repeat; 
    background-position:bottom;
    width: 10px;
    height: 14px;
    display: block;
    text-decoration : none;
    border-style:hidden;
    display: inline-block;
    float:right;
    cursor: pointer;
    
}
a.SortIconInactiveDown:hover {
    background:url(../media/images/Sort_Active_Down.png) 100% 0 no-repeat; 
    background-position:bottom;
    width: 10px;
    height: 14px;
    display: block;
    text-decoration : none;
    border-style:hidden;
    display: inline-block;
    float:right;
    cursor: pointer;
}

a.SortIconInactiveUp {
    background:url(../media/images/Sort_Inactive_Up.png) 100% 0 no-repeat; 
    background-position:bottom;
    width: 10px;
    height: 14px;
    display: block;
    text-decoration : none;
    border-style:hidden;
    display: inline-block;
    float:right;
    cursor: pointer;
}

a.SortIconInactiveUp:Hover {
    background:url(../media/images/Sort_Active_Up.png) 100% 0 no-repeat; 
    background-position:bottom;
    width: 10px;
    height: 14px;
    display: block;
    text-decoration : none;
    border-style:hidden;
    display: inline-block;
    float:right;
    cursor: pointer;
}

.Photo {
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px; 
    max-height:110px;
    max-width:150px;
    margin:2px;
}

.IconHolder {
    display:inline-block;
    width:auto;
    position:relative;
}

.Icon {
    height:35px;
    width:35px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    position: relative;
    overflow: hidden; 
    display:inline-block;
    vertical-align:middle;
    border-style:solid;
    border-width:1px;
    border-color:rgb(150,150,150);
}

.KeyIcon {
    height:35px;
    width:35px;
    position: relative;
    overflow: hidden; 
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    display:inline-block;
    vertical-align:middle;
    margin:5px;
}

.LiveIcon {
    background-image:url(../media/images/Live_Icon.png);
}
.EIcon {
    background-image:url(../media/images/E_Icon.png);
}
.TrainIcon {
    background-image:url(../media/images/Train_Icon.png);
}
.RecruitIcon {
    background-image:url(../media/images/Recruit_Icon.png);
}

/* button */
button, .button {
    padding:4px 15px 5px 15px;
    background-color: #e15140;
    background: -webkit-linear-gradient(top, #f2a4a2 0, #e85b54 4.5%, #b22520 100%);
    background: linear-gradient(to bottom, #f2a4a2 0, #e85b54 4.5%, #b22520 100%);
	border-radius: 3.1px;
	-webkit-border-radius: 3.1px;
	border: 1px solid #B22520;
	color: #fff;
	font: bold 15px arial,sans-serif;
	margin: 0;
	cursor: pointer;
	display: inline-block;
    position:relative;
    vertical-align:middle;

}

button.gray, .button_gray {
	background-color: #8b8d90;
    background: -webkit-linear-gradient(top, #eceded 0, #8b8d90 3%, #64676b 100%);
    background: linear-gradient(to bottom, #eceded 0, #8b8d90 3%, #64676b 100%);
    border: 1px solid #64676b;
}
button.gray:hover, .button_gray:hover {
    background-color: #96989b;
    background: -webkit-linear-gradient(top, #eceded 0, #8b8d90 3%, #8b8d90 100%);
    background: linear-gradient(to bottom, #eceded 0, #8b8d90 3%, #8b8d90 100%);
    border: 1px solid #64676b;
}
button.gray:active, .button_gray:active {
    background-color: #64676b;
    background: -webkit-linear-gradient(top, #eceded 0, #64676b 3%, #8b8d90 99%);
    background: linear-gradient(to bottom, #eceded 0, #64676b 3%, #8b8d90 99%);
    border: 1px solid #64676b;
}
.searchfield {
    width:200px;
}

#page {width: 1200px; margin: 0 auto;}
.bg {background: transparent url(../images/mainbg2.jpg) repeat top left;}

a.more-link, input[type="submit"]#submit, input[type="submit"], #navigation, .catlabel {
	background: #0d0c13;
}
a:hover.more-link, input[type="submit"]:hover#submit, input[type="submit"]:hover, #access li.current-menu-item a, .searchbox {
	background: #2d323d;
}
#access .sf-menu a, .searchbox, #access .sf-menu li li a:hover, .catlabel, .catlabel a, .catlabel a:hover {
	color: #ffffff;
}

.datepicker {display: none;}

.print-button {position: absolute; bottom: 0; right: 0; padding: 0 5px 5px 0; width: 30px;}
.print-button:hover {cursor: pointer;}