
/**************
**** tables ***
**************/

table				{ width: 100%; margin: 0px; margin-bottom: 20px; }

table.basic			{ border-spacing: 0px; border-collapse: separate; border-top: 3px solid #cccccc; border-bottom: 1px solid #FFFFFF; line-height: 16px; }
table.basic caption		{ background: none #bbbbbb; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: center;}
table.basic tr:hover		{ background: none !important; }
table.basic thead		{ color: #333333; }
table.basic th,
table.basic .title		{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; font-weight: bold; padding: 3px 6px 3px 0px; white-space: nowrap; text-align: left; }
table.basic tbody th		{ }
table.basic td			{ background: none !important; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 8px 3px 0px !important; line-height: 16px !important; }
table.basic thead		{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 6px 3px 0px; white-space: nowrap; }
table.basic td p		{ padding-bottom: 3px; padding-top: 3px; }


table.style1			{ border: 2px solid #CCC; }
table.style1 caption 		{ background: none #959595; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: left; }
table.style1 tr:hover		{ background: url(../images/bck_black_10.png); }
table.style1 th			{ background: #DDDDDD; border: 1px solid #FFFFFF; line-height: 22px; padding: 4px 6px 4px 6px; color: #333333; white-space: nowrap; text-align: center; }
table.style1 thead th		{ padding-top: 2px; }
table.style1 thead td		{ background: #DDDDDD; border: 1px solid #FFFFFF; text-align: left; line-height: 22px; padding: 2px 6px 4px 6px; white-space: nowrap; }
table.style1 tbody th,
table.style1 tbody .title	{ background: url(../images/bck_black_5.png); font-weight: bold; white-space: nowrap; color: #666666; }
table.style1 td			{ background: url(../images/bck_white_75.png); border: 1px solid #DDDDDD; padding: 4px 6px 4px 6px; }
table.style1 .icon16		{ margin-top: 3px; margin-bottom: 3px; }
table.style1 td.vcenter		{ vertical-align: middle; }
table.style1 td p		{  }

.datatable 							{ clear: both; }
.datatable thead th.sorting					{ cursor: pointer; padding-right: 25px; }
.datatable thead th.sorting_desc				{ cursor: pointer; padding-right: 25px; background: url(../images/arrow_sm_black_top.gif) center right no-repeat #eeeeee;}
.datatable thead th.sorting_asc					{ cursor: pointer; padding-right: 25px; background: url(../images/arrow_sm_black_down.gif) center right no-repeat #eeeeee;}
.datatable-n 							{ clear: both; }
.datatable-n thead th.sorting					{ cursor: pointer; padding-right: 25px; }
.datatable-n thead th.sorting_desc				{ cursor: pointer; padding-right: 25px; background: url(../images/arrow_sm_black_top.gif) center right no-repeat #eeeeee;}
.datatable-n thead th.sorting_asc				{ cursor: pointer; padding-right: 25px; background: url(../images/arrow_sm_black_down.gif) center right no-repeat #eeeeee;}

.dataTables_wrapper 						{ }
.dataTables_wrapper table					{ width: 100% !important; margin: 0px 0px 20px 0px; }
.dataTables_wrapper .dataTables_length 				{ float: left; margin: 0px 20px 15px 0px; }
.dataTables_wrapper .dataTables_filter 				{ margin: 0px 0px 15px 0px; }
.dataTables_wrapper .dataTables_filter input			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }
.dataTables_wrapper .dataTables_paginate 			{ float: right;  font-size: 11px; line-height: 20px; margin-top: -10px; padding-bottom: 10px; padding-right: 157px;}
.dataTables_wrapper .dataTables_paginate span			{ display: block; float: left; }
.dataTables_wrapper .dataTables_paginate .nav a			{ width: 22px; height: 22px; }
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_active	{ cursor: pointer; width: 20px; background: url(../images/button_glas2.png) center center repeat-x #eeeeee; text-align: center; color: #333333; font-weight: bold; text-decoration: none; margin: 0px 1px 0px 1px; border: 1px solid #dddddd; border-bottom: 1px solid #cccccc; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover	{ background-color: #FFFFFF; color: #00A5C4; text-decoration: none; }
.dataTables_wrapper .dataTables_paginate .paginate_active	{ background: url(../images/button_glas1.png) center center repeat-x #333333; border-width: 0px; line-height: 22px; width: 22px; color: #FFFFFF; text-decoration: none; font-weight: bold; width: 22px !important; }

.dataTables_wrapper .dataTables_paginate .first			{ background: url(../images/arrow_leftend_off.png) center center no-repeat !important; margin: 0px 0px 0px 0px; text-indent: -9999px; border-right-width: 0px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;}
.dataTables_wrapper .dataTables_paginate .first:hover		{ background: url(../images/arrow_leftend_ovr.png) center center no-repeat !important; text-indent: -9999px; }
.dataTables_wrapper .dataTables_paginate .previous		{ background: url(../images/arrow_left_off.png) center center no-repeat !important; margin: 0px 4px 0px 0px; text-indent: -9999px; border-left-width: 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px;}
.dataTables_wrapper .dataTables_paginate .previous:hover	{ background: url(../images/arrow_left_ovr.png) center center no-repeat !important; text-indent: -9999px; }
.dataTables_wrapper .dataTables_paginate .last			{ background: url(../images/arrow_rightend_off.png) center center no-repeat !important; margin: 0px 0px 0px 0px; text-indent: -9999px; border-left-width: 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px;}
.dataTables_wrapper .dataTables_paginate .last:hover		{ background: url(../images/arrow_rightend_ovr.png) center center no-repeat !important; text-indent: -9999px; }
.dataTables_wrapper .dataTables_paginate .next			{ background: url(../images/arrow_right_off.png) center center no-repeat !important; margin: 0px 0px 0px 4px; text-indent: -9999px; border-right-width: 0px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;}
.dataTables_wrapper .dataTables_paginate .next:hover		{ background: url(../images/arrow_right_ovr.png) center center no-repeat!important ; text-indent: -9999px; }

.chart-wrap table		{ border: 5px solid #DDDDDD; }
.chart-wrap caption 		{ background: none #959595; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: left; }
.chart-wrap tr:hover		{ background: url(../images/bck_black_10.png); }
.chart-wrap th			{ background: #DDDDDD; border-bottom: 1px solid #FFFFFF; text-align: left; line-height: 22px; padding: 4px 6px 4px 6px; color: #333333; white-space: nowrap; }
.chart-wrap thead th		{ padding-top: 2px; }
.chart-wrap thead td		{ background: #DDDDDD; border-bottom: 1px solid #FFFFFF; text-align: left; line-height: 22px; padding: 2px 6px 4px 6px; white-space: nowrap; }
.chart-wrap tbody th		{ background: url(../images/bck_black_5.png); font-weight: bold; white-space: nowrap; color: #666666; }
.chart-wrap td			{ background: url(../images/bck_white_75.png); border-bottom: 1px solid #DDDDDD; line-height: 22px; padding: 4px 6px 4px 6px; }

table .vcenter			{ vertical-align: middle; }
table .full			{ width: 100%; }
table .value			{ color: #47AB00; }
table .nowrap			{ white-space: nowrap; }


/* *********************************************************************
 * Modal window
 * *********************************************************************/

/*** page navigation ***/

.tab-footer		{ width: auto; padding-bottom: 10px; margin-top: 10px; }
.pager			{ font-size: 11px; line-height: 20px; }
.pager a		{ display: block; float: left; }
.pager .nav		{ display: block; float: left; }
.pager .nav a		{ width: 20px; height: 20px; border: 1px solid #dddddd; border-bottom: 1px solid #cccccc; }
.pager .nav a span	{ display: block; font-size: 0%; visibility: hidden; text-indent: -9999px; }
.pager a.first		{ background: url(../images/arrow_leftend_off.png) center center no-repeat; border-right-width: 0px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; }
.pager a.first:hover	{ background: url(../images/arrow_leftend_ovr.png) center center no-repeat; }
.pager a.previous	{ background: url(../images/arrow_left_off.png) center center no-repeat; border-left-width: 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }
.pager a.previous:hover	{ background: url(../images/arrow_left_ovr.png) center center no-repeat; }
.pager a.last		{ background: url(../images/arrow_rightend_off.png) center center no-repeat; border-left-width: 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }
.pager a.last:hover	{ background: url(../images/arrow_rightend_ovr.png) center center no-repeat; }
.pager a.next		{ background: url(../images/arrow_right_off.png) center center no-repeat; border-right-width: 0px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; }
.pager a.next:hover	{ background: url(../images/arrow_right_ovr.png) center center no-repeat; }
.pager .pages 		{ display: block; float: left; margin: 0px 4px 0px 4px; font-weight: bold; }
.pager .pages a		{ min-width: 20px; margin: 0px 1px 0px 1px; background: url(../images/button_glas2.png) repeat-x center center #EEEEEE; text-align: center; border: 1px solid #dddddd; border-bottom: 1px solid #cccccc; color: #333333; text-decoration: none; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.pager .pages a	span	{ padding: 0px 2px 0px 2px; }
.pager .pages a:hover	{ background: url(../images/bck_white_50.png); color: #00A5C4; text-decoration: none; }
.pager .pages a.active	{ background: url(../images/page_active.gif); color: #FFFFFF; text-decoration: none; font-weight: bold; border-width: 0px; line-height: 22px; min-width: 22px; }


/*** notifications ***/

.notification 			{ border: 1px solid #666666; border-radius: 3px; display: block; margin-bottom: 15px; overflow: hidden; padding: 9px 0px 4px 0px; position: relative; z-index: 1; zoom: 1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.notification a.close		{ display: block; width: 11px; height: 11px;  background: url(../images/ico_close_off.png) top left no-repeat; font-size: 0%; text-indent: -9999px; position: absolute; top: 3px; right: 3px; }
.notification a.close:hover	{ background: url(../images/ico_close_ovr.png) top left no-repeat; }
.notification p			{ color: #333333; line-height: 16px; padding: 0px 25px 5px 42px !important;}

.note-error			{ background: url(../images/ico_error.png) 2px 0px no-repeat #FAE2E3; border-color: #EC9B9B; }
.note-success			{ background: url(../images/ico_success.png) 2px 0px no-repeat #DFFAD3; border-color: #72CB67; }
.note-info			{ background: url(../images/ico_info.png) 2px 0px no-repeat #DDE9F7; border-color: #50B0EC; }
.note-attention			{ background: url(../images/ico_attention.png) 2px 0px no-repeat #FFFAC6; border-color: #D3C200; }

/* *********************************************************************
 * DataTables Styles
 * *********************************************************************/
