body { background: url(../images/bg.png) #B0DCFB; margin:0;
 padding:0; border:0; color:#333333; font-size:16px; font-family:Arial;
 border-collapse:collapse;
     }
.main { width:1100px; padding:20px; box-shadow:0px 0px 10px #666666;
 -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
 background: url(../images/topbg.png) #ECFDFF center top no-repeat;
      }
.logo { width:250px; height:200px; background: url(../images/logo.jpg); border-radius: 50px;
 box-shadow:0px 0px 10px #000000 inset; -webkit-border-radius: 50px; -moz-border-radius: 50px;
      }
.toptext { color:#999999;
         }
td { margin:0; padding:0; font-size:16px; font-family:Arial;
   }
tr { margin:0; padding:0; border:0; border-collapse:collapse;
   }
img { border:0;
    }
a { color:#003366; text-decoration:none; border-bottom:1px #bbbbbb dashed;
  }
a:hover { color:#000000; border:0;
        }
h1 { color:#003366; font-size:22px; font-family:Arial; font-weight:normal;
 text-shadow:1px 1px #ffffff, 3px 3px 5px #999999;
   }
input,select,textarea { font-size:16px; border:#cccccc solid 1px; font-family:Arial;
  border-collapse:collapse; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  box-shadow:1px 1px 7px #bbbbbb inset; padding:3px; background:#eeeeee;
                      }
.tech { display:none;
      }
.aembutt { background: #448DFF;
         }
.message { color:#ffffff; font-size:20px;
 background: #448DFF left top repeat-x;
 border:1px #333333 solid; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
 padding:10px;
         }
.error { color:#ffffff; font-size:20px;
 background: #aa0000 left top repeat-x;
 border:1px #333333 solid; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
 padding:10px;
       }
.btable { border-top: #000000 1px solid; border-left: #000000 1px solid;
   border-collapse:collapse; padding: 0px; margin:0px;
   }
.btable tr { border-collapse:collapse; border:0px; padding: 0px; margin:0px;
           }
.btable tr td { border-bottom: #000000 1px solid; border-right: #000000 1px solid;
  padding:3px; margin:0px; border-collapse:collapse;
}
.term_ym { background: url(../images/ymterm.jpg) left top no-repeat; width:235px; height:110px;
         }
.term_wm { background: url(../images/wmterm.jpg) left top no-repeat; width:235px; height:110px;
         }
.term_ym div, .term_wm div { padding-left:27px; padding-top:52px; font-size:24px; color:#09396A;
                           }
.aemblock {
/*  background: #ffffff;
  border:1px #dddddd solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;*/
  padding:10px;
          }
.aemblock textarea { width:100%;
                   }

				   
#tab-wrapper {
	position: relative;
	margin-top:30px;
}				   
.tab {
  background: #ffffff;
  border:1px #dddddd solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding:10px 0;
  width: 100%;
}
.proforma {
  background: #ffdddd;
}
.proforma table td:nth-child(5) a {
	margin-left:20px;
}
.proforma table tr.full-paid, .proforma table tr.full-paid a {
	color: green;
}
.proforma table tr.partly-paid, .proforma table tr.partly-paid a {
	color: darkseagreen;
}
.invoice {
  background: #ddffdd;
}
.act {
  background: #ddddff;
}
.company {
  background: #ddfdff;
}
.user {
  background: #fdffdd;
}
.tab table tr.disabled {
	color: lightgray;
}
.tab table tr.disabled a {
	color: lightgray;
}

ul#tab-menu {
	list-style-type: none;
	margin: 0;
}
ul#tab-menu li {
	display: inline;
	margin-right: -4px;
}
ul#tab-menu li a {
	padding: 10px 35px 2px;
	border: 1px solid #dddddd;
	border-bottom: none;
	border-top-left-radius: 20px;
	color: #777;
	position: relative;
}
ul#tab-menu li a:hover {
	color: #444;
}
div.tab table tr:nth-child(1) td {
	border-bottom: 1px dashed;
}
div.tab table td {
	padding: 0 5px;
}

div.edit-win {
	background-color: white;
	width:625px;
	position: fixed;
	top: 10px;
	left: 50%;
	margin-left: -310px;
	padding: 30px;
	border: 1px solid darkgrey;
	border-radius: 15px;
	box-shadow: 2px 2px 10px grey;
	z-index: 100;
	max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;	
}

#edit-invoice {
	width:900px;
	margin-left: -450px;
}

