/*	Stylesheet for Utility Media
	@link:	http://www.utilitymedia.com
	@email:	team@utilitymedia.com
	Author:	Lucas Kunert (lkunert@utilitymedia.com)	
*/

*		{
			margin: 0px;
			padding: 0px;
		}
	
body	{
			background-color: white;
			background-image: url(images/bg.gif);
			background-attachment: fixed;
			background-repeat: repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-style: normal;
			text-align: center;
		}
		
body.in {
			background-image: none;
			background-color: white;
		}
		
p		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: normal;
			margin-bottom: 2px;
			color: #111111;
			margin-left: 5px;
			margin-right: 5px;
		}
		
ul, li, ul li	{
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: normal;
					color: #111111;
					margin-left: 5px;
					margin-right: 5px;
					margin-bottom: 0px;
				}
		
pre		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: normal;
			margin-bottom: 2px;
			color: #111111;
			margin-left: 3px;
			margin-right: 3px;
		}
		
p.copyright	{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				line-height: normal;
				color: #FFFFFF;
				margin: 0 3 0 3;
			}
		
h1		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			line-height: normal;
			margin-bottom: 5px;
			margin-left: 5px;
			margin-right: 5px;
			color: #002C3E;
		}
		
h2		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: normal;
			margin-bottom: 5px;
			color: #7F7F7F;
			margin-left: 5px;
			margin-right: 5px;
			font-weight: bold;
		}
		
h3		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: normal;
			margin-bottom: 2px;
			margin-left: 5px;
			margin-right: 5px;
			color: #7F7F7F;
		}
		
a:link	{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin-bottom: 2px;
			color: #0086bb;
			text-decoration: underline;
		}
		
a:visited	{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin-bottom: 1px;
			color: #0086bb;
			text-decoration: underline;
		}
		
a:hover	{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin-bottom: 2px;
			color: #111111;
			text-decoration: none;
			background-color: #FFFFFF;
		}
		
img		{
			border: 0px;
			margin: 0px;
		}
		
img.left	{
				border: 0px;
				margin: 0 5 5 0;
			}
			
img.right	{
				border: 0px;
				margin: 0 0 5 5;
			}
		
a img	{
			border: 0px;
			margin: 0px;
			text-decoration: none;
		}
		
table.main	{
			width: 770px;
			border: 2px solid #b6b6b6;
			margin: 0px;
			padding: 0px;
			max-width: 770px;
			margin-left: auto;
			margin-right: auto;
			background-color: white;
			text-align: left;
		}
		
tr, td	{	
				border: 0px;
				padding: 0px;
			}
		
td.copyright	{
					text-align:left;
					border-top: 1px dotted #e1e1e1;
					background-color: #333333;
					height: 40px;
					width: 770px;
					vertical-align: middle;
				}
				
td.nav		{
				width: 770px;
				max-width: 770px;
				border: 0px;
				margin: 0px;
				text-align: center;
				text-decoration: none;
			}
				
td.logos	{
				text-align:center;
				background-color: #FFFFFF;
				vertical-align: middle;
				border: 0px;
			}
				
td.left		{
				width: 470px;
				max-width: 470px;
				text-align:left;
				vertical-align: top;
				border: 0px;
				margin: 0px;
				padding: 0px;
			}
				
td.right	{
				width: 300px;
				max-width: 300px;
				text-align:left;
				vertical-align: top;
				border-left: 1px dotted #999999;
				margin: 0px;
				padding: 0px;
			}
			
table.webmail	{
					width: 300px;
					max-height: 300px;
					border: 0px;
					margin: 0px;
					padding: 0px;
					margin-left: auto;
					margin-right: auto;
					background-color: white;
					float: none;
				}
				
table.search	{
					width: 300px;
					max-width: 300px;
					border: 0px;
					margin: 0px;
					padding: 0px;
					margin-left: auto;
					margin-right: auto;
					background-color: white;
					float: none;
				}
				
table.inner		{
					width: 760px;
					max-width: 760px;
					border: 0px;
					margin: 0px;
					padding: 0px;
					text-align: center;
					border: 0px;
					border-collapse: collapse;
					float: none;
				}
				
form			{
					width: 100%;
				}
				
td.inner		{
					border: 1px solid black;
					margin: 0px;
					padding: 0px;
					width: 152px;
				}
				
table.forms		{
					width: 460x;
					max-width: 460px;
					border: 0px;
					margin: 0px;
					text-align: left;
					padding: 0px;
					float: none;
					border-collapse: collapse;
				}
				
td.forms		{
					border: 0px;
					padding: 2px;
					width: 50%;
				}
				
input		{
				background-color: transparent;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
			
input:hover	{
				background-color: #DDDDDD;
			}