﻿#chempost-table
{
    padding-bottom: 20px;
}
#chempost-table td a
{
    color: #393939! important;
}
#chempost-table td a:hover
{
    text-decoration: underline;
}
#chempost-table th
{
    height: 40px;
}
#chempost-table th.align-center
{
    padding-left:0px;
    text-align:center;
}
#chempost-table .minwidth-1
{
    min-width: 110px;
}
#chempost-table td
{
    border: 1px solid #d2d2d2;
    padding-left: 5px;
}
#chempost-table td.align-center
{
    text-align:center;
    padding-left:0;
}
#chempost-table td.align-left
{
    text-align:left;
}
#chempost-table td.padding_none
{
    padding-left: 0px !important;
}
#chempost-table tr.normal_row
{
    background: #ffffff;
}
#chempost-table tr.alternate-row
{
    background: #ececec;
}
#chempost-table tr.pager-row
{
    background-color: #fafafa;
}
#chempost-table tr.pager-row table
{
    float: right;
    margin:3px 3px 3px;
}
#chempost-table tr.pager-row table td
{
    width:20px! important;
    padding: 2px 8px;
    background-color: #ffffff;
    text-align:center;
}
#chempost-table tr.pager-row table td:hover
{
    background-color: #B3CC5A;
}
#chempost-table tr.pager-row table td span
{
    font-size: 14px;
    font-weight: bold;
}
td.options-width
{
    padding: 0 0 0 10px;
    width: 210px;
}
.table-header-check
{
    background: url(../../images/table_header_checkbox.jpg) no-repeat;
    border: none;
    min-width: 29px;
    padding: 0px 0 0 10px;
    width: 29px;
}
.table-header-options
{
    background: url(../../images/table_header_options.jpg) no-repeat;
    border: none;
    min-width: 221px;
    padding: 0px 0 0 0;
    width: 221px;
}
.table-header-repeat
{
    background: url(../../images/table_header_repeat.jpg) repeat-x;
    border: 1px solid #dadada;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-transform:capitalize;
}
.table-header-options a, .table-header-repeat a
{
    background: url(../../images/table_sort_arrow.gif) right no-repeat;
    color: #fff! important;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 0 10px 0 0;
}

.table-header-options a:hover, .table-header-repeat a:hover
{
    color: #000000;
}

