/*
	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, 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, menu, 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;
}



/* force a vertical scrollbar to prevent a jumpy page */
html {
    overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
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;
}

/* tables still need cellspacing="0" in the markup */
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; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

select, input, textarea {
    font: 99% sans-serif;
}

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 */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


html, body {
    width: 100%;
}

body {
    font: 13px Helmet, Freesans, sans-serif;
}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {
    color: #333;
}

a {
    color: #03f;
}

    a:hover {
        color: #69f;
    }

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
    background: #fcd700;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #fcd700;
    color: #fff;
    text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
a:link {
    -webkit-tap-highlight-color: #fcd700;
}

ins {
    background-color: #fcd700;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #fcd700;
    color: #000;
    font-style: italic;
    font-weight: bold;
}


@CHARSET "ISO-8859-1";

body {
    font-family: Verdana;
    font-size: 11px;
}

input[type="submit"] {
    background: #454545;
    padding: 4px 15px;
    border-width: 0px;
    border-radius: 14px;
    color: white;
    font-family: Verdana;
    font-size: 11px;
}

    button input[type="submit"] {
        margin-right: 6px;
        margin-left: 3px;
        margin-top: -1px;
    }

    input[type="submit"]:hover {
        cursor: pointer;
    }

br.clr {
    clear: both;
}

.spacingLeft {
    float: left;
}

.spacingRight {
    float: right;
}

.spacingLeft, .spacingRight {
    width: 30px;
    height: 2px;
}

img.icon {
    float: left;
}


@CHARSET "ISO-8859-1";

body {
    background-color: #E3FCFF;
    height: 100%;
}

.container {
    height: 90%;
    width: 450px;
    margin: 0px auto;
}

.boxLogin {
    background: #FFFFFF;
    width: 450px;
    top: 25%;
    position: absolute;
    border-radius: 5px;
}

.boxLoginHeader {
    padding-top: 25px;
}

    .boxLoginHeader > div {
        float: left;
    }

.boxLogo {
    width: 130px;
    padding: 0px 25px 20px 20px;
}

.boxTitle {
    width: 250px;
    padding-top: 15px;
}

    .boxTitle h1 {
        color: #74737b;
        font-size: 15px;
        text-transform: uppercase;
        font-family: Arial;
    }

.boxForm {
    background-color: #9AC4C8;
    padding: 20px 45px;
}

    .boxForm label, .boxForm input[type="text"],  .boxForm input[type="password"] {
        margin-bottom: 8px;
    }

    .boxForm label {
        width: 120px;
        display: block;
        float: left;
        padding-top: 6px;
        color: white;
    }

    .boxForm input[type="text"], .boxForm input[type="password"] {
        width: 210px;
        border: solid 1px #e6e5f3;
        border-radius: 3px;
        padding: 4px 8px;
        color: #222222;
    }

.boxError {
    border: solid 1px red;
    background-color: #FFAAAA;
    padding: 10px 45px;
    color: #434343;
    line-height: 18px;
}