#edit-company {
	position: fixed;
	top: 10%;
}

#edit-user {
}

div#edit-proforma b a {
	padding: 10px 35px 2px;
	border: 1px solid #dddddd;
	/*border-bottom: none;*/
	border-top-left-radius: 20px;
	color: #777;
	position: relative;
	margin-right: -5px;
}
div#edit-proforma b a.active {
	background: lightgrey;
}
div.edit-win div {
	margin-bottom: 15px;
}

div.edit-win input {
	position: absolute;
	left: 40%;
	width: 265px;
}

div#send-mail {
	background-color: white;
	width:345px;
	position: absolute;
	top: -5%;
	left: 50%;
	margin-left: -173px;
	padding: 30px;
	border: 1px solid darkgrey;
	border-radius: 15px;
	box-shadow: 2px 2px 10px grey;
	z-index: 100;
}
div#send-mail input {
	position: absolute;
	left: 27%;
	width: 265px;
}
div#send-mail div.controls {
	position: relative;
	left: 50%;
	margin: 30px 0 0 -70px;
}

#edit-invoice input {
	left: 25%;
}

div.edit-win select {
	position: absolute;
	left: 40%;
	width: 265px;
}

#edit-invoice select {
	left: 25%;
}

div.edit-win input[type="checkbox"] {
	width: auto;
}

div.edit-win div.controls {
	position: relative;
	left: 50%;
	margin: 30px 0 0 -145px;
}

div.tab .add-button {
	margin: 20px;
	font-weight: bold;
	margin-left: 980px;
	display: inline;
}

div.edit-win div.button {   
	border-radius:7px; 
	-webkit-border-radius:7px;
	-moz-border-radius:7px;  
	border: 1px solid grey;
	font-weight:bold;
	color:#ffffff; 
	font-family:Arial; 
	font-size:13px;
	line-height:25px; 
	text-align:center;
    text-shadow: 1px 1px #2E5686, -1px 1px #2E5686, -1px -1px #2E5686, 1px -1px #2E5686, 0px 0px 5px #ffffff;
	float: left;
	margin:0 10px;
	width: 120px;
	background: #b5bdc8;
    background: linear-gradient(to top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
}
div.edit-win div.button a { 
	color:#ffffff; 
	text-decoration:none;
	border: none;
	padding: 8px 25px;
}
div.edit-win div.button:hover a { 
	color:#ccc;
}
.bClose{
	position: absolute;
	right: 8px;
	top: 8px;
	border: none;
}
.bClose img {
	height: 35px;
	width: 40px;
}
.bDel{
	position: relative;
}
.bDel img {
	height: 15px;
	width: 20px;
}

.edit-win table {
	padding: 20px 0;
}
.edit-win table th {
	border-bottom: 2px solid darkgrey;
	background-color: lightgray;
	padding: 10px 0;
}
.edit-win table input {
	position: inherit;
}

.edit-win table td:nth-child(1) input{
	width:200px;
}
.edit-win table td:nth-child(2) input{
	width:63px;
	text-align: center;
}
.edit-win table td:nth-child(3) input{
	width:60px;
	text-align: center;
}
.edit-win table td:nth-child(4) input{
	width:90px;
	text-align: right;
}
.edit-win table td:nth-child(5) input{
	width:180px;
	text-align: left;
}

.edit-win table td:nth-child(5) select{
	width:180px;
	text-align: left;
	position: inherit;
}

div.table.payments table td:nth-child(1) input{
	width:80px;
	text-align: center;
}
div.table.payments table td:nth-child(2) input{
	width:150px;
	text-align: center;
}
div.table.payments table td:nth-child(3) input{
	width:150px;
	text-align: right;
}
div.table.payments table td:nth-child(4) input{
	width:220px;
	text-align: left;
}

#edit-invoice table td:nth-child(1) input{
	width:200px;
}
#edit-invoice table td:nth-child(2) input{
	width:53px;
	text-align: center;
}
#edit-invoice table td:nth-child(3) input{
	width:60px;
	text-align: center;
}
#edit-invoice table td:nth-child(4) input{
	width:60px;
	text-align: center;
}
#edit-invoice table td:nth-child(5) input{
	width:90px;
	text-align: right;
}
#edit-invoice table td:nth-child(6) input{
	width:182px;
	text-align: center;
}
#edit-invoice table td:nth-child(7) input{
	width:53px;
	text-align: center;
}
#edit-invoice table td:nth-child(8) input{
	width:160px;
	text-align: left;
}