.LoginTable
{ 
    border: solid 2px #ffffff; 
}

.LoginTable td { 
    height: 100px; 
    width: 100px;
}


.LockTD { 
    height: 0px; 
    width: 0px;
}

.LoginButton
 {        
     text-decoration: none;          
     height: 100px; 
     width: 100px;    
     display: block;
}

#Header
{
    background-color: #310062;  /*purple*/
    width: 960px;
    height: 80px;
    color: White;
}

*
{
    font-family: Verdana;
    font-size: 12px;
}

#HeaderLabel
{
    font-size: 16px;
    color: Lime;
}

h1
{
    font-size: 16px;
}

#PageWrapper
{
    width: 960px;
    background-color: #7773A1;
    margin: auto;
}

#MenuWrapper
{
    background-color: #CC3300; /*orange*/
    width: 960px;
    height: 20px;
    color: #ffffff;
    border: 1px solid white;
}

#MenuWrapper a
{
  /*
    Links in the Menu are white. This gets overriden by styles in chapter 7.
  */
  color: #ffffff;
}

.MainMenu
{
  /*
    The Menu gets a white border on all four sides.
  */
  /*border: 1px solid white;*/
  width: 956px;
  height: 18px;
  background-color :#CC3300;
}

.MainMenu ul li
{
  width: 115px;
  background-color :#CC3300;
  border: 1px solid white;
}

.breadCrumbTrail 
{   
    font-size: small;
}  

/* 
    First child element rendered by a SiteMapPath is an <a> tag you have no control over,
    adjacent to that is your root node's span tag, adjacent to that is the root node's  
    path-separator span: don't display it. 
*/ 

.breadCrumbTrail > a:first-child + span + span 
{   
    display: none; 
}

#background
{
    position: absolute;    
    height: 430px; 
    width: 940px; 
}

#background img 
{ 
    width:100%; 
    height:100%;
}

#MainContent 
{
    background-color: #310062;
    width: 940px;
    height: 480px;
    color: #ffffff;
    min-height: 480px;
    padding: 10px;
    font-size: 0.8em;
    float: left;
}

#MainContent a
{
    color: #FFFFFF;
    text-decoration: underline;
}

#MainContent a:visited
{
    color: #FFFFFF;
    text-decoration: underline;
}

#MainContent a:hover
{
    color: #FFFFFF;
    /*background-color: #CC3300;*/
    font-weight: bold;
    text-decoration: underline;
    text-decoration: blink;
}

/* background image style */
#content 
{ 
    position:relative; 
    z-index:1;
    color: #310062;
}

#content a
{
    color: #310062;
    text-decoration: underline;
}

#content a:visited
{
    color: #310062;
    text-decoration: underline;
}

#content a:hover
{
    color: #310062;
    /*background-color: #CC3300;*/
    font-weight: bold;
    text-decoration: underline;
    text-decoration: blink;
}

#Footer
{
    /*background-color: #512D75;*/
    background-color: #CC3300;
    width: 958px;
    height: 18px;
    clear: both;
    text-align: right;
    font: Tahoma;
    font-size: small;
    color : White;
    margin: auto;
    border: 1px solid white;
}


#LoginWrapper
{
    position: relative;
    width: 960px;
    height: 580px;
    background-color: #310062;
    margin: auto;
    /*border: 1px solid #ccc;*/
}


#Login {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 30em;
	height: 26em;
	margin-top: -13em; /*set to a negative number 1/2 of your height*/
	margin-left: -15em; /*set to a negative number 1/2 of your width*/
	/*border: 1px solid #ccc;*/
}

#ComboInstructions
{
    text-align: center;
    font-size: small;
    color: White;
    background-color: #310062;
}

.ErrorMessage 
{
    color: Yellow;
    text-decoration: blink;
}

/*gridview formating*/

.mGrid { 
    width: 100%; 
    background-color: #F7F6F3; 
    margin: 5px 0 10px 0; 
    /*border: solid 1px #525252;*/
    border: solid 2px #ffffff; 
    border-collapse: collapse; 
    Color: #333333;
}

.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}

.mGrid th { 
    padding: 4px 2px; 
    color: #ffffff;
    /*background-color: #CC3300;*/ 
    background: #5D7B9D url(grd_head.png) repeat-x top; 
    border-left: solid 1px #525252; 
    font-size: 0.9em;
    /*text-decoration: line-through;*/
}

.mGrid th a  {
    font: Verdana;
    background: #5D7B9D; 
    font-size: inherit;
    text-decoration: overline;
}

.mGrid th a:hover  {
    color: Green;
    font-weight: bolder;
    font-size: inherit;
    /*text-decoration: overline;*/
}

.mGrid .alt { background-color: #ffffff; /*background: #fcfcfc url(grd_alt.png) repeat-x top;*/ }

.mGrid .pgr { background: #5D7B9D url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font: Verdana;
    font-size: inherit;
    color: #fff; 
    /*line-height: 12px; */
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }