﻿.MainInstruction { background-color: inherit; color: #039; font-size: 12pt; }

/* Horizontal Command Button List */
.HorizontalCommandButtonList { float: right; margin: 0; list-style-type: none; }
.HorizontalCommandButtonList li { display: inline; }

.HorizontalCommandButtonList li a {
  background-image: url(/Images/Ux/Button.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #000;
  cursor: pointer;
  display: block;
  float: left;
  height: 23px;
  font-family: 'Segoe UI', Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 8pt;
  line-height: 23px;
  margin-left: 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 label { cursor: pointer !IMPORTANT; }
.HorizontalCommandButtonList li a.Disabled label { cursor: default !IMPORTANT; }

input[type=submit] {
  background-color: Transparent;
  background-image: url(/Images/Ux/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: 8pt;
  line-height: 21px;
  margin-left: 5px;
  text-align: center;
  width: 75px;
}

input[type=submit]:focus, input[type=submit]:hover {
  background-position: left center;
}

div.RightCommandButtons { float: right; width: 75px; }
div.RightCommandButtons ul { padding: 0; margin: 0; list-style-type: none; }
div.RightCommandButtons ul li { display: inline;  }

div.RightCommandButtons ul li a {
  background-image: url(/Images/Ux/Button.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #000;
  display: block;
  height: 23px;
  font-family: 'Segoe UI', Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 8pt;
  line-height: 23px;
  margin-bottom: 5px;
  text-align: center;
  width: 75px;
}
div.RightCommandButtons ul li a label { cursor: pointer; }
div.RightCommandButtons ul li a:focus, div.RightCommandButtons ul li a:hover { background-position: left center; color: #000; text-decoration: none; }
div.RightCommandButtons ul li a.Disabled { background-position: left bottom; }
div.RightCommandButtons ul li a.Disabled label { cursor: default !IMPORTANT; color: #888; }

/* Form Styling */
.fieldLabel, .fieldLabelDisabled  { display: block; font-size: 8pt; margin-bottom: 5px; }
.fieldLabelDisabled { color: #888; }
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: 8pt; 
  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: 8pt; 
}
select option { padding: 2px 5px; }

input[disabled=disabled], select[disabled=disabled] { background-color: #F0F0F0; color: #888; } 

.ajax__calendar_container { z-index: 500; }

fieldset { border: solid 1px #D5E0E6; -moz-border-radius: 5px;}
fieldset legend { color: Black; }

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;
  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;
  padding: 5px;
  text-decoration: none;
}

div.CommandButtons ul li a:hover {
  background-color: #F6F6F6;
  background-image: url(/Images/Ux/CommandButtonHover.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 label { font-size: 12pt; display: block; padding-bottom: 5px; cursor: pointer; }

.Toolbar {
  background-image: url(/Images/Ux/Toolbar.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  border: solid 1px #B5BECE;
  height: 23px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 2px 0 0 11px;
}

/* Expandable Panel */
.ExpandablePanel span.Header { color: #000; cursor: pointer; display: block;}
.ExpandablePanel div.Content { padding-left: 24px; }

.ChevronDown, .ChevronUp { background-position: left center; background-repeat: no-repeat; padding: 3px 0 3px 24px; }
.ChevronDown { background-image: Url(/Images/Ux/Chevron_Down.gif); }
.ChevronUp { background-image: Url(/Images/Ux/Chevron_Up.gif); }