body
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  color: #6394cf;
  background-color: #F4F7FB;
  margin: 5px;
}
form
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  color: #6394cf;
}
h1
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  color: #2D5C8C;
  line-height: normal;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
h2
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  color: #336699;
  line-height: normal;
  padding-top: 6px;
  padding-right: 0px;
  padding-bottom: 4px;
  padding-left: 0px;
  margin-bottom: 8px;
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #F8CB9E;
  letter-spacing: 0.7em;
  text-align: right;
  text-transform: uppercase;
  border-top: 1px double #FF9900;
  border-right: 1px double #FFFFFF;
  border-bottom: 1px double #FF9900;
  border-left: 1px double #FFFFFF;
}
h3
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  color: #2D5C8C;
  text-transform: capitalize;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
}
h4
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  color: #2D5C8C;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
}
h5
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  color: #336699;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
}
h6
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  color: #336699;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
a
{
  cursor: pointer;
}
a:link
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #0033CC;
}
a:hover
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #FF6600;
}
a:visited
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #0033CC;
}
a:active
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #FF6600;
}
table
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #3775B3;
}
.gridtable
{
  border-bottom-color: #F8CB9E;
  border-right-width: 1px;
  border-top-color: #F8CB9E;
  border-collapse: collapse;
  border-top-width: 1px;
  border-bottom-width: 1px;
  color: #333333;
  border-right-color: #F8CB9E;
  border-left-color: #F8CB9E;
  border-left-width: 1px;
}
.gridtable td
{
  border-bottom: #F8CB9E 1px solid;
  border-left: #F8CB9E 1px solid;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  border-top: #F8CB9E 1px solid;
  border-right: #F8CB9E 1px solid;
  padding-top: 8px;
}
.link:hover
{
  font-weight: bold;
  font-size: 9px;
}
.navButton
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFCC99;
  border: thin solid #FFFFFF;
  font-weight: bold;
  font-size: 10px;
  color: #003399;
  width: 130px;
  height: 25px;
  cursor: pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
input[type=submit], input[type=button]
{
  cursor: pointer;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.3em;
  text-transform: uppercase;
}
input[type=submit]:hover, input[type=button]:hover
{
  background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  color: #212121;
}
input[type=text]:focus, textarea:focus, input[type=password]:focus
{
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
select, input[type=text], input[type=password]
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #3775B3;
  text-align: left;
  padding-left: 8px;
  height: 21px;
  background: url('images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll 50% 50% #FFFFFF;
  border: 1px solid #aaa;
  border-radius: 4px;
}
textarea{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #3775B3;
  text-align: left;
  padding-left: 8px;
  background: url('images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll 50% 50% #FFFFFF;
  border: 1px solid #aaa;
  border-radius: 4px;
}
select:disabled, input[type=text]:disabled, textarea:disabled, input[type=password]:disabled
{
  background: url('images/ui-bg_glass_75_aeaeae_1x400.png') repeat-x scroll 50% 50% #FFFFFF;
}
textarea
{
  resize: none;
}
.even
{
  background-color: #FAD9B8;
}
.odd
{
  background-color: #FFFFFF;
}
.TableWhite
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #2D5C8C;
  background-color: #FFFFFF;
  border: 1px solid #F0A051;
  margin: auto;
}
.infoTextBox
{
  background-color: #E0E9F3;
  border: 1px solid #9DC0E1;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: normal;
  min-height: inherit;
  vertical-align: middle;
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 3px;
}
.plain
{
  outline: none;
}
.plain:link
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #3775B3;
}
.plain:hover
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #FF6600;
}
.plain:visited
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #3775B3;
}
.plain:active
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #FF6600;
}
.toButton
{
  cursor: pointer;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.3em;
  padding: 4px;
  text-decoration: none;
}
.toButton:hover
{
  background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  color: #212121;
}
.toButton:link
{
  color: #555555;
}
.toButton:visited
{
  color: #555555;
}
.bodyCircle
{
  background-image: url('../images/Circle.png');
  background-repeat: no-repeat;
}
.TableHeader
{
  color: #D6DCED;
  background-color: #336699;
  border: 1px solid #FFFFFF;
  margin: 0px 0px 5px;
  right: 5px;
}
.TableHeaderLight
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #FF9900;
  background-color: #F0F5FA;
  border: 1px solid #FFFFFF;
  margin: auto;
  background-repeat: no-repeat;
  background-image: url(../images/title.png);
}
.TablePhak
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000099;
  background-color: #D8E4F1;
  border: 1px solid #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
}
.orderTab
{
  float: left;
  margin: 3px 3px 3px 0;
  text-align: center;
  vertical-align: middle;
  color: #555;
  padding: 5px;
  background: url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #FFF;
  border: 1px solid #D3D3D3;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
  font-weight: normal;
}
.orderTab:hover
{
  background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
}
.ui-progressbar {
  position: relative;
  height: 15px;
}
.progress-label {
  position: absolute;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
  text-align: center;
  width: 100%;
}
.center-column {
  text-align: center;
}
.right-column {
  text-align: right;
}
.invalid-content {
  background: #FF8C8C !important;
  color: #000000 !important;
}

#divProgLogo {
  width: 80px !important; 
  height: 80px !important;
}
#imgProgLogo {
  max-width: 80px !important; 
  max-height: 80px !important;
}

#divWebProgressBar {
  background-color: #000000;
  border-radius: 13px;
  padding: 2px;
  width: 100%;
}

#divWebProgressBar > div {
  background-color: #E78627;
  width: 0%;
  height: 10px;
  border-radius: 10px;
}

#pass_str {
  text-align: center;
  color: #000000;
  font-weight: bold;
  width: 200px;
}
.pwd-weak {
  background: linear-gradient(to right, Red, Red, Red);
}
.pwd-good {
  background: linear-gradient(to right, Red, Yellow, Yellow);
}
.pwd-strong {
  background: linear-gradient(to right, Yellow, Green, Green);
}

.progress-loader {
  font-family: sans-serif;
  color: #2D5C8C;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}
.progress-loader > div {
  padding: 10px;
  border-radius: 3px;
  background: #F8CB9E;
  display: inline-block;
}
.progress-loader > span {
  padding: 15px;
  border-radius: 3px;
  background: #F8CB9E;
  display: inline-block;
}
.smalltext{
  padding-top: 5px;
  font-size: 16px;
}