@import-once "lib.less";

h1 {
	.header2;
	font-weight: bold;
	margin: 0 0 15px;
    color: @lightBlue;
}
h2 {
	.header2;
	font-weight: bold;
	margin: 0 0 15px;
    color: @lightBlue;
}
h3 {
	.header3;
	font-weight: bold;
	margin: 0 0 5px;
    color: @lightBlue;
}
h4{ 
	.header4;
	font-weight: bold;
	margin: 0 0 10px;
    color: @lightBlue;
}
h5 { 
	.header5;
	font-weight: bold;
	margin: 0 0 0px;
    color: @lightBlue;
}

a { color: @lightBlue; text-decoration: none; }
a:hover { text-decoration: underline; }

p { margin-bottom: 15px; }
hr { background-color: @lightBlue; color: @gray; border: none; height: 2px; margin: 35px 0;}
ol, ul {  margin: 0 20px 20px 25px;}
ol li, ul li { margin-bottom: 5px; }
li ol, li ul { margin-bottom: 0; margin-top: 2px; }

strong, b, strong a, b a { font-weight: bold; }
em, i, em a, i a { font-style: italic; }

table { border-collapse: collapse; }
/* end */

/* Forms */
input[type="button"], input[type="submit"], a.button, .submit, .button a {
    &:hover { text-decoration: none;  background-color: @gray;}
  font-family: @headerFont;
  background: none @lightBlue;
  color: @white;
  border: none;
  padding: 10px 25px;
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 15px;
  
  transition: background-color 300ms ease;
  -webkit-transition: all 200ms ease;
 
  cursor: pointer;
  display: inline-block;
}

input[type="text"], input[type="password"], select, textarea {
  font-family: @bodyFont;
  font-size: 12px;
  padding: 6px;
  width: 154px;
  border: 1px solid @lightGray;
}

textarea {
    width: 209px; height: 85px;
}

option { padding: 2px 0px; }
.arrow { width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent }
.formCheckbox { font-size: 11px; width: 150px; margin: 10px 0px 10px 0px; }
.formCheckbox input { margin: 3px 5px 0px 0px; }
.formCheckbox label { font-size: 12px; }
.bold label { font-weight: bold; }
.formCheckboxList td { padding: 0px 25px 6px 0px; }
.formCheckboxList td input { margin: 3px 5px 0px 0px; }
.formCheckboxList td label { font-size: 12px; }

/*--GRID STYLES*/
.Grid {
  border: solid 1px #b1b1b1;
  background-color: #FFFFFF;
  vertical-align: top;
  margin: 0;
  padding: 0;
}
.Grid td, td.Grid {
  padding: 6px;
  border: solid 1px #e1e1e1;
  font-size: 11px;
  line-height: 15px;
  vertical-align: top;
}
.AlternatingGrid, .AlternatingGrid td {
  padding: 6px;
  border: solid 1px #e1e1e1;
  font-size: 11px;
  line-height: 15px;
  vertical-align: top;
  background-color: #e8eff6;
}
td.HeaderGrid, .HeaderGrid th, HeaderGrid {
  border: solid 1px #e1e1e1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #666666;
  background-color: #cccccc;
  padding: 4px;
  font-weight: bold;
}
.HeaderGrid a {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
  line-height: 15px;
}
.GridSeparator {
  border: 0;
  background-color: #FFFFFF;
}
/* end */

/************ SEARCH ******************/

#xsltsearch { margin: 0; padding-bottom: 20px; }
#xsltsearch_navigation { text-align: center; }
#xsltsearch_navigation .disabled { color: #AAA; }
#xsltsearch_stats { font-size: 11px; color: #999; }
#xsltsearch_results { padding-bottom: 20px; }
#xsltsearch h2 { font-size: 150%; }
.xsltsearch_result { margin-bottom: 20px; }
.xsltsearch_result p { margin: 0; padding: 0;}
.xsltsearch_result:hover { background: #fafafa; }
.xsltsearch_ordinal { font-weight: bold; font-size: 75%; }
.xsltsearch_title a { font-weight: bold; }
.xsltsearch_score {  font-size: 75%; }
p.xsltsearch_result_description {  padding-bottom: 10px; }
.xsltsearch_description strong { background: #FFD;}
/* highlighting */
.xsltsearch_result_title { font-size: 14px; line-height: 19px; }

/************ END SEARCH ******************/



.black { color: #000; }
.blue
{
    color: #004e8a;
}
.blueLight
{
    color: @lightBlue;
}

.bodyLarge { .body1; }
.bodyMedium { .body2; }
.bodySmall { .body4; }
		.buttonLarge {
			&:hover { text-decoration: none;  background-color: @gray;}
  font-family: @headerFont;
  background: none @lightBlue;
  color: @white;
  border: none;
  padding: 10px 25px;
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 20px;
			margin: 0 0 30px;
  transition: background-color 300ms ease;
  -webkit-transition: all 200ms ease;
			text-align: center;
  cursor: pointer;
  display: block;
		}
.clear, div.clear {
  clear: both;
  height: 0px;
  margin: 0;
  margin: 0;
  line-height: 0px;
}
.clearLeft {
  clear: left;
  height: 0px;
  margin: 0;
  margin: 0;
  line-height: 0px;
}
.clearRight {
  clear: right;
  height: 0px;
  margin: 0;
  margin: 0;
  line-height: 0px;
}
		.contourValidationSummary { color: #ff0000; }
.data { float: left; margin: 0px 5px 10px 0px; width: 200px; }
.dataL { float: left; margin: 0px 5px 10px 0px; width: 80px; font-weight: bold; }

.gray { color: @gray; }
.grayDark
{
    color: @darkGray;
}
.grayLight
{
    color: @lightGray;
}
.grayMedium
{
    color: @mediumGray;
}
.green { color: green;}
.item { float: left; margin-right: 15px; }
.left { float: left;}
.linkPDF { background: url(/images/ico-acrobat.png) transparent no-repeat; background-position: left; padding: 2px 0 2px 20px; }
.noborder
{
    border: none !important;
}
.noline { text-decoration: none; }
.nomargin { margin: 0; }
.orange { color: #f99d1c; } 
.paddedLeft, .paddedleft { margin-left: 15px; }
.paddedRight, .paddedright { margin-right: 15px; }
.paddedBoth, .paddedboth { margin: 0 15px; }
td.paddedLeft, td.paddedleft  { padding-left: 15px; }
td.paddedRight, td.paddedright  { padding-right: 15px; }
td.paddedBoth, td.paddedboth { padding: 0 15px; }
.purple { color: #5a4099; }
.red { color: #ee2a2a; }
.required { font-weight: bold; color: #ff0000; }
.right { float: right; }
.uppercase { text-transform: uppercase; }
.white { color: #fff; }
.yellow { color: @yellow; }


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */