/*html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,p,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border-style: none;*/
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,p,form,label,table,caption,tbody,tfoot,thead,tr,th,td{border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	outline: 0;
	font-size: 10pt;
	margin-left: 0;
	font-family: Arial;
}
body {
    border-style: none;
	border-color: inherit;
	border-width: 0;
	font-family:Arial;
		font-size:12px; 	
		line-height:18px; 	
		color:#000;
		margin:0;	
		padding:0;	
		outline:0;
		background:#d9e3ec;
		font-weight:bold;
	
}
.spac{margin-bottom:25px;}
.cus-lab{float:left; padding:10px; width:15%;}
.cus-inp{float:left; padding:10px; width:25%;}
.usr-inp{float:left; padding:10px; width:75%;}
.ginput-customer
{
    padding:2px;
    width:250px;
    height:25px;
}
.loginbutton
{
    background:#000929;
    padding:5px 15px;
    color:#fff;
    border:0px;
    border-radius: 12px;
    text-align:center;
  border: 2px solid #fff;
}

.ginput input, select
{
    padding:2px;
    width:100%;
    height:25px;
}
input, select, textarea
{
    font-family: Arial;
    font-size:14px;
    font-weight:bold;
	margin-right: 0px;
	text-align:left;
	color: #0066FF;
}
p{ line-height:18px; text-align:justify;}
a{ color:#000; text-decoration:none;}
h1{ font-size:14px; font-weight:bold; color:#000929; padding:8px 0 0 10px; text-align:right; padding-right:20px;}
h2{ font-size:14px; font-weight:bold; color:#fff;}

/*#header_bg{ background:url(../images/header_bg.jpg); padding:20px;}*/

#header_bg{ background:#000929;padding:30px 20px;}

.fleft{ float:left;}
.fright{ float:right;}
#maincontainer{ padding:0 20px 20px 0; }
#mainnav{ width:100px; float:left; position:absolute;
-moz-box-shadow: 2px 2px 7px #cccccc;
-webkit-box-shadow: 2px 2px 7px #cccccc;
box-shadow: 2px 2px 7px #cccccc;}
#mainnav ul li{ list-style-type:none; border-top:1px solid #dadbdd;border-bottom:1px solid #f1f1f1;}
#mainnav ul li a{display:block; text-align:center; padding:5px;  color:#503229; font-weight:normal;text-shadow:1px 1px 1px #787878; font-size:12px;}
ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
width: 100px; /* Menu Width */
margin: 0;
list-style: none;
}
ul#navmenu-v ul { width:200px; border:1px solid #dadbdd;border-left:0;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}
ul#navmenu-v li { float: left; position: relative;  width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v ul li a {
 display: block;
 background: #DDD;
 text-decoration: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background: #ebebeb;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: none;
 background: #ebebeb;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 background: #999;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }

#content{ float:left; padding:20px; border-top:1px solid #dadbdd;}


.breadCrumb
{
	margin: 0;
	padding: 0;
	display: block;
	height: 21px;
	overflow: hidden;	
	padding: 3px 5px;
	border: 2px solid #FFF;
	background: #f5F5F5;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 0px;   
	-moz-box-shadow: 2px 2px 7px #cccccc;
	-webkit-box-shadow: 2px 2px 7px #cccccc;
	box-shadow: 2px 2px 7px #cccccc; color:#2d0307;            
}
.smf .breadCrumb{margin-left: 320px;}


.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 48px;
	display: block;
	width: 1402px;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background: url(../images/Chevron.gif) no-repeat 100% 0;
}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;

}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(../images/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay
{
	display: none;
	background: url(../images/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}

#innercontent
{
	position: relative; 
	margin-left: 0px; 
	top: 100px;
	left: 0px;
	text-align: left;
	
}
#innercontent1
{
	position: relative; 
	margin-left: 0px; 
	margin-top:20px;
	top: 15px;
	width:98%;
	margin:0px auto;
	left: 0px;
	text-align: left;
	
}
.widget
{
	position: relative; 
	width: 100%; 
	margin-bottom: 20px;
	
	
}
.widget .head 
{
	   
	border: 1px solid #000929;
	padding-left: 5px;
	background:#000929;
	-webkit-box-shadow: inset 0 1px #000929; -moz-box-shadow: inset 0 1px #000929; box-shadow: inset 0 1px #000929; 
	-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
	.widget .head h2 
	{
	    margin: 0px 0px 0px 5px; 
	    padding: 0px; 
	    font-family:Arial;
	    font-size: 13px; 
	    padding: 7px 0px 7px 0px;
	    display: inline-block; 
	    line-height: 20px;
	    color:#fff;
	    
	    }
	.block,.block-fluid{background: #fff;margin-bottom: 20px;}
	.block-fluid{padding: 0px;
}

.widget1
{
	position: relative; 
	width: 50%; 
	margin-bottom: 20px;
	margin: 0px 0px 0px 25%;
}

.widget1 .head 
{
	background-image: url('../images/bg_box_head.jpg');    
	border: 1px solid #DDD;
	padding-left: 5px;
	-webkit-box-shadow: inset 0 1px white; -moz-box-shadow: inset 0 1px #fff; box-shadow: inset 0 1px white; 
	-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
	.widget .head h2{ margin: 0px 0px 0px 5px; padding: 0px; font-family: 'Helvetica Neue','Helvetica',Arial,sans-serif; font-size: 13px; padding: 7px 0px 5px 0px;
	font-weight: bold; text-shadow: 0 1px black; display: inline-block; line-height: 20px;}
	.block,.block-fluid{margin-bottom: 20px;}
	.block-fluid{padding: 0px;
}






* html .row-form{ height: 1%; overflow: visible; } /* ie 6 */
        *+html .row-form{ min-height: 1%; } /* ie 7 */
        .row-form:after{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }
        /* eof set */
       
    /*.row-form{border: 1px solid #DDD; border-top-color: #FFF; padding: 10px 15px; vertical-align: baseline;}*/
    
    .row-form{border: 1px solid #DDD; border-top-color: #fff; padding: 10px 5px; vertical-align: baseline;}
    .row-form:first-child{border-top-color: #DDD;}
        .row-form > [class^="span"]{color: #333; text-shadow: 1px 1px 1px #FFF; line-height: 20px;}        
select:focus{outline: 0 !important;}       
textarea{min-height: 100px;}

input[type="text"], input[type="password"], textarea, select{ border:1px solid #DDD; color: #454545; height: 22px; padding-left:7px; font-family:Arial;font-size:12px;
}                  
textarea{min-height: 100px;}

.span2{ width:120px; float:left;
}

.span2_L{ width:50px; float:left;
	height: 18px;
}
.login_right
            {
            float: right;
            color:#fff;
            }
             
.usrpwd{ width:230px; padding:5px; border:0px;}
.span2_date{ width:75px; float:left;margin-left:-50%}

.span10{margin-left:20px; float:left;height: auto;
}
	.span_grid{width:99%; margin:0px auto; margin-left:20px;}
.span10_OL{margin-left:0px;float:left;
	}

.span10_R{margin-right:70px;float:right; }

.span10_L{margin-left:100px;float:left; }

.goods_val{margin-left:20px;float:right; }
.small, input[type="text"].small{ width:160px;line-height:50px}
.mini, input[type="text"].mini{ width:100%;}
.mini_lft, input[type="text"].mini_lft{width:100%; float:right;}
.onehalf{ width:50%; float:left;}

.onehalf_slider{ width:50%; margin-left:5%;}

.span10_slider_L{margin-left:1%; float:left;}
.span10_slider_R{margin-left:246%; float:left;}

.span10_slider_R1{margin-left:386%; float:left;}

.span10_slider_R2{margin-left:635%; float:left;}

.span10_slider_R3{margin-left:775%; float:left;}

.span10_slider_R4{margin-left:1026%; float:left;}


.onehalf_right{ width:50%; float:right;}

.sep{ height:10px;}

.onethird{width:32.33%; float:left; margin-right:1%;}

.onethird_gr{width:30.33%; float:left; margin-right:1%;}


.onesix{width:5.33%; float:left; margin-right:1%;}


.onethird_col{width:22.33%; float:left; margin-right:1%;}



.onethird_col_customer{width:30%; float:left; margin-right:1%;}


.onethird_col_chk{width:15.33%; float:left; margin-right:1%;}

.onethird_col_grid{width:7%; 
float:left; margin-right:1%;
}

.onethird_col_grid_M{width:8.33%; float:left; margin-right:1%;}

.onethird_col_grid_delivery{width:20.33%; float:left; margin-right:1%;}

.onethird_col_grid_Text{width:9.33%; float:left; margin-right:1%;}

.onethird_col_grid_right{width:31%; 
float:right; margin-right:16%;
	height: 18px;
}
.mini_col, input[type="text"].mini_col{ height:20px;text-align:center;}

.mini_col_n,input[type="text"].mini_col_n{ width:96%; height:20% ;text-align:right;}

.mini_col_cust, input[type="text"].mini_col_cust{ width:120%; height:20%}

.mini_col_cust_RT, input[type="text"].mini_col_cust_RT{ width:120%; height:20%;float:right;}

.onetenth{ width:9%; margin-right:1%; float:left}

.onetenbutton{ width:3%; margin-right:1%; float:left;margin-top:20%;}
.last{ margin-right:0px;}
.clearer{ height:0px; line-height:0px; font-size:0px; clear:both;}



/* table style*/
 
 
.tablestyle 
{
font-family: arial;
font-size: 12px;
border: solid 1px #7f7f7f;
margin-right: 0px;
}

.altrowstyle 
{
    background-color: #edf5ff;
}

.headerstyle th 
{
    background: #000929;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #fff;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
    text-shadow: -2px 2px 15px #03A9F4;
}  

.footerstyle 
{
    background: url(images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}  

.headerstyle th a
{
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #fff;
    display: block;
    padding-right: 10px;
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow 
{
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow 
{
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td 
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}



.pagee {
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 108%;
line-height: 1.4;
font-weight:bold;
}
        
    .style3
    {
        width: 34%;
    }
    .style4
    {
        width: 255px;
    }
      .ybox
	{
		border: 1px solid #ddd !important;
		margin: 0;
		xmin-width: 0;
		padding: 10px;       
		position: relative;
		border-radius:4px;
		background-color:#ffeb3b;
		padding-left:10px!important;
	}	
	
		.ybox legend
		{
			font-size:14px;
			font-weight:bold;
			margin-bottom: 0px; 
			width: 35%; 
			border: 1px solid #ddd;
			border-radius: 4px; 
			padding: 5px 5px 5px 10px; 
			background-color: #cddc39;
		}
  
  
    input[type=text]:focus, textarea:focus,select:focus
            {
                    background-color: #FFBFFF;
                  
                
            }