body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}
.results_main_wrapper td {
	padding:2px !important;
}
#frame {
	height: 100%;
	position: relative;
	margin:0 auto;
}
#container {
	width:100%;
}
#content {
	background:url(../images/background_splash3.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	min-height:824px;
}

*{margin:0px;padding:0px;}
.ccc a:link {text-decoration: none}
.ccc a:visited {text-decoration: none}
.ccc a:active {text-decoration: none}
.ccc a:hover {text-decoration:underline; font: Arial, Helvetica, sans-serif;color: blue;}

/*Error and Success Message Style*/
.info { border: 1px solid #999; padding:12px 20px 12px 20px; font: bold 13px verdana;-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; font-weight:normal; color: black; background: #CCCCCC;}

.success { border: 1px solid #999; padding:12px 20px 12px 20px; font: bold 13px verdana;-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; font-weight:normal; color: black;background: #CCCCCC;}
 

#info{font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:10px; background:#FFFFB7; border:1px solid #F1F1F1;-moz-box-shadow: 0 0px 10px #666666;-webkit-box-shadow: 0 0px 10px #666666; line-height:15px;}


/*Form Wrapper*/
.vpb_main_wrapper
{
	width:416px;
	margin: 0 auto;
}
.flag_UK, .flag_FR, .flag_DE, .flag_NO {
	cursor: pointer;
}
.results_main_wrapper
{
	width:620px;
	margin: 0 auto;
	min-width:280px !important;
}
.vpb_adminmain_wrapper
{
	width:100%;
	margin: 0 auto;
}
.admintable {
	color:#666666;
	text-decoration:none;
	text-align:left;
	padding:4px 10px 4px 0px;
	font-size:13px;
}

.adminform_container
{
	margin: 0 auto;
	border: solid 1px #cccccc;
	 box-shadow: 0 0 15px #cbcbcb;
	-moz-box-shadow: 0 0 15px #cbcbcb;
	-webkit-box-shadow: 0 0 15px #cbcbcb;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	background:url(../images/white_shim.gif);
	background-position:left top;
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.edittxt {
	color:#666666;
	text-decoration:none;
}
.edittxt:hover {
	color:#cc0000;
	text-decoration:none;
}

.form_container
{
	margin: 0 auto;
	border: solid 1px #cccccc;
	 box-shadow: 0 0 15px #cbcbcb;
	-moz-box-shadow: 0 0 15px #cbcbcb;
	-webkit-box-shadow: 0 0 15px #cbcbcb;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	background:url(../images/white_shim.gif);
	background-position:left top;
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.text_container
{
	margin: 0 auto;
	background:url(../images/white_shim.gif);
	background-position:left top;
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.results_container
{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	min-width: 280px !important;
}



/*Input Boxes Style*/
.vpb_textAreaBoxInputs {min-width:94%; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:7px; padding-left:10px; padding-right:10px; border: 1px solid #666666; outline:none; line-height:20px;}
.vpb_textAreaBoxInputs:focus {outline:none; border: 1px solid #666666; box-shadow: 0 0 10px #cccccc; -moz-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc;}



/*Vasplus Button*/
.vpb_general_button 
{
 background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f; 
  box-shadow: 0 2px 3px #666666; -moz-box-shadow: 0 2px 3px #666666; -webkit-box-shadow: 0 2px 3px #666666;
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align: center;
  min-width: 70px;
  width: auto;
  padding:9px;
  padding-left:13px; padding-right:13px; padding-bottom:7px;
  text-decoration:none;
  float:left;
}
.vpb_general_button:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
    cursor: pointer; 
}

.general_button 
{
 background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f; 
  box-shadow: 0 2px 3px #666666; -moz-box-shadow: 0 2px 3px #666666; -webkit-box-shadow: 0 2px 3px #666666;
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align: center;
  min-width: 70px;
  width: auto;
  padding:9px;
  padding-left:13px; padding-right:13px; padding-bottom:7px;
  text-decoration:none;
  margin-left:10px;
  clear:none;
}
.general_button:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
    cursor: pointer; 
}
.result_button 
{
 background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f; 
  box-shadow: 0 2px 3px #666666; -moz-box-shadow: 0 2px 3px #666666; -webkit-box-shadow: 0 2px 3px #666666;
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align: center;
  min-width: 70px;
  width: auto;
  padding:5px;
  padding-left:13px; padding-right:13px; padding-bottom:3px;
  text-decoration:none;
  margin-top:10px;
}
.result_button:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
    cursor: pointer; 
}

.print_button 
{
 background-image: url(images/print_button2.jpg);
  background-repeat:no-repeat;
  border:none;
  box-shadow: 0 2px 3px #666666; -moz-box-shadow: 0 2px 3px #666666; -webkit-box-shadow: 0 2px 3px #666666;
  width: auto;
  text-decoration:none;
}
.print_button:hover 
{
 background-image: url(images/print_button2.jpg);
  background-repeat:no-repeat;
  border:none;
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
    cursor: pointer; 
}
.testresult_sub {
	width:40%; 
	font-size:13px; 
	color:#333333; 
	text-align:left;
	border-bottom:1px solid #999999;
}
.testresult_txt {
	width:18%; 
	font-size:13px; 
	color:#333333;
	text-align:center;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}
.testresult_txtr {
	width:18%; 
	font-size:11px; 
	color:#333333;
	text-align:center;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}
.testresult_int_sub {
	width:18%; 
	font-size:13px; 
	color:#333333; 
	text-align:left;
	border-bottom:1px solid #999999;
}
.testresult_int_txt {
	width:18%; 
	font-size:13px; 
	color:#333333;
	text-align:center;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}
.testresult_int_txtr {
	width:60%; 
	font-size:11px; 
	color:#333333;
	text-align:left;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}
.testresult_rec {
	width:100%; 
	font-size:16px; 
	float:left; 
	color:#333333; 
	padding-bottom:5px; 
	padding-top:5px;
	text-align:left;
}
.testresult_com {
	width:100%; 
	font-size:16px; 
	float:left; 
	color:#333333;
	text-align:left;
}
.testresult_comtxt {
	width:100%; 
	font-size:12px; 
	float:left; 
	color:#333333;
	text-align:left;
	padding-bottom:2px; 
	padding-top:2px;
}
.tablekey {
	font-size:11px; 
	float:left; 
	color:#333333;
	text-align:left;
	padding-bottom:5px;
	padding-top:5px;
}
/*@media only screen and (max-width:759px) and (min-width:480px){
#frame {
	float: left;
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -379px;
}*/
#loginsubmitbtn, #signupsubmitbtn, #resetsubmitbtn {
		border-radius: 0px;
	}
.upload_errors {
  width: 90%;
  margin:0 auto;
  float: left;
  margin: 0 auto 50px;
}

.upload_errors ul {
	background: #fce197 none repeat scroll 0 0;
    border: 1px solid #aaa;
    box-shadow: 0 0 2px #aaa, 0 0 30px #fff inset;
    color: #444;
    margin-bottom: 5px;
    opacity: 0.8;
    padding: 20px;
    width: 100%;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    /*border-radius: 20px 0 20px 0;*/
}
.upload_errors ul:hover {
	opacity: 1;
    /*border-radius: 20px 0 20px 0;*/
}
.upload_errors ul:nth-child(2n+2) {  
  	/*border-radius: 0 20px 0 20px;*/
}
.upload_errors li {
	list-style: none;
	margin-bottom: 4px;
    text-align: left;
    font-weight: bold;
}
.error_msg_title {
	font-size: 15px;
    opacity: 0.6;
}
.error_msg_sn {
	font-weight: bold;
}
/*--------------------------------Media Queries--------------------------------------------------*/


@media only screen and (min-width: 0px) and (max-width: 300px){
	.vpb_main_wrapper {
	    margin: 0 auto;
	    width: 250px;
	}
	.general_button {
		margin-top:10px !important;
		margin-bottom:10px !important;
		float:left !important;
		clear:both;
		margin-left: 0px !important;
		width:90% !important;
	}
	#loginsubmitbtn, #signupsubmitbtn, #resetsubmitbtn {
		width:103% !important;
	}
	.introtest {
		padding: 0px 30px;
	}
	.results_main_wrapper {
		margin: 10px;
    	width: 96% !important;
    	min-width: 280px !important;
	}
	#restablewrapper {
		
	}
}
@media only screen and (min-width: 300px) and (max-width: 400px){
	.vpb_main_wrapper {
	    margin: 0 auto;
	    width: 300px;
	}
	.general_button {
		margin-top:10px !important;
		margin-bottom:10px !important;
		float:left !important;
		clear:both;
		margin-left: 0px !important;
		width:90% !important;
	}
	#loginsubmitbtn, #signupsubmitbtn, #resetsubmitbtn {
		width:101% !important;
	}
	.introtest {
		padding: 0px 30px;
	}
	.results_main_wrapper {
		margin: 10px;
    	width: 96% !important;
    	min-width: 280px !important;
	}
	#restablewrapper {
		width:100%;
	}
}
@media only screen and (min-width: 400px) and (max-width: 600px){
	.vpb_main_wrapper {
	    margin: 0 auto;
	    width: 320px;
	}
	.general_button {
		margin-top:10px !important;
		margin-bottom:10px !important;
		float:left !important;
		clear:both;
		margin-left: 0px !important;
		width:90% !important;
	}
	#loginsubmitbtn, #signupsubmitbtn, #resetsubmitbtn {
		width:101% !important;
	}
	.introtest {
		padding: 0px 30px;
	}

}
@media only screen and (min-width: 600px) and (max-width:800px) {
	.vpb_main_wrapper {
	    margin: 0 auto;
	    width: 416px;
	}
}
@media only screen and (min-width: 800px) {
	.vpb_main_wrapper {
	    margin: 0 auto;
	    width: 416px;
	}
}

select {
	width: 100%;
	padding: 10px 5px
}