/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  font-family:Arial, Helvetica, sans-serif;
}

body { 
  line-height: 1.5; 
}
table {
border-collapse:collapse;
border-spacing:0;
}
ol,ul { 
list-style:none; 
} 
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a {text-decoration:none;}

.info, .notice, .success, .warning, .error, .err, .validation {
    margin: 10px 0px;
    padding:15px 10px 15px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #fff;
    background-color: #2E8DF2;
    background-image: url('../i/info.png');
}
.success {
    color: #000;
    background-color: #A3FF2B;
    background-image:url('../i/success.png');
}
.warning, .notice {
    color: #000;
    background-color: #FFD230;
    background-image: url('../i/warning.png');
}
.error, .err {
    color: #fff;
    background-color: #FF3B3B;
    background-image: url('../i/error.png');
}
.validation {
    color: #fff;
    background-color: #FF3B3B;
    background-image: url('../i/error.png');
}

.hide {display: none;}
.block {display: block;}
.inline {display: inline;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix {display: block;}
*:first-child+html .clearfix {display:inline-block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.left_aligned {float: left;}
.right_aligned {float: right;}
.center {float: none;margin: auto; text-align:center;}
.center-margin: {margin-left: auto; margin-right: auto;}

.grid50 { width: 50%; }
.grid25 { width: 25%; }
.grid75 { width: 75%; }
.grid33 { width: 33%; }
.grid66 { width: 66%; }
.grid15 { width: 15%; }
.grid85 { width: 85%; }

.push_5 { margin: 5px; }
.push_10 { margin: 10px; }
.push_20 { margin: 20px; }
.push_30 { margin: 30px; }

.pull_5 { padding: 5px; }
.pull_10 { padding: 10px; }
.pull_20 { padding: 20px; }
.pull_30 { padding: 30px; }

.pull_l_5 {padding-left: 5px;}
.pull_l_10 {padding-left: 10px;}
.pull_l_20 {padding-left: 20px;}
.pull_l_30 {padding-left: 30px;}
.pull_r_5 {padding-right: 5px;}
.pull_r_10 {padding-right: 10px;}
.pull_r_20 {padding-right: 20px;}
.pull_r_30 {padding-right: 30px;}
.pull_t_5 {padding-top: 5px;}
.pull_t_10 {padding-top: 10px;}
.pull_t_20 {padding-top: 20px;}
.pull_t_30 {padding-top: 30px;}
.pull_b_5 {padding-bottom: 5px;}
.pull_b_10 {padding-bottom: 10px;}
.pull_b_20 {padding-bottom: 20px;}
.pull_b_30 {padding-bottom: 30px;}

.push_l_5 {margin-left: 5px;}
.push_l_10 {margin-left: 10px;}
.push_l_20 {margin-left: 20px;}
.push_l_30 {margin-left: 30px;}
.push_r_5 {margin-right: 5px;}
.push_r_10 {margin-right: 10px;}
.push_r_20 {margin-right: 20px;}
.push_r_30 {margin-right: 30px;}
.push_t_5 {margin-top: 5px;}
.push_t_10 {margin-top: 10px;}
.push_t_20 {margin-top: 20px;}
.push_t_30 {margin-top: 30px;}
.push_b_5 {margin-bottom: 5px;}
.push_b_10 {margin-bottom: 10px;}
.push_b_20 {margin-bottom: 20px;}
.push_b_30 {margin-bottom: 30px;}