a:visited
{
	color: black;
	text-decoration: underline;	
}

a:link
{
	color: black;
	text-decoration: underline;	
}

a:hover
{
	color: black;
	text-decoration: underline;	
}

img
{
	border: none;
}

input 
{
	background-color: white;
	border: solid #333 1px;
}		

select
{
	border: solid #333 1px;
	background-color: white;
}

textarea 
{
	background-color: white;
	border: solid #333 1px;
}

.invisible
{
	visibility: hidden;
}

.inactive 
{
    color: #555;
    font-style: italic;
    text-decoration: line-through;
}

/* -------------------------------------------------------------- Main page */
body { margin: 0; -webkit-text-size-adjust: 100%;	font-family: Arial;
	font-size: 12px; }
.page { left: 0; right: 0; top: 0; bottom: 0; }
.row, .col, .page { overflow: hidden; position: absolute; }
.row { left: 0; right: 0; }
.col { top: 0; bottom: 0; }
.scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.scroll-y { overflow-y: auto; -webkit-overflow-scrolling: touch; }
.fill, .pane { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100% }
.pane { display: none; }

.iemobile .page { bottom: -6px; }
@media screen and (orientation:landscape) { .iemobile .page { bottom: 85px; } }

.left.col { width: 190px; }

.right.col { left: 190px; right: 0; }

.header.row { height: 85px }
.body.row { top: 85px; bottom: 20px; }

.footer.row { height: 20px; bottom: 0; line-height: 20px; }

.pageHeadLeft {
	background: #9db8d2;
	padding: 5px;	
}

.pageHeadRight {
	background: #9db8d2;	
}


.pageHeadRight .logoText
{
	color: white;		
	display: inline;
	vertical-align: top;
	padding-left: 20px;
}


.pageMenu  {
	background: #9db8d2;	
}

.pageFooter
{	
	background: #9db8d2;	
	color: white;
}

.pageFooter .copyright
{
	float: left;
	color: white;	
}

.pageFooter .version
{
	float: right;
	color: white;	
}

.pageMain
{
	padding: 10px;
}

.pageHeadRight span.appname
{
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	color: white;
	margin-left: 40px;
}

.pageHeadRight DIV.tabmenu 
{
	position: absolute; 
	top: 62px; left: 0px;
	float: right; 
	clear: right;
}

.pageHeadRight .topmenu 
{
	float: right; 
	margin-top: 4px;
}

.pageHeadRight .topmenu .input-group
{
	display: inline;
}

.pageHeadRight .topmenu a
{
	font-weight: bold;
	line-height: 16px;
	color: white;
	text-decoration: none;
	padding: 0 4px 0 0px;	
}

.pageHeadRight .topmenu a, .pageHeadRight .topmenu span
{
	vertical-align: middle;
}

fieldset 
{ 
	border:1px solid black; 
	margin: 5px; 
}

legend 
{
  padding: 0.2em 0.5em;
  background-color: white;
  border:1px solid black;
  color:black;
  font-size:90%;
  text-align:center;
}

/* -------------------------------------------------------------- Dialog */
.dialogBody.row { top: 0px; bottom: 0px; }

/* -------------------------------------------------------------- Table Container */
.tableContainer
{
	padding: 0px;
}		

.tableContainer tr
{
	height: 30px;
}
		
.tableContainer TD
{
	color: #000;
	text-align: left;
	padding-right: 15px;
}		


.tableContainer td .input-group label 
{
	display: block;
}

.tableContainer td .input-group  
{
	margin-bottom: 5px;
}

.tableContainer td .invalid .input-group input,.tableContainer td .invalid .input-group select
{
	border: solid 1px red;
}

.input-group .feedback
{
	display: inline-block;
	font-size: 0.9em;
	font-style: italic;
	color: red;
}

.tableContainer td .full
{
	width: 250px;
}

.simpleTableContainer
{
}

.gadgetTableContainer td
{
	vertical-align: top;
}

/* -------------------------------------------------------------- mainLabel */
.mainLabel
{
	width: 100%;
	background: transparent;
	display: block;
	padding-bottom: 10px;
	text-align: left;
	font-weight: bold;
}

/* -------------------------------------------------------------- label */

.requiredLabel
{
	font-weight: bold;
}

