.form { font-family:Arial, Helvetica, sans-serif; }
.form input, .form textarea { margin:.2em 0 .5em; }
.form textarea { height:60px; width:205px; border:1px solid #cecece; }
.form input[type="text"] { width:205px; border:1px solid #cecece; height:18px; line-height:18px; }
.form-large input[type="text"] { width: 400px; }
.form input.long-input { width:445px; }
.form input.short { width:65px; }
.form select { -moz-border-radius: none !important; -webkit-border-radius: none !important; border-radius: none !important; padding:0; line-height:22px; height:22px; }
.form fieldset { border:none; margin:0; padding:0; }
.form label { font-weight:bold; font-size:14px; display:block; color:#4B0049; margin:0 0 2px; }

.form .check-wapper .inline-label { float:left; padding-right:5px; }
.form .check-wapper .check { float:left; margin-top:2px; padding:0; min-width: 110px; }
.medium label { font-weight:bold; font-size:.9em; display:block; float:left; width:150px; padding:5px 0; /*font-family:Arial, Helvetica, sans-serif*/ }
.form .row { margin:0 0 10px 0; overflow:hidden; clear:both; }
.form .check-wapper { /*height:18px;*/ margin-top:10px; }

.form .hint { color:#999; margin:0; padding:0; }
.form .note { font-style:italic; }
.form span.required { color:red; }
.form div.error label, .form label.error, .form span.error {  background:none; float:none;  margin-left:0; }
.form div.error input, .form div.error textarea, .form div.error select, .form input.error, .form textarea.error, .form select.error { background:#FEE; border-color:#C00; }
.form div.success input, .form div.success textarea, .form div.success select, .form input.success, .form textarea.success, .form select.success { background:#E6EFC2; border-color:#C6D880; }
.form .errorSummary { border:2px solid #C00; background:#FEE; font-size:.9em; margin:0 0 20px; padding:7px 7px 12px; }
.form .errorMessage { color:red; font-size:.9em; }
.form-panel .errorMessage { font-size:1em; }
.form .errorSummary p { margin:0; padding:5px; }
.form .errorSummary ul { margin:0; padding:0 0 0 20px; }
.wide.form label { float:left; margin-right:10px; position:relative; text-align:right; width:100px; }
.wide.form .row { clear:left; }
.wide.form .buttons, .wide.form .hint, .wide.form .errorMessage { clear:left; padding-left:110px; }
.btn, .btn span { background:url(images/btn-submit.png) left top no-repeat;  padding:0 0 0 10px; display:inline-block; height:26px;}
.btn span { padding:4px 22px 0 12px; height:22px; background-position:right -26px; }
.btn span,  x:-moz-any-link  { padding:3px 22px 1px 12px; }
.btn span input { color:#FFF; font-size:1.2em; background:none; border:none; padding:0; margin:0; cursor:pointer; text-align:center;  text-transform: uppercase; }
.row .col-1, .row .col-2, .row .col-3 { float:left; width:240px; }
.row .col-2 { width:280px; }
.row .col-3 { width:200px; }
.row .check { margin:10px 0 0; }
.row .check-2 { margin-top: 2px; }
.row .check span { padding:0 6px 0 0; }
.row .check label { font-weight: normal; display:inline; }
.row .check input[type=radio] { margin: 0 5px 0 0; }
form .errorMessage, form span.required { color: #c00; }
.grid-view { padding-top: 15px; }

.user-error { color: #C00; font-size: 14px; margin: 0 0 10px; padding: 6px 6px; border: 1px solid #9ADF8F; background: #D5FFCE; }

/* input multiply files */
.MultiFile-list{width:400px;}
.MultiFile-label{background-color:#F7F7F7;border:1px solid #E8E8E8;overflow:hidden;margin:5px;padding:6px 4px;}
.MultiFile-remove{background-image:url(images/cancelbutton.gif);background-position:-14px 0;background-repeat:no-repeat;display:block;float:right;font-size:0;height:14px;width:14px;}
.MultiFile-remove:hover { background-position:0 0; }
.MultiFile-title { color: #57A000; }


.form-quote select { width:175px; color:#4B0049; }
.form-quote .large-select { width:232px; }
.form-quote .errorMessage { clear: both; }

ul.yiiPager a:link, ul.yiiPager a:visited {
    border: 1px solid #704A6F;
    color: #4B0049; font-family: arial;
}
ul.yiiPager .selected a, ul.yiiPager a:hover {
    background-color: #32004B;
    color: white;
}
ul.yiiPager li.hidden {
    display: none;
}
.list-view .pager {
    margin-bottom: 10px;
}
.add-edi { color: #fff; float: right; background: url('images/add-edi.png') left top no-repeat; padding: 4px 3px 3px; width: 70px; font-size: .8em; text-align: center; display: inline-block; }
.ui-dialog { padding: 0 !important; }
.ui-dialog .ui-dialog-titlebar { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-dialog .ui-dialog-buttonpane { border: none; }
.ui-dialog .ui-dialog-buttonpane button { background: #4b0049; border: 1px solid #4b0049; color: #FFF;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-transform: uppercase;}
.ui-dialog .ui-dialog-buttonpane button span { padding: 0.3em 1.6em; }
#quote-email-form { background: #d7e7f3; overflow: hidden; padding: 5px 0 0 20px; margin: 0 auto;}
#emailQuotationDialog { background: #d7e7f3; }
#emailQuotationDialogContent {  }
#attachment-uploader {display: inline-block; margin-left: 10px;height: 25px;}
#quote-email-form .row { overflow: hidden; margin:0 0 8px 0;}
#quote-email-form .row > label {display: inline-block; width: 70px; text-transform: capitalize; font-size: 1.1em; line-height: 16px; }
#quote-email-form .row > input {width: 510px; padding: 3px 4px; font-size: 1.1em;}
#quote-email-form .buttons {text-align: center;}
#quote-email-form .buttons > input {width: auto; }
#quote-email-form .qq-upload-button { background: url(images/attactment.png) left top no-repeat !important; padding: 0 0 0 20px !important; color:#32004B; border: none; text-align: left;}
#attachments-container { overflow: hidden; margin: 5px 0;}
#attachments-container .attachment { background: url(images/attactment-list.png) left 4px no-repeat !important; font-size: 1.1em; padding: 0 0 5px 15px !important;}
.attachment-form { margin: 0 0 8px 0; }
.attachment-form label { font-size: 1.1em; font-weight: bold; }
#QuoteEmailForm_body { width: 630px; height: 200px; padding: 8px 0 0 8px;}
#quote-email-form .buttons { margin: 0; font-size: 110%;}
.qq-upload-list { margin: 0 !important; }
#quote-email-form .errorMessage { margin: 5px 0 0 73px; }
#QuoteFclM_details_of_nature_cargo, #UserBusinessM_address { resize:none; }
.search-shipment { margin: 0 0 0; padding: 10px 0 0;}
.search-shipment label { font-weight: normal; width: 104px!important; font-size: 12px; line-height: 25px;} 
.search-shipment input[type="text"] { width: 140px; }
.search-shipment .col-1 { overflow: hidden; clear: both;}
.search-shipment .col-1 .row { width: 33%; float: left; clear: none; margin: 1px 0; }
.search-shipment .buttons { margin-bottom: 5px; }
.search-shipment .buttons .btn span input { font-size: 1.1em; }