body, html {
    margin:4px auto;
    background-image:url("imgs/bg.png");
    background-position:top;
    xbackground-repeat:repeat-x;
    xbackground-color:#000;
    text-decoration: none; 
    font-family: arial, Verdana, Arial, Tahoma, Geneva CE, Geneva, Helvetica, sans-serif;
    line-height: 13px;
    font-size: 12px;
    font-style: normal;
    color: #000000; 
    text-align:center;
}

#main {
    margin:0 auto;
    width:960px;
    border : 0px solid #888;
}
#header {
    height:150px;
    background-image:url("imgs/header.png");
    display:block;
    position:relative;
}

#menu_top {
    height:20px;
    xbackground-color : #ccc;
    background-image:url("imgs/menu_top_bg.png");
    
}

.menu_top a:link, .menu_top a:visited {
list-style : none;
margin : 0;

float : left;
margin-right : 0px;
text-decoration : none;
display : block;
xbackground-color : #ccc;
color : #858585;
padding-top : 2px;
padding-left : 11px;
padding-right : 11px;

border-right : 1px solid #888;
height: 18px;
}
.menu_top a:hover {
background-color : #FF2525;
border-bottom-color : #fff;
color:#FFFFFF;
}

#content {
    width:inherit;
    margin-top:0px;
    float:left;
    display:block;
    position: relative;
    clear:both;
    xheight:100%;
    xbackground-color : #cecece;
    background-color:#FFFFFF;
    background-image:url("imgs/right_top.png");
    background-repeat: no-repeat;
    border : 0px solid #888;
    border-top : 0px solid #888;
}




#content .center{
    width:960px;
    xheight:100%;
    float:left;
    xbackground-color : #FFFFFF;
    display: block;
    padding-top:10px;
    text-align: left;
    padding-left: 1px;
    min-height: 200px;
}

#content .right{
    width:210px;
    xheight:500px;
    xheight:80%;
    float:left;
    xbackground-color : #FF0000;
}

#content .right .right_top{
    width:210px;
    height:170px;
    float:left;
   xbackground-image:url("imgs/right_top.png");
}


form {
    margin:16px;
    width:700px;
    background:#fff;
    padding:14px;
    border:1px solid #eee;
}

form.order_form {
    margin:6px;
    width:200px;
    background:#F3F3F3;
    padding:6px;
    border:1px solid #eee;
}

form.order_form select {
  float:left;
  margin-bottom:4px;
  width:100%;
}


fieldset div {
    margin:4px 0px;
    clear:both;
    width:600px;
    
}

label {
    float:left;
    width:100px;
    text-align:right;
    margin-right:1em;
    
}
legend {
    color:#22B24C;
    font-size:14px;
    
}

input {
    padding:3px;
    xwidth:50%;
    border:1px solid #ddd;
    background:#fafafa;
    font:bold 14px;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
}

select {
        padding:3px;
    xwidth:50%;
    border:1px solid #ddd;
    background:#fafafa;
    font:bold 14px;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
    
    
    
}

textarea {
    padding:0.15em;
    width:300px;
    border:1px solid #ddd;
    background:#fafafa;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
    
}
xinput:hover, input:focus {
    border-color:#c5c5c5;
    background:#f6f6f6;
    width: 100%;
    
} 
fieldset {
    border:1px solid #ddd;
    padding:3px 6px 6px;
}

.error{
    color:ff0000;
    text-align: center;
}

.message{
    color:000;
    text-align: center;
}


.info{
    color:000;
    text-align: left;
    padding-left:18px;
}

.field_name {
    font-weight: bold;
    padding: 3px;
    color:#2A253F;
}

.field_value {
    padding: 3px;
}

.table {
    width: 760px;
    border: 1px solid #fafafa;
    padding:3px;
    
}

.table th {
    
    background-color: #FFFFFF;
    font-size: 12px;
    color:#000;
    border: 1px solid #D3D3C7;
    
}

.table tr {
    
    
    font-size: 12px;
    color: #454545;
    vertical-align:top;
    
    
}

.table td {
    padding-left: 4px;
    

    
}

a.table_link:link, a.table_link:visited  {
  text-decoration: none; 
 
  font-style: normal;
  font-weight: normal;
  padding-left: 0px;
  color: #000;
}

a.table_link:hover {
  text-decoration: none; 
  font-style: normal;
  font-weight: normal;  
  padding-left: 0px;
  color: #22B24C;
}

#main #content .center #client_wrapper.dataTables_wrapper #client_filter.dataTables_filter input {
    color:#A4B4BE; 
    width: 200px;
}

#main #content .center #order_wrapper.dataTables_wrapper #order_filter.dataTables_filter input {
    color:#A4B4BE; 
    width: 200px;
}
.search_init {
    color:#A4B4BE;
    width: 100%;
    
}



 div.dataTables_info {
    width: 40%;
}

 .dataTables_paginate {
    width: 700px;
    height: 16px;
    line-height: 16px;
    padding-bottom:10px;
    
}

 div.dataTables_paginate span.paginate_button, div.dataTables_paginate span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    float:left;
}

 div.dataTables_paginate span.paginate_button {
    background-color: #ddd;
}

div.dataTables_paginate span.paginate_button:hover {
    background-color: #ccc;
}

div.dataTables_paginate span.paginate_active {
    background-color: #99B3FF;
}

.dataTables_info {
   width: 500px;
   padding-left:4px;
   padding-bottom:4px;
}

.input350 {
    padding:3px;
    xwidth:50%;
    border:1px solid #ddd;
    background:#fafafa;
    font:bold 14px;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
    width:300px;
    
}

.input350:hover, .input350:focus {
    border-color:#c5c5c5;
    background:#f6f6f6;
    width: 300px;
    
} 

.input100 {
    padding:3px;
    xwidth:50%;
    border:1px solid #ddd;
    background:#fafafa;
    font:bold 14px;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
    width:200px;
    
}

.input100:hover, .input100:focus {
    border-color:#c5c5c5;
    background:#f6f6f6;
    width: 200px;
    
} 

#upload {
    
     xbackground:#000;
     float:right;
     xwidth:600px;
}

#upload22 {
    
     xbackground:#FF0000;
     float:left;
     xwidth:400px;
}

.flash-replaced {
    float:left;
    xwidth:600px;
    xbackground-color: gray;
    
}

.form_small {
    width:120px;
}

tr.odd {
    background-color: FCFEFF;
}

.checkbox {
  height:10px;
  size:10px;
  width:100px;
  text-align:left;
  float:left;
}

.text_box {
  margin: 2px 0px 7px 4px;
  color:#2A253F;
  
  width: 750px;
    
}
    
.text_title {
    font-weight: 800;
    padding: 0px 0px 14px 0px;
}

.text_pos {
  margin:1px 0px 1px 0px;
}