@charset "utf-8";
/* CSS Document */

html {
	overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #cccccc;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.mainMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#000000; 
	width:770px; 
	direction:rtl;
	text-align:right;
	margin-right:10px;	
}
.mainMenu a {	
	color: #FFFFFF;
}
.mainMenu a:link {
	text-decoration: none;
	color: #FFFFFF;
}

.mainMenu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.mainMenu a:hover {
	text-decoration: none;
	color: #a4d176;
}
.mainMenu a:active {
	text-decoration: none;
	color: #a4d176;
}

.subMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#a4d176; 
	width:770px; 
	direction:rtl; 
	text-align:right;	
}
.subMenu a {	
	color: #FFFFFF;
}
.subMenu a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.subMenu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.subMenu a:hover {
	text-decoration: none;
	color: #006400;
}
.subMenu a:active {
	text-decoration: none;
	color: #006400;
}

.subMenu3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight:bold;
	background-color:#cccccc; 
	width:997px; 
	direction:rtl; 
	text-align:right;	
}
.subMenu3 a {	
	color: #000;
}
.subMenu3 a:link {
	text-decoration: none;
	color: #000;
}
.subMenu3 a:visited {
	text-decoration: none;
	color: #000;
}
.subMenu3 a:hover {
	text-decoration: none;
	color: #006400;
}
.subMenu3 a:active {
	text-decoration: none;
	color: #006400;
}


.messageClass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;	
	font-size:12px;
}

.messageClass a:link {
	color:white;	
	text-decoration: none;
}
.messageClass a:visited {
	color:white;	
	text-decoration: none;
}
.messageClass a:hover {
	color:white;	
	text-decoration: underline;
}

.green-font-12 {
	font-family:Arial, Helvetica, sans-serif;
	color:#1b9e8a;
	font-size:14px;
	font-weight:bold;
}
.green-font-12 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#1b9e8a;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.green-font-12 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}


.td-white-border-3 {
	border-top:1px solid #ffffff;	
	border-left:1px solid #ffffff;
}

.td-white-border-2 {
	border-top:1px solid #ffffff;
}

.td-pad {
	padding:4px;
}

.main-menu-link {
	padding-right:15px;
	padding-left:15px;
	border-left:1px solid #fff;
}

.hp-titles {
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	color: #289689;
	text-decoration: none;
	background-color: #000;
	background-repeat: repeat;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.hp-text1 {
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	letter-spacing: normal;
	text-align: right;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
}
.hp-text1 a {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #fff;	
}
.tennis-sites {
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#630;
}
.tennis-sites a {
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#630;
}
.tennis-sites a:hover {
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	color:#666;
}

.tennis-sites h2 {
	font-size:14px;
	font-weight:bold;
	color:#600;
}

.black12px {
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#000;
}
.black12px a {
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#000;
}
.black12px a:hover {
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	color:#666;
}

.black14pxbold {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.black14pxbold a {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.black14pxbold a:hover {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	color:#666;
}

/* ORE ADDED FROM HERE */

/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000;
	        perspective: 1000;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}

/*el 16-09*/
.flip-container, .front, .back {
	 width: 216px;
    height: 160px;
}

/* flip speed goes here */
.flipper {
	-webkit-transition: 0.6s;
	        transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;

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

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
	        transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}

.page-343 #main-content-wrapper {
	width: 844px !important;
	background-image: url('/images/back-HTML-area.jpg');
}
/*el 16-09*/
.page-343 #main-content-wrapper>table {
    border-spacing: 10px 10px;

    width: 580px;
}

#div-messages {
	float:left;
	text-align:left;
	background-color:#cccccc;
	min-height: 20px;
    background-image: url('/images/back-news.jpg');
}

#gamesPanel,#pointsPanel,#pointsPanel table{
	float: right;
}
.position4thDiv {
    margin-top: 25px!important;
}
.firstLineTr{
	margin: 28px 0 2px 0!important;
}
#level1 .firstLineTr{
	margin:2px 0 2px 0!important;
}

#level1 .position4thDiv {
    margin-top: 18px!important;
}
#level1 .position4thDiv:nth-child(1) {
    margin-top:22px!important;
}
#level1 .position4thDiv:nth-child(5),#level1 .position4thDiv:nth-child(6),#level1 .position4thDiv:nth-child(7),#level1 .position4thDiv:nth-child(8) {
    margin-top: -1px!important;
}
/*
body table{
	margin: 0 auto;
}*/