.validatorLabel
{
	cursor:help;
	text-decoration: underline;
}

/* -------------------------------------------------------------- Toolbar */
.toolbar
{
	background: linear-gradient(#777, #444);
	border-left: 1px solid #555;
	border-right: 1px solid #777;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 0 #999;	
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 5px;
	margin: 0px;	
	display: block;
	overflow: hidden;
	clear: both;
	line-height: 26px;	
}

.toolbar a
{
	background: none;	
	color: #eee;
	
	font-weight : bold;
	line-height: 16px;
	padding: 4px;
}

.toolbarline
{
	margin-right: 4px;
	vertical-align: middle;
}

.toolbar a:visited
{
	text-decoration: none;
}

.toolbar a:link
{
	text-decoration: none;
}
.toolbar a:hover
{
	text-decoration: none;
}

.toolbar a img
{
	vertical-align: middle;
	margin-right: 3px;
	width: 16px;
	height: 16px;	
}

.toolbar a img.disabled
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	vertical-align: middle;
	margin-right: 3px;
	width: 16px;
	height: 16px;	
}

.toolbar a span
{
	vertical-align: middle;
}

.toolbar button
{
	border: 0px;
	background: none;
	font-size: 12px;
	color: #eee;
	font-weight : bold;
	line-height: 16px;
	padding: 3px;
	cursor: pointer;
}

.toolbar button img
{
	vertical-align: middle;
	margin-right: 3px;
	width: 16px;
	height: 16px;
}

.toolbar button span
{
	vertical-align: middle;
	color: white;
}

.toolbar .buttonsContainer a
{
	color: white;
}

.toolbar button img.disabled
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	vertical-align: middle;
	margin-right: 3px;
	width: 16px;
	height: 16px;	
}

.iconButton
{
	border: 0px;
	padding: 2px;
	cursor: pointer;
	padding: 0px;
	background: none;
	border: none;
}

.toolbar   .toolbarlabel
{
	background: none;	
	color: #eee;
	
	font-weight : bold;
	line-height: 16px;
	padding: 4px;
}


.toolbar .highlightButton
{
	background-color: #9db8d2;
	border: 1px solid #aaa;	
}

.toolbar .input-group
{
	display: inline;
}

.toolbar .invalid .input-group input,.toolbar .invalid .input-group select
{
	border: solid 1px red;
}

/* -------------------------------------------------------------- Tab panel */
.tabpanel
{
	display: table;
	width: 100%;
	height: calc(100% - 44px);
}

.tabpanel .tabbar
{
 	display: table-row;
	height: 15px;
	overflow: visible;
}

.tabpanelselected, .tabpanelnot-selected, .tabpanelnot-selected-disabled
{
	margin-right: 2px;
	padding: 0 7px 0 7px;
	color: black;
	
	line-height: 22px;
	padding-bottom: 4px;
}

.tabpanelselected a, .tabpanelnot-selected a, .tabpanelnot-selected-disabled a
{
	color: black;
	text-decoration: none;
}

.tabpanelselected
{	
	background: url("../images/tabpanel/selected.gif"); 
}

.tabpanelnot-selected 
{	
	background: url("../images/tabpanel/notselected.gif"); 
}

.tabpanelnot-selected-disabled
{
	background: url("../images/tabpanel/disabled.gif");
}

.tabpanelnot-selected-disabled a
{
	color: #aaa;
}

.tabpanel .innerTabArea
{
 display: table-row;
 overflow: auto;
 background-color: rgba(255, 255, 255, 0.45);
}

.tabpanel .tabarea
{
	/*padding: 2px;*/
 	display: block;
 	border-top: 1px solid #aaa; 	 
}

/* -------------------------------------------------------------- Tree */
.tree
{
	list-style: none;	
}

.tree li
{
	font-size: 14px;
	height: 18px;
	color: blue;	
}

.tree li img
{
	float: left;
}

.tree li span
{
	margin-left: 5px;
}

.treeButtons
{
	background: yellow;
}

.treeModelButtons
{
}

.treeModelButtons img
{
	position: relative;	
	margin-left: 2px;
}

.treeLabel
{
	float: left;	
	color: black;
	margin-left: 0px;
	font-size: 13px;
	text-decoration: underline;	
}

