a, a:link, a:hover, a:active {
	color: #1caae5;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration:none;
}

input[type=submit] {
   font-family: helvetica;
   color: #1caae5  !important;
   font-weight: bold;
   text-decoration: none;
   text-transform: uppercase;
   padding: 8px;
   background: #ebebeb ;
   border: 1px solid #bbbbbb ;
   cursor: pointer;
   border-radius: 2px;
}

input[type=submit]:hover {
  
}

input[type=button] {
   font-family: helvetica;
   color: #1caae5  !important;
   font-weight: bold;
   text-decoration: none;
   text-transform: uppercase;
   padding: 8px;
   background: #ebebeb ;
   border: 1px solid #bbbbbb ;
   cursor: pointer;
   border-radius: 2px;
}

input[type=button]:hover {
  
}

#header {
	background-color:#282c36;
}

h1, h2, h3, h4, h5, h6 {
	color: #282c36;
}


[class*="col-"] {
	width: 100%;
    float: left;
	box-sizing: border-box;
}
.row {
	padding: 5px;
	box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: block;
}

[class*="col-"]:only-child {
	margin-left: auto;
	margin-right: auto;
	float: none;
}


 @media only screen and (min-width:551px){

html {
   margin: 0px;
   height: 100%;
   width: 100%;
}

body {
	position:relative;
    background-color:#FFFFFF;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
   	font-weight: 300;
	margin: 0px;
    width: 100%;
	max-width:100%;
   /*overflow-x:hidden;*/
 
}



.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


.loginContainer {
	width: 550px;
	margin: 70px auto;
}

.loginBox {
	width: 100%;
	background-color: #FFFFFF;
	padding: 10px;
	box-sizing: border-box;
}

.large {
	width: 650px;
}

/*  Header Area  */

#header{
		margin-bottom: 25px;
		min-width:901px;
		width:100%;
}
#headerstyle{
	position:relative;
	width:100%;
	background: #2c5668;
  /*
  background: #63B8EE;
  background: linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -ms-linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -webkit-gradient(linear, left top, left bottom, from(#8AC3EE), to(#3085CF));
  background: -moz-linear-gradient(top,  #8AC3EE,  #3085CF);
  */
	height:40px;
	z-index:0;
}
#companyinfo{
	position: relative;
	padding-left:30px;
	top:-35px;

}
.companyfont{
	color:#FFFFFF;
	font-weight:600;
}
.userfont{
	color:#FFFFFF;
	font-weight:300;	
}


#jobflexheader{
	background-color:#B2CA38;
	height:98px;
	width:100%;
}
#jobflexbrand{
    position:relative;
	padding-left:30px;
	/*top:15px;*/
}
#menus{
	display:none;
	position:relative;
	left:0px;
	top:-15px;
	width:100%;
	z-index:3;
	min-height: 56px;
}
#buttons{
	position:relative;
	left:0px;
	top:3px;
	z-index:3;
}
#menrs3{
	display:none;
	background-color:#F4F4F4;
	width:100%;
	z-index:4;
	min-width:901px;
}
#menubackground{
	position:relative;
	background-color:#F4F4F4;
	height:33px;
	width:100%;
	top:-32px;
	right:9px;
	z-index:2;
	display:none;
	
	
}



/*  End Header   */



.tablelayout {
	
	
}



.oneColFixCtrHdr{
    background-color:#34517D; 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
	width:100%;
	height:100%;

} 
.container {
    background-color:#34517D; 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
	width:100%;
	height:100%;
	margin-left: auto;
    margin-right: auto;
    width: 990px;
    position: relative;
}

.errorBox {
	text-align: center;
	width: 750px;
	padding: 20px;
	margin: 0 auto;
	background-color: #1caae5;
	color: #FFF !important;
}
.errorBox a {
	color: white;
}
.errorBox strong {
	font-weight: bold;
}
.errorMsg {
	color: #D53736 !important;
	font-style: italic;
}

#mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*min-height:600px;*/
	background: #FFFFFF;
}
#dashboard {
	position:relative;
	/*margin-top:50px;*/
	/*left:50px;*/
	
}

#marketingreferral{
	position:absolute;
	margin-left:45%;
	margin-top:35%;
	
}

#AccountSelectionList{ 
    position:relative;
	top:-500px;
	left:30px;
	
}
#roundtablestyle{
	width: 750px;
	background:#e8e8e8;
	padding: 20px;
	margin: 30px auto;
}
#tablebackground{
	background-color:#F6F6F6;
	width:800px;
}


