/* =============================================================================

	MAIN.CSS
	version: 1.7
	updated: 2009-03-14, 12:44 GMT+1

============================================================================= */

/* =============================================================================
HTML - styles
============================================================================= */

body {font:0.8em/1.5 "arial";
     
      
      }
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:0px 0;}
#content h1 {font-size:160%;}
#content h2 {font-size:140%;}
#content h3 {font-size:120%;
	height: 13px;
}
#content h4 {font-size:100%;}
#content h5, h6 {font-size:80%;}
/*
#content table {margin:0; border-collapse:collapse;}
#content table.width100 {width:100%;}
#content table th, #content table td {padding:5px 5px;}
#content table th {text-align:left; vertical-align:middle; font-weight:bold;}
*/
/* .table
{
	border: 1px solid #C0C0C0;
}*/
.table th
{
	background: #6699FF url(images/th.gif) repeat-x 0 0;
	color: #FFFFFF;
	text-align: left;
	padding: 7px 10px;
	border-bottom: solid 1px #d2d1cb;
	font-weight: bold;
}
.vehicleloandetail_textbox_size
{
    width:77%;
     background: #FFF  no-repeat 4px 4px; 
   border: 2px solid #808080; 
    outline:0; 
    padding-left: 8px;
    border-radius: 3px;
 border: 2px solid #808080;
  
   font-family:Arial;
  
   height:27px;
   font-weight:bold
    }
    .vehiclepurchasedfrom_textbox_size{
           width:77%;
     background: #FFF  no-repeat 4px 4px; 
   border: 2px solid #808080; 
    outline:0; 
    padding-left: 8px;
    border-radius: 3px;
 border: 2px solid #808080;
  
   font-family:Arial;
  
   height:27px;
        }
          .vehiclepurchasedfrom_textbox_size2 {
           width:78%;
     background: #FFF  no-repeat 4px 4px; 
   border: 2px solid #808080; 
    outline:0; 
    padding-left: 8px;
    border-radius: 3px;
 border: 2px solid #808080;
  
   font-family:Arial;
  
   height:27px;
        }
  .vehicleloanfrom_textbox_size2{
           width:52%;
     background: #FFF  no-repeat 4px 4px; 
   border: 2px solid #808080; 
    outline:0; 
    padding-left: 8px;
    border-radius: 3px;
 border: 2px solid #808080;
  
   font-family:Arial;
  
   height:27px;
        }
 .vehiclesold_information_textbox_size{
   background: #FFF  no-repeat 4px 4px; 
   border: 2px solid #808080; 
    outline:0; 
    padding-left: 8px;
    border-radius: 3px;
 border: 2px solid #808080;
  
   font-family:Arial;
   width:200px;
   height:27px;
   margin-left:-10px;
        }
    .txtsolddocument
    {
        color:black;
        font-size:15px;
        font-weight:bold
        }
         .vehicle_images_heading{
        color:black;
        font-size:15px;
        font-weight:bold
        }
.table td
{
/*	background: rgb(236,233,216); */
	
	padding: -1px 5px 4px 5px;
	vertical-align: top;
	text-align: left;
	  font-size:15px;
    font-weight:bold;
}
.table tr.odd td{ background:rgb(236,233,216); }
.table tr:hover td{ background:rgb(236,233,216); }
.table a.ico{ }


#content ul {margin:15px 0; list-style:none;}
#content ul li
{
	padding-left: 15px;
	background: no-repeat 0 4px;
}
#content ul ul {margin:0 0 0 10px;}
#content ul ul li
{
	padding-left: 15px;
	background: no-repeat 0 4px;
}
#content ol {margin:15px 0 15px 30px; list-style-type:decimal;}
#content ol ol {margin:0 0 0 20px;}
#content ol ol li {list-style-type:lower-alpha;}
#content dl {clear:both;}
#content dl dt {font-weight:bold;}
#content dl dd {margin:0 0 5px 0;}
#content fieldset {position:relative;padding:5px;}
#content legend {font-size:120%; font-weight:bold;margin-left: 0px;}
#content code {font-family:"",monospace;}
#content .help {cursor:help;}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle, table.nostyle th, table.nostyle td {border:0 !important;}
table.nostyle th {background:none !important; text-align:left !important;}
table.nostyle th, table.nostyle td {padding:3px 5px !important;}
ul.nostyle {margin:15px 0 15px 20px !important; list-style-type:square !important;}
ul.nostyle ul {margin:0 0 0 25px !important; list-style-type:square !important;}
ul.nostyle li {padding:0 !important; background:none !important;}
dl.nostyle dt {font-weight:bold !important;}
dl.nostyle dd {margin:0 !important;}

/* =============================================================================
LAYOUT
============================================================================= */

#main {min-width:980px; width:expression(document.body.clientWidth < 980? "980px" : "auto" );}
#tray {padding:12px 15px; background:url("../design/tray.gif") 0 0 repeat-x; font:85%/1.2 "tahoma",sans-serif;}
#tray p {margin:0;}
#tray p.f-left {width:50%;}
#tray #logout {padding-left:18px; background:url("../design/tray-logout.gif") 0 50% no-repeat; text-transform:uppercase;}
#tray #switcher {margin-right:15px;}
#tray #switcher img {display:block; float:left; width:16px; height:16px; border:0;}
#menu {padding:15px 15px 13px 15px; background:url("../design/menu.gif") 0 0 repeat-x;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu ul li {display:inline; margin:0; padding:0;}
#menu ul li a {float:left; margin-right:5px; padding-left:5px; background:url("../design/menu-left.gif") 0 0 no-repeat; text-decoration:none; cursor:pointer;}
#menu ul li a span {float:left; display:block; padding:7px 15px 9px 8px; background:url("../design/menu-right.gif") 100% 0 no-repeat;}
#menu ul li a:hover, #menu ul li#menu-active a {background:url("../design/menu-left.gif") 0 -35px no-repeat;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background:url("../design/menu-right.gif") 100% -35px no-repeat;}
#menu ul li#menu-active a {font-weight:bold;}
#content {padding:20px; overflow:hidden;}
#footer {clear:both; padding:15px; background:url("../design/separator.gif") 0 0 repeat-x; font:85%/1.2 "tahoma",sans-serif;}
#footer p {margin:0;}

