/***************************************************************************
1. CSSTable
2. CSSTableNoShadow
3. Wrapper1
4. Fancy Box
***************************************************************************/
/*** TABLE STYLE  ***/

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:800px;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#4fc1aa; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #4fc1aa 5%, #4fc1aa 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4fc1aa), color-stop(1, #4fc1aa) );
	background:-moz-linear-gradient( center top, #4fc1aa 5%, #4fc1aa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4fc1aa", endColorstr="#4fc1aa");	background: -o-linear-gradient(top,#4fc1aa,4fc1aa);

	background-color:#4fc1aa;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #4fc1aa 5%, #4fc1aa 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4fc1aa), color-stop(1, #4fc1aa) );
	background:-moz-linear-gradient( center top, #4fc1aa 5%, #4fc1aa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4fc1aa", endColorstr="#4fc1aa");	background: -o-linear-gradient(top,#4fc1aa,4fc1aa);

	background-color:#4fc1aa;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.CSSTableGenerator2 {
	margin:0px;padding:0px;
	width:800px;
	box-shadow:none;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator2 table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator2 tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator2 table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator2 table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator2 tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator2 tr:hover td{
	
}
.CSSTableGenerator2 tr:nth-child(odd){ background-color:#4fc1aa; }
.CSSTableGenerator2 tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator2 tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator2 tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator2 tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator2 tr:first-child td{
		background:-o-linear-gradient(bottom, #4fc1aa 5%, #4fc1aa 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4fc1aa), color-stop(1, #4fc1aa) );
	background:-moz-linear-gradient( center top, #4fc1aa 5%, #4fc1aa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4fc1aa", endColorstr="#4fc1aa");	background: -o-linear-gradient(top,#4fc1aa,4fc1aa);

	background-color:#4fc1aa;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator2 tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #4fc1aa 5%, #4fc1aa 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4fc1aa), color-stop(1, #4fc1aa) );
	background:-moz-linear-gradient( center top, #4fc1aa 5%, #4fc1aa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4fc1aa", endColorstr="#4fc1aa");	background: -o-linear-gradient(top,#4fc1aa,4fc1aa);

	background-color:#4fc1aa;
}
.CSSTableGenerator2 tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator2 tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}



#wrapper .text {
position:relative;
bottom:30px;
visibility:hidden;
}

#wrapper:hover .text {
visibility:visible;
text-align:center;
font-weight:bold;
color:#4fc1aa;
}

.fancy {
  width: 850px;
  margin: 20px auto;
  padding: 50px;
	border: 10px solid #4fc1aa;
	
	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
					
					-moz-border-radius: 15px;
border-radius: 15px;

background-image:url("../images/pattern.jpg");
}
