@charset "utf-8";
/* CSS Document */

/* WLD stylse */
html, body, p, div                   { font-size: 12px; font-family: 'Lucida Grande', 'Arial Unicode MS', sans-serif; }
h1, h2, p                            { margin-bottom: 1.5em; }
h1                                   { font-size: 180%; }
h2                                   { font-size: 150%; }
h3                                   { font-size: 120%; }
h4                                   { font-weight: bold; }
a                                    { text-decoration: none; color: #33A; }
a:hover                              { text-decoration: underline; }
a:focus                              { outline: 1px dotted #CCC; }


body
{
background-color:#999999;
background-image:url(../images/background.png); background-repeat:repeat-x;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}
.oneColElsCtrHdr #header { 
background-image:url(../images/background.png); background-repeat:repeat-x;
	
	float:left;
} 
.clear
{
	clear:both;
	background-image:url(../images/background.png); background-repeat:repeat-x;

}
.clearClear
{
	clear:both;
}
.favourites{ float:right;margin-top:-30px;}
.favourites1{float:right; margin-top: 1px;}
.headerImg
{
	float:left;
	padding-top:10px;
	padding-bottom: 10px;
}
.saltireImg
{

padding-left:15px;
float:left;

}

.oneColElsCtrHdr #container {
	width: 960px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:100%;
}

.oneColElsCtrHdr #mainContent h1
{
 font-size:medium;
 font-weight::bold;
 padding:4px;
}
.oneColElsCtrHdr #mainContent {

	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	border:solid 4px #000000;
}
.oneColElsCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #FFFFFF;
} 
.oneColElsCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.tableTitle1{background: url(../images/headingbkg.png) repeat-y; color:#FFFFFF;font-size:11px;height:25px; width:400px; margin-top:15px;position:relative; z-index:1;}

.tableTitle2{color:#FFFFFF;font-size:11px;height:25px; width:400px; margin-top:15px; position:relative;}

.tableTitle3{color:#FFFFFF;font-size:11px;height:25px; width:400px; margin-top:15px; position:relative;}

h2	{font-size: 8pt; padding:4px; padding-left:18px;background-color:#cccccc}
h3 { font-size:8pt; font-weight:bold;}
.floatright{float:right;}
.floatleft{float:left;}
.padleft6{ padding-left:6px; padding-bottom:1px; padding-top:1px;}
.padright6 {padding-right:6px; padding-bottom:1px;padding-top:1px;}
.searchForm{ background-image:url(../images/formbackground.png); background-repeat:repeat-x; color:white; padding-bottom:3px;}
.formText {font-size: 8pt; font-family:Verdana, Arial, Helvetica, sans-serif;}
.formLines { padding-top:6px; padding-left:8px; padding-bottom:1px}
.formLines2 { padding-top:1px; padding-left:8px; padding-bottom:1px}
.formLines3 { padding-top:3px; padding-left:8px; padding-bottom:3px}
.formButton { background-color:#000;  color:#FFFFFF; width: 186px; height: 25px; margin-left:1px;}
.LoginFormButton { background-color:#000;  color:#FFFFFF; height: 25px; margin-left:1px;}
    #wld_badge_wrapper { border: 0px solid black; width: 600px; overflow: hidden; }
    #wld_badge_inner { padding: 10px 0 10px 10px; }

    .wld_badge_item { float: left; margin: 0 12px 0 0; padding: 0; }
    .wld_badge_item img { border: 2px solid #000000; }
    .wld_badge_item_detail { margin-top: 5px; font-family: Verdana; font-size: 0pt; width: 90px; overflow: hidden; visibility:hidden; }

    .wld_badge_clear { clear: both; }
.imgBorder{ border: 2px solid #000000; }

.ads { text-align:center; }
.leftcolumn { 
float:left;
width:50%;}
.fullcolumn { float:left;width: 100%;}
.rightcolumn { width:50%;
 float:left;}
 .leftcolumnlinks {float:left;
width:80%; }
 .rightcolumnlinks {width:20%;
 float:left }
.formText1{ width:20%; float:left;}
.formBox { width:80%; float:left;}
.width80 {width:200px;}
.textcentre{ text-align:center;}
.imgpadding{ padding:4px;}
.extrachat{ margin-top:120px; position:relative;}
.row {padding-top:4px; padding-left:6px; padding-right:6px;}
.row2 {padding-top:15px; padding-left:6px; padding-right:6px;}
.column1{ width:40%;float:left;}
.column2{ width: 40%; float:right;}
.marginMinus { position: relative; top:-40px;}
.textbox
{
    background-color: #FFFFFF;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
    width: 180px;
}
.textbox1
{
    background-color: #FFFFFF;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
    width: 186px;
}
.registerDiv
{
	background-image:url(../images/searchbackground.png);background-repeat:repeat-x;
	background-color:#DCE6F1; color:black;
	float:left;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	width: 435px;
}
.registerDivlad
{
	background-color:#477EBF !important;
	color:white;
	float:left;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	width: 435px;
}
.registerDivlas
{
	background-color:#C73581 !important;
	color:white;
	float:left;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	width: 435px;
}
.day
{
    background-color: #FFFFFF;
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    width: 50px;
}

.month
{
    background-color: #FFFFFF;
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    width: 75px;
}

.year
{
    background-color: #FFFFFF;
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    width: 53px;
}
.searchform2 { background-image:url(../images/searchbackground.png);background-repeat:repeat-x; padding-bottom: 3px; width: 588px;}
.searchTxt { position: relative; float: right; top: -30px; margin-right: 10px;}
.regimgdiv { float:right; margin-top: 4px; bottom:-13px; position:relative;}
.bottomrow { width: 186px; float:right; padding-top: 6px; }
.malelogin { width: 435px; background-color:#477EBF; padding: 0 6px; height: 110px;}
.femalelogin { width: 435px; background-color:#C73581; padding: 0 6px; height: 110px;}
#memloginFemale
{
	height: 32px;
	background:url(../images/curvefemale.png) no-repeat left #C73581;
	padding-left: 31px;
	padding-right: 6px;
	padding-top: 2px;
	padding-left:6px;
	margin-bottom: 4px;
	margin-top: 0px;
	width: 435px;
	text-align:right;
	line-height:0px;
}
#memloginMale
{
	width:435px;
	text-align:right;
	height: 32px;
	background:url(../images/curvemale.png) no-repeat left #477EBF;
	padding-left: 31px;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 2px;
	margin-bottom: 4px;
	top: 0px;
	line-height:0px;
}

#sign-in, #password-login, #sign-in1, #password-login1
{
    background-color: #fff;
    color: black;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
    margin-right: 10px;
}
.zerotop { margin-top:0px !important; padding-top:0px !important;}


