html {
 height: 100%;
 margin: 0;
 padding: 0;
}

body {
 height: 100%;
 text-decoration: none;
 color:  #3D545D;
 font-family: "arial";
 font-size:0.99em;
 margin: 15px;
 padding: 0;
 background-color: #f3f3f3;
 background: #E7E8E8 url(../images/bg-gray-texture.jpg) repeat top left;
}


.smallText{
	font-size:0.8em;
}

label{
 float: left;
 width: 100px;
 font-weight: bold;
 margin-left:67px;
}

.formLabel{
 float: left;
 width: 120px;
 font-weight: bold;
 margin-left:5px;
 margin-top: 5px;
}

input, select, multiple, textarea {
 float: left;
 margin-top: 5px;
}


.submitButton {
     color: #FFFFFF;
     font-family: "Arial", sans-serif;
     font-size: 11px;
     font-weight: normal;
     background: #1b76a9;
     border: none;
     padding: 5px 10px;
}


textarea{
 width: 250px;
 height: 150px;
}

.boxes{
 width: 1em;
}

ul {
padding-left: 0;
margin-left: 0;
text-align: left;
}



br{
 clear: left;
}

img{
padding:0px;
margin:0px;
border:0;
}



a {color:#3D545D;}
a:active {color:#94a9be;}
a:focus {color:#94a9be; outline: none; -moz-outline-style: none;}

a.smallLink {font-size:85%; }
a.bigLink {font-size:103%; }
a.helpfulLink {color:#526972;}

.smallText{color:#3D545D;font-size:92%;}
.smallerText{color:#3D545D;font-size:85%;}
.redText{color:red;}
.smallRedText{font-size:85%;color:red;}

.darkRedText {
 color: #CD0000;
}

.bigDarkRedText {
 font-size: 125%;
 color: #CD0000;
}

.smallDarkRedText {
 font-size: 85%;
 color: #CD0000;
}

.normalText{color:#3D545D}
.smallBlueText{font-size:85%;font-weight:normal; color:#526972}
.smallGreyText{font-size:85%;font-weight:normal; color:gray}
.boldBlueText{font-weight:bold; color:#526972;}
.boldText{font-weight:bold;}
.bigBlueText{font-size:125%; color:#526972;}
.headerText {font-size:125%;font-weight:bold; }

select option { color: #3D545D; font-family: "arial"; font-size: 8pt; font-weight: medium; }
.optionStyle { color: #3D545D; font-family: "arial"; font-size: 8pt; font-weight: medium; }







div.formTitle {
	width: auto !important;
	margin: 0;
	padding: 6px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #e6e5e9;
	background-color: #cad7e1;
	border-radius: 0px;
	background: rgba(200, 200, 200, 0.5) url(../images/bg-diagonal-stripes.png) repeat top left !important;
}


span.surroundBoxTitle {
	background-color:white;
	position:relative;
	top:8px;
	left:5px;
	font-size:110%;
}


table.surroundBox {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e5e9;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:90%;
	width: 100% !important;
}

table.surroundBox td {
	margin: 0;
	padding: 3px;
	background-color: white;
	border-radius: 0px;
}

table.surroundBox tr {
	vertical-align:top;
}



table.surroundForm {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #e6e5e9;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:100%;
}

table.surroundForm td {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #e6e5e9;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 5px;
	background-color: white;
	border-radius: 0px;
}

table.surroundForm tr {
	vertical-align:top;
}




table.noBorder td { border:0; }


div.bordered {
border-bottom: 1px solid #5295ba ;
border-left: 1px solid #5295ba ;
border-right: 1px solid #5295ba ;
background: none;
margin: 0px;
padding: 0px;
color: #3D545D;
border-spacing: 0px;
}





td.fullborder {
border: 1px solid #adc6de;
background: white;
margin:0px;
padding:0px;
color: #3D545D;
border-spacing:0px;
border-collapse: collapse;
}




table.noborder{
border-width:0px;
border-spacing:0px;
padding:0px;
margin:0px;
}


td.noborder{
border-width:0px;
border-spacing:0px;
padding:0px;
margin:0px;
border-collapse: collapse;
}

td.shadednoborder{
border-width:0px;
border-spacing:0px;
padding:0px;
margin:0px;
border-collapse: collapse;
background: white;
}

.adminRightHeader{font-size:115%; font-weight:bold; color:#3D545D; margin-bottom:5px; }

table.linedDataTable {
     /*-*/border-width: 1px;
     border-style: solid;
     /*-*/border-color: #e6e5e9;
     border-collapse: collapse;
     border-spacing: 0;
     font-size:95%;
     margin-bottom:5px;
}

table.linedDataTable td {
     margin: 0;
     /*-*/padding: 6px;
     /*-*/border-width: 1px;
     border-style: solid;
     border-color: #e6e5e9;
     background-color: white;
     border-radius: 0px;
}

table.linedDataTable td.complete {
     background-color: #f4f4f4;
}


table.linedDataTable th {
     margin: 0;
     /*-*/padding: 6px;
     border-width: 1px;
     border-style: solid;
     border-color: #e9edf0;
     background-color: #e9edf0;
     border-radius: 0px;
     /*-*/background: rgba(200, 200, 200, 0.5) url(../images/bg-diagonal-stripes.png) repeat top left !important;
}

table.linedDataTable tr {
     vertical-align:top;
}

/*--- Additional Custom CSS ---*/

label:nth-of-type(3) {
  margin-top: 5px;
}

.smallerText a:hover {
     color: #ccc;
}

#login-form {
     margin-top: 20px;
     text-align: center;
}

#login-form label {
     width: 100%;
     margin: 0;
     font-size: 14px;
}

#login-form input {
     float: none;
     margin-bottom: 10px;
}

#login-form .smallText {
     font-size: 12px;
}

#login-form #loginbutton {
    color: #FFFFFF;
    font-family: "Arial", sans-serif;
    font-size: 11px;
    font-weight: normal;
    background: #1b76a9;
    border: none;
    padding: 5px 10px;
    min-width: 60px;
    margin-top: 10px;
}

#login-form #loginbutton:hover {
    cursor: pointer;
}

#login-form label:nth-of-type(1) {
     margin-bottom: 15px !important;
}

a#admin-link:before {
     font-family: FontAwesome;
     content: "\f023";
     font-size: 13px;
     margin-right: 5px;
}

a#admin-link {
     text-decoration: none;
     font-size: 14px;
}

a#admin-link:hover {
     color: #ccc;
}

a#login-link:before {
     font-family: FontAwesome;
     content: "\f007";
     font-size: 13px;
     margin-right: 5px;
}

a#login-link {
     text-decoration: none;
     font-size: 14px;
}

a#login-link:hover {
     color: #ccc;
}

#loginbutton {
     margin-top: 13px !important;
}

/*--- Custom CSS ---*/

a#addUser:before {
     font-family: FontAwesome;
     content: "\f055";
     font-size: 11px;
     margin-right: 5px;
}

a#addUser {
     text-decoration: none;
     font-size: 12px;
}

a#addUser:hover {
     color: #ccc;
}

.bordered .smallDarkRedText {
     margin-bottom: 10px !important;
}

p.fontText {
    margin-top: 15px;
    font-size: 14px;
}

.boxRight select#lang {
     float: none;
}

/*--- Allow Browser to Scroll When Modal Appears ---*/

#TB_window {
    position: absolute !important;
    margin-top: 100px !important;
    top: 0 !important;
}

/*--- Modify Login/Admin Title to Allow for Changes to Language ---*/

#title-div {
    background: #306d9c;
    width: 418px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
    padding: 20px 0;
    font-size: 24px;
}

#img-title {
    margin-bottom: 5px;
}

#login-content {
    border: solid 1px #306d9c;
    padding: 20px;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}