.treeLabelSelected
{
	float: left;	
	color: black;
	margin-left: 0px;
	font-size: 13px;
	text-decoration: underline;	
	font-weight: bold;
}

/* -------------------------------------------------------------- List */
table.modelList
{
	margin-top: 0px;
	border-left: 1px solid #aaa;
	table-layout: fixed;
}


table.modelList tr.notSelectedRow1
{
	background: #6699cc;
	height: 25px;
}

table.modelList tr.notSelectedRow
{
	background: white;
	height: 25px;
}

table.modelList tr.notSelectedRow1
{
	background: #6699cc;
	height: 25px;
}

table.modelList tr.inactiveRow
{
	font-style: italic;
	color: #555;
}

table.modelList tr.notSelectedRow:nth-child(even)
{
	background: #eee;
}

table.modelList tr.selectedRow
{
	background: #e5ccff;
	height: 25px;
}

table.modelList TD 
{
	padding: 7px 5px 4px 5px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	overflow: hidden;
    white-space: nowrap;
}

table.modelList TD .labelDetail 
{sss
}



table.modelList tr.headerRow
{
	height: 35px;
}

table.modelList tr.headerRow th
{
	overflow: hidden;
    white-space: nowrap;
	background: linear-gradient(#777, #444);
	border-left: 1px solid #555;
	border-right: 1px solid #777;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 0 #999;	
	padding: 7px 5px 4px 5px;
}

table.modelList tr.headerRow A 
{
	color: white;
	
	text-decoration: none;	
}


table.modelList tr.topRow td
{
	padding: 0px;
	border: none;
}

table.modelList .modelListPadding
{
	width: 100%;
}

table.modelList .listHeaderSort
{
	font-weight: bold;
	padding-right: 14px;
	text-decoration: underline;		
}

table.modelList .listHeaderNotSort
{
	font-weight: bold;
	padding-right: 14px;
	text-decoration: none;		
	color: white;
}

table.modelList .listHeaderSortPosition
{
	font-size: 10px;
	color: white;
	padding-left:2px;
}


table.modelList .listOtherButtonsContainer
{
	border-bottom: solid 1px #aaa;
	display: none;
	white-space: nowrap;
}

table.modelList .listButtonsContainer
{
	display: block;
	height: 22px;
	white-space: nowrap;
}

table.modelList .listButtonsContainer a
{
	color: black;
}


.wicket_orderUp
{
	background-image:url("../images/list/sortup.png");
	background-repeat: no-repeat;
	background-position: right; 
}

.wicket_orderDown
{
	background-image:url("../images/list/sortdown.png");
	background-repeat: no-repeat;
	background-position: right; 
}

DIV.navigator 
{
	margin-top: 5px;
	text-align: left;
	display: block; 
	text-align: left; 
	clear: left
}

DIV.navigator SPAN, DIV.navigator A 
{
	color: #333;
	font-weight: bold;
	font-size: 11px;
	padding: 0 0px 0 5px;
}

DIV.rowCount 
{
	color: #333;
	font-weight: bold;
	font-size: 11px;
	padding: 10px 0px 0px 0px;
}
/* -------------------------------------------------------------- Menu */
A.tabMenuItemSelected, A.tabMenuItemNotSelected 
{
	margin-right: 2px;
	padding: 1px 7px 0 7px;
	color: black;
	font: 12px;
	line-height: 22px;
	float: left;
	text-decoration: none;
}

A.tabMenuItemNotSelected span, A.tabMenuItemSelected span
{
		margin-top: 0px;
		vertical-align: middle;
}

A.tabMenuItemNotSelected span.material-icons, A.tabMenuItemSelected span.material-icons
{
	font-size: 1.5em;
}

A.tabMenuItemNotSelected
{	
	background: url("../images/menu/notselected.gif"); 
}

A.tabMenuItemSelected
{	
	background: url("../images/menu/selected.gif"); 
}


A.menuItemNotSelected, A.menuItemSelected 
{
	width: 160px;
	_width: 190px;
	padding: 3px 0px 3px 10px;
	margin-left: 20px;
	margin-bottom: 5px;
	
	text-decoration: none;
	color: black;	
}

A.menuItemNotSelected 
{
	float: left; clear: both;
	background: #DBB9CA;
}

A.menuItemSelected
{
	float: left; 
	clear: both;
	border-right: 0px solid white;
	background-color: white;
}

A.menuItemSelected span, A.menuItemNotSelected span
{
	vertical-align: middle;
}

.menuCategory
{
	display: block;
	margin-bottom: 20px;
}

A.menuCategoryTop
{
	width: 170px;
	_width: 200px;
	padding: 3px 0px 3px 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	
	text-decoration: none;	
	color: black;	
	float: left; clear: both;
	background: #aaa;		
}

A.menuCategoryTop span
{
	vertical-align: middle;
}

/* -------------------------------------------------------------- Controls */
.editCompleArea
{
	width: 500px;
	height: 450px;
}

input .date 
{
	width: auto;	
}

.dateTime span input
{
	width: auto;	
}

.dateTime span select
{
	width: auto;	
}

.buttonsContainer
{
	display: inline-block;
	vertical-align: middle;
}

.buttonsContainer a
{
	color: black;
}

/* -------------------------------------------------------------- FastFilter */

.fastfilter
{
	color: black;
	background: #B6DFEC;
	border-bottom: 1px solid #B6DFEC;
}

.fastfilterleft
{
	color: black;
	border-right: 1px solid #B6DFEC;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	max-height: 500px;
	overflow: auto;
}

/* Multimedia ----------------------------------------------------------------------------------------------------------------- */
.multimediaView
{
	color: white;
	padding: 0px;
	margin: 0px;
}

/* -------------------------------------------------------------- Selector */
.selectorLabel
{
	color: black;
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 12px;
	height: 20px;
	background-color: rgba(128, 103, 153, 0.30);
	padding-top: 4px;
}

/* -------------------------------------------------------------- window */
.window
{
	margin: 0px;
	border: 0px;
	width: 100%;
	border:0px;
}

.window .title
{
	background: rgba(128, 103, 153, 0.30);
	/*height: 24px;*/	
	border: thin #aaa solid;
	padding-top: 5px;
	cursor: pointer;
}

.window .title .label
{	
	color: #000;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	vertical-align: middle;
	border-left: thin #444 solid;
	border-right: thin #444 solid;
	float: right;
}

.window .title .icons
{
	padding-left: 5px;
	padding-right: 20px;
	vertical-align: middle;
}


.window .title .icons a
{
	color: black;
}

.window .area
{
	background: none;		
	padding: 7px;
	border-left: thin #aaa solid;
	border-right: thin #aaa solid;
	border-bottom: thin #aaa solid;
	background: #f2f2f2;
}

.window .area .maximized
{
	position: fixed; 
	left: 0px; 
	top: 0px; 
	right: 0px; 
	bottom: 0px; 
	background: white; 
	z-index: 10;
	overflow: auto;
}

.window .maximizeIcons
{	
	position: fixed; 
	z-index: 20;
	right: 8px; 
	top: 8px;
    display: block;
}
/* -------------------------------------------------------------- stdTable */
table.stdtable
{
	padding-top: 5px;
	padding-bottom: 5px;
}

table.stdtable td
{
	margin-left: 5px;
	margin-right: 5px;
}

table.stdtable tr.row
{
	height: 15px;
}

table.stdtable tr.header
{
	font-weight: bold;
	color: #0066B3;
}

table.stdtable tr.selectedrow
{
	font-weight: bold;
	height: 15px;	
}

/* -------------------------------------------------------------- Interval */
.tableContainer td  .interval input
{
	width: 60px;
}

/* -------------------------------------------------------------- WikiLabel */
.wikiLabel
{
    font-family: Tahoma, sans-serif, Helvetica, Arial ;
    font-size: 14px;
}

.wikiLabel h2
{
    color: #111;
}
.wikiLabel img
{
    float: none;
    display: block;
    max-width: 800px;
}

.wikiLabel table
{
    border-collapse:collapse;
}

.wikiLabel table td
{
    border: solid 1px black;
    padding: 3px;
}

.wikiLabel table th
{
    border: solid 1px black;
    padding: 3px;
    background: #eee;
}

.wikiLabel a
{
	text-decoration: underline;	
	color: blue;
}

.wikiLabel a.external
{	
	color: green;

}

.wikiLabel hr
{
	height:1px;
	border-width:0;
	color:#666;
	background-color:#666;
}

.wikiLabel ul
{
	list-style-type:square;
}
.wikiLabel .error
{
	color: red;
}

.wikiLabel .par
{
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;	
}
/* -------------------------------------------------------------- commentPagedList */
.commentPagedList
{
	font-family: Tahoma, sans-serif, Helvetica, Arial ;
    font-size: 12px;	
}

.commentPagedList .item .header
{
	background: #ccc;
	padding: 3px;
}

.commentPagedList .item .header .createdBy
{
	font-weight: bold;
}

.commentPagedList .item .text
{
	padding-left: 20px;
}

.commentPagedList .item .avatar
{
	float: left;
}

/* -------------------------------------------------------------- hidablePanel */

.hidablePanel
{
	position: fixed !important;
	top: 85px;
	bottom: 20px;
	right: 0px;
	visibility: hidden;
}

.hidablePanel .hidableIcon 
{
	background: #ccccff;
	display: block;
	float: left;
	margin-top: 100px;
	border-left: solid 1px #888;
	border-top: solid 1px #888;
	border-bottom: solid 1px #888;
	visibility: visible;
}	

.hidablePanel .hidableIcon a  
{
	text-decoration: underline;	
	font-weight: bold;
	color: #777;
}

.hidablePanel .hidableIcon a span 
{	
	display: block;
	width: 1.3em;
	font-size: 1.1em;	
	text-transform:uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.hidablePanel .hidableArea 
{
	visibility: visible;
	display: block;
	height: 100%;
	overflow: hidden;
	background: rgba(70,70,70,0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000)";
}

.hidablePanel .hidableArea .hidableAreaInner 
{
	min-width: 80px; 
	display: block;
}
.hidablePanel .hidableArea .tabarea 
{
	background: none;
	border-top: thin #aaa solid;
}

.hidablePanel table.window .area
{
	border: none;		
	padding: 3px;
}
.hidablePanel table.window .title
{
	background: none;
}

/* -------------------------------------------------------------- hidablePanel */
table.stdTable
{
	padding-top: 5px;
	padding-bottom: 5px;
}

table.stdTable td
{
	margin-left: 5px;
	margin-right: 5px;	
}

table.stdTable tr.stdTableRow
{
	height: 15px;
}

table.stdTable tr.stdTableHeader
{
	font-weight: bold;
	color: #0066B3;
}

table.stdTable tr.stdTableSelectedRow
{
	font-weight: bold;
	height: 15px;	
}

/* -------------------------------------------------------------- hidablePanel */
.bar
{

}

.bar .value
{
	background: #cc66ff;
}

/* -------------------------------------------------------------- slideShow */
.slideShow
{
	background: cyan;
	display: block;
}

/* -------------------------------------------------------------- iconBox */

.iconBox tr 
{
	height: 100px;
}

.iconBox td 
{
	width: 100px;
	background: white;
	text-align: center;
	padding: 5px;
	vertical-align: bottom;
}

.iconBox td a
{
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #333;
	font-weight : bold;
	text-decoration: underline;	
}

.iconBox td a:visited
{
	text-decoration: underline;	
}

.iconBox td a:link
{
	text-decoration: underline;	
}

.iconBox td a:hover
{
	text-decoration: underline;	
}

.iconBox .selected
{
	background: #e5ccff;
}

.iconBox .name
{
	display: block;
}

/* -------------------------------------------------------------- wikiPagedList */
.wikiPagedList
{
	font-family: Tahoma, sans-serif, Helvetica, Arial ;
    font-size: 12px;	
}

.wikiPagedList .item
{
    display: block;
	margin-bottom: 15px;
}

.wikiPagedList .item .name
{
	font-weight: bold;
	font-size: 1.4em;
	display: block;
	margin-bottom: 5px;
	color: black;
	text-decoration: none;
}

.wikiPagedList .item a
{
	text-decoration: underline;	
}

.wikiPagedList .item .createdBy
{
	text-align: left;
	float: none;
	font-style: italic;	
}

.wikiPagedList .item .datePublished
{
	float: right;
	font-style: italic;
}

.wikiPagedList .item .image
{
}

.wikiPagedList .item .description
{
	margin-top: 10px;
	display: block;
}

.wikiPagedList .item .image img
{
	max-width: 256px;
	max-height: 256px;
	float: left;
	margin-right: 10px;
}

.tableContainer td .manualSF
{
	width: 100%;
	height: 3em;
}

/* -------------------------------------------------------------- autoCompleteTextField */
div.wicket-aa-container {
        border-width: 1px;
        border-color: #cccccc;
        border-style: solid;
}

div.wicket-aa {
        background-color: white;
        padding: 2px;
        text-align:left;
}
 
div.wicket-aa ul {
        list-style:none;
        padding: 2px;
        margin:0;
}

div.wicket-aa ul li.selected {
        background-color: #FFFF00;
        padding: 2px;
        margin:0;
}

/* -------------------------------------------------------------- loginPage */

.loginPageHead.row 
{
	top: 0px;
	height: 85px;
	background: #9db8d2;	
}	

.loginPageHead.row .logoText
{
	color: white;		
	display: inline;
	vertical-align: top;
	padding-left: 20px;
	margin-top: 5px;
}

.loginPageContent.row 
{
	top: 85px;
	bottom: 20px;
}

.loginPageFooter.row
{	
	bottom: 0px;
	height: 20px;
	background: #9db8d2;	
}

.loginPageFooter .copyright
{
	float: left;
	color: white;	
}

.loginPageFooter .version
{
	float: right;
	color: white;	
}

/* -------------------------------------------------------------- feedbackPanel */
.feedbackPanelERROR
{
	color: red;
}

.feedbackPanelWARNING
{
	color: #990066;
}

.feedbackPanelINFO
{
	color: blue;
}

/* -------------------------------------------------------------- info */
.infoerror
{
	display: block;
	color: red;
	border: 1px solid red;
	background: #FFDFDF url("../images/wiki/error.png") no-repeat scroll left center;
	padding: 5px 5px 5px 25px;
	margin: 5px;
}

.infoinfo
{
	display: block;
	color: green;
	border: 1px solid green;
	background: #DFFFDF url("../images/wiki/info.png") no-repeat scroll left center;
	padding: 5px 5px 5px 25px;
	margin: 5px;
}

.infowarn
{
	display: block;
	color: blue;
	border: 1px solid blue;
	background: #DFDFFF url("../images/wiki/warning.png") no-repeat scroll left center;
	padding: 5px 5px 5px 25px;
	margin: 5px;
}

/* -------------------------------------------------------------- niceTable */
.niceTable table {
	background: #f5f5f5;
	border-collapse: separate;
	box-shadow: inset 0 1px 0 #fff;
	font-size: 12px;
	line-height: 24px;
	margin: 30px auto;
	text-align: left;
	width: 800px;
        border: 0px;
}	

.niceTable th {
	background: linear-gradient(#777, #444);
	border-left: 1px solid #555;
	border-right: 1px solid #777;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 0 #999;
	color: #fff;
  font-weight: bold;
	padding: 5px 5px;
	position: relative;
	text-shadow: 0 1px 0 #000;	
}

.niceTable th a
{
color: white;
text-decoration: underline;	
}
.niceTable th:after {
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
	content: '';
	display: block;
	height: 25%;
	left: 0;
	margin: 1px 0 0 0;
	position: absolute;
	top: 25%;
	width: 100%;
}

.niceTable th:first-child {
	border-left: 1px solid #777;	
	box-shadow: inset 1px 1px 0 #999;
}

.niceTable th:last-child {
	box-shadow: inset -1px 1px 0 #999;
}

.niceTable td {
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 5px 5px;
	position: relative;
	transition: all 300ms;
        border: 0px;
}

.niceTable td:first-child {
       border-left: 1px solid #e8e8e8;
	box-shadow: inset 1px 0 0 #fff;
}	

.niceTable td:last-child {
	border-right: 1px solid #e8e8e8;
	box-shadow: inset -1px 0 0 #fff;
}	

.niceTable tr {
	background: white;	
	
}

.niceTable tr:nth-child(odd)  {
	background: #eee;	
}

.niceTable tr:last-of-type {
	box-shadow: inset 0 -1px 0 #fff; 
}

.niceTable tr:last-of-type td:first-child {
	box-shadow: inset 1px -1px 0 #fff;
}	

.niceTable tr:last-of-type td:last-child {
	box-shadow: inset -1px -1px 0 #fff;
}