﻿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="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;
}
