/* 
    Document   : layout
    Created on : Dec 4, 2010, 11:42:06 AM
    Author     : Mark Chehade
    Description:
        Purpose of the stylesheet follows.
*/


body{
    margin-left:20px;
    width: 800px;
}

h1 {
    margin-bottom: 1em;
}

div.page-wrapper {
    margin: 0;
    /*width: 600px;*/
}

div.row {
    width: 100%;
    padding: 0.001em 0 0.01em 0.001em;
}

div.registration {
    margin: 1em 0;
}

div.label {
    float: left;
    width: 20%;
}

div.control {
    float: left;
    width: 20%;
}

div.error {
    float: left;
    width: 45%;

}

div.hint {
    width: 80%;
    margin-left: 20%;
    margin-top: 1px;
}

div.label2 {
    float: left;
    width: 35%;
}

div.control2 {
    float: left;
    width: 30%;

}

div.error2 {
    float: left;
    width: 35%;

}

div.hint2 {
    width: 65%;
    margin-left: 35%;
    margin-top: 1px;
}

div.label3 {
    float: left;
    width: 12%;
    padding-right: 5px;
}

div.control3 {
    float: left;
    width: 40%;

}

div.error3 {
    float: left;
    width: 38%;

}

div.hint3 {
    width: 100%;
    margin-left: 0%;
    margin-top: 1px;
}

div.label4 {
    float: left;
    width: 50%;
    padding-right: 5px;
}

div.error4 {
    float: left;
    width: 26%;

}

div.control4 {
    float: left;
    width: 50%;

}

div.control5 {
    float: left;
    width: 38%;
}

div.control6 {
    float: left;
    width: 10%;
}

div.control7 {
    float: left;
    width: 50%;

}

select.input-control {
    float: left;
}

input.input-control {
    float: left;
}

p.error-message {
    float: left;
    margin-left: 10px;
}

fieldset.form {
    width: 800px;
}

label.form {
    float: left;
}

label.checkbox {
    /*padding-top: 2px;*/
    padding-left: 4px;
}

label.radio {
    /*padding-top: 2px;*/
    padding-left: 4px;
}

div.input-label-pair input {
    margin-top: 3px;
}

div.clear {
    clear: both;
}

div.time-input {
    float:left;
    width: 12%;
}

img.clock {
    padding-left: 2px;
}

iframe.terms {
    height: 100px;
    width: 100%;
}

input.time-input {
    width: 60px;
}

.main_content {
    background-color: #FFFFFF;
    padding: 20px;
    margin-bottom: 20px;
}

.content-container-wide {
    width: 100%;
}

.article-wide {
    width: 100%;
}
.article-admin {
    width: 1400px;
}

#content-container-wide {
    width: 100%;
    float:left;
    position:relative;
    min-width:10em;
}

.home_map {
    width: 450px;
    height: 280px
}

#header
{
    background-image: none;
}

#nav-site ul {
    padding-left: 10px;
}


/*comment out the border to remove the white line... */
#nav-site ul, #nav-site ul li
{
    /*border-top: Solid 2px #fff;*/

}

#nav-site li.current a
{
	background-color: #bfd0d1;
	color: #00456e;
	font-weight: bold;
}

#nav-site ul li
{
    padding: 0px;
}

ul {
    margin-top: 0em;
    margin-bottom: 0em;
}

p {
    margin-top: 0em;
    margin-bottom: 0em;
}

li {
    margin-left: 10px;
}

.eptable {
	display:table;
}

.eprow {
	display:table-row;
}

.epcell {
	display:table-cell;
	border: solid 1px grey;
	padding: 6px;
}
.eplabel {
	display:table-cell;
	border: solid 1px grey;
	padding: 6px;
	font-weight: bold;
}

a.primarybtn{
			color:#fff;
			font-family:'trebuchet ms',helvetica,sans-serif;
			font-size:18px;
			padding: 5px;
			font-weight:bold;
			width:250px;
			background-color:#00456e;
			border:1px solid;
			border-top-color:#00456e;
			border-left-color:#00456e;
			border-right-color:#00456e;
			border-bottom-color:#00456e;
			filter:progid:DXImageTransform.Microsoft.Gradient(
			GradientType=0,StartColorStr='#00456e',EndColorStr='#33789f');}

input.primarybtn{
			color:#fff;
			font-family:'trebuchet ms',helvetica,sans-serif;
			font-size:18px;
			padding: 5px;
			font-weight:bold;
			width:250px;
			background-color:#00456e;
			border:1px solid;
			border-top-color:#00456e;
			border-left-color:#00456e;
			border-right-color:#00456e;
			border-bottom-color:#00456e;
			filter:progid:DXImageTransform.Microsoft.Gradient(
			GradientType=0,StartColorStr='#00456e',EndColorStr='#33789f');}
			
input.primarybtnnarrow{
			color:#fff;
			font-family:'trebuchet ms',helvetica,sans-serif;
			font-size:18px;
			padding: 5px;
			font-weight:bold;
			width:150px;
			background-color:#00456e;
			border:1px solid;
			border-top-color:#00456e;
			border-left-color:#00456e;
			border-right-color:#00456e;
			border-bottom-color:#00456e;
			filter:progid:DXImageTransform.Microsoft.Gradient(
			GradientType=0,StartColorStr='#00456e',EndColorStr='#33789f');}		

input.secondarybtn{
			color:#fff;
			font-family:'trebuchet ms',helvetica,sans-serif;
			font-size:18px;
			padding: 5px;
			font-weight:bold;
			width:250px;
			background-color:#226677;
			border:1px solid;
			border-top-color:#226677;
			border-left-color:#226677;
			border-right-color:#226677;
			border-bottom-color:#226677;
			filter:progid:DXImageTransform.Microsoft.Gradient(
			GradientType=0,StartColorStr='#66aabb',EndColorStr='#77aadd');}
input.secondarybtnnarrow{
			color:#fff;
			font-family:'trebuchet ms',helvetica,sans-serif;
			font-size:18px;
			padding: 5px;
			font-weight:bold;
			width:150px;
			background-color:#226677;
			border:1px solid;
			border-top-color:#226677;
			border-left-color:#226677;
			border-right-color:#226677;
			border-bottom-color:#226677;
			filter:progid:DXImageTransform.Microsoft.Gradient(
			GradientType=0,StartColorStr='#66aabb',EndColorStr='#77aadd');}
			
.tooltip {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 6px;
BORDER-TOP: #000 1px solid;
PADDING-LEFT: 6px;
FONT-SIZE: 1.1em;
PADDING-BOTTOM: 3px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 3px;
BORDER-BOTTOM: #000 1px solid;
WHITE-SPACE: nowrap;
BACKGROUND-COLOR: #fff
}
.scrollbox 
{
	overflow:scroll;
	width:100%;
	height:170px;
	border:solid 1px;
	border-top:solid 1px;
	overflow-x:hidden;

}
.flash
{
	font-size:smaller;
}