.modal {


position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;


-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;


opacity: 0;
pointer-events: none;
}


.modal:target {
opacity: 1;
pointer-events: auto;
}


.modal > div {
width: 340px;
height: 135px;
background: #fff;
position: relative;
margin: 10% auto;
text-align:right;
padding-right:20px;


-webkit-animation: minimise 500ms linear;


padding: 15px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
background: -moz-linear-gradient(#fff, #ccc);
background: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(255,255,255)), color-stop(0.57, rgb(230,230,230)));
text-shadow: 0 1px 0 #fff;
}


.modal:target > div {
-webkit-animation-name: bounce;
}

.modal h2 {
font-size: 36px;
padding: 0 0 20px;
}

@-webkit-keyframes bounce {
  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
  	-webkit-transform: scale3d(1,1,1);
  }
  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }
}


.modal a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}


.modal a[href="#close"]:focus {
outline: none;
}


.modal a[href="#close"]:after {
content: 'X';
display: block;


position: absolute;
right: -10px;
top: -10px;
width: 1.5em;
padding: 1px 1px 1px 2px;


text-decoration: none;
text-shadow: 0;
text-align: center;
font-weight: bold;
background: #000;
color: #fff;
border: 3px solid #fff;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
outline: 1px solid #000;
}


a.openModal {
margin: 1em auto;
margin-top: 5px;
margin-right: 105px;
display: block;
width: 70px;
background: #ccc;
text-align: center;
padding: 3px 10px 1px 10px;
-moz-border-radius: 7px;
border-radius: 7px;
background: -moz-linear-gradient(#fff, #ddd);
background: -webkit-gradient(linear, right top, right bottom, from(rgb(255,255,255)), to(rgb(230,230,230)));
text-shadow: 0 1px 0 #fff;
border: 1px solid rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

a.openModal:hover,
a.openModal:focus {
background: -moz-linear-gradient(#fff, #ccc);
background: -webkit-gradient(linear, right top, right bottom, from(rgb(255,255,255)), to(rgb(200,200,200)));
}


/* LOGIN */

#screen_div{
	width:100%;
	height:100%;
	vertical-align:text-bottom;
	text-align:center;
	background-color:#999999;
}
#login_div{
	width:80%;
	height:200px;
	text-align:center;
	background-color:#FF0000;
}

form {
	color:#000000;
	padding:10px;
	margin:0;
}

.inner_td{
	background:url(../images/login/bg_bottom.gif) bottom repeat-x;
}

a, a:visited{
	color:#033;
	text-decoration:none;
	
}
a:hover {
	color:#06F;
	font-weight:bold;
	
}

form input{
	font-size:16px;
}

.input_text{
	border:solid 1px #4174a0;
	width:160px;
	padding:5px;
	height:20px;
	margin-right:30px;
	margin-bottom:15px;
    font-family: Arial;
    font-size: 90%;
}
.input_text:focus{
	background:url(../images/login/input_bg.gif);
}

.input_button:hover, .input_button:active{
	background:url(../images/login/button_bg_hover.gif);
	cursor:pointer;
}

.input_button{
	width:71px;
	height:31px;
	padding:2px;
	margin-right:125px;
	background:url(../images/login/button_bg.gif);
	border:none;
}


.login_wrapper{
	width:500px;
}

p{
	padding:0;
	margin:0;
}

div.error {
	margin: 3px;
    border: 1px #a00 dashed;
	border-radius: 5px;
    /*background: #faf4f4; */
	background: -moz-linear-gradient(#FCE0E0;, #FCBCBC);
	background: -webkit-gradient(linear, right top, right bottom, from(rgb(252,224,224)), to(rgb(252,188,188)));
    padding: 0.5em;
    text-align:center;
	width: 65%;
}



/* jQuery Countdown styles 1.6.1. */
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #888;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 90%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size: 170%;
}
.countdown_descr {
	display: block;
	width: 100%;
}