/*  
Theme Name: VW Labs Website
Description: 2008 VW Labs Website
Section: Base Styles
Version: 1.0
Author: Daniel Stondin
Author URI: www.paulchangdesign.com
*/


  /* IMPORTS */

  @import url(site.css);
  @import url(typography.css);
  @import url(labs.css);


	/**************** Base ****************/
	
	body {
		font-family: Helvetica, Arial, sans-serif;		
		color: #666;
		background: #E6E6E6;
	}

  
  /**************** Tables ****************/

  table{
  
  }

  table td{
    vertical-align: top;
  }

  /**************** Forms ****************/


	input {
		font-size: 1em;
		margin: 0;
	}
	
/*  input, button, textarea {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

    font-size:12px;
  }
  
  input[type="text"], input[type="password"], textarea {
    border:1px solid #9e9e9e; 
    background:#fff;

    padding:5px;
  }*/
	
	input.search {
		font-size: 1em;
		margin: 1px 0 0 0;
	}
	
	input.addressSearch {
		padding-left: 3px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	input.file {
		margin: 0;
		padding: 0;
		float: left !important;
		text-align: left;
	}
	
	select {
		font-size: 11px;
	}

	fieldset.overlayForm {
		margin-top: 10px;
	}
	
	fieldset.overlayForm label{
		font-size: 1.2em;
		font-weight: bold;
		color: #333;
		margin-right: 5px;
		margin-bottom: 8px;
		text-align: right;
		display: block;
		width:  70px;
		float: left;
		clear: both;
	}	
	
	fieldset.overlayForm input{
		margin-bottom: 8px;
		padding: 3px 0;
	}
	
	fieldset.overlayForm textarea{
		width: 100%;
	}
	
	table {
		color: #666;
	}
  
  label.error { color: red; padding-left: .5em; }
  
	.tooltip {
    color: #DE7D00;	
    cursor: pointer;
  }

/**************** Save Confirmation ****************/
#saved {
	color:#31A832;
	font-size:14pt;
	margin-bottom:20px;
}

#saved img {
	margin-right:10px;
	margin-bottom:-2px;
}
	
/****************** Extras *******************/
	
	
	.clr {
		clear:both;
	}
	
	.bigbreak {
		line-height: 2em;
	}

  .indent {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
	.floatL {
		float: left;
	}
	
	.floatR {
		float: right;
	}
	
	.leftAlign {
		text-align: left !important;
	}
	
	.rightAlign {
		text-align: right !important;
	}
	
	.centerAlign {
		text-align: center !important;
	}
	
	.centeredElement {
		margin: 0 auto;
	}
	
	.alignTop {
	  vertical-align: top;
	}
	
	.alignMiddle {
	  vertical-align: middle;
	}
	
	.alignBottom {
	  vertical-align: bottom;
	}
	
	.inline {
		display: inline;
	}
	
	.padded {
		padding: 5px 10px 10px 10px;
	}
	
	.unpadded {
		margin: 0;
		padding: 0;
	}
	
	.paddedImg {
		padding: 10px 0 10px 0;
	}
	
	.split {
		width: 45%;
		
	}
	
	.full {
		width: 100%;
	}
	
	.shaded {
		background: #d9d9d9;
		-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	}
	
	.xshaded {
    background: #BFBFBF;
	}
	
	.strong {
	 font-weight: bold;
	}
	
	.orange {
		color: #DE7D00;
	}
	
	.red {
		color: #CD0E25;
	}
	
	.green {
		color: #31BB16;
	}
	
	.white {
		color: #FFF;
	}
	
	.coal {
		color: #333333;
	}
  
  .blue_bg {
    background-color: #00336E;
  }
  
  .red_bg {
    background-color: #FF1C16;
  }
  
  
  .subscript {
    font-size:xx-small; 
    vertical-align:bottom;
    line-height: 1em;
  }
  
  .small {
    font-size: 1em;
  }
  
  .error {
    font-weight:bold;
    color:red;
  }
  
/****************** Kiosk *******************/

  #btn-sync {
    cursor:pointer;
    margin-bottom:15px;
  }