#footer {
	position:relative;
	/*top:15px;*/
	/*padding: 0 10px; this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	min-width:901px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
input[type=text]{
	color:#3D0000;
    background-color:#FFFFFF;
	padding: 0px 0px 0px 3px;
	margin-top:3px;
	}
	.inputfield{
	color:#3D0000;
    background-color:#DFE6FA;
	}
	
textarea{
	   color:#3D0000;
   background-color:#DFE6FA; 
	
}
input[type=password]{
	   color:#3D0000;
   background-color:#DFE6FA;
	}
	


input[type=submit]{
	font-family: helvetica;
	color: #1caae5  !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px;
	background: #ebebeb ;
	border: 1px solid #bbbbbb ;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
}
input[type=submit]:hover {
	
}

#thirtyday{
   position:relative;
   top:-100px;
   left:50%;
   width: 300px;
   margin-left: -150px;
	
}
#countdown{
	color:#FFF;
	background-color:#009F00;
	font-weight:bold;
	width:40px;
    padding: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 3px;
}



.button-link {
	font-family: helvetica;
	color: #1caae5  !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px;
	background: #ebebeb ;
	border: 1px solid #bbbbbb ;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
}
.button-link:hover {
  
}


.button-disable {
  font-family: helvetica;
  color: #BBB; !important;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 5px 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px groove #717685;
  background: #EEE;
  background: linear-gradient(top,  #EDEDED,  #E7E5ED);
  background: -ms-linear-gradient(top,  #EDEDED,  #E7E5ED);
  background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#E7E5ED));
  background: -moz-linear-gradient(top,  #EDEDED,  #E7E5ED);
}
.button-link:hover {
  color:#E3E3E3; !important;
  background: #E3E3E3;
  background: linear-gradient(top,  #9BC3EB,  #B5E1FF);
  background: -ms-linear-gradient(top,  #9BC3EB,  #B5E1FF);
  background: -webkit-gradient(linear, left top, left bottom, from(#9BC3EB), to(#B5E1FF));
  background: -moz-linear-gradient(top,  #9BC3EB,  #B5E1FF);
}




.button-material {
  font-family: helvetica;
  color: #2467BF !important;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 3px 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px groove #717685;
  background: #E0E8EE;
  background: linear-gradient(top,  #EDEDED,  #E7E5ED);
  background: -ms-linear-gradient(top,  #EDEDED,  #E7E5ED);
  background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#E7E5ED));
  background: -moz-linear-gradient(top,  #EDEDED,  #E7E5ED);
}
.button-material:hover {
  color: #14396A !important;
  background: #89AECF;
  background: linear-gradient(top,  #9BC3EB,  #B5E1FF);
  background: -ms-linear-gradient(top,  #9BC3EB,  #B5E1FF);
  background: -webkit-gradient(linear, left top, left bottom, from(#9BC3EB), to(#B5E1FF));
  background: -moz-linear-gradient(top,  #9BC3EB,  #B5E1FF);
}

.button-Cancel {
font-family: Arial;
color: #ffffff;
padding: 5px;
text-decoration: none;
-webkit-border-radius: 47px;
-moz-border-radius: 47px;
-webkit-box-shadow: 0px 1px 3px #F30;
-moz-box-shadow: 0px 1px 3px #F39;
text-shadow: 1px 1px 3px #666666;
/* border: solid #003366 2px; */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#F30), to(#F39));
background: -moz-linear-gradient(top, #2bc24e, #107025);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#2bc24e, endColorStr=#107025);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#2bc24e, endColorStr=#107025);
display:inline-block; /* IE is so silly */
}
.button-Cancel:hover {
background: #F50;
}


select{

	color:#3D0000;
    background-color:#DFE6FA;
/*font-family: Arial;
color: #000000;
-webkit-border-radius: 37px;
-moz-border-radius: 25px;
-webkit-box-shadow: 0px 1px 3px #D3F6EA;
-moz-box-shadow: 0px 1px 3px #D3F6EA;
text-shadow: 0px 2px 3px #FFFFFF;
/* border: solid #003366 2px; */
/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#D3F6EA), to(#D3F6EA));
background: -moz-linear-gradient(top, #D3F6EA, #D3F6EA);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#D3F6EA, endColorStr=#D3F6EA);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#D3F6EA, endColorStr=#D3F6EA);
display:inline-block; /* IE is so silly */
/*font-size: 0.8em; /* Size of the text */
/* The height you want the <select> to be height: 23px; */
/*padding-top: 3px; /* how far from the top you want the text to appear */
/*padding-bottom: 2px; */
}





input[type=file]{
	background:#D3F6EA;
	border-color:#399;
	border:ridge;
	color:#3D0000;
	}
 .radiostyle{
		color:#3D0000;
		background-color:#ddd;
	 	border:groove;
		border-width:thick;
		size:50px;
}


.backbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-weight:bold;
	padding:4px 14px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}.backbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.backbutton:active {
	position:relative;
	top:1px;
}

