body

{

	background-color: #052B50;

}

#mainPanel form

{

	padding-left: 30px;

}

#wrapper

{

	margin: auto;

	width: 900px;

	height: 200px;

	background-color: #FFFFFF;

}



#header

{

	width: 860px;

	margin-left: 40px;

	background-image: url("layout/headerBackground.jpg");

	background-repeat: no-repeat;

}

#logo

{

	float: right;

	width: 600px;

}

#logoMainTitle

{

	color: #00478B;

	margin-top: 0px;

	font-size: 2.5em;

	font-family: times;

	font-variant: small-caps;

	letter-spacing: 3px;

}

#logoSubTitle

{

	margin-top: -10px;

	padding-left: 5px;

	color: #00478B;

	font-weight: normal;

	font-size: 1.1em;

	font-family: times;

	font-variant: small-caps;

	letter-spacing: 5px;

}



#address

{

	padding-right: 15px;

	margin-top: 15px;

	text-align: right;

	font-size: .8em;

	float: right;

	width: 275px;

	color: #00478B;

}



#bannerImage

{
	margin-top: 15px;
	float: left;
	width: 900px;
	height: 380px;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #003366;
}

#free-flash-header

{

	margin-left: 55px;

	width: 535px;

	float: right;

}

#menuDiv

{

	float: left;

	width: 245px;

	height: 300px;

	margin-left: 60px;

	margin-top: -30px;

	border: 0px solid black;

	position: relative;

	z-index: 20;

}

#menuTop

{

	background-image: url("layout/menuTop.png");

	height: 71px;

	width: 245px;

}

#menuFiller

{

	background-image: url("layout/menuFiller.png");

	height: 135px;

	width: 245px;

}

#mainNavigation

{

	position: relative;

	top: -50px;

	padding-left: 30px;

	padding-right: 30px;

	width: 185px;

	text-align: center;

}

#mainNavigation a

{

	color: #00478B;

	text-transform: uppercase;

	text-decoration: none;

	font-size: 1.2em;

	margin: auto;

}

#mainNavigation a:hover

{

	color: #D87504;

	text-transform: uppercase;

	text-decoration: underline;

	font-size: 1.2em;

	margin: auto;

}

#menuBottom

{

	background-image: url("layout/menuBottom.png");

	height: 41px;

	width: 245px;

}

#content

{

	float: left;

	width: 900px;

	height: auto;

	background-color: #EDEEE9;

}

#bannerFade

{

	margin-top: 4px;

	width: 900px;

	height: 13px;

	float: left;

	background-image: url("layout/imageFade.png");

}



#mainPanel

{

	min-height: 300px;

	margin-top: 40px;

	background-repeat: no-repeat;

	float: left;

	padding-top: 15px;

	padding-left: 45px;

	padding-right: 35px;

	height: auto;

	width: 504px;

	color: #676767;

	background-image: url("layout/contentBackground.jpg");

	padding-bottom: 25px;

}

#mainPanel a

{

	text-decoration: none;

	color: #00478B;

}

#mainPanel a:hover

{

	text-decoration: underline;

	color: #00478B;

}

#client-panel { float:right; border-left:1px solid #cecece; padding:10px 0 10px 10px; width:160px; margin:0 0 40px 20px;}

#contactPanel

{

	padding-left: 10px;

	margin-top: 40px;

	margin-right: 0px;

	float: right;

	background-color: #FFFFFF;

	border-top: 3px solid #00478B;

	border-bottom: 3px solid #00478B;

	border-left: 1px solid #00478B;

	border-right: 1px solid #00478B;

	/*background-color: #EFEFEF;

	border-left: 1px solid #EFEFEF;

	border-right: 1px solid #EFEFEF;*/

	padding-bottom: 25px;

	width: 300px;

}

#contactPanel h1

{

	color:#00478B;

	font-family: arial;

	font-weight: bold;

	font-size: 1.2em;

}



#mainPanel p

{

	padding-left: 15px;

	padding-right: 15px;

}

h1

{

	font-family: arial;

	font-weight: normal;

	font-size: 1.25em;

	color: #00478B;

}


h3

{

	font-family: arial;

	font-weight: normal;

	font-size: 1.25em;

	color: #00478B;

}

.profile li

{

	margin-top: 20px;

	margin-bottom: 20px;

}

#address a

{

	text-decoration:none;

	color: #D87504;

}



#footer

{

	background-color: #FFFFFF;

	width: 900px;

	float: left;

}

#footerMenu

{

	width: 900px;

	text-align: center;

	border-top: 5px solid #AFAFAF;

}

#footerMenu a

{

	color: #00478B;

	text-transform: uppercase;

	text-decoration: none;

	font-size: .8em;

	margin: auto;

}

#footerMenu a:hover

{

	color: #D87504;

	text-transform: uppercase;

	text-decoration: underline;

	font-size: .8em;

	margin: auto;

}

#footerContent

{

	padding: 20px;

	font-size: .6em;

}

#footerContent a

{

	text-decoration: none;

	color: #000000;

}














/*Input and Textare Field Style*/
.vpb_input_fields {
	width:250px;box-shadow: 0 0 6px #666666;-moz-box-shadow: 0 0 6px #666666;-webkit-box-shadow: 0 0 6px #F0F0F0;font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal;height:25px; padding:3px;padding-left:10px;padding-right:10px; padding-top:2px;border: 1px solid  rgba(49, 49, 49, 0.2);outline:none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px;
}	
.vpb_input_fields:focus { 
 outline:none;border: 1px solid #F0F0F0;box-shadow: 0 0 12px #4DBCE9;-moz-box-shadow: 0 0 12px #4DBCE9;-webkit-box-shadow: 0 0 12px #4DBCE9;
}

/*Captcha Box wrapper*/
.vpb_captcha_wrapper 
{
	width:250px;
	height:auto;
	padding:10px; 
	border: solid 1px rgba(49, 49, 49, 0.2);
	 background-color: #FFF;
	 box-shadow: 0 0 20px #F0F0F0;
	-moz-box-shadow: 0 0 20px #F0F0F0;
	-webkit-box-shadow: 0 0 20px #F0F0F0;
	text-align:center;
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:left;
	overflow: hidden;
}


/*Success Message Style*/
.vpb_success {width:250px;font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:10px; background:#FFFFB7; border:1px solid #F1F1F1;box-shadow: 0 0 20px #cbcbcb;-moz-box-shadow: 0 0 20px #cbcbcb;-webkit-box-shadow: 0 0 20px #cbcbcb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; line-height:20px;}


/*Error Messages Style*/
.vpb_info {  text-align:left;border: 1px solid #999; padding:8px 10px 8px 10px; font: bold 12px verdana;-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;text-shadow: 2px 2px 2px #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:20px;font-weight:normal;color: black;background: #BDE5F8; }

.ccc{ text-decoration:none; color:blue;}
.ccc:hover{ text-decoration:underline;}

/*Vasplus Button*/
.vpb_general_button {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;

  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);

  background-color:#ededed;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;

  border:1px solid #dcdcdc;

  display:inline-block;
  color:#777777;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;

  text-shadow:0px 1px 0px #ffffff;
}

.vpb_general_button:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
  cursor: pointer;
  background-color:#dfdfdf;
}

.myButton:active {
  position:relative;
  top:1px;
}

.back_to_tutorial {
	
background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;box-shadow: 0 2px 3px #951100;-moz-box-shadow: 0 2px 3px #951100;-webkit-box-shadow: 0 2px 3px #951100;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 15px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 12px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 200px; }
.back_to_tutorial:hover 
{
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
.back_to_tutorial:active 
{
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); 
}