html {
    height: 100%;
}

body {
	font-family: Verdana, Sans, Arial;
	font-size:   11px;
	color:       #333;
    line-height: 18px;
    background:  #F7F9FB url(../images/body-bg.png) repeat-x;
}

input, select, textarea, button {
	font-family:    Verdana, Sans, Arial;
	font-size:      11px;
	color:          #333;
	line-height:    18px;
}

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

a:hover {
	text-decoration: underline;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.clear {
	height:      1px;
	font-size:   1px;
	line-height: 1px;
	clear:       both;
}

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

/* Hide from IE Mac \*/
.clearfix {
    display: block;
}

/* End hide from IE Mac */
* html .clearfix {
    height: 1px;
}

h1, h2, h3, h4 {
	font-weight: bold;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 14px; color: #316495; padding: 5px 0px;
}

table h2{padding: 0px;}

h3 {
	font-size: 13px;
}

h4 {
	font-size: 12px;
}

span.required {
	color:          #D00;
	font-weight:    bold;
}

.overlayed {
	position: relative;
}

.overlay {
	position:   absolute;
	top:        0;
	right:      0;
	bottom:     0;
	left:       0;
	width:      100%;
	height:     100%;
	background: #FFF url(../images/loading.gif) no-repeat 50% 50%;
	z-index:    500;
}

.nomargin {
    margin: 0 !important;
}

.nopadding {
    padding: 0 !important;
}
small{
	color: #999999;
	font-size: 10px;
}
fieldset{
	border: 1px solid #eaeaea;
	margin-bottom: 10px;
	padding: 10px;
}
legend{
	font-weight: bold;
	padding: 5px;
}