.clear {clear: both;}
.container {margin: auto}
.invisible {display: none}
#user-nav {background: url(../images/user-nav.png); height: 40px; padding-right: 30px}
#user-nav a{background-position: 0 0; float: right; display: block; padding: 8px 0 10px 35px; margin-left: 25px; text-transform: uppercase; font-family: georgia; font-size: 1em;}
#user-nav a:hover{text-decoration: none; background-position: 3px 3px; padding: 6px 0 12px 35px}
#user-nav a.home{background: url(../images/home.png) no-repeat; margin-right: 5px;}
#user-nav a.contact{background: url(../images/contact.png) no-repeat; padding-left: 37px;}
#user-nav a.code{background: url(../images/code.png) no-repeat; padding-left: 37px;}
#user-nav a.balance{background: url(../images/balance.png) no-repeat; padding-left: 26px}
#user-nav a.request-code{background: url(../images/search.png) top left no-repeat; padding-left: 28px}
#user-nav a.logout{background: url(../images/exit.png) no-repeat; padding-left: 35px}

.msg-notice {border: 2px dashed red; font-size:  1.2em}

#my-credit { background: url("../images/box/my-credit-bg.png") no-repeat; width: 831px; height: 120px; margin: auto;}
	#my-credit h4 {margin: 0; font-size: 10px; font-size: 20px; text-transform: uppercase; padding-top: 10px; color: red;}
	#my-credit ul {margin: auto;}
		#my-credit li {list-style-type: none; float: left; width: 150px; margin-right: 45px;}
			#my-credit .title {color: #000; font-size: 17px;  font-weight: bold;}
			#my-credit .value {color: red; font-size: 35px; font-weight: bold; background: transparent; color: red; padding: 10px 0; margin-top: 3px;}
			
#buy-credit {width: 600px;}
	
	
		
		.credit-selector {background: url("../images/box/credit-select-bg.png") no-repeat; width: 186px; height: 58px; margin: auto;}
		
#loader {text-align: center; position: fixed; width: 100%; height: 100%; padding-top: 300px; z-index: 999; top: 0px; display: none; }

.field label {width: 120px; float: left; color: #fff; margin-bottom: 10px;}
.field input,  .field select{float: left; margin-left: 10px; margin-bottom: 10px; }

.list li {float: left; list-style: none}
.list li.head {font-weight: bold; height: 15px; padding: 5px;}
.list li.divide {float: left; clear: both;height: 0; min-height: 0}
.list li:hover{background: #e3f2e1}

.balance-history {width: 910px; margin: 0 auto 10px 30px; padding: 0; float: left}
  .balance-history li{border-left: 1px dotted #ccc; border-bottom: 1px dotted #ccc; height: 40px; text-align: center; margin: 0; padding:5px; font-family: helvetica; text-align: left; font-size: 0.75em}
  .balance-history li a{font-size: 1em; color: #7f3a06}
  .balance-history li.amount{width: 60px;}
  .balance-history li.balance{width: 70px;}
  .balance-history li.date{width: 120px; }
  
  .user.balance-history li.desc {width: 380px; }
  .user.balance-history li.request {width: 190px; overflow: hidden; padding-right: 4px;}

  .balance-history li.desc{width: 300px}
  .balance-history li.request{border-right: 1px dotted #ccc; width: 190px;}
  .balance-history li.member{width: 100px;}

  .balance-history.user li{font-size: 1em}

  .balance-history li.even, .balance-history li.head, .code-history li.even, .code-history li.head  {background: #e2e2e2; }

.code-history {width: 910px; margin: 0 auto 10px 30px; padding: 0; float: left}
  .code-history li{border-left: 1px dotted #ccc; border-bottom: 1px dotted #ccc; height: 20px; text-align: center; margin: 0; padding:5px; 
                  font-family: helvetica; text-align: left; font-size: 0.75em; font-weight: normal}
    .code-history li form {padding: 0; margin: 0}
    .code-history li input, .code-history li select {background: #ddd; border: 1px solid #999;}
    .code-history li a{color: #7f3a06; text-decoration: none; }
    .code-history li a:hover{text-decoration: underline}
  .code-history li.note{width: 130px; border-right: 1px dotted #ccc;}
  .code-history li.user{width: 130px;}
  .code-history li.vin{width: 140px; overflow: hidden}
  .code-history li.vin a{font-size: 1em}
  .code-history li.ign{width: 150px; }
  .code-history li.door{width: 70px;}
  .code-history li.vat{width: 70px; }
  .code-history li.time{width: 65px;}
  .code-history li.action{border-right: 1px dotted #ccc;width: 200px;}

  .user.code-history li.action{font-size: 0.9em}
  .user.code-history li.door{width: 180px}
  .user.code-history li.vat{width: 100px}
  .user.code-history li{font-size: 0.9em}
  

.date-control {list-style-type: none; float: left; margin-left: 30px; padding: 0; }
.date-control li {list-style-type: none; float: left; margin: 5px 5px 5px 0}
.date-control input {background: #ddd; border: 1px solid #999;}
.date-control input[type=text] {width: 130px;}
.date-control input[type=text].date-pick {width: 70px;}

.pagination {color: #666;  font-family: arial;  text-align:  center; display: block; margin: 10px;}
.pagination a{color: #999;}

.watchdog-list {display: block;  margin-left: 30px; float: left ; width: 900px;}
.watchdog-list th {border: 1px solid #666; border-collapse: collapse; font-family:  arial; font-weight: normal}
.watchdog-list td {border-bottom: 1px solid #666; border-collapse: collapse;}
.watchdog-list .member{width:  100px;}
.watchdog-list .log-type{width:  120px;}
.watchdog-list .time{width:  100px;}
.watchdog-list .target{width:  150px; padding: 10px 0;}
.watchdog-list th.detail{padding: 0;}
.watchdog-list th.detail tr.first-child th{border-top: 0;;}
.watchdog-list th.detail table th {  }
.watchdog-list .detail table{border-collapse: collapse; width:  500px;}
.watchdog-list .detail td, .watchdog-list .detail th{border: 1px solid #999; width:150px}

.creditcard.expired {color: red;}

#frmRequestCode {display: block; margin: 10px 0;}
.result-code-request {color: #fff; text-align: center; font-size: 1.2em}
#request-more, #request-more img {display: block; text-align: center; margin: 0 auto; font-size: 1.4em; outline: none 0; border: 0}

#gm_user_wrap {list-style-type: none}
#gm_user_wrap li{display: inline-block; background: #999; padding: 3px 5px; margin: 0 4px}
#gm_user_wrap li:hover{ background: #ccc; }
#gm_user_wrap li a{ color: #fff}

.license_plate {display: none;}