.textbox
{
	height: 24px;
	width: 400px;
	margin: 0 0 18px;
	padding: 0 4px 10px 0;
}

.textbox-300
{
	height: 24px;
	width: 300px;
	margin: 0 0 18px;
	padding: 0 4px 10px 0;
}

.textarea
{
    vertical-align: top;
	height: 50px;
	width: 300px;
    text-wrap: normal;
}

.combobox-300
{
	height: 24px;
	width: 300px;
}

.displaylist {
	color: #626262;
	display: block;
	font: 12px/24px Arial, Helvetica, sans-serif;
}

.label {
	color: #626262;
	display: block;
	font: 18px/24px Arial, Helvetica, sans-serif;
}
.button {
	cursor: pointer;
	border: none;
}

.message label {
	color: #626262;
	display: block;
	font: 13px/24px Arial, Helvetica, sans-serif;
}
.message input[type='text'] {
	height: 24px;
	width: 590px;
	margin: 0 0 18px;
	padding: 0 4px;
}
.message textarea {
	height: 110px;
	width: 590px;
	margin: 0 0 18px;
	padding: 0 4px;
	overflow: auto;
	resize: none;
}
.message input[type='submit'] {
	cursor: pointer;
	border: none;
}

     .input_field
{
        font-family: Verdana, Arial, sans-serif;
        font-size: 9pt; 
        font-style: normal; 
        font-weight: normal; 
        color: #000000; 
        background-color: #FFFFFF;
        vertical-align:middle;
        height: 20px;
}

 .input_field_highlight
{
        font-family: Verdana, Arial,  sans-serif;
        font-size: 9pt; 
        font-style: normal; 
        font-weight: normal; 
        height: 20px;
        color: #000000; 
        background-color: #FFFFB7
}

  .header-label
{
		 
        font-family: Arial;
        font-size: 12pt; 
        font-style: normal; 
        font-weight: bold; 
        color: white;
        height: 30px;
        vertical-align: middle;
}

  .content-text
{
		 
        font-family: Arial;
        font-size: 10pt; 
        font-style: normal; 
        font-weight: normal; 
        color: white;
        background-image: url(images/header.png);  height: 30px;
        height: 30px;
        vertical-align: middle;
}

.SmallTxt {
	font-family: Verdana, Arial, sans-serif;
    font-style: normal;
	font-size: 10px;
	color: #FFFFFF;
}

.SloganTxt {
	font-family: Verdana, Arial, sans-serif;
    font-style: italic;
	font-size: 20px;
	color: #636262;
}

.MainFormTxt {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 30px;
}

.BulletPointText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #045B7A;
    padding-bottom: 3px;
    padding-top: 3px;
}

.FeaturesPanelText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #045B7A;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 200px;
}

/*------------ CONTENTS ------------*/
#main-contents {
	padding-bottom: 24px;
	padding-left: 100px;
}
#main-contents > div.clearfix:first-child {
	width: 940px;
	padding: 30px 10px 0;
}
#main-contents img {
	border: 1px solid rgba(231, 231, 231, 0.8);
}
  
/* form 
----------------------------------------------------------*/
.form-horizontal {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Ubuntu", sans-serif, monospace;
    font-size: 1.23em;
    margin: 0;
    height: 600px;
    width: 800px;
    padding-left: 150px;
    padding-bottom: 50px;
}
.form-horizontal-500 {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Ubuntu", sans-serif, monospace;
    font-size: 1.23em;
    margin: 0;
    height: 600px;
    width: 800px;
    padding-left: 50px;
    padding-bottom: 50px;
}

.form-horizontal-400 {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Ubuntu", sans-serif, monospace;
    font-size: 1.23em;
    margin: 0;
    height: 600px;
    width: 400px;
    padding-left: 50px;
    padding-bottom: 50px;
}



.form-header {
    color: #c8c8c8;
    height: 50px;
    vertical-align: bottom;
    padding-top: 15px;
    padding-bottom: 25px;
}
.form-group {
    color: #c8c8c8;
    width: 800px;
}
.form-group-dark {
    color: #696969;
    width: 800px;
}

.form-group-400 {
    color: #c8c8c8;
    width: 400px;
}
.form-group-dark-400 {
    color: #696969;
    width: 400px;
}

.form-control-label {
    color: #c8c8c8;
}
.form-col1 {
    color: #c8c8c8;
}
.form-col2 {
    color: #c8c8c8;
}
.form-col3 {
    color: #c8c8c8;
}
.form-col4 {
    color: #c8c8c8;
}
.form-command {
    height: 50px;
    width: 500px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 5px;
}
.form-command a.btn-blue { background: url(css/images/blue-btn.png) no-repeat 0 -75px; position: relative; bottom: -30px; z-index: 100; width: 198px; height: 70px; text-align: center; line-height: 56px; display: block; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; font-size: 16px; font-family: 'Ubuntu', sans-serif; font-weight: 700;   }
.form-command a.btn-blue:hover  { text-decoration: none; background-position: 0 0px; }

.button-blue {
    background: url(css/images/blue-btn.png) no-repeat 0 -75px; 
    width: 250px; height: 70px; 
    position: relative; bottom: -30px; z-index: 100;
    text-align: center; color: #fff; 
    text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; 
    font-size: 16px; font-family: 'Ubuntu', sans-serif; font-weight: 700;   
}


.FeaturesArea
{
    text-align: center;
    width: 900px;
    height: 550px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #045B7A;
    padding-bottom: 3px;
    padding-top: 3px;
}

.FeaturesCol1
{
    text-align: left;
    width: 30%;
    height: 50px;
    padding-top: 20px;
    padding-right: 10px;
}
.FeaturesCol2
{
    text-align: left;
    width: 70%;
    height: 50px;
    padding-top: 5px;
}

.FeatureHeaderText
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #2F677C;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}

.AboutArea
{
    text-align: center;
    width: 800px;
    height: 550px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #045B7A;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 50px;
    padding-right: 50px;
}

.AboutCol1
{
    text-align: left;
    width: 20%;
    height: 50px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.AboutCol2
{
    text-align: left;
    width: 80%;
    height: 50px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.AboutHeaderText
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #2F677C;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}


.DashboardArea
{
    text-align: center;
    width: 900px;
    height: 550px;
}


.DashboardHeaderArea
{
    vertical-align: top;
    text-align: center;
    width: 900px;
    height: 30px;
    border-bottom-color: aliceblue;
    padding-bottom: 10px;
}


.DashboardHeaderCol1
{
    text-align: left;
    width: 33%;
    height: 30px;
}

.DashboardHeaderCol2
{
    text-align: left;
    width: 33%;
    height: 30px;
}

.DashboardHeaderCol3
{
    text-align: right;
    width: 33%;
    height: 30px;
}