/*
    HTML5 Reset :: style.css
    ----------------------------------------------------------
    We have learned much from/been inspired by/taken code where offered from:
    
    Eric Meyer                  :: http://ericmeyer.com
    HTML5 Doctor                :: http://html5doctor.com
    and the HTML5 Boilerplate   :: http://html5boilerplate.com
    
-------------------------------------------------------------------------------*/


/* Let's default this puppy out
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}                                   
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section{
    display:block;
}
object,
embed{
    max-width:100%;
}
ul{
    list-style:none;
}
blockquote, q{
    quotes:none;
}
blockquote:before, 
blockquote:after, 
q:before, 
q:after{
    content:'';
    content:none;
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
del{
    text-decoration:line-through;
}
abbr[title],
dfn[title]{
    border-bottom:1px dotted #000;
    cursor:help;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
th{
    font-weight:bold;
    vertical-align:bottom;
}
td{
    font-weight:normal;
    vertical-align:top;
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}
input,
select{
    vertical-align:middle;
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    white-space:pre-line;
    word-wrap:break-word;
}
input[type="radio"]{
    outline:0 none;
    vertical-align:text-bottom;
}
input[type="checkbox"]{
    outline:0 none;
}
.ie6 input{
    vertical-align:text-bottom;
}
select,
input,
textarea{
    font:99%;
    outline:0 none;
}
table{
    font-size:inherit;
    font:100%;
}
 
/* Accessible focus treatment
    people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
    gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clear:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clear:after { clear: both; }  
.clear { zoom: 1; }  

/* let's clear some floats */

.floatL  { float:left!important; }
.floatR  { float:right!important; }

.hidden  { display:none!important; }

.justify  { text-align:justify!important; }
.alignL   { text-align:left!important; }
.alignR   { text-align:right!important; }
.alignC   { text-align:center!important; }

.displayB {display:block;}
.displayI {display:inline;}
.displayIB {display:inline-block;}

.mandatory {color:#EB340A;}

.cursorWait {cursor:wait;}

.bold {font-weight:bold;}

strong{
    font-weight:normal;
}
em{
    font-style:normal;
}



/*
    Variable Grid System.
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/

    Licensed under GPL and MIT.
*/
body {
  min-width: 720px;
}


/* Containers
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 720px;
}


/* Grid >> Global
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
    position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
.alpha {
    margin-left: 0;
}
.omega {
    margin-right: 0;
}


/* Grid >> 12 Columns
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
.container_12 .grid_1 {
    width:40px;
}
.container_12 .grid_2 {
    width:100px;
}
.container_12 .grid_3 {
    width:160px;
}
.container_12 .grid_4 {
    width:220px;
}
.container_12 .grid_5 {
    width:280px;
}
.container_12 .grid_6 {
    width:340px;
}
.container_12 .grid_7 {
    width:400px;
}
.container_12 .grid_8 {
    width:460px;
}
.container_12 .grid_9 {
    width:520px;
}
.container_12 .grid_10 {
    width:580px;
}
.container_12 .grid_11 {
    width:640px;
}
.container_12 .grid_12 {
    width:700px;
}


/* Prefix Extra Space >> 12 Columns
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
.container_12 .prefix_1 {
    padding-left:60px;
}
.container_12 .prefix_2 {
    padding-left:120px;
}
.container_12 .prefix_3 {
    padding-left:180px;
}
.container_12 .prefix_4 {
    padding-left:240px;
}
.container_12 .prefix_5 {
    padding-left:300px;
}
.container_12 .prefix_6 {
    padding-left:360px;
}
.container_12 .prefix_7 {
    padding-left:420px;
}
.container_12 .prefix_8 {
    padding-left:480px;
}
.container_12 .prefix_9 {
    padding-left:540px;
}
.container_12 .prefix_10 {
    padding-left:600px;
}
.container_12 .prefix_11 {
    padding-left:660px;
}


/* Suffix Extra Space >> 12 Columns
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
.container_12 .suffix_1 {
    padding-right:60px;
}
.container_12 .suffix_2 {
    padding-right:120px;
}
.container_12 .suffix_3 {
    padding-right:180px;
}
.container_12 .suffix_4 {
    padding-right:240px;
}
.container_12 .suffix_5 {
    padding-right:300px;
}
.container_12 .suffix_6 {
    padding-right:360px;
}
.container_12 .suffix_7 {
    padding-right:420px;
}
.container_12 .suffix_8 {
    padding-right:480px;
}
.container_12 .suffix_9 {
    padding-right:540px;
}
.container_12 .suffix_10 {
    padding-right:600px;
}
.container_12 .suffix_11 {
    padding-right:660px;
}


/* Push Space >> 12 Columns
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
.container_12 .push_1 {
    left:60px;
}
.container_12 .push_2 {
    left:120px;
}
.container_12 .push_3 {
    left:180px;
}
.container_12 .push_4 {
    left:240px;
}
.container_12 .push_5 {
    left:300px;
}
.container_12 .push_6 {
    left:360px;
}
.container_12 .push_7 {
    left:420px;
}
.container_12 .push_8 {
    left:480px;
}
.container_12 .push_9 {
    left:540px;
}
.container_12 .push_10 {
    left:600px;
}
.container_12 .push_11 {
    left:660px;
}


/* Pull Space >> 12 Columns
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
.container_12 .pull_1 {
    left:-60px;
}
.container_12 .pull_2 {
    left:-120px;
}
.container_12 .pull_3 {
    left:-180px;
}
.container_12 .pull_4 {
    left:-240px;
}
.container_12 .pull_5 {
    left:-300px;
}
.container_12 .pull_6 {
    left:-360px;
}
.container_12 .pull_7 {
    left:-420px;
}
.container_12 .pull_8 {
    left:-480px;
}
.container_12 .pull_9 {
    left:-540px;
}
.container_12 .pull_10 {
    left:-600px;
}
.container_12 .pull_11 {
    left:-660px;
}


/* Clear Floated Elements
 * ---------------------------------------------------------------------------------------------------------------------------------------- */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}