* { font-family: Verdana, Arial, Helvetica, sans-serif; color: FFF;}
		* { margin:0; padding:0; }

		img { border: none; }
		body
		{
			background: url(/images/login/bg.jpg);
			margin-top: 0px;	
					
		}

		#introduction
		{
			width:155px;
			position:relative;
			font-size: 10px;					
			z-index:2;		
		}
		#introduction .intro 
		{	
			text-align:left;
			position:absolute;
			top:0px;
			left:0px;
			width:155px;
		}	
		h1
		{
			font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
			margin: 25px 0 0 25px;
			padding: 0px;
			font-size: 18px;
			font-weight: bold;
			letter-spacing: .2em;			
		}
		.info_text
		{
			font-size: 12px;
		}
		.info_text p
		{
			margin: 0px 0px 0px 10px;

		}
		.left_margin
		{
			margin: 0px 0px 0 25px;
		}
		a:link, a:active, a:visited
		{
			color: 66CCCC;
			font-size: 10px;
			text-decoration: underline;
		}
		a:hover
		{
			color: 0AC6C6;
		}
	
		.blue_box
		{
			background: 336699;
			font-size: 12px;
			color: white;
			width: 140px;
			height: 20px;
			margin: 0px 5px 5px 20px;
			padding: 0px 0 0 0px;
			font-weight: bold;
			text-align: center;
			font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;			
		}	
		.tunnels *
		{
			color: white;
		}
		.tunnels p
		{
			font-size: 10px;
			margin: 10px 0 0 0;
			text-align: left;
		}
		td {
			font-size: 11px;
		}
		.lightblue {
			color: 66cccc;
			font-size: 11px;
		}		
		.other 
		{ 
			padding-top:5px; 
			padding-bottom:5px;
			width: 140px; 
			background-image:url(/images/login/dots.gif); 
			background-repeat:repeat-x; 
			background-position:top;
			color:white;
			font-weight: bold;
			font-size: 12px;			
			font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;			
		}			
		ul.bullets
		{
			list-style-image: url(/images/login/blue_bullet.gif);
			margin-left: 15px;
			margin-bottom: 8px;			
			margin-top: 2px;
			font-family: verdana, Arial;
			font-size: 12px;
			vertical-align : middle;
			line-height:normal;
		}
		ul.bullets li {
			margin:0px;
			padding:0px;
		}
		ul.bullets li a {
			margin:0px;
			padding:0px;
		}
		ul
		{
			margin: 0 5px 5px 15px;		
			font-family: verdana, Arial;
			font-size: 10px;	
			line-height : 13px;					
		}		
		.other_text
		{
			color: 66CCCC;
			font-size: 10px;	
			line-height : 13px;											
		}
	
		.small_text
		{
			font-size: 10px;	
			line-height : 13px;						
		}
		.specsmessage
		{
			color: #CC0000;
			font-weight: normal;
			font-size: 10px;
		}
		div#formcontainer 
		{
			width:140px; 
			margin-left:0px; 
		}

		div#formcontainer div.clearfix 
		{ 
			padding: 2px 0px; 
			vertical-align:baseline;
		} 
		/* adds the line above each section and provides vertical spacing */
		div#formcontainer form label 
		{
			width:25px; 
			float:left;
			font-size:11px; 
			color: #FFFFFF;  
			margin-top:5px;
			margin-right: 2px;
			margin-bottom: 0;			
			text-align : right;
			font-family: verdana, Arial;
		} 
		div#formcontainer form input
		{
			color: 000000;
			border: 1px solid CCCCCC;
			font-size:11px; 			
		}
		div#formcontainer form select
		{
			border-width: 1px solid CCCCCC;
			width: 225px;
		}
		/* this is the text label on the left of each input */

		/* END OF THE FORMS CSS*/
		
		.clearfix:after 
		{
		    content: ".";              /* the period is placed on the page as the last thing before the div closes */
			display: block;          /* inline elements don't respond to the clear property */ 
		    height: 0;                  /* ensure the period is not visible */
		    clear: both;               /* make the container clear the period */
		    visibility: hidden;	     /* further ensures the period is not visible */
		}
		
		.clearfix 
		{
			display: inline-block;
		}   /* a fix for IE Mac */
		
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */