@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px; border:0;}
body{ color:#43525B; font-family:Tahoma, Arial, Geneva, sans-serif; font-size:11px; background-color:#f7f7f7;}


/******* Useable Styles ********/
img{ border:none;}
label{ color:#43525b; float:left; clear:both; margin-right:5px;}
ul{ text-decoration:none; list-style:none;}
h1{ float:left; font-size:18px; font-weight:normal; color:#43525b; padding:3px 0px 0px 0px;}
.colr_w{ color:#FFF;} .colr_r{ color:#F00;} .colr_o{ color:#bb6a01;}
.fixwidth{ width:998px;} .maxwidth{ max-width:98%;}
.fl{ float:left;} .fr{ float:right;} .clr{ clear:both;} .mr{ margin-right:20px;} .mt{ margin-top:15px;} .mb{ margin-bottom:15px;}
.nomargin { margin:0px 0px 0px 0px; }
/******* Header section ********/
.header{ height:127px; background:url(/images/hedr_bg_repeat.png) repeat-x; position:relative; z-index:99999;}
.header .cntnt{ height:127px; min-width:998px; margin:auto; background:url(/images/hedr_cntnt_bg.png) no-repeat;}
.header .tag_line{ float:left; margin-top:15px;}
.header .logo{ float:right; margin-top:15px;}
.header .loginarea { float:right; margin-top:15px; margin-right:30px; width:230px; height:65px; background-color:White; border-radius:6px; }
.header .loginarea h1 { font-size:14px; }
.header .loginarea h2 { font-size:12px; }
/* Header Menu */
.header .menu{ float:left; clear:both; margin-top:-23px;}
.header .menu ul li{ float:left; margin:0 16px 0 0;}
.header .menu ul li a{ float:left; width:70px; height:70px;}
.header .menu ul .transaction{ background:url(/images/transaction_icon.png) no-repeat;}
.header .menu ul .transaction:hover{ background:url(/images/transaction_icon_hover.png) no-repeat;}
.header .menu ul .rprt_srch{ background:url(/images/reportssearch_icon.png) no-repeat;}
.header .menu ul .rprt_srch:hover{ background:url(/images/reportssearch_icon_hover.png) no-repeat;}
.header .menu ul .setup{ background:url(/images/setup_icon.png) no-repeat;}
.header .menu ul .setup:hover{ background:url(/images/setup_icon_hover.png) no-repeat;}
.header .menu ul .setting{ background:url(/images/setting_icon.png) no-repeat;}
.header .menu ul .setting:hover{ background:url(/images/setting_icon_hover.png) no-repeat;}
.header .menu ul .security{ background:url(/images/security_icon.png) no-repeat;}
.header .menu ul .security:hover{ background:url(/images/security_icon_hover.png) no-repeat;}

.header .menu ul .pnd{ background:url(/images/setup_icon.png) no-repeat;}
.header .menu ul .pnd:hover{ background:url(/images/setup_icon_hover.png) no-repeat;}
/* Header Sub Menu */
.header .menu .submenu{ display:none; z-index:-1; width:auto; padding:10px; margin:83px 0 0; background-color:#0255a0; position:absolute; border-radius:0 20px 20px 20px;}
.header .menu .submenu .subul{ float:left; margin-right:20px; list-style:url(/images/list-style.png) inside;}
.header .menu .submenu .subul.lastchild{ margin-right:10px;}
.header .menu .submenu li{ clear:both; width:100%; padding:0 0 7px 7px; margin:0 0 5px 0; border-bottom:1px solid #3e7cb6;}
.header .menu .submenu li a{ font-size:12px; float:none; color:#FFF; height:auto; width:auto; padding:0 0 5px 0; text-decoration:none;}
.header .menu .submenu li a:hover{ color:#1286cf;}
.header .menu .submenu .submenu_topbg{ float:left; height:37px; left:0; position:absolute; top:-37px; width:94px; background:url(/images/submenu_topimg.png) no-repeat;}
/* Header Search Bar */
.header .srch{ float:right; margin:0 0 0 0; position:absolute; right:15px; top:81%;}
.header .srch .srch_icon{ clear:both; float:right; height:52px; width:64px; margin:-18px 0 0 0; background:url(/images/search_icon.png) no-repeat; cursor:pointer;}
.header .srch .srch_icon:hover{ float:right; height:52px; width:64px; background:url(/images/search_icon_hover.png) no-repeat;}
.header .srch #srch_box{ z-index:-1; float:right; top:64%; right:2%; width:195px; height:125px; padding:5px 20px 0; background-color:#0255a0; border-radius:0 0 0 20px; display:none;}
.header .srch #srch_box input{ float:left; border:none; padding:5px; font-size:11px; width:150px; border-radius:5px; clear:both;}
/* Login Section */
.login_section{ clear:both; width:500px; height:270px; margin:50px auto 0 auto; border:1px solid #caced0; border-radius:6px;
	background:url(/images/login_map.gif) no-repeat #FFF right center; position:relative;}
.login_section .heading{ width:485px; background-color:#f3f3f3; font-size:17px; color:#4c5a52; font-weight:normal; padding:7px 0 11px 15px;
	border-top:1px solid #FFF; border-bottom:1px solid #caced0; border-radius:6px 6px 0 0;}
.lck_icon{ position:absolute; right:10px; top:-9px;}
.login_fields{ float:left;  width:300px; margin:15px auto 0 auto; display:table;}
.login_fields span{ float:right; color:#43525b; margin:0px 0 3px 0;}
.login_fields div{ float:left; color:#43525b; margin:8px 0 3px 0;}
.login_fields input{ clear:both; float:left; width:280px; }
.login_section .login_btn{ clear:both; float:right; margin:20px 15px 0 0;}


/******* MID section ********/
.mid{ clear:both; width:100%; margin:25px 0 0 0;}
.mid .cntnt{ min-width:998px; margin:auto; border:1px solid #caced0; border-radius:6px; background-color:#FFF; position:relative;}
.mid .heading{ height:34px;  background-color:#f3f3f3; padding:0px 0 0 15px; border-top:1px solid #FFF; border-bottom:1px solid #caced0; border-radius:6px 6px 0 0;}
.mid .cntnt_area{ clear:both; padding:10px 15px; display:block;}
.mid .nmbrlft{ position:absolute; left:0; color:#9ed5fe; font-size:25px; margin:0 0 0 15px;}
.mid .nmbrrte{ position:absolute; right:0; color:#9ed5fe; font-size:25px; margin:0 15px 0 0;}
.mid .fields{ clear:both; float:left; margin:50px 0 20px 0;}
.mid .fields .holder{ float:left;}
.mid .fields .holder .inputs-fields{ margin-top:10px;}
.mid .fields .holder .shrt-hdng{ float:left; width:100%; font-size:12px; color:#43525b; font-weight:bold;}
.mid-btns{ clear:both; height:27px; border-top:1px solid #caced0; padding:10px 0 0 0;}
.mid-btnstop{ clear:both; height:27px; padding:0px 0  10 0;}
/* Tabs */
.tabs{ float:right; margin:0 4px 0 0;}
.tabs li{ cursor:pointer; float:left; margin:0 4px 0 0; background-color:#ecf2f5;}
.tabs li h5{ float:left; color:#a6a9ab; font-size:12px; height:24px; font-weight:bold; padding:7px 10px 0 10px; border:3px solid #FFF; border-bottom:none; border-radius:5px 5px 0 0;}
.tabs li h5:hover{ color:#43525b;}
.tabs li h5.active{ background-color:#FFF; height:26px; color:#43525b; border:1px solid #caced0; border-bottom:none; border-radius:5px 5px 0 0; padding:8px 10px 0 10px;}


/************** All Fields ***************/
.mid label p{ text-align:right; margin:3px 0 13px 0; -webkit-margin-before:3px; -webkit-margin-after:14px; line-height:1.35;}
/* set fieldwidth and height */
.mid .fixinput{ width:130px; height:13px; float:left;}
.mid .sameinput{ width:50px; height:13px; float:left; margin-right:8px;}
.mid .numericinput1{ width:22px; height:13px; float:left; border-radius:4px 0 0 4px;}
.mid .numericinput2{ width:89px; height:13px; float:left; border-left:none; border-radius:0 4px 4px 0;}
.mid .numericinput3{ width:20px; height:13px; float:left; margin-left:-3px; border-radius:0 4px 4px 0;}
.mid .fixselect{ font-size:11px; width:152px; height:22px; float:left;}
.mid .lockinput{ background-color:#dcdcdc; -moz-box-shadow:inset 0 0 0 1px #fff; -webkit-box-shadow:inset 0 0 0 1px #fff; box-shadow:inset 0 0 0 1px #fff;}
.mid .highlight{ padding:3px 3px 0 3px; border:2px solid #bb6a01; border-radius:4px;}
/* input styles */
input, textarea, select, input[type=search], input[type=password]{ color:#000; border:solid 1px #caced0; padding:4px 10px; font-size:12px; background-color:#f8f8f8; margin:0 0 5px 0;
-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.1); -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.1); box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px;}
input[type=image]{ padding:0; background-color:transparent; border:0;}
/* input:focus styles */
input[type=text]:focus, 
textarea:focus,
input[type=search]:focus, input[type=password]:focus {-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow:0 0 5px rgba(0,0,0,.3); -o-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3);border:1px solid #5897fb; background-color:#FFF; outline:#5897fb;}

textarea{ width:auto; height:auto; clear:both; float:left; margin-top:10px;}
/* remove webkit search input decoration and cancel button */
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {display: none;}

/************** All Buttons ***************/
/* White Button */
.white_btn{color:#162934; float:left; padding:5px 20px; margin:0 5px 0 0; border-radius:4px; border:1px solid #caced0; cursor:pointer; text-decoration:none;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d6d6d6'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d6d6d6)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #fff,  #d6d6d6); /* for firefox 3.6+ */ }
.white_btn:hover{ color:#5897fb;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#ffffff'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(#fff)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #d6d6d6,  #fff); /* for firefox 3.6+ */}
/* Orange Button */
.orange_btn{color:#fff; float:left; padding:5px 20px; border-radius:4px; border:1px solid #cd7708; cursor:pointer;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb553', endColorstr='#e17f00'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#ffb553), to(#e17f00)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #ffb553,  #e17f00); /* for firefox 3.6+ */ }
.orange_btn:hover{color:#000;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17f00', endColorstr='#ffb553'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#e17f00), to(#ffb553)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #e17f00,  #ffb553); /* for firefox 3.6+ */ }
/* Pop icon Button */
.popupicon-btn{float:left; padding:8px 5px 7px; margin:0 0 0 5px; border-radius:4px; border:1px solid #caced0; cursor:pointer;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d8d8d8'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d8d8d8)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #ededed,  #d8d8d8); /* for firefox 3.6+ */ }
.popupicon-btn:active{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#ededed'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#ededed)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #d8d8d8,  #ededed); /* for firefox 3.6+ */ }

/********************************************************************************/
.validatorStyle
{ color:Red; font-size:10px; }
   
.round_div{ border-radius:5px; border:#caced0 solid 1px; padding:2px 5px; width:150px; margin-bottom:5px;}
.round_div span{ color:#1184cd; margin-left:4px;}

.delImage  
  {
    float: left;
    position: absolute;
    background-color: white;
    color: rgb(231, 54, 132);
    border: 1px solid #046EB6;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bolder;
    padding: 0px 5px;
    cursor: pointer;
    margin: -1px 0px 0px 2px;
    display:none;
    }
a:link {
 color:#1388D1; text-decoration:none; font-size: 12px;
}
a:visited {
	color:#bb6a01; text-decoration:none; font-size: 12px;
}
a:active {
	color:#1388D1; text-decoration:none; font-size: 12px;
}
a:hover {
	color:#1388D1; text-decoration:underline; font-size: 12px;
}

a.redlink:link {
 color:#b20000; text-decoration:none; font-size: 12px;
}
a.redlink:visited {
	color:#b20000; text-decoration:none; font-size: 12px;
}
a.redlink:active {
	color:#b20000; text-decoration:none; font-size: 12px;
}
a.redlink:hover {
	color:#b20000; text-decoration:underline; font-size: 12px;
}

.FOB
{
	font-size:9px;
	background-color:#e80505;
	padding:2px;
	color:#ffffff;
}
.CNF
{
	font-size:9px;
	background-color:#7a7979;
	padding:2px;
	color:#ffffff;
}
.CAN
{
	font-size:9px;
	background-color:#c1c1c1;
	padding:2px;
	color:#ffffff;
}
.LOS
{
	font-size:9px;
	background-color:#0312a2;
	padding:2px;
	color:#ffffff;
}
.CIF
{
	font-size:9px;
	background-color:#021d69;
	padding:2px;
	color:#ffffff;
}



/* classes by aftab sep 2104   */

.checkboxlist input {
        font: inherit;
        font-size: 0.875em; /* 14px / 16px */
        color: #494949;
        float:left;
        margin-top:2px;
        margin-bottom:10px;
	}
	.checkboxlist label {
        font: inherit;
        font-size: 11px; /* 14px / 16px */
        color: #1388d1;
        position:relative;
        margin-top:2px;
         float:left;
         padding-left:8px;
         clear:none;
	}
	
	
ul.imgtabs{ list-style:none; width:55%; float:left; padding:15px}
ul.imgtabs li { float: left; height: auto; margin-right: 1%; width: 32%;}
ul.imgtabs li a{ display:block;}
ul.imgtabs li a:hover{ display:block; opacity:0.5;}
ul.imgtabs li img{ height:auto; width:100%;}


.lnk_maker
{
        float: right;
    right: 20px;
    padding-right: 20px;
   
    color: #1388D1;
    cursor: pointer;
    
    }
    .lnk_maker:hover
{
    text-decoration: underline;
      
    }
    
    
    
    
    
    .nego-detail{ width:100%; overflow:hidden; padding:30px 0 0 40px;}
.nego-detail h2{font-family: "Segoe UI"; font-size:24px; color:#000; margin-bottom:15px; font-weight:bold; }
ul.c-info{ width:100%; overflow:hidden; list-style:none; padding-right:50px;}
ul.c-info li{ width:100%; border-bottom: solid 1px #cccccc; padding:2px 0px; font-size:12px;}
ul.c-info li span{ width:150px; display:inline-block; color:#34495e;}
.cr-dtl{ width:100%; float:left;}
.cr-dtl h3{font-family: "Segoe UI"; font-weight:bold; font-size:15px;}
.cr-dtl img{ float:left; margin-right:10px;}
ul.car-info{ width:58%; float:left; list-style:none;}
ul.car-info li{ float:left; width:45%; padding:1%; border-bottom: solid 1px #dee1e4; padding:3px 0px; list-style:none; font-size:12px; margin:0px 7px;}
ul.car-info li span{ width:90px; color:#34495e; display:inline-block;}
ul.car-info li:last-child{ color:#F00; font-weight:bold; border:none;}
.gry{ background:#f6f6f6; padding:15px 15px 40px 15px; font-size:10px; position:relative; margin-top:20px;}
.ar { background: url("../images/s-arw.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 9px; margin: 14px 25px; width: 5px;}
a.gbtn { background: #14a823; border-radius: 4px; color: #fff; font-size: 14px; padding: 10px 20px; position: absolute; right: 30px; top: 27%;}
a.gbtn:hover{ background:#000;}
.rplybox{ width:100%; float:left; margin-top:30px;}
.rplybox textarea { width:80%; border: solid 1px #dedede; padding:15px; font-family:Arial, Helvetica, sans-serif; resize:none; margin:0px 20% 10px 0px; font-size:12px; height:100px;}

.msg-container{ width:100%; float:left; padding-top:50px;}
.msg-container h3{font-family: "Segoe UI"; font-weight:bold; font-size:24px; margin-bottom:10px;}
.nego-box{ border-top: solid 1px #d0d0d0; padding-top:15px; width:80%; position:relative; float:left; padding:25px 0px;}
.nego-date { background:white; color: #34495e; font-size: 13px; left: 47%; padding: 10px 25px; position: absolute; top: -20px;}

.msgbox1, .msgbox2{ position:relative; width:100%; float:left;}
.msgbox1 .icon{ position:absolute; right:0; top:0%; text-align:center; font-size:11px;}
.msgbox2 .icon{ position:absolute; left:0; top:0%; text-align:center; font-size:11px;}
.msgbox1 .icon img, .msgbox2 .icon img{height:50px; width:50px; border-radius:50%; }

.ch1, .ch2 { position: relative;	background: #e3f3c1; width:90%; padding:15px; border-radius:4px; font-size:12px; line-height:22px; margin-bottom:20px;}
.ch1:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(227, 243, 193, 0);
	border-left-color: #e3f3c1;
	border-width: 10px;
	margin-top: -10px;
}

.ch2 {background: #f3e2c1; float:right;}
.ch2:after { 
	right: 100%; 
	top: 50%;	
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(243, 226, 193, 0);
	border-right-color: #f3e2c1;
	border-width: 10px;
	margin-top: -10px;
}