.dropdown-linkyellow{
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}

.tablerow{

	background-color:#E9E9C0;
	text-decoration:none;
	
}

.jobflex{
	font-size: 30px; 
	color:#FFF;
	font-weight:bold;
}
.quotestatement{
	
	font-size: 15px; 
	color: rgb(223,222,227);
}

#tabletselect{
	position:relative;
	/*top:-600px;*/
	padding:8px;
	
}
#bluebar{
  width:100%;
  background: #63B8EE;
  background: linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -ms-linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -webkit-gradient(linear, left top, left bottom, from(#8AC3EE), to(#3085CF));
  background: -moz-linear-gradient(top,  #8AC3EE,  #3085CF);
  font-weight:bold;
  color:#FFF;
  align:center;
  text-align:center;
  text-shadow: 1px 1px #808080;
  Padding:5px;
  min-height:25px;
  max-height:25px;
	
}
#bluecenter{
	padding-top:2%;
	padding-bottom:3%;
	
	
}

#bluetemplatebar{
  width:100%;
  background: #63B8EE;
  background: linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -ms-linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -webkit-gradient(linear, left top, left bottom, from(#8AC3EE), to(#3085CF));
  background: -moz-linear-gradient(top,  #8AC3EE,  #3085CF);
  font-weight:bold;
  color:#FFF;
  align:center;
  text-align:center;
  text-shadow: 1px 1px #808080;
  Padding:5px;
  min-height:50px;
  max-height:50px;
  max-width:176px;
	
}
#bluetemplatecenter{
	padding-top:2%;
	padding-bottom:3%;
	
	
}


#MaterialsCorporateLogo{
  width:175px;
  background-color:#FFF;
  font-weight:bold;
  color:#808080;
  align:center;
  padding:5px;	
	
}

#materialswrap{
   float:left;
   padding:10px;
}


#materialserviceicon{
	border-radius: 8px;
	float:left;
	background-color:#FFFFFF; 
	padding:5px; 
	display:table;
	min-height:35px;
	
}
#materiallist{
	background:#bfc0c1; 
	padding:3px; 
	width:170px;
	max-width:170px; 
	margin: 5px; 
	display: table;
	float:left;
	min-height:200px;
	
}

#systemspec{
color:#00F;
font-style:italic;"	
	
}
#required{
position:relative;
left:300px:
	
}

#ProductDetailButton{
 position:relative;
 left:150px;
 top:-30px;
 
}
#HeaderOne{
	font-size-adjust:inherit;
	font-weight:900;
	padding:15px;
}



.buttontab {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
	height:43px;
	line-height:43px;
	width:110px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffee66;
}
.buttontab:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.buttontab:active {
	position:relative;
	top:1px;
}
#TabBar{
	position:relative;
	min-height:2px;
	width: 500px;
	margin-top: -2px;
	background-color:#808080;
	
}

