body{background:#f2f2f2; margin:0; padding:0; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:99%; }
html {height:99%;}

img,a,p,b,h1,h2,h3,h4,h5,h6,h7,div,id,class,ul,li,marquee,table,div,id,iframe,form,img,tr,onclick,table{ padding:0; margin:0; }

a{color:#0160b0; text-decoration:none;}
p b a{ color:#587b04; }
p{ font-size:14px; color:#58595a; line-height:20px; text-align:justify;}
h1{color:#434344; font-size:24px; font-weight:bold;}
h2{font-size:14px; font-weight:bold; color:#656363; text-transform:uppercase; text-align:center;}
h3{font-size:16px; color:#088db9; text-transform:uppercase; text-align:center;}
h4{font-size:11px; color:#eae8e8; font-weight:bold; text-transform:uppercase; line-height:20px;}
h5{font-size:14px; color:#088db9; font-weight:bold; }
a h5{ margin-top:10px;}
h6{ font-size:16px; color:#088db9; text-transform:uppercase; }
h7{ font-size:24px; color:#d8452b; font-weight:bold;  }



.su{font-weight:bold;}
/*------class------start----*/
.clr{clear:both; margin:0; padding:0;}
.gap{ padding-top:10px; margin-bottom:10px;}
.fl{float:left;} .fr{float:right;}
.dot{ margin:10px 0 10px 0; border:#143e01 1px dotted; display:block;}
.shadow{ box-shadow:0px 1px 2px 2px rgba(22,22,22,0.3); border:solid 1px #6b6b6b;}
.messagee{  border:#143e01 1px dotted; width:98%; background:#dbf6fd; padding:5px 5px; margin:10px 0; }
.witestill{background:#ffffff;}
.datee{width:90px;}
.calenderbg{background:url(../scripts/calendar/cal.gif) no-repeat center; border:none; width:30px; }
.amountt{width:90px; text-align:right;}



.imghover{ width:40px; height:40px; display:block; background:url(../menu/arrow.png) no-repeat top left; float:right;}
.ttr1{color:#FF0000; background-color:#CCC; font-style:italic }
.ttr2{color:#FFFFFF; background-color:#FFFFFF; text-align:left }
.tb tr td{ text-align:center;}

.butt{  color:#edf8ff !important; padding:3px 10px;  font-weight:bold;  box-shadow:0px 1px 2px 2px rgba(22,22,22,0.1); border:#02607f 1px solid; cursor:pointer; margin:0 2px; border-radius:6px; 

 background:-webkit-gradient(linear, left top, left bottom, from(#02607f), to(#0785ae)); 
 background: -webkit-linear-gradient(top, #02607f, #0785ae);
 background: -moz-linear-gradient(top, #02607f, #0785ae);  
  }
.whitetable{ background:#FFFFFF; padding:15px;}
.centerr{ text-align:center; margin:0 auto;}
.permission{ width:150px; display:block; left:5px; background:#FFFFFF;  }
.permissionbox{  padding:5px;  margin:3px; display:block; width:100%; background:#eff0f1;}
.permissionbox:hover{ background:#ccebf8;}

.selectboxs{ background:#8cdafc; padding:15px; }
.selectboxs tr td{ padding:5px 10px; }
.selectboxs input{ border-radius:7px; padding:0 3px; outline: none; }
.selectboxs select{ border-radius:7px; padding:0 0 0 3px; outline: none; border:#9edefa 1px solid; width:120px; }
.pdf{ background:url(../pics/pdf_icon.png) no-repeat center; border:none; width:20px; height:20px;}

#orica .linkk a{ font-size:12px; text-decoration:none; color:#151515; font-weight:bold;}
#orica .linkk a:hover{ color:#f5fdff;}
 
.cont-bg{  border-radius:10px; border:1px #b4b4b4 solid; margin:10px auto; min-width:300px; display:table; overflow:hidden;}
.cont-bg h2{ background:#0684b7; line-height:28px; color:#ffffff; }
.cont-bg h2 a{ color:#fdffff; }
.cont-bg h2 a:hover{ color:#58d0fe; }
.cont-bgin{ padding:10px 20px 20px 20px; }
.cont-bg table{border-radius:10px; }
.cont-bg textarea, select{ width:150px;}
.memberphoto{ width:102px; height:102px; overflow:hidden; border:#626262 1px solid; display:block; }
.memberphoto img{width:100px;}

.GridContainer{margin:10px auto; min-width:300px; display:table;}
.GridContainer table{ border-collapse: collapse; border: 1px solid #CDCDCD;}


.serch{width:180px; background:url(../pics/search.gif) no-repeat right #FFFFFF;}
.serchi{width:145px; background:url(../pics/search.gif) no-repeat right #FFFFFF;}
.subserach{
background:#e39d06;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ec9306), to(#ffd202));
background: -moz-linear-gradient(top, #2F2727, #1a82f7);
background: -ms-linear-gradient(top, #2F2727, #1a82f7);
background: -o-linear-gradient(top, #2F2727, #1a82f7);

 margin-top:-16px; margin-right:0px; position:absolute; width:auto; border-radius:0 0 10px 10px; padding:3px 8px 6px 8px;}
.subserach .butt{  
color:#753705 !important; padding:3px 13px;  font-weight:bold; 
border:#8e430b 1px solid; 
cursor:pointer; margin:0 2px; border-radius:4px; 
background: #02607f; /* Old browsers */
background: -webkit-radial-gradient(45px 45px, farthest-corner, rgb(254, 226, 93) 10%, rgb(254, 209, 0) 100%) !important;
background: -   moz-radial-gradient(45px 45px, farthest-corner, rgb(254, 226, 93) 10%, rgb(254, 209, 0) 100%) !important;
background:         radial-gradient(45px 45px, farthest-corner, rgb(254, 226, 93) 10%, rgb(254, 209, 0) 100%) !important;

}
.subserach .butt:hover{
background: -webkit-radial-gradient(45px 45px, farthest-corner, rgb(164, 61, 5) 30%, rgb(221, 81, 5) 100%) !important;
background:    -moz-radial-gradient(45px 45px, farthest-corner, rgb(164, 61, 5) 30%, rgb(221, 81, 5) 100%) !important;
background:         radial-gradient(45px 45px, farthest-corner, rgb(164, 61, 5) 30%, rgb(221, 81, 5) 100%) !important;
color:#f8d5a3 !important;
}





/*------id----------*/

#tophead{ background:#372518;}
#topheadin{ width:970px; margin:0 auto; height:30px; padding:0 15px 0 0; display:block;}
#tophead p{ font-size:14px; color:#e8e7e6; font-weight:bold; line-height:30px; display:block;}
#search{width:270px;}
#search form{margin-top:3px;}
#main{ width:1000px; margin:0 auto; height:99%; border:#5c5c5c 1px solid;  display:block; background:#ffffff;  }
#banner{ background:#06769b;  display:block; 
 background:url(images/bannerbg.jpg) repeat-x top;}
#bannerin{ /*background:url(images/header.jpg) no-repeat top left; height:191px;*/}
#bannerin02{ background:url(images/bannerbg.jpg) repeat-x bottom; height:80px;}
#headleft{ width:640px; height:95px; }
#headleft02{  width:555px; height:30px; padding-top:6px; }
#headleft02 h1 a{color:#ffffff; font-size:20px; padding:0px 15px; font-weight:normal; line-height:30px;}
#headleft02 h1 a b{ text-transform:uppercase; color:#2dcbff;}
#headleft02 h1 a:hover { text-decoration:none;  }
#headleft02 h1 a:hover b{ color:#ffffff;}


#orica{ width:254px; height:70px; margin-top:88px;}
#orica a{ text-decoration:none;}
#logo{width:200px; height:40px; display:block;}
 
#headright{ width:300px; height:150px; background:url(images/headerright.jpg) no-repeat top right; } 
#headright02{ width:320px; height:20px; padding-top:10px;} 
#topmenu{ width:auto; height:40px;}
#topmenu a{ color:#ffffff; line-height:20px; height:20px; margin:0 7px; float:left;}
.help{ background:url(images/help.png) no-repeat right center; padding-right:20px; height:20px; display:block; width:30px;}

#menu{ width:100%; height:40px; }
#content{ padding:15px 15px 0 15px; overflow:scroll; height:79%;     }

#content::-webkit-scrollbar { height:15px; width:15px; position:absolute; top:-110px; display:block; }
#content::-webkit-scrollbar-button { background:#18a1cb;}
#content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;   }
#content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); background:#adbec4; }
#content::-webkit-scrollbar-track-piece  { width:100px; background:#effbff; }

#content::-webkit-scrollbar-button:horizontal:increment {   background-image:url(../scroll/01.gif) ;}
#content::-webkit-scrollbar-button:horizontal:decrement {  background-image:url(../scroll/02.gif);  }
#content::-webkit-scrollbar-button:vertical:increment { background-image:url(../scroll/04.gif); }
#content::-webkit-scrollbar-button:vertical:decrement { background-image:url(../scroll/03.gif); }

#content::-moz-scrollbar { height:10px; position:absolute; top:-110px; display:block; }
#content::-moz-scrollbar-button { background:#666666;}
#content::-moz-scrollbar-track { -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;   }
#content::-moz-scrollbar-thumb { border-radius: 10px; -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); background:#e3e2db; }
#content::-moz-scrollbar-track-piece  { width:100px; background:#CCCCCC; }

#login{padding:15px; background:url(../pics/loginbg.jpg) no-repeat top right;  }
#loginin{  background:url(../pics/computer.jpg) no-repeat top left; width:650px; height:250px; margin:60px 0 0 60px; }

#mission{/* background:#502727;*/ margin-top:15px; text-align:center; color:#000;}

#centermenu{ width:77%; margin:0 auto;}
#centermenu a{ padding:20px 15px; color:#f4fdff; font-size:18px; text-transform:uppercase; width:290px;   display:block; border-radius:15px; border:#ffffff 3px solid;  box-shadow:0px 1px 2px 2px rgba(22,22,22,0.2); float:left; margin:0 20px 0 0; text-align:center;  
background:#0782b4;  
background:-webkit-gradient(linear, left top, left bottom, from(#0782b4), to(#17a9d6)); 
background: -webkit-linear-gradient(top, #0782b4, #17a9d6);
background: -moz-linear-gradient(top, #0782b4, #17a9d6);  }

#centermenu a:hover{  
background:#17a9d6;  
background:-webkit-gradient(linear, left top, left bottom, from(#17a9d6), to(#1dc7fc)); 
background: -webkit-linear-gradient(top, #17a9d6, #1dc7fc);
background: -moz-linear-gradient(top, #17a9d6, #1dc7fc);  }








#footer{ background:#128ec0; padding:0px 20px; margin:0 auto; width:960px; height:40px; bottom:0px;   }
#footer p{ font-size:12px; color:#e9f9ff; font-weight:bold; text-align:center; text-decoration:none; line-height:40px;}
#footer p a{ color:#85e3fe;}
#footer p a:hover{ color:#FFFFFF;}

#bottambtns{ width:200px;}

**TABLE CSS ADDED BY THIRU VT**/
/* ------------------------- !TABLE BLOCKS --------------------------------- */



table.gridtable,table.gridtable2,table.gridtableCopyAC,table.gridtableUser
	{
	border-collapse: collapse;
	font-family: Helvetica, Georgia;
	border: 1px solid #CDCDCD;
	background: #FCF9E0;
	width: 100%;
}

.gridtable thead,.gridtable2 thead,.gridtableCopyAC thead,.gridtableUser thead
	{
	background: #FFF url("images/accutitle.png") repeat-x left bottom;
	cursor: pointer;
    font-weight: bold; 
    text-align: center;
	height: 0px;
}

.gridtable th,.gridtable2 th,.gridtableCopyAC th,.gridtableUser th {
	padding: 7px 8px;
	border-right: 1px solid #CDCDCD;
	font-size: 13px;
	font-weight: normal;
	color: #fff8f8;
}

.gridtable th.lastTh,.gridtable2 th.lastTh,.gridtableCopyAC th.lastTh,.gridtableUser th.lastTh
	{
	border-right: 0;
}

.gridtable tbody,.gridtable2 tbody,.gridtableCopyAC tbody,.gridtableUser tbody
	{
	border-top: 1px solid #DEC4A5;
}

.gridtable tbody tr.odd,.gridtableUser tbody tr.odd {
	background-color: #FFF;
}

.gridtable tbody tr.even,.gridtable2 tbody tr.even {
	background-color: #F0F0F0;
}

.gridtable td,.gridtable2 td,.gridtableCopyAC td,.gridtableUser td {
	border-bottom: 1px #CDCDCD solid;
	padding: 5px 8px;
	border-right: 1px #CDCDCD solid;
	font-size: 12px;
	color: #000000;
}
.gridtable thead td{  color:#FFFFFF;}


.gridtable td.alignCenter,.gridtable2 td.alignCenter,.gridtableCopyAC td.alignCenter,.gridtableUser td.alignCenter
	{
	text-align: center;
}

.gridtable td.alignRight,.gridtable2 td.alignRight,.gridtableCopyAC td.alignRight,.gridtableUser td.alignRight
	{
	text-align: right;
}

.gridtable tbody tr td:last-child,.gridtable2 tbody tr td:last-child,.gridtableCopyAC tbody tr td:last-child,.gridtableUser tbody tr td:last-child
	{
	border-right: 0;
}

.gridtable tbody tr:last-child td,.gridtable2 tbody tr:last-child td,.gridtableCopyAC tbody tr:last-child td,.gridtableUser tbody tr:last-child td
	{
	border-bottom: 0;
}

.gridtable .details,.gridtable2 .details,.gridtableCopyAC .details,.gridtableUser .details
	{
	border: 0;
}

.gridtable .lastcol,.gridtable2 .lastcol,.gridtableCopyAC .lastcol,.gridtableUser .lastcol
	{
	border-right: 0px;
}

.gridtable th.sorting_asc,.gridtable2 th.sorting_asc,.gridtableCopyAC th.sorting_asc,.gridtableUser th.sorting_ascs
	{
	background: url("images/unsort.gif") no-repeat scroll 97% 50% #98B9FC;
	cursor: pointer;
	padding: 0 13px 0 4px;
}

.gridtable th.sorting_desc,.gridtable2 th.sorting_desc,.gridtableCopyAC th.sorting_desc,.gridtableUser th.sorting_desc
	{
	background: url("images/sort.gif") no-repeat scroll 96% 50% #98B9FC;
	cursor: pointer;
	padding: 0 13px 0 4px;
}

.gridtable th.sorting,.gridtable2 th.sorting,.gridtableCopyAC th.sorting,.gridtableUser th.sorting
	{
	cursor: pointer;
}

.gridtable td.sorting_1,.gridtable2 td.sorting_1,.gridtableCopyAC td.sorting_1,.gridtableUser td.sorting_1 { }


.dataTables_length {
width: 40%;
float: left;
margin-bottom: 10px;
margin-top: 10px;
}
.dataTables_filter {
width: 50%;
float: right;
text-align: right;
margin: 10px;
}
.dataTables_info {
width: 60%;
float: left;
margin-top: 10px;
}
.dataTables_wrapper {
border-top:1px solid transparent;
clear: both;
zoom: 1;
}
.dataTables_paginate {
float: right;
text-align: right;
margin-top:10px;
margin-bottom:10px;
text-decoration: underline;
}
.dataTables_paginate .first{
margin-left:10px;
}
.dataTables_paginate a{
margin-right:5px;
color:#0160B0;
cursor:pointer;
}

.dvbuttons{
	border: 0;
	float: right;
	width: 50%;
	margin-top: 10px;
	margin-bottom:15px;
}
/* For filling page */
.dvbuttons2{
	border: 0;
	float: right;
	width: 75%;
	margin-top: 10px;
	margin-bottom:15px;
}
/*for del challan*/
.dvbuttonsdel{
	border: 0;
	float: right;
	width: 63%;
	margin-top: 10px;
	margin-bottom:15px;
}
.topDiv {
    margin: 20px;
    padding-left: 25%;
}
/****For report page***********/
.topDivCylList {
    margin: 20px;
    padding-left: 7%;
}
.dvRowCyl label {
	color: #505050;
	float: left;
	font-size: 12px;
	margin: 5px 0 5px;
	width: 98%;
}
.dvRowCyl input {
	border: 1px solid #CDCDCD;
	color: #000000;
	float: left;
	font-size: 12px;
	margin: 0 5px 5px 0;
	padding: 3px 6px;
	border-radius: 3px;
}

.fspanel .dvRowCyl {
	float: left;
	margin: 5px 0 0;
	width: 100%;
}
/****For report page***********/
.topDivleft {
    margin: 20px;
    padding-left: -3%;
}
.topDivright {
    margin: 20px;
    padding-left: 48%;
}
.fspanel {
	display: table;
	background-color:#DADADA;
	border:1px solid gray;
	clear: both;
	margin: 10px;
	padding:20px;
}
.colwidth46 {
	width: 46%;
	float: left;
	padding: 5px 0 0 0;
}

.colwidth20 {
	width: 20%;
	float: left;
	padding: 5px 0 0 0;
}
.colwidth27 {
	width: 27%;
	float: left;
	padding: 5px 0 0 0;
}
.colwidthdel27 {
	width: 13%;
	float: right;
	padding: 5px 0 0 0;
}
.colwidthdel10 {
	width: 12%;
	float: right;
	padding: 5px 0 0 0;
}

.colwidth10 {
	width: 10%;
	float: left;
	padding: 10px 0 0 0;
}

.colwidth32 {
	width: 32%;
	float: left;
	padding: 5px 0 0 0;
}
.dvRow label {
	color: #505050;
	float: left;
	font-size: 12px;
	margin: 5px 0 5px;
	width: 98%;
}
.dvRow input {
	border: 1px solid #CDCDCD;
	color: #000000;
	float: left;
	font-size: 12px;
	margin: 0 5px 5px 0;
	padding: 3px 6px;
	border-radius: 3px;
}

.fspanel .dvRow {
	float: left;
	margin: 5px 0 0;
	width: 100%;
}
.fspanel h3 {
	font-size: 12px;
	font-weight: bold;
	float: left;
	border-bottom: 1px solid;
	margin-bottom: 10px;
}
.fspanel .dvbtn{
	float: left;
    margin: 15px 25px 10px;
    width: 100%;
}
.fspanel .dvbtn2{
	float: left;
    margin: 15px 40px 10px;
    width: 100%;
}
.asterisk{
color : red;
font-size:20px;
font-weight:bold;
}
.errormsg {
    color: #FF0000;
    font-style: italic;
}
.isa_info, .isa_success, .isa_warning, .isa_error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em;
 
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
	margin-left: 20%;
    width: 50%;
	display:none;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
	margin-left: 20%;
    width: 50%;
	display:none;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
	margin-left: 20%;
    width: 50%;
	display:none;
}
.isa_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
	margin-left: 20%;
    width: 50%;
	display:none;
}
.deleteItem{
background-image:url(images/trash_icon.png);
background-repeat:no-repeat;
display:inline-table;
height:24px;
width:24px;
}