*
{
	margin: 0;
	padding: 0;
}
#LogoO
{
	width: 80%;
  height: auto;
  max-width: 400px;
  padding:10px;
}
a:link		{color:#a00000; text-decoration:none}	/* unvisited link */
a:visited	{color:#a00000; text-decoration:none}	/* visited link */
a:hover		{color:#FF0000; text-decoration:none}	/* mouse over link */
a:active	{color:#FF0000; text-decoration:none}  	/* selected link */

html
{
	font-family: Rockwell, "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #dddddd;
}
body
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color:#232323;
}
#wrap
{
	overflow:auto;
	height:auto;
	text-align:center;
	padding-bottom: 60px;
}
#screenTitle
{
	font-size: 24px;
	font-weight: bold;
	font-family: Rockwell, "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #e00000;
	text-align: center;
	height:30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#SW-home-logo
{
	background-image:url(/images/wheader.bmp);
	background-image:url(/images/1logo.jpg);
	background-position: center;
	display:block;
	height:149px;
	text-indent:-9999px; 
	background-repeat:no-repeat;
}
#SW-home-logo:hover
{
	background-image:url(/images/wheaderglow.bmp);
	background-image:url(/images/1logo.jpg);
	background-position: center;
	display:block;
	height:149px;
	text-indent:-9999px; 
	background-repeat:no-repeat;
}
#header
{
background: -webkit-gradient(linear, 0 50%, 0 100%, from(#f00), to(#300));
background: -webkit-linear-gradient(top,  #f00, #300);
background: -moz-linear-gradient(top, #f00, #300);
background: -o-linear-gradient(top,  #f00, #300);
background: -ms-linear-gradient(top,  #f00, #300);
background: linear-gradient(to bottom, #f00, #300);

border-top: 1px solid red;
border-bottom: 3px solid black;
height:150px;
text-indent:0px;
}#content
{
	margin-top:-13px;
	padding-left:10px;
	padding-right:10px;
	max-width:800px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#contentContainer
{
	min-width: 200px;
	max-width: 480px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;	
}
#bottom
{
	height:50px;line-height:50px;
	margin-top:15px;
	text-align: center;
	font-size: 12px;
	color: #000;
  bottom:0;
  position:fixed;
  width:100%;
  background: linear-gradient(to bottom, #c00, #300);
  border-top: 1px solid #f77;
}

h1
{
	font-size: 24px;
	font-weight: bold;
	color: #e80000;
	text-align: center;
}
h2
{
	font-size: 18px;
	font-weight: bold;
	color: #e80000;
	text-align: center;
}
h3
{
	font-size: 18px;
	font-weight: bold;
	color: #dddddd;
	text-align: center;
}
h4
{
	font-size: 16px;
	font-weight: normal;
	color: #dddddd;
	text-align: center;
}
h5
{
	font-size: 14px;
	font-weight: normal;
	color: #800000;
	text-align: center;
}
h6
{
	font-family: "Arial Narrow";
	font-weight: normal;
	font-size: 12px;
	color: #999999;
	text-align: center;
}
p
{
	font-size: 16px;
	font-weight: normal;
	color: #cccccc;
	text-align: center;
	padding-bottom: 10px;
}
.inp 
{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  padding: 6px;
  margin: 6px;
  border: 1px solid #fff;
  background-color:#333;
  color: #ff7f00;
  width:95%;
  border-radius: 6px;
  font-family: "Courier";
	font-weight: normal;
  font-size: 24px;
	text-align: center;
}
.inp:focus
{
  box-shadow: 0 0 10px rgba(255, 0, 0, 1);
  padding: 12px;
  border: 1px solid rgba(255, 0, 0, 1);
  background-color:#000;
	color: #ffffff;
}
select
{
width: 20%;
}
.testRelults#testSuccessful
{
  margin: 0px 30px 0px 30px;
  border: 3px solid;
  background: #ffffff;
  padding: 10px 32px;
  background-repeat:  no-repeat;
  background-position:  10px 11px;
  border-color: #009933;
  background-image: url('/images/success.gif');
  vertical-align: middle;
}

.testRelults#testFailed
{
  margin: 0px 30px 0px 30px;
  border: 3px solid;
  background: #ffaaaa;
  padding: 10px 32px;
  background-repeat:  no-repeat;
  background-position:  10px 11px;
  border-color: #cc0000;
  background-image: url('/images/fail.gif');
  vertical-align: middle;
}
.testResult
{
  font-weight: bold;
}
.buttonsContainer
	{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	padding: 20px;
	border-bottom: solid 1px #dddddd;
	}

.buttonsContainer .commonButton span
	{
	display: none;
	}

.buttonsContainer .commonButton button 
	{
	width: 91px;
	height: 35px;
	text-align: center;
	}

.buttonsContainer .commonButton button 
	{
	white-space: nowrap;
	}

.buttonsContainer .commonButton 
	{
	margin-left: 0px;
	}

.commonButton 
	{
	display: inline;
	}

.commonButton button 
	{
	background-image: url('/images/btn_bg.gif');
	border: 0 solid white;
	background-repeat: no-repeat;
	}

.commonButton button[disabled] 
	{
	background-image: url('../img/glyph/btn_bg-disabled.gif'); 
	color: #999999;
	}  

.commonButton button,
.commonButton 
	{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: transparent;
	}

ul#main_menu {
	float:right;
	margin-right:10px;
	margin-top:-29px;
	
}
ul#main_menu li {
	margin:0px; padding:0px;
	list-style:none;
	display:inline;
}
ul#main_menu li a {
	margin-left:10px;
	text-decoration:none;
	color:#808080;
	text-transform:lowercase;
	font-size:17px;
	font-family:"News Gothic MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul#main_menu li a:hover
{
	color:#ff0000;
}
ul#main_menu li a.active
{
	color:#a00000;
	font-weight:bold;
}
#tableData
{
	text-align: left;
	vertical-align: bottom;
	color: #ffffff;
} 
#tableTitle
{
	text-align: right;
	vertical-align: bottom;
	color: #c00000;
}
#progress-bar
{
	position: relative;
	left: 50%;
	margin-left: -158px;
	background: url(/images/percentage-bg.png) no-repeat left center;
	width: 316px;
	height: 39px;
}
#progress-level
{
	background: url(/images/progress.png) no-repeat left center;
	width: 70%; /* SET THIS TO GET THE DESIRED LEVEL */
	height: 39px;
}