.DigDisplay {
font-family: 'Codystar', cursive;
  color:#0F5; !important;
  font-size: 30px;
  min-width:15px;
  text-align:center;
  box-shadow: 1px 1px 1px #54646E;
  background-color:#2A1F00;

}
.DigDisplaytrue {
font-family: 'Codystar', cursive;
  color:#FF5500; !important;
  font-size: 30px;
  min-width:15px;
  text-align:center;
  box-shadow: 1px 1px 1px #54646E;
  background-color:#2A1F00;

}
.DigDisplayyellow {
font-family: 'Codystar', cursive;
  color:#FFFF00; !important;
  font-size: 30px;
  min-width:15px;
  text-align:center;
  box-shadow: 1px 1px 1px #54646E;
  background-color:#2A1F00;

}
.DigDisplayBackboard {
  position:relative;
  top:15px;
  left:80px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  color: #FFF; !important;
  font-weight:bold;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 10px 25px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 8px solid:#2A1FAA;
  background: #BADDEE;
  background: linear-gradient(top,  #53B8CC,  #2E878A);
  background: -ms-linear-gradient(top,  #53B8CC,  #2E878A);
  background: -webkit-gradient(linear, left top, left bottom, from(#53B8CC), to(#2E878A));
  background: -moz-linear-gradient(top,  #53B8CC,  #2E878A);
  max-width:750px;
}

.ItemContent {
	padding-top: 20px;
	display:none;
}

.squaredThree {
	width: 20px;	
	margin: 20px;
	position: relative;

}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;
	margin-left:-20px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #A1A1A1 100%);
	background: -moz-linear-gradient(top, #222 0%, #A1A1A1 100%);
	background: -o-linear-gradient(top, #222 0%, #A1A1A1 100%);
	background: -ms-linear-gradient(top, #222 0%,#A1A1A1 100%);
	background: linear-gradient(top, #222 0%, #A1A1A1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#A1A1A1',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.HelpButton {
  font-family: arial;
  color: #031707 !important;
  font-size: 15px;
  box-shadow: 0px 1px 0px #191E21;
  padding: 9px 24px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #3ECF34;
  background: #51EE56;
  background: linear-gradient(top,  #48EE15,  #3EA345);
  background: -ms-linear-gradient(top,  #48EE15,  #3EA345);
  background: -webkit-gradient(linear, left top, left bottom, from(#48EE15), to(#3EA345));
  background: -moz-linear-gradient(top,  #48EE15,  #3EA345);
}
.HelpButton:hover {
  color: #1C2021 !important;
  background: #39FF12;
}

.loadMore {
  width: 100%;
  padding: 10px;
  border: 1px;
  color: #34517D;
}

.loadMoreActive {
  width: 100%;
  padding: 10px;
  border: 1px;
  color: #FFF;
  background-color: #4d93e6;
  background: -moz-linear-gradient(center top , rgb(138, 195, 238), rgb(48, 133, 207)) repeat scroll 0% 0% transparent;;
}

.libraryContent {
	width: 350px;
	padding: 10px;
	height: 280px;
	display:inline-block;
}
.libraryTitle {
	font-size:18px;
}

#menus .active {
	background-color: #2c5668;
	color: #ffffff;
}

.radiocolor {
	width     		: 0em;
	height			: 0em;
	margin    		: 0;
	padding   		: 0;
	font-size 		: 1em;
	opacity   		: 0;
	position		: absolute;
}

.radiocolor + label {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.radiocolor + label > div {
	position: absolute;
	width: 20px;
	height: 20px;
	border: medium solid transparent;
}

.radiocolor:checked + label > div {
	border: medium solid #333;
}

.colorTable td {
	padding:0px;
	margin: 0px;
	position: relative;
	width: 26px;
	height: 26px;
}

.errorField {
	border: 2px solid red !important;
}

.buttonstyle {
	font-family: helvetica;
	color: #1caae5  !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px;
	background: #ebebeb ;
	border: 1px solid #bbbbbb ;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
}
.buttonstyle:hover {

}


. RadioStyle{
	height: -moz-calc: 25px;
	height:35px;
	width: 35px;
	padding: 0 5px 0 0;
}



.LeftSide {
  width:55%;
  float:left;
  color: #2C5668;
  padding-top:6pt;
  text-align:left;
  box-sizing: border-box;
}
.RightSide {
  width:45%;
  float:left;
  text-align:left;
  padding-top:6pt;
  color:#000000;
  box-sizing: border-box;
}

.LeftSideTitle {
  width:60%;
  float:left;
  color: #2C5668;
  /*padding-top:12pt; */
  text-align:left;
	
}
.RightSidePrice {
  width:25%;
  float:left;
  text-align:right;
    color:#000000;
	
}

.RightSidePriceTotal{
  width:25%;
  float:left;
  text-align:right;
  color:#000000;
  border-bottom: thick solid #A2A2A2;
}



.FullSide {
  width:100%;
  float:left;
  color:  #2C5668;
  text-align:left;
  padding-top:18pt;
  padding-bottom:7pt;
	
}

.FullSidePromo {
  color:  #2C5668;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  padding-top:2pt;
  padding-bottom:7pt;
	
}

.RightSidePackage{
  width:100%;
  float:left;
  text-align:left;
  padding-top:13px;
  margin-left:10px;
  color:#000000;

}


.FullSideItalic {
   width:100%;
   float:left;
   color:  #2C5668;
   text-align:left;
   font-style:italic;
	
}
.FullSideTitle{
	  width:100%;
  float:left;
   color:  #2C5668;
    text-align:left;
	
	
}


.RightSidePack {
   width:100%;
  float:left;
  text-align:left;
	
	
	
}

hr{
  display:none;
  width:0px;
	
}


#prometionlayout{
    height:130px; 
	width:300px; 
	margin:15px; 
	background-color:#DDD; 
	margin-left:300px; 
	border-radius: 5px 5px 5px 5px; 
	-moz-border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px;	
	
}


#promotionstyle {
    position:relative; 
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	top:-30px;
	
}

.clearboth{
  clear:both;	
}


.formContainer {
	width: 400px;
	margin: 25px auto;
	text-align: left;
}
.formContainer input, .formContainer select {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0px;
}

.formContainer .halfblock {
	box-sizing: border-box;
	display: inline-block;
	width: 49%;
}

.formContainer table {
	margin: 25px 0px;
	width: 100%;
	font-weight: normal;
}
.formContainer table tr:first-child td {
	border-bottom: 2px solid #cccccc;
}
.formContainer table tr:last-child td {
	border-top: 2px solid #cccccc;
}
.formContainer table tr td:last-child {
	text-align: right;
}
.formContainer table tr:first-child td {
	text-align: center;
}
.formContainer input[type=submit] {
	width: initial;
	margin: 15px auto;
}


}


@media only screen and  (max-width : 550px)   {

html {
   margin: 0px;
   height: 100%;
   width: 100%;
}

.ClearBoth{
  display:none;	
}

.loginContainer {
	width: 100%;
	margin: 10px auto;
}

.loginBox {
	padding: 10px;
	margin-top: 10px;
	width: 100%;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

body {
	/*position:relative;*/
    background-color:#FFFFFF; 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    width: 100%;
	margin:0%;
   /*overflow-x:hidden;*/
 
}
a img {
	border: none;
	text-decoration:none;
}

/*  Header Area  */

#header{
		width:100%;
		
}

#headerstyle{
	position:relative;
	width:100%;
	background: #2c5668;
  /*
  background: #63B8EE;
  background: linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -ms-linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -webkit-gradient(linear, left top, left bottom, from(#8AC3EE), to(#3085CF));
  background: -moz-linear-gradient(top,  #8AC3EE,  #3085CF);
  */
	height:20%;
	z-index:0;
}

.companyfont{
	color:#FFFFFF;
	font-weight:600;
}
.userfont{
	color:#FFFFFF;
	font-weight:300;	
}


#jobflexheader{
	background-color:#B2CA38;
	height:98px;
	width:100%;
}


#jobflexbrand{
    position:relative;
	padding-left:30px;
	/*top:15px;*/
}
#menus{
	display:none;
	position:relative;
	left:0px;
	top:-15px;
	width:100%;
	z-index:3;
	min-height: 56px;
}
#buttons{
	position:relative;
	left:0px;
	top:3px;
	z-index:3;
	color:#FFFFFF;
}
#menrs3{
	background-color:#F4F4F4;
	width:100%;
	z-index:4;
	min-width:901px;
}
#menubackground{
	display:none;
	position:relative;
	background-color:#F4F4F4;
	height:33px;
	width:100%;
	top:-32px;
	right:9px;
	z-index:2;
	
	
}


/*  End Header   */



.tablelayout {
	
	
}

.container {
    background-color:#34517D; 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    width: 70%;
	padding:10px;
}

.errorBox {
	box-sizing: border-box;
	text-align: left;
	width: 100%;
	padding: 10px;
	margin: 20px 0px;
	background-color: #1caae5;
	color: #FFF !important;
}
.errorBox a {
	color: white;
}
.errorBox strong {
	font-weight: bold;
}
.errorMsg {
	color: #D53736 !important;
	font-style: italic;
}
#mainContent {
	/* padding: 0 0px;  remember that padding is the space inside the div box and margin is the space outside the div box */
	/*min-height:600px;*/
	background: #FFFFFF;
	padding:12px;
}


#marketingreferral{
	position:absolute;
	margin-left:45%;
	margin-top:35%;
	
}

#AccountSelectionList{ 
    position:relative;
	top:-500px;
	left:30px;
	
}
#roundtablestyle{
	
	border-radius: 0p;  
	border: 0px solid #000;
	background:#FFFFFF;
	padding: 0px;
	
}
#tablebackground{
	background-color:#F6F6F6;
	/*width:800px; */
}