/* =============================================================================
/* =============================================================================
OTHERS
============================================================================= */

#aside .padding {padding-left:15px;}
#aside #logo {margin:0 0 15px 0;}
#aside #logo img {display:block; width:200px;}
#aside #search fieldset {padding:7px 10px;}
#aside #search fieldset p {margin:0;}
#aside #search fieldset legend {font-weight:bold;}
#aside #search fieldset .input-text {width:130px;}
#aside #search fieldset #search-options {margin-top:10px;}
#aside #btn-create {margin:0 0 15px 0;}
#aside #btn-create a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("../design/btn-create-left.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;}
#aside #btn-create a span {float:left; display:block; width:163px; padding:8px 0 10px 10px; background:url("../design/btn-create-right.gif") -2px 0 no-repeat;}
#aside #btn-create a:hover {background-position:0 -37px;}
#aside #btn-createp {margin:0 0 15px 0;}
#aside #btn-createp a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("../design/btn-create-left.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;}
#aside #btn-createp a span {float:left; display:block; width:163px; padding:8px 0 10px 10px; background:url("../design/btn-create-right.gif") -2px 0 no-repeat;}
#aside #btn-createp a:hover {background-position:0 -37px;}
#aside #btn-createpd {margin:0 0 15px 0;}
#aside #btn-createpd a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("../design/btn-create-left.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;}
#aside #btn-createpd a span {float:left; display:block; width:163px; padding:8px 0 10px 10px; background:url("../design/btn-create-right.gif") -2px 0 no-repeat;}
#aside #btn-createpd a:hover {background-position:0 -37px;}
#aside ul {width:215px; margin:0 0 15px 0; list-style:none;}
#aside ul li {display:inline;}
#aside ul li a {display:block; width:185px; padding:4px 15px; text-decoration:none;}
#aside ul li#submenu-active a {width:198px; border:0; background:url("../design/submenu-active.gif") 100% 50% no-repeat; font-weight:bold; z-index:999;}
#aside ul ul {margin:0; position:static;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {width:170px; padding:5px 15px 5px 30px; background:url("../design/submenu-sub.gif") 15px 7px no-repeat; font:85%/1.2 "tahoma",sans-serif; font-weight:normal;}
#content h1
{
	margin: 0;
	padding: 0px 5px 5px 10px;
background: rgb(236,233,216);
	letter-spacing: -1px;
}
#content .col50 {float:left; width:49%;}
#content .col50duty {float:left; width:48%;}
#content .col50duty_new {float:left; width:48%;}
#content .col50change_bill1 {float:left; width:55%;}
#content .col50change_bill2 {float:left; width:45%;}
#content .col50_2 {float:left; width:52%;}
#content .col50right{float:right; width:49%;}
#content .col33 {float:left; width:32%;}
#content .col25 {float:left; width:24%;}
#content .col50Center {padding:0; width:49%;}
#content .col25right {float:right; width:24%;}
#content .col33.center {padding:0 2%;}
#content .tabs {margin:15px 0;}
#content .tabs ul {margin:0; padding:0; list-style-type:none;}
#content .tabs ul li {display:inline; margin:0; padding:0;}
#content .tabs a {background: none repeat scroll 0 0 #399be6;
    float: left;
    margin-right: 2px;
    padding-left: 4px;
    text-decoration: none;color:#fff;}
#content .tabs a span {float:left; display:block; padding:2px 7px 3px 1px; color:#fff; }
#content .tabs a:hover, .tabs a:hover span {text-decoration:underline;}
#content .tabs .ui-tabs-selected a {background:#0066b3 0 0 no-repeat; font-weight:bold;}
#content .tabs .ui-tabs-selected a span  {background:#0066b3 100% 0 no-repeat;}
#content .tabs .ui-tabs-selected a:hover, #content .tabs .ui-tabs-selected a:hover span {text-decoration:none;}
#content .ui-tabs-hide {display: none !important;}
.input-text {padding:3px; font:100%/1.5 "arial", sans-serif;}
.input-text-02 {padding:5px; font:140%/1.5 "arial", sans-serif;}
.input-submit
{
	padding: 2px;
	font-size: 100%;
}
.input-submit-02 {padding:1px; font-size:100%;}
.msg {padding:10px; padding-left:35px;}
.msgmp {padding:10px;}
.msg.warning {background:url("../design/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("../design/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("../design/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("../design/ico-delete.gif") 10px 50% no-repeat;}

/* =============================================================================
FONT STYLES
============================================================================= */

.bigger {font-size:120%;}
.smaller {font:85%/1.2 "tahoma",sans-serif;}

/* This line can be deleted */
.tit {padding:10px; background:#f5f5f5;} .tag {background:#ffa;}
.ModalWindow
{
background: #C0C0C0;
opacity:0.4;
filter:alpha(opacity=60);
}