﻿*{margin:0; padding:0;}

p{margin:10px 0;}

ul, ol{margin:10px 0;padding-left:30px;}

body {
	background-image:url(../images/common/bg.jpg);
	text-align:center;
	padding:2px;
	font-family:Arial;
	margin-top:0px;
	font-size:14px;
}

img{border:0px;}

area{cursor:pointer}

a:link{font-weight:normal;color:#00F;}
a:hover{font-weight:normal;color:#00F;}
a:visited{font-weight:normal;color:#00F;}
a:active{font-weight:normal;color:#00F;}

a.menuLink:link{font-size:11px;font-weight:normal;color:#000;text-decoration:none;}
a.menuLink:hover{font-size:11px;font-weight:normal;color:#000;text-decoration:none;}
a.menuLink:visited{font-size:11px;font-weight:normal;color:#000;text-decoration:none;}
a.menuLink:active{font-size:11px;font-weight:normal;color:#000;text-decoration:none;}

a.clean:link{text-decoration:none;}
a.clean:hover{text-decoration:none;}
a.clean:visited{text-decoration:none;}
a.clean:active{text-decoration:none;}

a.footerLink:link{font-size:11px;font-weight:bold;color:#003300;text-decoration:none;}
a.footerLink:hover{font-size:11px;font-weight:bold;color:#003300;text-decoration:none;}
a.footerLink:visited{font-size:11px;font-weight:bold;color:#003300;text-decoration:none;}
a.footerLink:active{font-size:11px;font-weight:bold;color:#003300;text-decoration:none;}

.redText{color:#CC3333;}
.greyText{color:#666;}
.lightGreenText{color:#009900;}
.lightGreyText{color:#999;}
.boldText{font-weight:bold;}
.tinyText{font-size:11px;}
.smlBlack{font-size:11px;color:#000;}
.boldMenuLink{font-weight:bold !important;}
/* for text that needs to look like a link avoiding the a tag */
span.dummyLink{color:#0000FF;cursor:pointer;text-decoration:underline;}

#contentBody{
	width:760px;
	position:relative;
	margin: 0 auto;
	background-image:url(../images/common/rightShade.gif);
	background-repeat:repeat-y;
	background-position:top right;
	background-color:transparent;
	text-align:left;
}

#contentLeft{
	width:755px;
	padding-left:5px;
	background-image:url(../images/common/leftShade.gif);
	background-repeat:repeat-y;
	background-position:0px 0px;
	text-align:left;
}

#menuBg{
	background-image:url(../images/common/menuBg.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	width:750px;
	height:18px;
	display:block;
	float:none;
	clear:both;
	text-align:center;
}

#leftMenuShade{
	background-image:url(../images/common/leftShade.gif);
	background-repeat:repeat-y;
	background-color:#F5F6F5;
	background-position:-1px 0px;
	width:4px;
	height:18px;
	display:inline;
	float:left;
	clear:none;
}

div#topMenu{
	position:relative;
	display:block;
	clear:both;
	float:none;
	margin:0 auto;
	padding:0px;
	background-color:transparent;
	width:750px;
	height:18px;
}

div#topMenu a{
	position:relative;
	top:2px;
}

div#topMenu div{
	position:relative;
	display:block;
	clear:none;
	float:left;
	background-image:url(../images/common/menuMarker.gif);
	background-repeat:no-repeat;
	background-position:25% 1px;
	height:18px;
	margin:0 auto;
	padding:0 0 0 40px;
}

#footer{
	position:relative;
	margin:0 auto;
	background-image:url(/mysite/images/common/footer.gif);
	background-repeat:no-repeat;
	background-position:-1px 0;
	background-color:#F5F6F5;
	width:760px;
	height:70px;
	display:block;
	clear:both;
	float:none;
	text-align:center;
}

#footerBlock{
	background-color:transparent;
	width:505px;
	height:33px;
	display:block;
	position:relative;
	left:70px;
	top:17px;
	margin:0 auto;
}

.footerCopyright{
	vertical-align:top;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	color:#777777;
	display:block;
	margin-top:4px;
}

#headerLeft {
background-image:url(../images/headerLeft.jpg);
background-repeat:no-repeat;
clear:none;
display:inline;
float:left;
height:123px;
width:292px;
}

#headerCenter {
background-color:#003300;
background-image:url(../images/topShade.gif);
background-position:left top;
background-repeat:repeat-x;
clear:none;
display:inline;
float:left;
height:123px;
width:304px;
}

#headerRight {
background-image:url(../images/headerRight.gif);
background-repeat:no-repeat;
clear:right;
display:inline;
float:right;
height:123px;
width:164px;
}

#rummyRoyalLogo{
	width:317px;
	height:93px;
	display:block;
	float:left;
	clear:none;
	margin:18px 0 0 20px;
}

img#tinyLogo{
	display:block;
	float:none;
	clear:none;
	position:absolute;
	left:30px;
	top:42px;
	width:92px;
	height:21px;
}

#flagsHeader{
	position:absolute;
	width:400px;
	height:16px;	
	top:98px;
	right:10px;	
}

#flagsHeader a {
 padding:2px;
}

#mcafee{
margin-top:-52px;
position:absolute;
right:72px;
z-index:1;
}


/* The bottom Drop down links*/
.DropDownList{
margin-left:14px;
margin-top:10px;
}

.expandImage{
float:left;
margin-right:10px;
}

.middleImage{
background:url(/mysite/images/common/drop_list_middle.gif) repeat-y;
}


.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 10px Verdana;
margin: 3px 0px 0px 8px;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #CC3333;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #006600;
}

.thelanguage {
 font: 11px Arial;
 margin:10px;
 padding:0 20px;
}

.thelanguage a {
 font: 11px Arial;
 color: #006600;
}

.plus_minus {
margin-top:-2px;	
}


/* IE7 hacks 
#mcafee{*margin-top:-91px;}*/

/*#player-counter {
background-image:url(/mysite/images/homepage/players_online_back_new.gif);
background-repeat:no-repeat;
clear:none;
display:block;
float:right;
height:38px;
margin:0 auto;
position:absolute;
right:14px;
top:46px;
width:173px;
}

.players-online {
font-size:12px;
font-weight:none;
margin:3px 20px -1px 0px;
text-align:right;
color:#FFFFFF;
}
*/
#player-counter {
clear:none;
display:block;
float:right;
margin:0 auto;
position:absolute;
right:14px;
top:20px;
}

