@media all
{
    #PageWrapper { width: 990px; }

    #Header  
    {
        background-color: #532E63; 
        background-image: url(../images/purpleheaderwide.png); 
        background-repeat: no-repeat; 
        height: 60px; 
        width: 990px;
        }

    #PrimaryNavigation 
    {
        float: left;
        margin-top: 38px;
        height: 7px;
        vertical-align: bottom;
        padding-left: 20px;
        white-space: nowrap;
        list-style-type: none;
        margin-left:0;
        }
        
    #PrimaryNavigation li { display: inline; }

    #PrimaryNavigation li a
    {
        float: left;
        padding-right: 5px;
        }
       
    #PrimaryNavigation li span
    {
        float: left;
        padding-right: 5px;
        }
       
    #TacticalNavigation 
    {
        float: right; 
        margin-top: 38px;
        height: 7px;
        vertical-align: bottom; 
        padding-right: 15px; 
        white-space: nowrap;
        list-style-type: none;
        }
        
    #TacticalNavigation li { display: inline; }

    #TacticalNavigation li a
    {
        float: left;
        padding-right: 5px;
        }
       
    #TacticalNavigation li span
    {
        float: left;
        padding-right: 5px;
        }
        
    #Utilities 
    {
        clear: both;
        }

    #AZIndex 
    {
        width: 720px; 
        height: 27px;
        padding-top: 3px; 
        float: right;
        vertical-align: middle;
        }
        
    #AZBlock1 
    {
      float: left;
      width: 250px; 
    }

    #AZBlock2
    {
      float: right;
      padding-right: 20px;
      padding-top: 4px;
      width: 450px;
      text-align: right;
    }
        
    #txtSearch 
    {
        width: 160px; 
        border: solid 1px #532E63;
        }

    #AZHeader
    {
        color: white;
        text-decoration: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding-right: 15px; 
        }

    .AZLink 
    {
        color: white;
        text-decoration: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding-right: 3px;
        padding-left: 3px;
        }
        
    .AZLink:hover 
    {
        color: #532E63;
        text-decoration: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        background-color: #eaeaea;
        }    
        
    .AZContainer
    {
        position: absolute;
        top: 90px;
        left: 420px;
        z-index: 99;
        background-color: white;
        padding-top: 4px;
        padding-right: 6px;
        padding-left: 6px;
        filter: alpha(opacity=95); /* ie */
        -moz-opacity: 0.95; /* mozilla */
        opacity: 0.95; /* CSS3 - firefox, safari, chrome */
        z-index: 98;
        }
            
   a.AZLinkResults
    {
        color: #532E63;
        text-decoration: none;
        line-height: 16px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        }
        
    a.AZLinkResults:hover
    {
        color: #532E63;
        text-decoration: underline;
        line-height: 16px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        background-color: #eaeaea;
        font-size: 12px;
        }

    #SecondaryNavigation 
    {
        width: 270px; 
        height: 375px; 
        float: left; 
        background-color: #532e63; 
        background-image: url(../images/bottom-bar-wide.gif); 
        background-position: bottom; 
        background-repeat: no-repeat;
        }
         
    #SecondaryNavigation p  
    {
        margin: 5px 0px 5px;
        color: #ffffff; 
        font-weight: bold; 
        }
            
    #BottomBar
    {
        width: 270px; 
        height: 15px; 
        vertical-align: bottom;
        }

    #Section1  
    {
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 220px;
        }
        
    #Section2  
    {
        clear: both;
        padding-left: 20px;
        width: 200px;
        }

    #Section3  
    {
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 220px;
        }
        
    #Divider1
    {
        width: 220px; 
        height: 2px; 
        padding-bottom: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        }
            
    #Divider2
    {
        width: 220px; 
        height: 2px; 
        padding-top: 5px; 
        padding-bottom: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

    .SocialIcons { margin-right: 7px; } 

    #Features  
    {
        float: left; 
        width: 310px;
        height: 370px;  
        padding-right: 10px; 
        padding-left: 10px; 
        padding-top: 5px; 
        text--align: center;
		
        }

    #FlashContent 
    {
        width: 310px; 
        font-size: 16px; 
        font-weight: bold;
		position: absolute;
		z-index:1;
        }

	#passwordHelpIcon
	{
		style=width:16px;
		height:16px;
		vertical-align:text-bottom;
	}
           
    #CurrentInfo  
    {
        float: right; 
        padding-top: 10px; 
        width: 390px; 
        height: 365px;
        }
       
    #CurrentInfo h1
    {
        font-size: 17px; 
        color: #532E63; 
        font-weight: bold;
        padding-bottom: 5px;
	text-decoration: none;
        }

    #CurrentInfo h1 a
    {
	 text-decoration: none;
	}

    #Banner1 
    {
        float: left; 
        width: 190px; 
        border-width: 0px;
        }

    #Banner2 
    {
        float: right; 
        width: 190px; 
        border-width: 0px; 
        }
        
    #Weather  
    {
        float: right; 
        padding-top: 5px; 
        padding-bottom: 10px; 
        height: 25px; 
        }
       
    #Weather img
    {
        vertical-align: middle; 
        padding-left: 3px;
        border-width: 0px;
        height: 30px;
        }
        
    #ucWeather1_lnkTemp
    {
        border: 0px; 
        font-size: 12px;
        }
        
    #Headline 
    {    
        float: left; 
        padding-bottom: 10px; 
        height: 30px; 
        vertical-align: text-top; 
        }
       
    #Headlines  
    {
        clear: both; 
        height: 260px;
	width: 100%;  
        }
       
    #Headlines h2 { margin: 0px 0px 1px; }
       
    #Headlines p  
    {
        font-size: 12px; 
        margin: 0px 0px 8px; 
        }
        
    #Footer 
    {
        clear: both;
        text-align: center; 
        margin-left: 100px; 
        margin-top: 60px; 
        padding-top: 60px;
        padding-bottom: 50px; 
        height: 25px;
        width: 890px;
       }
       
    #Footer p
    {
        clear: both;
        margin: 0px;
       }
       
    #Share 
    {
        float: right; 
        font-size: 11px; 
        font-weight: bold;
	color: #ffffff; 
        }

    #Share a
    {
        float: right; 
        font-size: 11px; 
        font-weight: bold;
	color: #ffffff; 
        }

    #Alerts
    {
        width: 435px;
        position: absolute;
        top: 100px;
        left: 290px;
        color: black;
        text-decoration: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        background-color: #ffffcc;
        padding-top: 4px;
        padding-right: 6px;
        padding-left: 6px;
        padding-bottom: 4px;
        filter: alpha(opacity=95); /* ie */
        -moz-opacity: 0.95; /* mozilla */
        opacity: 0.95; /* CSS3 - firefox, safari, chrome */
        z-index: 95;
        font-size: 12px;
        visibility: visible;
        }    

    #Alerts h2 
    {
        margin: 0px 0px 0px;
        font-size: 12px; 
        }
        
    #Alerts h2.UnlinkedAlert { color: black; }
        
    #Alerts p  
    {
        margin: 0px 0px 8px;
        font-size: 12px; 
        }

    .Transparency 
    {
        position: absolute;
        top: 60px;
        left: 0px;
        width: 270px;
        height: 271px;
        z-index: 1;
        background-color: white;
        filter: alpha(opacity=60); /* ie */
        -moz-opacity: 0.6; /* mozilla */
        opacity: 0.6; /* CSS3 - firefox, safari, chrome */
        }  

    #dSmartLogin 
    {
        position: absolute; 
        height: 271px; 
        left: 0px; 
        top: 60px; 
        width: 270px;
        z-index: 2;
        } 

    #WSULogo 
    { 
        padding-top: 5px; 
        padding-bottom: 25px; 
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 238px;
        }

    #LoginBox 
    { 
        position: absolute; 
        left: 20px; 
        top: 140px; /* 140px 115px*/ 
        width: 230px; 
        padding-right: 20px; 
        }       
           
    #LoginBoxDiv1 
    {
        float: left; 
        width: 230px;
        }
    
    #LoginBoxDiv2 
    {
        clear: both; 
        float: left; 
        width: 115px;
        }
         
    #LoginBoxDiv3 
    {
         float: right; 
         width: 115px;
         }
    
    #LoginBoxDiv4 
    {
         clear: both; 
         width: 240px;
         }
                             
    #eWeberE 
    {
        color: #532E63; 
        font-family: Arial, Verdana, Helvetica, sans-serif; 
        font-style: italic; 
        font-size: 18px;
        float: left;
        }

    #eWeberWEBER 
    {
        color: #532E63; 
        font-family: Arial, Verdana, Helvetica, sans-serif; 
        font-weight: bolder; 
        font-size: 18px;
        float: left;
        }

    .eWeberSubText 
    {
        color: #532E63; 
        font-family: Arial, Verdana, Helvetica, sans-serif; 
        font-size: 10px; 
        font-weight: bold;
        }

    #eWeberDescription
    {                     
        float: right; 
        padding-top: 5px;
        }

    #UsernameText 
    { 
        display: block;
        padding-top: 5px;
        }
                       
    #PasswordText 
    { 
        display: block;
        padding-top: 5px;
        } 

    #btnSubmit 
    { 
        float: right;
        margin-top: 20px; 
        }

    #ChatIcon  
    {
        border: none; 
        vertical-align: text-bottom; 
        float: left; 
        margin-top: 23px; 
        }

    #ITChat 
    { 
        font-family: Arial, Verdana, Helvetica, sans-serif; 
        font-size: 12px; 
        float: left; 
        padding-right: 15px; 
        padding-left: 3px; 
        margin-top: 27px; 
        }
        
    #Help 
    { 
        font-family: Arial, Verdana, Helvetica, sans-serif; 
        font-size: 12px; 
        float: left; 
        margin-top: 27px; 
        }
        
    .eWeberLogin 
    {
        width: 57px; 
        height: 24px; 
        color: #FFFFFF; 
        font-family: Arial, Verdana, Helvetica, sans-serif; 
        background-color: transparent; 
        background-image: url(../images/submit_background2.gif);
        font-size: 11px; 
        font-weight: bold; 
        margin: 0px auto;
        padding: 0px;
        border: none; 
        background-repeat: no-repeat;
        }

    .eWeberInput  
    {
        border: outset;
        width: 90%; 
        border: solid 1px #532E63; 
        }
        
    .lblMessage 
    {
        width: 250px;
        position: absolute;
        top: 185px;
        left: 290px;
        color: black;
        text-decoration: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        background-color: white;
        padding-top: 4px;
        padding-right: 6px;
        padding-left: 6px;
        padding-bottom: 4px;
        filter: alpha(opacity=95); /* ie */
        -moz-opacity: 0.95; /* mozilla */
        opacity: 0.95;  /* CSS3 - firefox, safari, chrome */
        z-index: 97;
        font-size: 12px;
        visibility: hidden;
        }                 

    #HelpBox { margin: 5px; }

    .pHelp { margin: 0px 0px 10px; }

    .pHelpNoMargin { margin: 0px 0px 0px; }

    .Bold { font-weight: bold; }
         
    #CloseIcon  
    {
        float: right; 
        border-style: none;
        }
        
    .NoBorder  
    {
        border-style: none;
        border-width: 0px;
        }
        
    #SLFrame  
    {
        border-style: none; 
        border-color: #ffffff;
        width: 1px;
        height: 1px;
        }
}

/* CSS3 media query enabled cell phones */
@media only screen and (max-device-width: 320px)
{
    .eWeberInput  { width: 85%; }
}

/* iPhone, Android devices */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
    body { -webkit-text-size-adjust: none; }
  
    .eWeberInput  { width: 85%; }       
}