#footer {
	display:none;
	background:#DDDDDD;

}
#footer p {
	display:none;
	margin: 0; 
	padding: 0px 0; 
}


select{
background-color: transparent;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #A2A2A2;
margin-left:0px;
width:80%;
text-align:left;

}

	
.inputfield{
background-color: transparent;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #A2A2A2;
margin-left:0px;
width:100%;
text-align:left;
	}
	
textarea{
background-color: transparent;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #A2A2A2;
margin-left:0px;
width:80%;
text-align:left;
	
}
input[type=password], input[type=text], input[type=email] {
background-color: transparent;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: darkblue;
margin-left:0px;
width:100%;
text-align:left;
padding: 5px;

	}

	


input[type=submit]{
  padding: 15px;
  width: 100%;
}


#thirtyday{
   position:relative;
   top:-100px;
   left:50%;
   width: 300px;
   margin-left: -150px;
	
}
#countdown{
	color:#FFF;
	background-color:#009F00;
	font-weight:bold;
	width:40px;
    padding: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 3px;
}



.button-link {
	font-family: helvetica;
	color: #1caae5  !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px;
	background: #ebebeb ;
	border: 1px solid #bbbbbb ;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
}


.button-Cancel {
font-family: Arial;
color: #ffffff;
padding: 5px;
text-decoration: none;
-webkit-border-radius: 47px;
-moz-border-radius: 47px;
-webkit-box-shadow: 0px 1px 3px #F30;
-moz-box-shadow: 0px 1px 3px #F39;
text-shadow: 1px 1px 3px #666666;
/* border: solid #003366 2px; */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#F30), to(#F39));
background: -moz-linear-gradient(top, #2bc24e, #107025);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#2bc24e, endColorStr=#107025);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#2bc24e, endColorStr=#107025);
display:inline-block; /* IE is so silly */
}
.button-Cancel:hover {
background: #F50;
}


input[type=file]{
	background:#D3F6EA;
	border-color:#399;
	border:ridge;
	color:#3D0000;
	}
 .radiostyle{
		color:#3D0000;
		background-color:#ddd;
	 	border:groove;
		border-width:thick;
		size:50px;
}


.tablerow{

	background-color:#E9E9C0;
	text-decoration:none;
	
}

.jobflex{
	font-size: 30px; 
	color:#FFF;
	font-weight:bold;
}
.quotestatement{
	
	color: rgb(223,222,227);
}

#tabletselect{
	position:relative;
	/*top:-600px;*/
	padding:8px;
	
}
#bluebar{
  width:100%;
  background: #63B8EE;
  background: linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -ms-linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -webkit-gradient(linear, left top, left bottom, from(#8AC3EE), to(#3085CF));
  background: -moz-linear-gradient(top,  #8AC3EE,  #3085CF);
  font-weight:bold;
  color:#FFF;
  align:center;
  text-align:center;
  text-shadow: 1px 1px #808080;
  Padding:5px;
  min-height:25px;
  max-height:25px;
	
}
#bluecenter{
	padding-top:2%;
	padding-bottom:3%;
	
	
}

#bluetemplatebar{
  width:100%;
  background: #63B8EE;
  background: linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -ms-linear-gradient(top,  #8AC3EE,  #3085CF);
  background: -webkit-gradient(linear, left top, left bottom, from(#8AC3EE), to(#3085CF));
  background: -moz-linear-gradient(top,  #8AC3EE,  #3085CF);
  font-weight:bold;
  color:#FFF;
  align:center;
  text-align:center;
  text-shadow: 1px 1px #808080;
  Padding:5px;
  min-height:50px;
  max-height:50px;
  max-width:176px;
	
}
#bluetemplatecenter{
	padding-top:2%;
	padding-bottom:3%;
	
	
}


#MaterialsCorporateLogo{
  width:175px;
  background-color:#FFF;
  font-weight:bold;
  color:#808080;
  align:center;
  padding:5px;	
	
}

#materialswrap{
   float:left;
   padding:10px;
}


#materialserviceicon{
	border-radius: 8px;
	float:left;
	background-color:#FFFFFF; 
	padding:5px; 
	display:table;
	min-height:35px;
	
}
#materiallist{
	background:#bfc0c1; 
	padding:3px; 
	width:170px;
	max-width:170px; 
	margin: 5px; 
	display: table;
	float:left;
	min-height:200px;
	
}

