                          @import "reset.css";      @import "ui.css";      @import "../icons/silk.css";                          html {  margin: 0;  padding: 0;  background: #ffffff; } body {  margin: 22px auto;  padding: 0;  width: 1000px;  color: #333333;  background: #ffffff;  font: normal normal 12px Verdana, Arial, sans-serif; }      div {} p {  margin: 1em 0; }      h1, h2, h3, h4 ,h5, h6 {  margin: 1em 0 .5em;  color: #000000;  font-family: "Trebuchet MS", Arial, sans-serif; } h1 {  font-size: 2em;  font-weight: normal; } h2 {  font-size: 1.7em;  font-weight: normal; } h3 {  font-size: 1.4em;  font-weight: normal; } h4 {  font-size: 1.2em;  font-weight: normal; } h5 {  font-size: 1em;  font-weight: bold; } h6 {  font-size: .8em;  font-weight: bold; }      table {} caption {} thead, tbody ,tfoot {} th, td {  vertical-align: top; }      ol, ul {  margin: 1em 0;  padding: 0 0 0 40px; } ol:first-child, ul:first-child {  margin-top: 0; } ul:last-child, ol:last-child {  margin-bottom: 0; }      blockquote {  margin: 1em 40px; } cite {  font-style: italic; }       a    {color: #cc5500; text-decoration: none;} a:hover    {color: #fa9410; text-decoration: underline;}      i, em {  font-style: italic; } b, strong {  font-weight: bold; } small {  font-size: .8em; } big {  font-size: 1.2em; }      img, a img {  border: none;  vertical-align: bottom; }           form {}   .text {  padding: 2px;  width: 240px;  color: #404040;  background: #ffffff;  border: 1px solid #cccccc;  font-family: inherit;  font-size: inherit;  line-height: 1.3; } .text.disabled {  background-color: #fafafa; }  .username .text {  padding-left: 20px;  background-image: url("/App_Themes_Main/images/icons/silk/user.png");  background-position: 2px center;  background-repeat: no-repeat; } .password .text {  padding-left: 20px;  background-image: url("/App_Themes_Main/images/icons/silk/key.png");  background-position: 2px center;  background-repeat: no-repeat; }    .buttons {  margin: 2em 0 0 0;  text-align: center; } .buttons .image-button {  margin: 0 20px; }  div.section {  margin: 20px 0 0 0; } span.label {  padding: 0 50px 0 0;  width: 150px;  line-height: 20px;  display: block;  float: left; } strong.error {  color: #990000 !important;  font-weight: bold;  display: block; } p.hint, strong.hint {  font-size: .9em;  font-style: italic; } input.button  {  margin: 0;  padding: 0;  width: 90px;  height: 26px;  color: #ffffff;  background: #fa9410 url("/App_Themes_Main/images/common/button-background.png") center center no-repeat;  border: none;  font: bold 12px Verdana;  text-align: center;  text-transform: uppercase; } input.error {  background-color: #fee8e8;  border: 1px solid #ff8a8a;  font-weight: bold; } input.error:hover {  background: #fef3f3; } input.error:focus {  background: #fef3f3;  border: 1px solid #ff4747; } div.buttons {  margin: 25px 0 0 0;  text-align: center; }               .align-left   {text-align: left;} .align-right   {text-align: right;} .align-center   {text-align: center;} .align-justify   {text-align: justify;}      .float-left, .left  {float: left;} .float-right, .right  {float: right;}      .halfwidth, .half-width  {width: 45%;} .fullwidth, .full-width  {width: 99%;}      .image-link {} .image-icon {} .image-button {  vertical-align: bottom; }   .hide-text span {  display: none; }      .clear {  clear: both; } .empty  {  height: 1px!important;  font-size: 1px!important;  line-height: 1px!important; }   .clear-fix {  clear: both;  height: 1px!important;  font-size: 1px!important;  line-height: 1px!important; } .clear-left {  clear: left; } .clear-right {  clear: right; }                     #header {    height: 120px;  color: #ffffff;  background: url("../../images/login-register/header-background.png") left top no-repeat;  overflow: hidden; }   #header h1#site-title {  margin: 0;  color: #666666;  font-size: 24px;  font-weight: bold; } #header h1#site-title a {  color: #666666;  height: 120px;  display: block; } #header h1#site-title a span {  display: none; } #header h1#site-title a:hover {  color: #666666; }            #middle {  margin: 20px 0;  padding: 0 0 100px 0;  background: url("../../images/login-register/footer-background.png") left bottom no-repeat;  position: relative;  height: 1%; } #middle.step1 {  background-image: url("../../images/login-register/progress-step-1.png") } #middle.step2 {  background-image: url("../../images/login-register/progress-step-2.png"); } #middle.step3 {  background-image: url("../../images/login-register/progress-step-3.png"); } #middle.step4 {  background-image: url("../../images/login-register/progress-step-4.png"); } #middle.step5 {  background-image: url("../../images/login-register/progress-step-5.png"); }           .main {  margin: auto;  width: 905px; } .main .wrapper {}      .main .section {  margin: 30px 0 0 0;  background: url("../../images/login-register/section-background.png") 115px 100px no-repeat;  position: relative;  height: 1%; } .main .section:first-child {  margin-top: 0; } .main .section.type-b {  background-image: url("../../images/login-register/section-background-b.png"); } .main .section.no-title {  background-position: 115px 0; } .main .section-description {  width: 645px;  font-family: arial;  position: absolute;  left: 130px;  top: 35px;  z-index: 999999; }      .main h2.title {  margin: 0 0 30px 0;  padding: 10px 15px 10px 130px;  width: 645px;  height: 50px;  background: url("../../images/login-register/title-background-a.png") left center no-repeat;  color: #69a1bf;  font: bold 14px Arial, sans-serif; } .main .no-title h2.title {  display: none; }      .main .page-title, .main .pagetitle {  margin: 0;  padding: 0;  color: #999999;  font-size: 18px;  line-height: 18px;  position: absolute;  top: -100px;    right: 25px; }      .main .content {  margin: 30px 0 0 115px;  padding: 20px;  width: 635px;  _height: 50px;  background: url("../../images/login-register/content-background.png") left bottom no-repeat;  position: relative; } .main .type-b .content {  background-image: url("../../images/login-register/content-background-b.png"); } .main .no-title .content {  margin-top: 0; } .main p {} .main ul {} .main blockquote {}           #footer {  padding: 10px 25px;  text-align: center; }            table.form-data {  margin: 0;  padding: 0;  width: 635px;    border-collapse: collapse; } table.form-data tbody tr {   } table.form-data tbody th {    width: 200px;      text-align: left;   } table.form-data tbody td {          text-align: left;   }   table.form-data .cell-wrap {  width: 100%;  height: 100%;    } table.form-data .cell-wrap .cell-wrap {  width: 100%;  height: 100%;   }   table.form-data tbody td span.error {    display: block; }   table.form-data .hint {  margin: -17px 0 0 180px;  width: 16px;  height: 18px;  background: url("../../images/login-register/form-hint.gif") left 2px no-repeat;  font-size: 11px;         cursor: default;  overflow: hidden;  position: absolute; } table.form-data .hint span {  margin: 0 0 0 20px;  padding: 2px 5px;  width: 250px;  background: #cccccc;  border: 1px solid #666666;  opacity: 0.85;  display: block; } table.form-data .hint:hover, table.form-data .hint.hover {  width: auto;  height: auto; } table.form-data .hint:hover span, table.form-data .hint.hover span {   }    table.form-data table tr {  height: auto; } table.form-data table th {  padding: 0;  width: auto;  height: auto; } table.form-data table td {  padding: 0;  width: auto;  height: auto; }                     #login-panel {}    #login-panel .remeber-me {  margin: 10px 50px;  padding: 0 0 0 120px; } #new-user {  margin: 20px 0 0 0; }       #login-description {  margin: 0 0 20px 0;  }  #new-user-description {  margin: 0 0 20px 0;  }     #global-scripts {  margin: 10px 0;  text-align: center;  display: none; }    #progress-bar {  width: 960px;  color: #888888;  line-height: 20px;  font-weight: bold;  position: absolute;  left: 20px;  bottom: -20px; } #progress-bar .step {  width: 190px;  float: left; } #middle.step1 #progress-bar .step-1 {  color: #000000; } #middle.step2 #progress-bar .step-2 {  color: #000000; } #middle.step3 #progress-bar .step-3 {  color: #000000; } #middle.step4 #progress-bar .step-4{  color: #000000; }   table.grid-c {  border: none; } table.grid-c th, table.grid-c td, table.grid-c .row td, table.grid-c .even td {  border: none; }