/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xx  CSS Table Gallery 2             xx
xx  Author: Stu Nicholls            xx
xx  URL: http://www.cssplay.co.uk/  xx
xx  Country: England                xx
xx  Date: 2005-11-02                xx
xx  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

table.twoTimes {
  display:table; 
  font-family:verdana, arial, sans-serif; 
  font-size:76%; 
  line-height:1.7em; 
  background:#888; 
  border:10px solid #eee;
  } 
table.twoTimes tbody {
  display:table-row-group;
  }
table.twoTimes tr {
  display:table-row; 
  padding:0.5em; 
  background:#fff; 
  border:10px solid #aaa; 
  border-width:1px 200px 0 50px; 
  border-color:#000 #888 #000 #888; 
  margin:2px 25px; 
  width:300px;
  } 
table.twoTimes tr.odd {
  background:#eee;
  }
table.twoTimes td, table.twoTimes th {
  display:table-cell; 
  padding:0.2em;
  }
table.twoTimes table, table.twoTimes tbody, table.twoTimes tr, table.twoTimes td, table.twoTimes th {
  display:block;
  } 
table.twoTimes thead, table.twoTimes tfoot {
  display:none;
  }

table.twoTimes caption {
  background:url(two.gif) no-repeat 5px 20px;
  width:100%; 
  font-size:3em; 
  line-height:2em; 
  font-family:georgia, "times new roman", serif; 
  text-align:right; 
  margin-right:-5em; 
  color:#ddd; 
  padding-right:0.5em;
  }

table.twoTimes th {
  background:#abc; 
  display:block; 
 font-size:1.5em; 
 font-family:georgia, "times new roman", serif; 
 color:#000; 
 text-decoration:none; 
 border-left:5px solid #fff; 
 padding-left:1em;
  }
  
table.twoTimes th a {
 display:block; 
 font-size:1.5em; 
 font-family:georgia, "times new roman", serif; 
 color:#000; 
 text-decoration:none; 
 border-left:5px solid #fff; 
 padding-left:1em;
 }
table.twoTimes th a:hover {
  border-left:5px solid #000; 
  color:#fff;
  }
table.twoTimes td {
  color:#00a;
  }

/*
--------------------------------------------------------------------------------
What:	"Oranges in the sky" Styles(Table data design)
Who:	Krasimir Makaveev(krasi [at] makaveev [dot] com)
When:	15.09.2005(created)
--------------------------------------------------------------------------------
*/

table.orange {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
}

table.orange caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

table.orange a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #f60;
	font-weight: bold;
}

table.orange a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

table.orange tr th a{
	color: #369;
	border-bottom: 1px dotted #369;
}

 table.orange tr th{
	color: #369;
	text-align: left;
}

table.orange tr th a:hover {
	color: #fff;
	background: #369;

}

table.orange thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

table.orange tfoot tr th, table.orange tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

table.orange tfoot tr th {
	width: 20%;
}

table.orange tfoot tr td {
	width: 80%;
}

table.orange td, table.orange th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 1px 5px;
	line-height: 1.8em;
	font-size: 1em;
	vertical-align: top;
	/*width: 20%;*/
	background-color: #fff;
}

table.orange tr.odd th, table.orange tr.odd td {
	background: #efefef;
}


/* CSS Document Orange Brownie*/

#userArea table a:link {color: #CC6633;}
#userArea table a:visited {color: #CC6633;}
#userArea table a:hover {color: #999966;}
#userArea table a:active {color: #CC6633;}
#userArea table a:focus{color: #CC6633;}


#userArea table caption {
		padding:  0px 2px 1px 0px;    /* 18px 2px 15px 2px; */
		color: #555;
		background-color: inherit;
		font-weight: normal;
		text-align: right;
		text-transform: capitalize;
		}

	#userArea table{
		border: 1px solid #D9D9D9;
	}
	#userArea table tr td{
		padding:   3px 2px 3px 2px; /* 6px 9px;  */
		text-align:left;

	}
	#userArea table thead th{
		background-color: #E5E5D8;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #D9D9D9;
		font-weight: bold;
		text-align:left;
		padding: 5px 3px; /* 16px 9px; */
		color:#592C16;
	}
	#userArea table tbody tr th{
		background-color: #fff;
		font-weight: normal;
		border-left: none;
		padding: 5px 3px;  /* 16px 9px; */
		background-color: #E5E5D8;
	}
	#userArea table tbody td{
			border-left: 1px solid #D9D9D9;
	}
	#userArea table tbody tr.odd{
		background-color: #F3F3F3;
	}
	
#userArea table tbody tr:hover {
	color: #333333;
	background-color: #E5E5D8;
}

#userArea table tbody tr.odd:hover {
color: #333333;
	background-color: #E5E5D8;
}
	
	#userArea table tfoot td, #userArea table tfoot th{
		border-top: 1px solid #ccc;
		font-weight:bold;
		color:#592C16;
		padding: 9px; /* 16px 9px; */
		
	}