.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
* {
	margin:0;
	padding:0;
}

html {
	height: 100%;
}

.MainBody
{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width:100%;
	min-height: 100%;
	/*height: auto !important;*/
	height: 100%;
    margin: auto;
	background:  url() ;
}

.MainAreaWrapper
{
	width:1175px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */

}

.MainForm
{
   /* max-height:1500px;*/
    width:1175px;
    /*margin: 0 auto;*/
    background-color: #; 
}

.PageWrapper
{
    min-height:100%;
    min-height: 100%;
	height: auto !important;
	height: 100%;
    width:1175px;
    margin: 0 auto;
    background-color: #;
    overflow:hidden;
}

.HeaderNoImage
{
	float:left;
    clear: both;
    width:1175px;
    height:150px;
    text-align:center;
    background-color: #ee5103;
}
.HeaderTransparent
{
	float:left;
}
.HeaderNoImageLeft
{
	float:left;
	vertical-align:center;
}
.HeaderNoImageCenter
{
	float:left;
	text-align:center;
	padding-top:30px;
	width:700px;
	height:125px;
	vertical-align:center;
}
.HeaderNoImageRight
{
	float:left;
	vertical-align:center;
}
.H1
{
     color= #;
     margin: 0px;    
     padding: 0px;    
     font-family: arial;    
     font-size: 140%;
}

.HeaderImage
{
	clear:both;
    top:0;
    padding-top:0px;
    min-width:1175px;
    width:auto;
    vertical-align:top;
    background-color: transparent;
    z-index:621;
}


.TopMenu
{
	clear:both;
	padding-top: 0px;
	padding-left:275px !important;
    background-color: #FF5E17;
    color: #FFFFFF;
    height:30px; /*was 25*/
    width:900px;
    vertical-align:center; 
    border-bottom: 1px solid #000; 
}

.StudentName
{
    color: #FFFFFF;
    font-style:italic;
    white-space:nowrap;
    text-align:right;
    width:100%;
}

.LeftMainMenu
{
    float:left !important;
    background-image: ;
    background-color: #ee5103;
    width:225px;
    min-height:1200px;
    border-top-style:none;
    /*height: 100%;*/
	height: 2030px;
	
}

.LeftMainMenuStaticSection
{
    width:225px;
    background-color: #ee5103 !important;
    white-space:normal !important;
    background-image: none;
}

.tbl-style
{
	/* background-color: #ee5103 !important;*/
	color: #FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
}

.LeftMainMenuStaticSection li
{
    list-style-type:none;
}
.MainArea
{
    float:left !important;
    width:645px !important;
    height:100% !important;
    min-height: 900px !important;
    padding-left:30px !important;
    vertical-align:top !important;
    background-color: # !important;
    background-image: url() !important;
    background-repeat:no-repeat !important; 
}

.right-sidebar 
{    
    float: right;
    width:10%;  
    height:100%;  
    background-color: white;    
    vertical-align:top;
}

.MainAreaLogo
{
    float:left;
    width:80%;
    text-align:center;
	align: center;
    background-color: #;
    /*padding-top:25px;*/
    padding-bottom:25px;
   /* height:1340px;*/
}

.StatusBottom
{
	clear:both !important;
    vertical-align:bottom !important;
	horizontal-align:center !important; /*added*/
    height:100px;
    width:1175px;
    background: url(../Images/StatusBottomBg.gif) repeat-x scroll 0 0 #000000;
    background-position:bottom;
}


.StatusBottomLeft
{
	float:left;
	height:70px;
	width:225px;
	vertical-align:inherit;
	horizontal-align:center; /*added*/
	padding-left:290px;  /*was 30*/ 
}

.StatusBottomCenter
{
	padding-left:35px;
	padding-top:26px;
	vertical-align:inherit;
	horizontal-align:center; /*added*/
	float:left;
	text-align:center;
	color: #FFF !important;
}
/*
.StatusBottomRight
{
	padding-left:35px;
	padding-top:28px; 
	height:70px;
	width:225px;
	vertical-align:inherit;
	float:left;
}
*/
.static li
{
	padding-top: 2px;
}

.StickyBar 
{
	background: url(../Images/StickyBarBg.gif) repeat-x scroll 0 0 transparent;
	display:block;
	height: 40px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:500;
}

.TweeterFeed
{
	padding-left:50px;
	position: absolute;
	left:700px !important;
	top:2px !important;
	color:#FFF;
	width:650px;
}

.NewsFeedWrapper
{
	position:absolute;
	left:330px !important;
	top:2px !important;
	height: 18px;
	width: 390px;
	z-index:600;
	margin: 0px 0 0 0;
	padding-top:15px;
	vertical-align:top;
	box-shadow: 5px 5px 5px #000; 
	-webkit-box-shadow: 5px 5px 5px #000; 
	-moz-box-shadow: 5px 5px 5px #000; 
	background: url(../Images/LatestNews.png) no-repeat scroll 0 0	transparent;
}

.NewsFeed
{
	color:#000;
	height: 30px;
	width: 300px !important;
	z-index:600;
	left:210px !important;
	padding-top:0px;
	padding-left:0px;
	position:fixed;
	top:6px !important;
}

.NewsFeedTitle 
{
	position:absolute;
	top:8px;
	color:#000000;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:13px;
	padding:  0px 5px 0 15px;
	text-transform:uppercase;
	float:left;
	text-shadow:2px 1px 6px #333;
	width:63px;
	text-align:center;
}

.LinksArea
{
	position: absolute;
	left:10px !important;
	top:2px !important;
}


h2.LinkTitle{
	color:#FFFF00;
	font-family:"Consolas",Arial,Helvetica,sans-serif;
	font-size:16px;
	padding: 8px 3px 0 2px;
	float:left;
	text-shadow: 2px 1px 6px #333;
}
.ImageLink
{
	float:left;
	padding: 3px 7px 0 0;
	border: 0;
}

.StickyBarClose
{
	padding: 3px 3px 0 0;
	float:right;
	vertical-align:top;
	z-index:615;
}

.Space
{
	float:left;
	width:225px;
	height:43px;
	z-index:600;
}

.SignIn
{
	text-align:center;
	width:100%;
}
.SignInTable
{
	margin-left:auto;
	margin-right:auto;
	text-align:left
}
.template {
   height: 750px;
   overflow-y: scroll;
}

.mobile_login {
	font-family: 'Roboto', sans-serif;
	background-color: black;
}

.modal-header {
    background-color: #ee5103;
}

.SignInTable td {
	text-align: center;
}

.button-modal {
    width: 30%;
    padding: 3%;
    margin: 5%;
    border-radius: 10px;
    box-shadow: 0px 4px 17px -3px #a8a8a8;
    -webkit-box-shadow: 0px 4px 17px -3px #a8a8a8;
    text-align: justify;
}

.button-modal a:Visited {
    text-decoration: none;
    color: black;
}

.button-modal a {
    text-decoration: none;
    color: black;
}

.inputBox {
	display: block;
}

.inputText {
	display: inline;
	width: 100px;
}

.button-myticket {
	width: 75%;
    padding: 1.5%;
    border-radius: 10px;
    box-shadow: 0px 4px 17px -3px #a8a8a8;
    -webkit-box-shadow: 0px 4px 17px -3px #a8a8a8;
    text-align: center;
	cursor: pointer;
	margin: 5px;
    border-radius: 5px;
}

