﻿body
{
    font-size: 14px;
    color: #333;
}

#page
{
    width: 960px;
    padding: 40px;
    margin: 20px auto;
    background-color: #fff;
}

#header
{
    margin-bottom: 30px;
}

#footer
{
    margin-top: 30px;
    padding-top: 20px;
}


/* ELEMENTS
============================================*/
h1, h2
{
    font-weight: normal;
}
h3, h4, h5, h6
{
    font-weight: normal;
}

h1
{
    font-size: 1.9em;
    margin-bottom: 0.855em;
}
h2
{
    font-size: 1.7em;
    margin-bottom: 0.956em;
}
h3
{
    font-size: 1.4em;
    margin-bottom: 1.161em;
}
h4, h5
{
    font-size: 1.313em;
    margin-bottom: 1.238em;
}

a
{
    color: #26578c;
    text-decoration: none;
    outline: none;
}
a:hover, a:active, a:focus
{
    text-decoration: underline;
}

img
{
    border: none;
}


/* FORMS
============================================*/
fieldset, form, label, legend
{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

form h3:first-child
{
    margin-top: 0;
}

fieldset
{
    margin: 0 0 1.5em 0; /*padding: 1.4em;*/
}

legend
{
    padding: 0 .4em;
    font-size: 1.2em;
}


label
{
    float: none;
    display: block;
    margin-top: 10px;
    clear: left;
    text-align: left;
    cursor: hand;
}

label.inline
{
    /*float: left;*/
    margin-right: 1em; /* width: 9em; */
}

textarea, input, select, button, optgroup
{
    margin-top: 5px;
}

input[type="text"]
{
    width: 150px;
}

input[type="checkbox"], input[type="radio"]
{
    display: inline;
    margin-top: 10px;
}

.buttons
{
    margin-top: 10px;
}

button
{
    position: relative;
    border: 0;
    padding: 0;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner
{
    border: none; /* overrides extra padding in Firefox */
}

button span
{
    position: relative;
    display: block;
    white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    /* Safari and Google Chrome only - fix margins */
    button span
    {
        margin-top: -1px;
    }
}

/* TABLES
============================================*/
table
{
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

th, td
{
    text-align: left;
    padding: .5em;
    border: 1px solid #ececec;
}

th
{
    background: #ececec;
    font-weight: normal;
}

td
{
    background: #fff;
}


/* JQUERY MODAL
============================================*/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow
{
    display: none;
    position: absolute;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #fff;
    color: #333;
    border: 1px solid #666;
    padding: 12px;
}

.jqmOverlay
{
    background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow
{
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* HELPER CLASSES
============================================*/
.floatContainer
{
    width: 100%;
    overflow: hidden;
}

.right, .left
{
    display: inline;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

.inline
{
    display: inline;
}

.hidden
{
    display: none;
}

.formColumn
{
    width: 430px;
}

.actionArea
{
    padding: 20px;
    margin: 30px 0;
}

.toggleLink
{
    font-size: .85em;
    display: block;
}

.noMargin
{
    margin: 0;
}

.noMarginTop
{
    margin-top: 0;
}

.noMarginBottom
{
    margin-bottom: 0;
}

.noSpacing
{
    margin: 0;
    padding: 0;
}

.modalView
{
    padding: 10px;
    overflow: auto;
    max-height: 500px; /* Not supported by IE6 */
}
.rightAlign
{
    text-align: right;
}
.noBreakOnSpace
{
    white-space: nowrap;
}

