a { 
  background-color: Transparent;
  color: #06c;
  text-decoration: none;
}

a:focus, a:hover {
  background-color: Transparent;
  color: #39f;
  text-decoration: underline;
}

.alignCentre { text-align: center !IMPORTANT; }
.alignRight { text-align: right !IMPORTANT; }

.colourGray { color: #323232; }
.colourRed { color: #c00; }

.floatClear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.fontBold { font-weight: bold; }
.fontUnderline { text-decoration: underline; }

.padding11 { padding: 11px; }

/* Form Styling */
.fieldLabel, .horizontalFieldLabel, .fieldLabelDisabled  { display: block; font-size: 9pt; margin-bottom: 5px; }
.fieldLabelDisabled { color: #888; }
.horizontalFieldLabel { clear: both; float: left; font-weight: bold; width: 120px; }
.horizontalFieldValue { 
  background-color: #F0F0F0;
  border: solid 1px #ACAFB4; 
  color: #323232;
  display: block; 
  float: left; 
  margin-bottom: 11px;
  padding: 2px 5px; 
  width: 430px;
}

input[type=text], input[type=password], textarea { 
  background-color: White; 
  border: solid 1px #E3E9EF; 
  border-top-color: #B0B2B8; 
  color: #000; 
  font-family: 'Segoe UI', Verdana, Tahoma, Arial, Sans-Serif; 
  font-size: 9pt; 
  padding: 2px 5px; 
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border-color: #B7D9ED; border-top-color: #4581B1; }
select { 
  background-color: White; 
  border: solid 1px #E3E9EF; 
  border-top-color: #B0B2B8; 
  color: #000; 
  font-family: 'Segoe UI', Verdana, Tahoma, Arial, Sans-Serif; 
  font-size: 9pt; 
}
select option { padding: 2px 5px; }

.HorizontalCommandButtonList { float: right; padding: 11px 0 0 0; margin: 0; list-style-type: none; }
.HorizontalCommandButtonList li { display: inline; }

.HorizontalCommandButtonList li a {
  background-image: url(/Images/Ux/Vista_Button.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #000;
  display: block;
  float: left;
  height: 23px;
  font-family: 'Segoe UI', Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 9pt;
  line-height: 23px;
  margin-left: 5px;
  outline-offset: -5px;
  text-align: center;
  width: 75px;
}

.HorizontalCommandButtonList li a:focus, .HorizontalCommandButtonList li a:hover { background-position: left center; color: #000; text-decoration: none; }
.HorizontalCommandButtonList li a.Disabled { background-position: left bottom; color: #888 !IMPORTANT; }
.HorizontalCommandButtonList li a.Disabled label { cursor: default !IMPORTANT; }

.HorizontalCommandButtonList li input[type=submit] {
  background-color: Transparent;
  background-image: url(/Images/Ux/Vista_Button.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #000;
  display: block;
  float: left;
  height: 23px;
  font-family: 'Segoe UI', Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 9pt;
  line-height: 23px;
  margin-left: 5px;
  outline-offset: -5px;
  padding: 0;
  text-align: center;
  width: 75px;
}

.HorizontalCommandButtonList li input[type=submit]:focus, .HorizontalCommandButtonList li input[type=submit]:hover { background-position: left center; color: #000; text-decoration: none; }


/* HTML Elements */
h1 { 
  background-color: Transparent;
  border-bottom: dotted 1px #ccc;
  color: #333;
  font-size: 18pt;
  font-weight: normal;
  line-height: 22pt;
  margin: 0;
  padding: 0 0 5px 200px;
}

h2 {
  color: #039;
  font-size: 12pt;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h3 {
  background-color: #fff;
  background-image: url(/Images/Template/Section_Header.jpg);
  background-position: left center;
  background-repeat: repeat-x;
  clear: both;
  color: #000;
  font-size: 9pt;
  font-weight: bold;
  line-height: 16pt;
  margin: 11px 0 5px 0;
  padding: 0;
}

h3 span {
  background-color: #fff;
  padding-right: 5px;
}

img { border: none; text-align:center; vertical-align: middle; }
p { margin: 11px 0; padding: 0; }

table { table-layout: fixed; }

div.LeftContent {
  float: left;
  margin-top: 20px;
  width: 200px;
}

div.LeftContent ul { margin: 0; padding: 0 0 0 20px;  }
div.LeftContent ul li { list-style-type: none; }
div.LeftContent ul li.Active { font-weight: bold; list-style-type: inherit; }
div.LeftContent ul li.Header { font-weight: bold; padding-bottom: 5px; }

div.AdminPageContent {
  float: left;
  margin-top: 20px;
  width: 570px;
}

div.CentreContent {
  float: left;
  margin-top: 20px;
  width: 400px;
}

div.RightContent {
  float: left;
  margin-top: 20px;
  margin-left: 30px;
  width: 170px;
}

div.LongBluePanel {
  background-color: #97BEDF;
  background-image: url(/Images/LargeBox_BG.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  color: #000;
  border-bottom: solid 3px #304A7B;
  padding-bottom: 5px;
}

div.LongBluePanel h4 { background-color: #304A7B; color: #fff; margin: 0; padding: 0 5px; font-size: 9pt; font-weight: bold; line-height: 18pt; }

div.LongBluePanel p { padding-left: 10px; }

div.LongBluePanel ul { margin: 11px 25px; padding: 0; }

div.RightPicture { 
  border: solid 1px #D5E0E6; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  float: right; 
  margin: 0 0 5px 11px; 
  padding: 5px; 
}


/* ListView */
div.ListView { background-color: White; border: solid 1px #003240; color: #000; overflow: auto; }

div.ListView table { }
div.ListView table thead tr {}
div.ListView table thead tr th { 
  background-image: url(/Images/Ux/ListViewHeader_Right.jpg); 
  background-position: right top; 
  background-repeat: repeat-x; 
  height: 25px; 
  font-size: 9pt; 
  font-weight: normal;
  padding: 0 5px 0 5px;
  text-align: left; 
}
div.ListView table thead tr th span { 
  background-image: url(/Images/ListViewHeader_Left.jpg); 
  background-position: left top; 
  background-repeat: no-repeat; 
  display: block;
  font-size: 9pt; 
  font-weight: normal;
  height: 25px; 
  line-height: 23px;
  padding: 0 5px;
  text-align: left; 
}
div.ListView table tbody tr td { 
  border: solid 1px #fff; 
  border-width: 1px 0; 
  font-size: 9pt; 
  font-weight: normal;
  line-height: 19px;
  padding: 0 5px;
  text-align: left; 
  vertical-align: top;
}

div.ListView table tbody tr:hover td { 
  background-image: url(/Images/Ux/ListViewHover.jpg); 
  background-position: left top; 
  background-repeat: repeat-x; 
  border-color: #B4E6FA;
}

div.ListView table.NoHover tbody tr:hover td { 
  background-image: none !IMPORTANT;
  border-color: #fff !IMPORTANT;
}
div.ListView table tbody tr td img, 
div.ListView table tbody tr td a img { vertical-align: middle; text-align: center; }

/* CommandButton */
div.CommandButtons ul { list-style-type: none; margin: 11px 0 11px 0; padding: 0; }
div.CommandButtons ul li { }
div.CommandButtons ul li a { 
  background-color: #fff;
  color: #151C55;
  display: block;
  outline: none;
  padding: 6px; 
  text-decoration: none;
}

div.CommandButtons ul li a:focus, div.CommandButtons ul li a:hover { 
  border: solid 1px #B6F1FF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
  text-decoration: none;
}

div.CommandButtons ul li a:hover {
  background-color: #F6F6F6;
  background-image: url(/Images/Ux/CommandButton_Hover_BG.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  border-color: #C6C6C6;
  color: #074AE5;
}

div.CommandButtons ul li a img { float: left; margin-right: 10px; padding: 3px 5px 30px 5px; }
div.CommandButtons ul li a div.label { font-size: 12pt; display: block; padding-bottom: 5px; cursor: pointer; }

table.SimpleTable { border-bottom: solid 3px #D5E0E6; }
table.SimpleTable thead tr th { 
  background-color: inherit; 
  border-bottom: solid 3px #D5E0E6; 
  color: #006E12; 
  line-height: 14pt;
  padding: 2px 5px;
  text-align: left;
}

table.SimpleTable tbody tr { vertical-align: text-bottom; }
table.SimpleTable tbody tr td {
  border-bottom: solid 1px #D5E0E6; 
  padding: 2px 5px;
}

div.ProgressiveDisclosure {
  border: solid 1px #ccc;
  position: relative;
}

div.ProgressiveDisclosure .PD_Title {
  border-bottom: solid 1px #fff;
  position: relative;
}

div.ProgressiveDisclosure .PD_Title h4 { 
  background-color: #ccc;
  background-image: url(/Images/Ux/ProgressiveDisclosureTitle_BG.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  color: #000;
  font-size: 9pt;
  font-weight: normal;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 5px;
}


div.ProgressiveDisclosure .PD_Title a { outline: none; position: absolute; right: 5px; top: 3px; }

div.ProgressiveDisclosure .PD_Content {
  display: none;
  padding: 11px;
}