* {
	margin:0;
	padding:0;
} 

html, body, #wrap {
	background: #2b2b2b;
	height: 100%;
	color: #aaaaaa;
	font-family: helvetica, verdana, "trebuchet MS", sans-serif;
}

body > #wrap {
	height: auto; min-height: 100%;
}

#header {
	background: url(../images/title_background.png) repeat-x #2b2b2b;
	height: 200px;
}

#content {
	background: #2b2b2b;
	padding: 20px;
	padding-bottom: 220px;
}  /* must be same height as the footer */

#footer {
	background: url(../images/bar_background.png) repeat-x;
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
} 

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hide from IE-mac */
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

#menu #title {
	background: url(../images/menu_background.png) repeat-x;
	margin: 0;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	font-size: 1.4em;
}

#menu ul {
	clear: both;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 40px;
}

#menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 20px;
	float: right;
	height: 40px;
	line-height: 40px;
}

#menu a {
	color: #cccccc;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: underline;
}

a {
	color: #cccccc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size:36px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 0 32px 0;
}
h2 {
	font-size:24px;
	font-weight:bold;
}
h3 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 9px 0;
}
h4 {
	color:#224973;
	font-size:14px;
	margin:0 0 18px 0;
}
h5 {
	font-size:12px;
	font-weight:bold;
}

/*
 * Form stuff
 */

.form-section {
        margin:0 0 20px 0;
}
.form-section .heading {
        background:#2b2b2b url(../images/menu_background.png) repeat-x;
	margin: 20px 20px;
        padding:0 20px;
        font-size:16px;
        height:39px;
        line-height:36px;
        width:auto;
	color: #ccc;
        
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -webkit-border-top-left-radius:5px;
        -webkit-border-top-right-radius:5px;
        -webkit-border-bottom-left-radius:5px;
        -webkit-border-bottom-right-radius:5px;

}
.form-section .heading h3 {
        font-size:16px;
        line-height:30px;
}
.form-section .heading h3 img {
        margin:7px 8px 0 0;
        vertical-align:top;     
}
.form-section .notes {
        background:#d9e7f8;
        border-top:1px solid #f1f6fc;
        border-bottom:1px solid #b2c8e4;
        height:52px;
        padding:0 20px;
}
.form-section .notes p {
        color:#224973;
        display:table-cell;
        font-weight:bold;
        height:52px;
        line-height:18px;
        margin:0;
        vertical-align:middle;
        
        padding:20px 20px 0 20px;       
}
input.checkbox {
        float:left;
        margin:2px 10px 0 0;
}
input.radio {
        float:left;
        margin:6px 10px 0 0;
}
.form-field input.checkbox {
        margin-top:6px;
}
.form-field label.checkbox {
        font-size:11px;
        text-align:left;
}
.form-field.cc-group {
        margin-bottom:5px;      
}
.form-field.cc-group label {
        line-height:30px;       
}
.form-field.cc-group input.radio {
        float:left;
        margin:12px 10px 0 0;
}
.form-field.cc-group label.radio {
        float:left;
        margin-right:30px;
        width:50px;
}
input.field,
textarea {
        background:#fff url(../images/form-field-background.png) repeat-x;
        border:1px solid #b0b0b0;
        float:left;
        font-family:Helvetica, Arial, sans-serif;
        font-size:12px;
        padding:5px 3px;
        
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
}
input.text,
textarea {
        width:256px;
}
input.day,
input.month,
input.year {
        text-align:center;      
}
input.day,
input.month {
        margin-right:10px;
        width:30px;
}
input.month,
input.year {
        margin-left:10px;
        margin-right:10px;
}
input.year {
        width:40px;
}
input.cvn {
        width:80px;     
}
label {
        display:block;
        float:left;
        line-height:18px;
        padding:4px 0;
        margin:0 20px 0 0;
        text-align:right;
        width:127px;
}
label.tip {
        background:#f0f0f0;
        float:left;
        font-size:10px;
        left:430px;
        line-height:14px;
        padding:6px 10px;
        position:absolute;
        text-align:left;
        width:auto;
        
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
}
p.tip {
        font-size:11px;
        float:left;
        line-height:26px;
        margin:0 0 0 10px;
}
label.error {
        background:#fce0e0 url(/images/cross.png) no-repeat;
        background-position:10px 5px;
        padding:6px 10px 6px 34px;
}
label.radio {
        text-align:left;
        width:auto;
}
select {
        margin:3px 10px 0 0;    
}
.form-field label.checkbox {
        font-size:11px;
        text-align:left;
        width:auto;
}
div.heading.error {
        background:#fce0e0;
}
p.slash {
        float:left;
        line-height:27px;
        margin:0;
}
.form-field {
    clear:both;
    margin:0 0 20px 0;
    position:relative;
}
.form-field:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.wait {
        background:#fff;
        padding:20px;
        text-align:center;
        
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
}
.wait p {
        background:url(/images/ajax-loader-blue.gif) center center no-repeat;
        margin:20px;
        text-indent:-9999px;
}
.form-update {
        background:#f5f5f5;
        border:none;
        border-top:1px solid #d0d0d0;
        margin:0;
        
        -moz-border-radius-topleft:0;
        -moz-border-radius-topright:0;
        -webkit-border-top-left-radius:0;
        -webkit-border-top-right-radius:0;
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -webkit-border-bottom-left-radius:5px;
        -webkit-border-bottom-right-radius:5px;
}
.form-update .form-field {
        margin:0;
}
.form-update .right .ui-button {
        margin:5px 0 0 0;
}
.form-update fieldset {
        padding:20px;   
}
.form-update p {
        font-size:11px;
        line-height:27px;
        margin:0;
}

a.button {
        background:#ccc;
	margin: 0 50px;
        padding:0 20px;
        font-size:16px;
        height:39px;
        line-height:36px;
        width:auto;
	color: #2b2b2b;
	float: right;
        
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -webkit-border-top-left-radius:5px;
        -webkit-border-top-right-radius:5px;
        -webkit-border-bottom-left-radius:5px;
        -webkit-border-bottom-right-radius:5px;
}