/* iPads and other tablets */
@media only screen and (max-device-width: 1024px) and (orientation: landscape) 
{
    .eWeberInput  { width: 85%; }     
}

@media only screen and (max-device-width: 1024px) and (orientation: portrait) 
{
    .eWeberInput  { width: 85%; }      
}

/* Print Stylesheet */
@media print 
{
    #Header  { visibility: hidden; }  
    #SmartLogin  { visibility: hidden; }
    #Utilities { background-Image: none; }
    #Alerts { visibility: hidden; } 
    #AZIndex { visibility: hidden; } 
    .Transparency  { visibility: hidden; }
    #dSmartLogin  
    {
        height: 115px; 
        left: 0px; 
        top: 0px; 
        } 
    #SecondaryNavigation { visibility: hidden; }
    #Features { visibility: hidden; }
    #Headline 
    {
        position: absolute;
        left: 0px; 
        top: 115px;
        }
    #Headlines 
    {
        position: absolute;
        left: 0px; 
        top: 200px;
        width: 100%;
        }
    #Banner1 { visibility: hidden; }
    #Banner2{ visibility: hidden; } 
    #Weather { visibility: hidden; }
    #Headlines p   
    {
        font-size: 25px;
        margin : 0px 0px 15px; 
        }
    #Headlines a:link:after {
        content: " (" attr(href) ") ";
        display: block;
        color: Gray;
        font-weight: normal;
        margin : 0px 0px 8px;
    }
    #CurrentInfo h1 {  font-size: 30px; }
    #Share { visibility: hidden; }

    .FontHeaderHome { font-size: 25px; }
    #Footer
    {
        position: absolute;
        left: 0px; 
        top: 800px;
        margin: 0px;
        }
    .FontCopyright  { font-size: 20px; }
}