#systemspec{
color:#00F;
font-style:italic;"	
	
}
#required{
position:relative;
left:300px:
	
}

#ProductDetailButton{
 position:relative;
 left:150px;
 top:-30px;
 
}
#HeaderOne{
	font-size-adjust:inherit;
	font-weight:900;
	padding:15px;
}

/* Styling for the promotion code */

#promotiontext{
	float:left;
	text-align:left;
}
#PromotionTitle{
	color:#2269B5; 
	font-weight:bold;
	float:left;
	width:100%;
}
#PromotionResponse{
	color:#2269B5;
	font-weight:bold;
	float:left;
	width:100%;
}

#promotionstyle{
     /*style="position:relative; margin:18px;padding:2px;top:5px;" none tablet */
	 
}


.buttontab {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
	height:43px;
	line-height:43px;
	width:110px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffee66;
}
.buttontab:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.buttontab:active {
	position:relative;
	top:1px;
}
#TabBar{
	position:relative;
	min-height:2px;
	width: 500px;
	margin-top: -2px;
	background-color:#808080;
	
}

.DigDisplay {
font-family: 'Codystar', cursive;
  color:#0F5; !important;
  font-size: 30px;
  min-width:15px;
  text-align:center;
  box-shadow: 1px 1px 1px #54646E;
  background-color:#2A1F00;

}
.DigDisplaytrue {
font-family: 'Codystar', cursive;
  color:#FF5500; !important;
  font-size: 30px;
  min-width:15px;
  text-align:center;
  box-shadow: 1px 1px 1px #54646E;
  background-color:#2A1F00;

}
.DigDisplayyellow {
font-family: 'Codystar', cursive;
  color:#FFFF00; !important;
  font-size: 30px;
  min-width:15px;
  text-align:center;
  box-shadow: 1px 1px 1px #54646E;
  background-color:#2A1F00;

}
.DigDisplayBackboard {
  position:relative;
  top:15px;
  left:80px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  color: #FFF; !important;
  font-size: 12px;
  font-weight:bold;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 10px 25px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 8px solid:#2A1FAA;
  background: #BADDEE;
  background: linear-gradient(top,  #53B8CC,  #2E878A);
  background: -ms-linear-gradient(top,  #53B8CC,  #2E878A);
  background: -webkit-gradient(linear, left top, left bottom, from(#53B8CC), to(#2E878A));
  background: -moz-linear-gradient(top,  #53B8CC,  #2E878A);
  max-width:750px;
}

.ItemContent {
	padding-top: 20px;
	display:none;
}

.squaredThree {
	width: 20px;	
	margin: 20px;
	position: relative;

}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;
	margin-left:-20px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #A1A1A1 100%);
	background: -moz-linear-gradient(top, #222 0%, #A1A1A1 100%);
	background: -o-linear-gradient(top, #222 0%, #A1A1A1 100%);
	background: -ms-linear-gradient(top, #222 0%,#A1A1A1 100%);
	background: linear-gradient(top, #222 0%, #A1A1A1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#A1A1A1',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.HelpButton {
  font-family: arial;
  color: #031707 !important;
  box-shadow: 0px 1px 0px #191E21;
  padding: 9px 24px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #3ECF34;
  background: #51EE56;
  background: linear-gradient(top,  #48EE15,  #3EA345);
  background: -ms-linear-gradient(top,  #48EE15,  #3EA345);
  background: -webkit-gradient(linear, left top, left bottom, from(#48EE15), to(#3EA345));
  background: -moz-linear-gradient(top,  #48EE15,  #3EA345);
}
.HelpButton:hover {
  color: #1C2021 !important;
  background: #39FF12;
}

.loadMore {
  width: 100%;
  padding: 10px;
  border: 1px;
  color: #34517D;
}

.loadMoreActive {
  width: 100%;
  padding: 10px;
  border: 1px;
  color: #FFF;
  background-color: #4d93e6;
  background: -moz-linear-gradient(center top , rgb(138, 195, 238), rgb(48, 133, 207)) repeat scroll 0% 0% transparent;;
}

.libraryContent {
	width: 350px;
	padding: 10px;
	height: 280px;
	display:inline-block;
}

#menus .active {
	background-color: #2c5668;
	color: #ffffff;
}

.radiocolor {
	width     		: 0em;
	height			: 0em;
	margin    		: 0;
	padding   		: 0;
	font-size 		: 1em;
	opacity   		: 0;
	position		: absolute;
}

.radiocolor + label {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.radiocolor + label > div {
	position: absolute;
	width: 20px;
	height: 20px;
	border: medium solid transparent;
}

.radiocolor:checked + label > div {
	border: medium solid #333;
}

.colorTable td {
	padding:0px;
	margin: 0px;
	position: relative;
	width: 26px;
	height: 26px;
}

.errorField {
	border: 2px solid red !important;
}

.buttonstyle {
  font-family: helvetica;
  text-decoration: none;
  display: inline-block;
  color: #2467BF !important;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 5px 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px groove #717685;
  background: #E0E8EE;
  background: linear-gradient(top,  #EDEDED,  #E7E5ED);
  background: -ms-linear-gradient(top,  #EDEDED,  #E7E5ED);
  background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#E7E5ED));
  background: -moz-linear-gradient(top,  #EDEDED,  #E7E5ED);
}
.buttonstyle:hover {
  color: #14396A !important;
  background: #89AECF;
  background: linear-gradient(top,  #9BC3EB,  #B5E1FF);
  background: -ms-linear-gradient(top,  #9BC3EB,  #B5E1FF);
  background: -webkit-gradient(linear, left top, left bottom, from(#9BC3EB), to(#B5E1FF));
  background: -moz-linear-gradient(top,  #9BC3EB,  #B5E1FF);
  text-decoration: none;
}

. RadioStyle{
	height: -moz-calc: 25px;
	height:35px;
	width: 35px;
	padding: 0 5px 0 0;
}



.LeftSide {
  width:100%;
  float:left;
  color: #2C5668;
  padding-top:12pt;
  text-align:left;
	
}
.RightSide {
  width:100%;
  max-width:400px;
  float:left;
  text-align:left;
  color:#000000;
	
}

.LeftSideTitle {
  width:60%;
  float:left;
  color: #2C5668;
  /*padding-top:12pt; */
  text-align:left;
	
}
.RightSidePrice {
  width:25%;
  float:left;
  text-align:right;
    color:#000000;
	
}

.RightSidePriceTotal{
  width:25%;
  float:left;
  text-align:right;
  color:#000000;
  border-bottom: thick solid #A2A2A2;
}



.FullSide {
  width:100%;
  float:left;
  color:  #2C5668;
  text-align:left;
  padding-top:18pt;
  padding-bottom:7pt;
	
}

.FullSidePromo{
  width:100%;
  max-width:400px;
  float:left;
  color:  #2C5668;
  text-align:left;
  padding-top:18pt;
  padding-bottom:7pt;
  background-color:#DDD;
	
}

.RightSidePackage{
  width:100%;
  max-width:400px;
  float:left;
  text-align:left;
  padding-top:13px;
  margin-left:10px;
  color:#000000;

}


.FullSideItalic {
   width:100%;
   float:left;
   color:  #2C5668;
   text-align:left;
   font-style:italic;
	
}
.FullSideTitle{
   width:100%;
  float:left;
   color:  #2C5668;
    text-align:left;
	
	
}


.RightSidePack {
   width:100%;
  float:left;
  text-align:left;
	
	
	
}
#roundtablestyle{
   	
	padding: 0px;
	margin-top: 0px;
}
#promotionstyle{
    height:130px;
	margin:15px; 
    background-color:#DDD; 
	
}


#promotionstyle {
	padding:2px;
	top:3px;
	
}
hr{
   width:100%;
   border: 4px solid #ccc;
  
	
}

#holdcalculation{
   max-width: 500px;
   width:100%;

}

.formContainer {
	width:100%;
	text-align: left;
}
.formContainer input, .formContainer select {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 10px 0px;
	padding: 5px;
}

.formContainer .halfblock {
	box-sizing: border-box;
	display: inline-block;
	width: 49%;
}

.formContainer table {
	margin: 25px 0px;
	width: 100%;
	font-weight: normal;
}
.formContainer table tr:first-child td {
	border-bottom: 2px solid #cccccc;
}
.formContainer table tr:last-child td {
	border-top: 2px solid #cccccc;
}
.formContainer table tr td:last-child {
	text-align: right;
}
.formContainer table tr:first-child td {
	text-align: center;
}
.formContainer input[type=submit] {
	width: 100%;
	margin: 15px auto;
}

}