th@charset "UTF-8";

/*
    GATEWAY CSS/BASIS
    Copyright (c) 2009, Ernesto Mendez
    http://der-design.com

TABLE OF CONTENTS (v2.0)
============================
0) MEYER'S RESET
1) GENERAL STYLES
    1.1) COLORS
    1.2) BACKGROUNDS
    1.3) BORDERS
    1.4) FONT FAMILIES
    1.5) BODY TYPE & MISC
    1.6) HEADINGS
    1.7) LINKS
    1.8) PARAGRAPH
    1.9) DEFINITIONS
    1.10) LISTS
    1.11) FORMS
    1.12) TABLES
    1.13) FIXES
2) CLEARFIX */

/* 0)	MEYER'S RESET, http://meyerweb.com/eric/tools/css/reset/
================================================================ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; } :focus { outline: 0; } ins { text-decoration: none; }
del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

/* 1)	GENERAL STYLES
======================== */
/* 1.1) COLORS */
body, input, textarea { color: #241e1e; }
h1, h2, h3, h4, h5, h6 { xcolor: #241e1e; font-weight: bold; }
a { color: #359; border: 0px; }
table thead th { color: white; }
table tbody th { /* color: black; */ }
input:focus { color: black; }
label { color: #ff6801; }
abbr a:hover, acronym a:hover { color: black; }
input[type=submit], input[type=reset] {  color: white; }
input.invalid { color: #ff6801; }
.message { color: #ff6801; }


/* 1.2) BACKGROUNDS */
ul.check li { list-style: none; padding-left: 27px;  background: url(../images/interface/list-style-image.png) no-repeat 0 9px; }
table thead th {background-color: #ff6801; }
/*table thead th:hover { background: #ff7819;}
table tbody td:hover { background: #ffefdd; }*/
input:hover, textarea:hover { background: #fff9f2; }
input:focus { xbackground: #ff6801; }
textarea:focus { xbackground: #fff9f2; }
input.invalid { background: none; }
input[type=submit], input[type=reset] {  background: #ff6801;  }
.message { background: #ffd3aa; }


/* 1.3) BORDERS */
acronym, abbr { border-bottom: dashed 1px #ff6801; }
table { border: solid 1px #ff6801; }
table tbody tr { border-top: solid 1px #ff6801;  }
table tbody th, table tbody td { border-right: solid 1px #ff6801; }
input, textarea { border: solid 1px #ff6801;  }
textarea:focus { border-right: solid 10px #ff6801; }
input.invalid { border-color: #dcddde; }
.message { border: 2px dotted #ff6801; }

/* 1.4) FONT FAMILIES */
body, input, textarea { font-family:  "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { xfont-family: "Trebuchet MS", sans-serif; }
input[type=submit], input[type=reset] {  font-family: "Trebuchet MS", sans-serif; }
.message { font-family: "Trebuchet MS", sans-serif; }

/* 1.5)	BODY TYPE & MISC */
body, input, textarea { font-size: 13px;  letter-spacing: 0.3px; }
.message {width: 400px; padding: 10px; margin-bottom: 17px; font-size: 14px; font-weight: bold; }

/* 1.6)	HEADINGS */
h1, h2, h3, h4, h5, h6 { margin: 0 0 -5px 0; padding: 25px 0 0 0; font-weight: bold; xletter-spacing: 1.05px; line-height: 1em; font-size:1em; }
/*h1, h2 { font-size: 15px; }
h3, h4 { font-size: 14px; }
h5, h6 { font-size: 12px; }*/

/* 1.7)	LINKS */
a { text-decoration: none; font-weight: normal; border: 0px !important;}
a:link {}
a:visited { }
a:hover { text-decoration: underline; }
a:active { }
abbr a:hover, acronym a:hover { text-decoration: none; cursor: help; }

/* 1.8)	PARAGRAPH */
p { line-height: 1.6em; padding: 1em 0 0 0; }
br { line-height: 1.6em; }
img { }
acronym, abbr { cursor: help;  }
cite { }
strong, big { font-weight: bold; }
small { font-size: 11px; }
em { }
del, strike { }
ins { }
blockquote { width: 85%; font-style: italic; margin: 0 auto 0 auto; }
blockquote p:before, blockquote p:after { content: "\""; }
blockquote:before { }
blockquote:after { }
q:before, q:after { content: "\""; }
code, kbd, samp { }
address { margin: 0 0 0 0; padding: 1.5em 0 0 0; }

/* 1.9)	DEFINITIONS */
dl { padding: 0 0 0 0; line-height: 1.5em; }
dt { padding: 1.5em 0 0 0; font-weight: bold; }
dd { padding: 0.5em 0 0 15px; font-style: italic; }

/* 1.10) LISTS */
ul { }
ol { }
ul, ol { padding: 7px 0 0 0; }
ul li, ol li { padding: 0.7em 0 0 10px; line-height: 1.5em; }
ul li { list-style: inside square; }
ol li { list-style-type: decimal; list-style-position: inside; padding-left: 0; }

ul.layout { padding: 0; }
ul.layout li { display: inline; padding: 0; line-height: 1; list-style-position: outside; list-style-type: none; }

/* 1.11) FORMS */
form { padding: 0 0 0 0; }
form p { padding: 0; }
label { font-weight: normal; font-style: normal; display: block; font-size: 13px; padding: 1.5em 0 0 0;}
input, textarea { display: block; width: 165px; height: auto; padding: 7px 7px 7px 10px; font-size: 13px; letter-spacing: 0.5px; }
input[type=submit], input[type=reset] {  display: block;  width: 100px; font-weight: bold; }
input[type=submit]:hover, input[type=reset]:hover { cursor: pointer; }
input:hover, textarea:hover { }
input:focus { }
textarea { width: 400px; height: 150px; padding: 10px; margin-bottom: 17px; line-height: 1.6em;  }
textarea:focus { }
option { } button { } fieldset { } legend { }
input.invalid { }
textarea.invalid {}
form .message { display: none; }

/* 1.12) TABLES */
table:before { }
table { position: relative; width: 90%; padding: 0; margin: 1em auto 0 auto; }
table caption { padding-bottom: 10px; text-align: center; padding-top: 1.5em; }
table tbody { text-align: center;  }
table tfoot { }
table thead { }
table thead tr {  }
table thead th { line-height: 2.3em; }
table thead th:hover { cursor: pointer; }
table tbody { }
table tbody tr { line-height: 2.3em; }
table tbody th { }
table tbody th:hover {  }
table tbody td { }
table tbody td:hover { }
table tbody th, table tbody td { }

/* 1.13) FIXES */
*:first-child+html ul.check li { padding-left: 10px; margin-left: 10px; /* IE7 */ }

/* 2)	CLEARFIX,  http://sonspring.com/journal/clearing-floats
================================================================ */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }