/* CSS Form */

.PleaseWait { font-size: 10pt; font-weight: bold; color: #999; background-color: inherit; padding-left: 10px; }

#formRequiredHeader {
  background-color: inherit;
  color: #888;
  font-size: 8pt;
  line-height: 14pt;
  text-align: right;
}
.requiredLabel:after {
  content: " *";
}
.requiredLabel {
  background-color: inherit;
  color: #930;
}

.cssForm .fieldGroup:first-child, .cssForm .firstItem {  border-top: solid 1px #D8D8D8; }
.cssForm .notFirstItem {  border-top: none !IMPORTANT; }

.cssForm .fieldGroup {
  background-color: #EBF3FF;
  background-image: url(/Images/cssForm/LabelBG.jpg);
  background-position: left top;
  background-repeat: repeat-y;
  border-bottom: solid 1px #D8D8D8;
  padding: 0;
  clear: both;
}

.cssForm .labelField {
  float: left;
  padding: 5px 0 0 5px;
  width: 150px;
}
.cssForm .inputField {
  margin-left: 150px;
  margin-bottom: 5px;
  padding: 5px 0 0 5px;
}
.cssForm .Info { background-color: inherit; color: #7F7F7F; }

.cssForm input[type="text"], .cssForm input[type="password"] {
  border: solid 1px #ccc;
  font-family: Segoe UI, Verdana, Tahoma, Arial, Sans-Serif;
  font-size: 8pt;
  padding: 2px;
}

.cssForm input[type="text"]:focus, .cssForm input[type="text"]:active, .cssForm input[type="password"]:focus, .cssForm input[type="password"]:active, .cssForm textarea:focus, .cssForm textarea:active {
  background-color: #FDF5E2;
  border: solid 1px #999;
  color: #000;
}

.cssForm input[type="submit"], .cssForm input[type="button"] {
  font-size: 8pt;
  padding: 3px 7px;
}

.cssForm input[type="image"] { text-align: center; vertical-align: middle; }

.cssForm input[disabled=disabled] {border: none !IMPORTANT; background-color: Transparent !IMPORTANT; color: #000 !IMPORTANT; }

.cssForm textarea {
  border: solid 1px #ccc;
  font-family: Consolas, 'Lucida Console', 'Courier New', Fixedsys;
  font-size: 8pt;
  padding: 2px;
}
.cssForm select {
  border: solid 1px #ccc;
  font-family: Consolas, 'Lucida Console', 'Courier New', Fixedsys !IMPORTANT;
  font-size: 8pt;
  padding: 1px 1px;
}

.cssForm select:focus, .cssForm select:active {
  background-color: #FDF5E2;
  border: solid 1px #999;
  color: #000;
}

/* DualList */
.DualList { border-top: solid 1px #D8D8D8; border-bottom: solid 1px #D8D8D8; background-image: url(/Images/cssForm/DualListBG.jpg); background-position: center top; background-repeat: repeat-y; width: 580px; }
.DualList .AllList { float: left; width: 240px;}
.DualList .AllList label { display: block; line-height: 15pt; margin-left: 5px;  }
.DualList .AllList select { font-family: Consolas; font-size: 8pt; line-height: 12pt; margin-left: 5px; width: 220px;}
.DualList .ListButtons { float: left; line-height: 17pt; text-align: center; margin-top: 50px; vertical-align: middle; width: 100px; }
.DualList .ListButtons ul { list-style-type: none; margin: 0 5px; padding: 0; }
.DualList .ListButtons ul li { margin: 0; padding: 0;}
.DualList .ListButtons ul li a, .DualList .ListButtons .DisabledLinkButton { border-bottom: solid 1px #D8D8D8; display: block; }
.DualList .ListButtons .DisabledLinkButton { background-color: inherit; color: #888; }
.DualList .ListButtons a { background-color: inherit; color: #00c; font-size: 11px; text-decoration: none; }
.DualList .ListButtons a:focus, .DualList .ListButtons a:hover { background-color: inherit; color: #c00; text-decoration: underline; }
.DualList .SelectedList { float: left; width: 240px; }
.DualList .SelectedList label { display: block; font-family: 'Segoe UI'; font-size: 8pt; line-height: 14pt;  margin-left: 5px; }
.DualList .SelectedList select { font-family: Consolas; font-size: 8pt; line-height: 12pt; width: 220px; margin-left: 5px; }
.DualList select { margin-bottom: 10px; }

/*Modal Popup*/

.modalBackground {
  background-color: #000;
  filter: alpha(opacity=85);
  opacity: 0.85;
}
.modalPopup {
  color: #999;
  font-size: 10pt;
  line-height: 16pt;
  padding: 10px 20px;
  width: 500px;
}
.modalPopup h4 { background-color: inherit; color: #fff !IMPORTANT; font-size: 14pt !IMPORTANT; }
.modalPopupOptions { list-style-type: none; margin: 0; padding: 0; }
.modalPopupOptions li a { display: block; padding: 5px; text-decoration: none; }
.modalPopupOptions li a:hover {}
.modalPopupOptions li:hover a { color: #fec !IMPORTANT; outline: none !IMPORTANT;  }
.modalPopupOptions li:hover label { cursor: pointer !IMPORTANT; }
.modalPopupOptions li:hover a b { color: #fff !IMPORTANT; outline: none !IMPORTANT;}
.modalPopupOptions li a.Accept, .modalPopupOptions li a.Default, .modalPopupOptions li a.Cancel, .modalPopupOptions li a.Remove {
  background-position: 5px 10px !IMPORTANT;
  background-repeat: no-repeat;
  color: #999;
  padding-left: 25px;
}
.modalPopupOptions li a.Accept { background-image: url(/Masters/Admin/Images/Dialog/Accept.png); }
.modalPopupOptions li a.Default { background-image: url(/Masters/Admin/Images/Dialog/Default.png); }
.modalPopupOptions li:hover a.Default { background-image: url(/Masters/Admin/Images/Dialog/Default_Hover.png); }
.modalPopupOptions li a.Cancel { background-image: url(/Masters/Admin/Images/Dialog/Clear.png); }
.modalPopupOptions li a.Remove { background-image: url(/Masters/Admin/Images/Dialog/Remove.png); }
.modalPopupOptions li:hover a.Remove { background-image: url(/Masters/Admin/Images/Dialog/Remove_Hover.png); }

.FormButtons { text-align: right; margin-top: 10px; }
.FormButtons ul { float: right; list-style-type: none; margin: 0; padding: 0; }
.FormButtons ul li { background-image: none !IMPORTANT; display: inline; padding: 0 !IMPORTANT; margin: 0 !IMPORTANT; }

.FormButton { 
  background-color: #999;
  background-image: Url(/Masters/Images/BWP_Button.jpg);
  background-position: left bottom;
  border: solid 1px #ccc;
  color: #000 !IMPORTANT;
  display: block;
  float: left;
  height: 22px;
  line-height: 20px;
  margin-right: 1px;
  padding: 0 15px;
}

.FormButton .Label { cursor: pointer !IMPORTANT; }

.FormButton:focus, .FormButton:hover { background-position: left top;  color: #000 !IMPORTANT; text-decoration: none; }

table.cssFormTable {}
table.cssFormTable caption { background-color: #fff; color: #3E79B2; font-size: 10pt; padding-bottom: 4px; text-transform: uppercase; text-align: left; }
table.cssFormTable thead {}
table.cssFormTable thead tr {}
table.cssFormTable thead tr th { border-bottom: solid 1px #D8D8D8; line-height: 14pt; text-align: left;}
table.cssFormTable tbody {}
table.cssFormTable tbody tr { background-color: #EBF3FF; vertical-align: top; }
table.cssFormTable tbody tr td { border-bottom: solid 1px #D8D8D8; }
table.cssFormTable tbody tr td:first-child { background-color: White; }