/* basic element style */
body, html {
  height: 100%;
  margin: 0px;
  padding: 0px;
  font: 13px Arial, sans-serief;
  color: #000;
  background: #fff;
}
img {
  border: 0px;
}
a {
  color: #0000a0;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font: bold 16px Arial, sans-serief;
  margin: 0px;
}
h1 a {
  color: #000000;
}
h2 {
  font: bold 14px Arial, sans-serif;
  margin: 0px;
}
h3 {
  font: bold 13px Arial, sans-serif;
  margin: 0px;
}
h4 {
  font: italic 13px Arial, sans-serif;
  margin: 0px;
}
div.clearboth {
  clear: both;
}
p {
  margin: 1em 0px;
  text-align: justify;
}
ul {
  margin: 1em 0px 1em 40px;
  padding: 0px;
  font: 13px Arial, sans-serief;
}
ol {
  margin: 1em 8px 1em 32px;
  padding: 0px;
  font: 13px Arial, sans-serief;
}
ol span {
  font: 13px Arial, sans-serief;
}
li {
  text-align: justify;
}
form {
  margin: 0px;
  display: inline;
}
input, button, select, textarea {
  font: 13px Arial, sans-serif;
  margin: 1px 0px;
}
textarea {
  font-size: 11px;
}


/* any table */
table {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  border-collapse: collapse;
  text-align: left;
}
td {
  vertical-align: middle;
  text-align: left;
  color: #000;
  font: 13px Arial, sans-serief;
}

/* format images in text */
.leftside {
  float: left;
  margin: 0 10px 10px 0;
}
.rightside {
  float: right;
  margin: 0 0 10px 10px;
}


/* top part */
div.top_out {
  width: 598px;
  height: 70px;
  text-align: center;
}

div.top_out .top {
  width: 598px;
  padding-top: 20px;
  text-align: center;
}

div.top .logo {
  background: #fff url(../images/logo.jpg) no-repeat;
  width: 217px;
  height: 51px;
}

/* footer menu */
div.footer_menu_out {
  width: 585px;
  height: 34px;
  font: 13px Arial, sans-serief;
}

div.footer_menu_out .footer_menu {
  padding-top: 10px;
  padding-left: 35px;
  padding-right: 35px;
  text-align: left;
}

div.footer_menu .item {
  margin-right: 30px;
}

div.footer_menu .item,
div.footer_menu .item_last {
  float: left;
}

div.copyright {
  margin-top: 10px;
  font: 10px Arial, sans-serif;
  color: #888;
}
div.copyright a {
  color: #888;
}

div.footer_menu a {
  color: #000;
  text-decoration: none;
}
div.footer_menu a:hover {
  text-decoration: underline;
}

/* top menu */
.topmenuout {
  width: 585px;
  height: 34px;
  background-color: #f0f0f0;
}

.topmenu {
  padding-top: 10px;
  padding-left: 35px;
  padding-right: 35px;
  text-align: left;
}

.tmitem {
  margin-right: 30px;
  float: left;
}

.tmitemright {
  margin-left: 30px;
  float: right;
}

.tmitem a {
  color: #000;
  text-decoration: none;
}

.tmitem a:hover {
  text-decoration: underline;
}


/* body */
div.body {
  width: 528px;
  text-align: left;
  padding: 5px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
}

/* page_break */
div.page_break {
  padding: 8px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
}


/* right menu */
div.right_menu_out {
  float: right;
  margin-left: 20px;
  margin-top: 20px;
  background-color: #f7f7f7;
}

div.right_menu_out .right_menu {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font: 13px Arial, sans-serief;
  font-weight: bold; 
  border: 1px solid #ccc;
}

div.right_menu .item {
  margin: 2px;
  padding: 2px;
}

div.right_menu a {
  color: #000;
  text-decoration: none;
}
div.right_menu a:hover {
  color: #050F9B;
  text-decoration: none;
}


/* receipt history */
.history {
  width: 520px;
  display: table;
  padding: 5px;
  border-bottom: 1px #ccc dashed;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
}

.history .row {
  display: table-row;
}

.history .cell {
  display: table-cell;
}

.history .longcell {
  width: 300px;
}

.historybg {
}

.historydate {
  text-align: right;
}

/* calendar */
#date_from {
}

#date_to {
}



/* header */
div.header {
  padding: 10px 0px 0px 0px;
  text-align: justify;
  font-size: 15px;
}



/* main box */
.rc_box {
  background: url(../images/rc_tl.png) no-repeat top left;
}
.rc_top {
  background: url(../images/rc_tr.png) no-repeat top right;
}
.rc_bottom {
  margin-bottom: 10px;
  background: url(../images/rc_bl.png) no-repeat bottom left;
}
.rc_bottom div {
  background: url(../images/rc_br.png) no-repeat bottom right;
}
.rc_content {
  width: 585px;
  padding: 5px 0px 10px 0px;
  background: url(../images/rc_r.png) top right repeat-y;
}

.rc_top div, .rc_top,
.rc_bottom div, .rc_bottom {
  width: 100%;
  height: 15px;
  font-size: 1px;
}

div.body_wrapper {
  width: 585px;
}

/* password strength */
.pass_bar_0{width:0;background-color:#E00;}
.pass_bar_10{width:7px;background-color:#E00;}
.pass_bar_20{width:21px;background-color:#E00;}
.pass_bar_30{width:21px;background-color:#E00;}
.pass_bar_40{width:35px;background-color:#E00;}
.pass_bar_50{width:35px;background-color:#FC0;}
.pass_bar_60{width:35px;background-color:#FC0;}
.pass_bar_70{width:56px;background-color:#0C3;}
.pass_bar_80{width:56px;background-color:#0C3;}
.pass_bar_90{width:70px;background-color:#0C3;}
.pass_bar_100{width:70px;background-color:#0C3;}
.progress_bar_base,.progress_barbig_base,.pass_bar_base {
  height: 10px;
  text-align: left;
}
.pass_bar {
  background-color: #fff;
  width: 70px;
  height: 10px;
  float: left; 
  margin-top: 3px; 
  margin-right: 5px;
}
#ps-rating {
  float: left;
}

/* privacy */
.privacy_sidebar {
  width: 180px;
  float: right;
  
  border: 1px dashed #555;
  padding: 6px;
  
  text-align: justify;
}

/* error */
.usererror {
  font-family: Arial;
  font-size: 12px;
  color:#ff0000;
}

/* form block */
table.formblock td { 
  padding-top:5px; 
}

/* format pages */
.pages {
  margin-top: 10px;
  text-align: center;
}

/* form filter */
.formwarning {
  padding: 6px 0px 4px 0px;
}
.formwarningtag {
  color: #990000;
  font-weight: bold;
}

#signaturePad {
  width: 300px;
  height: 90px;
  border: 0;
  margin: 0;
  padding: 0;
}

#signatureInfo {
  width: 300px;
}