.players-online {
	background-image:url(/mysite/images/homepage/players_online_back_new.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:26px;
	min-width:220px;
	padding:5px 2px;
}
.pob_left{
 float:left;
}
.pob_right{
 float:left;
}

.players-online span {
 color:#ffcc00;
}

#add-this {
	clear:none;
	display:block;
	float:right;
	height:17px;
	margin:0 auto;
	position:absolute;
	right:136px;
	top:95px;
	width:126px;
}

/* dropdown flags */
#languages {
	float:right;
	background:url(/mysite/images/common/flags.gif);
	background-repeat:no-repeat;
	width:114px;
	height:22px;
	right:15px;
	top:92px;
	position:absolute;
}

#languages a {
	 color:#000000;
	 text-decoration:none;
	 font-size:11px; 
	 cursor:pointer;
}

#languages img {
	margin-bottom:4px;
	margin-top:6px;
	position:relative;
}
/* ------------------- */


#dropmenudiv {
	float: left;
	height: auto;
	width: 114px;
	position:absolute;
	top: 113px;
	left: 83%;
	right: 15%;
	border-bottom-width: 0;
	font:normal 11px Verdana;
	line-height:15px;
	background-color: transparent;
	display: none;
	z-index:2;
}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 10px;
	padding: 3px 0;
	text-decoration: none;
	text-align: left;
	color: #000000;
}

#dropmenudiv a.links, a.links:visited {
	width:33%;
	font-size: 11px;
	float:left;
	color: #000000;
}

#dropmenudiv a.linkstop, a.linkstop:visited {
	width:33%;
	font-size: 11px;
	float:left;
	color: #000000;
	padding-top: 20px;
}

#dropmenudiv a:hover {
	text-decoration:underline;
}

.bg_black {
	background-color:#e6e6e6;
	padding-left:5px;
}


/* IE7 */
.bg_black {*padding-left:4px;}
#dropmenudiv a {*text-indent: -1px;}
#languages .flag_position img {*margin-left:5px;*margin-top:6px;}

/* end drop flags */