/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { height: 100%; margin-bottom: 10px; }
body {
	margin: 0;
	font: 10pt Arial, Verdana, sans-serif;
	background-image: url("images/bkgrnd.jpg");
	background-color: #cccccc;
	border-style:none;
	}
a { 
	color: #229fff;
	text-decoration:none;
	border-style:none;
	}
a:visited {
	color: #229fff;
	text-decoration:none;
	border-style:none;
	}
a:hover {
	color: #7192BE;
	text-decoration:none;
	border-style:none;
	}
p:hover a:link,
p:hover a:visited { color: #229fff; text-decoration:none; border-style:none;}
p:hover a:hover { color: #229fff; text-decoration:none; border-style:none;}

/*
----------------------------------------------------------------------------- 
FLIP DIV CONTAINER TREATMENT
-----------------------------------------------------------------------------*/

		/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			perspective: 1000;

			border: 0px solid #ccc;
		}

			
			.flip-container:hover .flipper, .flip-container.hover .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				transform: rotateY(180deg);
			}

		.flip-container, .front, .back {
			width: 250px;
			height: 95px;
		}

		.flipper {
			-webkit-transition: 0.4s;
			-webkit-transform-style: preserve-3d;

			-moz-transition: 0.4s;
			-moz-transform-style: preserve-3d;

			transition: 0.4s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			backface-visibility: hidden;

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			background: ;
			z-index: 2;
		}

		.back {
			background: ;
			background-image: url(backstage/images/preview/bkgrnd.jpg);
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}

		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}




/*
----------------------------------------------------------------------------- 
TABLE TREATMENTS
-----------------------------------------------------------------------------*/
table {
	border-style:none;
	border-width:thin;
	border-color: #FFFFFF;
	padding-bottom: 1px;
	border-bottom: 0px solid #888;
	font: 10pt Arial, Verdana, sans-serif;
	}
img {
	border-style:none;
	}
	

/*
----------------------------------------------------------------------------- 
DIV TREATMENTS
-----------------------------------------------------------------------------*/
#divContainer  { z-index: 1; width: 86px; height: 430px; overflow: hidden; visibility: visible; clip: rect(0px 86px 400px 0px) }

td.t_scroll {
	background-position: -10px 0;
	}

/*
----------------------------------------------------------------------------- 
EMAIL
-----------------------------------------------------------------------------*/
.backwards {
unicode-bidi:bidi-override; direction:rtl;
text-align:left;}