th.line-left
{
    border-left: 1px solid #dadada;
}
.align-left th
{
    text-align:center;
    padding-left:4px;
}
#mila-table tr.activity-blue
{
    background: #e3eceb;
}
/* STYLED CHECKBOXES AND RADIOS -------------------------------------------- */
.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover
{
    color: #999;
}
span.ui-checkbox, span.ui-radio
{
    background: url(../../images/check_box.gif) 0 -13px no-repeat;
    display: block;
    float: left;
    height: 13px;
    width: 13px;
}
span.ui-helper-hidden
{
    display: none;
}
label
{
    padding: 2px;
}
span.ui-checkbox-state-checked
{
    background-position: 0 0px;
}
span.ui-checkbox-state-checked-hover
{
    background-position: 0 0px;
}
span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked
{
    background-position: 0 -161px;
}
span.ui-radio-state-checked-hover
{
    background-position: 0 -17px;
}
label
{
    color: black;
    line-height: 20px;
}
.ui-helper-hidden-accessible
{
    left: -999em;
    position: absolute;
}
a.icon-1
{
    background: url(../../images/table_icon_1.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-1
{
    background: url(../../images/table_icon_1.gif) 0 -24px;
}
a.icon-2
{
    background: url(../../images/table_icon_2.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-2
{
    background: url(../../images/table_icon_2.gif) 0 -24px;
}
a.icon-a
{
    background: url(../../images/a.png) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-a
{
    background: url(../../images/a.png) 0 -24px;
}
a.icon-u
{
    background: url(../../images/u.png) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-u
{
    background: url(../../images/u.png) 0 -24px;
}
a.icon-3
{
    background: url(../../images/table_icon_3.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-3
{
    background: url(../../images/table_icon_3.gif) 0 -24px;
}
a.icon-4
{
    background: url(../../images/table_icon_4.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-4
{
    background: url(../../images/table_icon_4.gif) 0 -24px;
}
a.icon-5
{
    background: url(../../images/table_icon_5.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
}
a:hover.icon-5
{
    background: url(../../images/table_icon_5.gif) 0 -24px;
}
a.icon-6
{
    background: url(../../images/table_icon_6.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-6
{
    background: url(../../images/table_icon_6.gif) 0 -24px;
}
a.icon-7
{
    background: url(../../images/view.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-7
{
    background: url(../../images/view.gif) 0 -24px;
}
a.icon-8
{
    background: url(../../images/chatWTGREYIcon.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-8
{
    background: url(../../images/chatWTGREYIcon.gif) 0 -24px;
}
a.icon-8-green
{
	background: url(../../images/chatWTGREYIcon.gif) 0 -48px;
	display: block;
	float: left;
	height: 24px;
	margin: 0 0 0 0;
	width: 24px;
}
a:hover.icon-8-green
{
	background: url(../../images/chatWTGREYIcon.gif) 0 -48px;
}
#tooltip
{
    background-color: #8c8c8c;
    border: 1px solid #767676;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    opacity: 0.85;
    padding: 0 5px;
    position: absolute;
    text-align: left;
    z-index: 3000;
}
#tooltip h6, #tooltip div
{
    font-family: Arial;
    font-size: 11px;
    line-height: 20px;
    margin: 0;
}
/* MESSAGES --------------------------------------------------------------- */
#message-yellow
{
    margin-bottom: 5px;
}
.yellow-left
{
    background: url(../../images/message_yellow.gif) top left no-repeat;
    color: #e79300;
    font-family: Tahoma;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.yellow-left a
{
    color: #e79300;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.yellow-right a
{
    cursor: pointer;
}
.yellow-right
{
    width: 55px;
}
#message-blue
{
    margin-bottom: 5px;
}
.blue-left
{
    background: url(../../images/message_blue.gif) top left no-repeat;
    color: #2e74b2;
    font-family: Tahoma;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.blue-left a
{
    color: #2e74b2;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.blue-right a
{
    cursor: pointer;
}
.blue-right
{
    width: 55px;
}
#message-red
{
    margin-bottom: 5px;
}
.red-left
{
    background: url(../../images/message_red.gif) top left no-repeat;
    color: #ce2700;
    font-family: Tahoma;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.red-left a
{
    color: #ce2700;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.red-right a
{
    cursor: pointer;
}
.red-right
{
    width: 55px;
}
#message-green
{
    margin-bottom: 5px;
}
.green-left
{
    background: url(../../images/message_green.gif) top left no-repeat;
    color: #6da827;
    font-family: Tahoma;
    font-weight: bold;
    line-height: 12px;
    padding: 0 0 0 20px;
}
.green-left a
{
    color: #6da827;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.green-right a
{
    cursor: pointer;
}
.green-right
{
    width: 55px;
}


/* Added by anil-2 on 27-03-12*/
a.view1
{
	background: url(../../images/view.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
    cursor:pointer;
}
a:hover.view1
{
	background: url(../../images/view.gif) 0 -24px;
}
a.manage1
{
	background: url(../../images/manage_linksIcon.png) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
    cursor:pointer;
}
a:hover.manage1
{
	background: url(../../images/manage_linksIcon.png) 0 -24px;
}

a.icon-active
{
    background: url(../../images/activeICON.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-active
{
    background: url(../../images/activeICON.gif) 0 -24px;
}

a.icon-inactive
{
    background: url(../../images/inactiveICON.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-inactive
{
    background: url(../../images/inactiveICON.gif) 0 -24px;
}

a.icon-Cancel
{
    background: url(../../images/cancelICON.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-Cancel
{
    background: url(../../images/cancelICON.gif) 0 -24px;
}

/* NEW CSS BY ANIL 31/03/2012*/
#mila-table1
{
    padding-bottom: 20px;
}
#mila-table1 td a
{
    color: #393939! important;
}
#mila-table1 td a:hover
{
    text-decoration: underline;
}
#mila-table1 th
{
    height: 40px;
}
#mila-table1 th.align-center
{
    padding-left:0px;
    text-align:center;
}
#mila-table1 .minwidth-1
{
    min-width: 110px;
}
#mila-table1 td
{
    border: 1px solid #d2d2d2;
    padding-left: 5px;
}
#mila-table1 td.align-center
{
    text-align:center;
    padding-left:0;
}
#mila-table1 td.padding_none
{
    padding-left: 0px !important;
}
#mila-table1 tr.normal_row
{
    background: #ffffff;
}
#mila-table1 tr.alternate-row
{
    background: #ececec;
}
#mila-table1 tr.pager-row
{
    background-color: #fafafa;
}
#mila-table1 tr.pager-row table
{
    float: right;
    margin:3px 3px 3px;
}
#mila-table1 tr.pager-row table td
{
    width:20px! important;
    padding: 2px 8px;
    background-color: #ffffff;
}
#mila-table1 tr.pager-row table td:hover
{
    background-color: #B3CC5A;
}
#mila-table1 tr.pager-row table td span
{
    font-size: 14px;
    font-weight: bold;
}
td.options-width
{
    padding: 0 0 0 10px;
    width: 210px;
}
.table-header-check
{
    background: url(../../images/table_header_checkbox.jpg) no-repeat;
    border: none;
    min-width: 29px;
    padding: 0px 0 0 10px;
    width: 29px;
}
.table-header-options
{
    background: url(../../images/table_header_options.jpg) no-repeat;
    border: none;
    min-width: 221px;
    padding: 0px 0 0 0;
    width: 221px;
}
.table-header-repeat
{
    background: url(../../images/table_header_repeat.jpg) repeat-x;
    border: 1px solid #dadada;
    color: #fff;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    padding: 0 10px 0 10px;
    text-transform:capitalize;
}
.table-header-options a, .table-header-repeat a
{
    background: url(../../images/table_sort_arrow.gif) right no-repeat;
    color: #fff! important;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    padding: 0 10px 0 0;
}

.table-header-options a:hover, .table-header-repeat a:hover
{
    color: #000000;
}

th.line-left
{
    border-left: 1px solid #dadada;
}
#mila-table1 tr.activity-blue
{
    background: #e3eceb;
}

/* Alphabet css A to Z */

.alphabets
{
	width: auto;
	height: auto;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 5px 5px 0px;
}
.alphabets .letter
{
	width: 15px;
	height: 15px;
	float: left;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin: auto;
	padding: 5px;
	margin-left: 3px;
	background: #fff;
	color: #666666;
}
.alphabets .letter:hover
{
	background: #B3CC5A;
	color: #fff;
}

a.icon-1-yellow
{
    background: url(../../images/table_icon_1_Y.gif) 0 -24px;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 0;
    width: 24px;
}
a:hover.icon-1-yellow  
{  
    background: url(../../images/table_icon_1_Y.gif) 0 -24px;  
}  
.yellowbg  
{  
    background-color: Yellow;  
}  
.blueTxt
{
    font-size: 12px;
    background: #fff no-repeat 4px 5px;
    display: inline-block;
    padding: 5px 20px 6px !important;
    color: #006699 !important;
    border: 1px solid #ccc;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.2em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    position: relative;  
    outline: none;    
}

.paidList td .status{ position:relative; cursor:pointer; width:55px; text-align:center;}
.paidList td .tt{border:1px solid #ccc; background:#eee; padding:10px; color:#333; z-index:999999; font-size:12px; position:absolute; width:160px; display:none; display:none; left:48px; top:3px; text-align:left;}
.paidList td .name{ color:#006600; font-weight:bold;} 