@import "nav091807.css";	/* navigation properties */

* {margin:0; padding:0;}

body{font:12px Verdana,Arial,sans-serif; color:#696969; background:#fff url(../images/common/header.1px.main.gif) 0 0 repeat-x;}
body#margins{margin:10px;}

p {margin:0 0 8px 0;}
h1 { color:#008fd4; font-weight:bold; font-size:26px; margin-bottom:8px; line-height: 27px; width:96%;} /*dark blue big*/
h1.chatgame {font-size:17px; margin-bottom:0;}
h3.chatgamename {font-size:22px; margin-top:0; color:#999999; margin-top:-5px;} /*dark grey big*/
h2 { color:#0099CC; font-weight:bold; font-size:13px; width:100%; padding-bottom:10px; border-bottom: 1px solid #CCCCCC; margin-top: 10px; margin-bottom:13px;} /*light blue underline */
h2.dark {color:008fd4; border:none; font-size:14px; padding:0;} /*dark blue no underline*/
h3 { color:#808080; font-weight:bold; font-size:14px; margin-bottom:2px;} /*dark grey under titles*/
h4 { color:#7dbd31; font-weight:bold; font-size:14px; margin-bottom:5px;} /*green*/
h4.large {font-size:18px;} /*big green*/
h5 { color:#0099FF; font-weight:bold; font-size:13px;} /*light blue no underline*/
h6 { color:#FF8230; font-weight:bold; font-size:14px; line-height:22px; } /*orange*/
h2.jpname {color:008fd4; border:none; font-size:16px; padding:0; width:100%; text-align:center; font-weight:bold;}

div.t1 { color:#008fd4; font-weight:bold; font-size:26px; margin-bottom:8px; line-height: 27px; width:96%;}
div.tl { color:#008fd4; font-weight:bold; font-size:26px; margin-bottom:8px; line-height: 27px; width:96%;}
div.t2 { color:#808080; font-weight:bold; font-size:14px; margin-bottom:2px;} /*dark grey under titles*/


.smallthin {font-size:12px; font-weight:normal;}

* html body{font:12px Verdana,Arial,sans-serif; color:#696969; background:#fff url(../images/common/header.1px.main.gif) 0 0 repeat-x;}
* html body#margins{margin:10px;}

/* login page start */
div.greendiv {padding:10px; border:#CEFB76 1px solid; background:#F4FCED; width:570px;}
div#oops {background-image: url(../images/icons/info.icon.gif); background-position: 10px 8px; width:525px; background-repeat:no-repeat; vertical-align:middle; padding-left:55px; min-height:30px;}

.greylabel {
	color: #999;
	font-weight:bold;
	font-size:12px;
}

table#shortlogin tr td.label {font-size:9px;}
table#shortlogin tr td {padding-right:20px;}

ul#loginlist { position:relative; bottom:15px; }
#loginlist li {list-style-type:disc; list-style-position:outside; list-style:disc;}
/* login page end */

#main-content-wrap {
	background:transparent url(../images/common/line.gif) top right no-repeat;
	width:643px;
	margin-bottom:30px;
	margin-left:10px;
	padding-right:50px;
}

#wrap {
	width:888px;
	min-height:700px;
	height: auto;
	background:#fff url(../images/common/header.1px.side.gif) 0 0 repeat-x;
	position:relative;
	top:0;
	left:50%;
	margin-left:-444px;
	padding-top:160px;
}

* html #wrap {height:700px;}

#blankwrapper {
	width:888px;
	min-height:700px;
	height: auto;
	background:#fff;
	background-image:none;
	position:relative;
	top:0;
	left:50%;
	margin-left:-444px;
}

* html #blankwrapper {height:700px;}

#wide-wrap {
	width:100%;
	height:auto;
	border:1px solid #000;
}


/* HEADER */
a#logo, a#logo:visited, a#logo:active, a#logo:hover {
	display:block;
	width:229px;
	height:156px;
	background:transparent url(../images/common/header.bm.logo.gif) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;
	text-decoration:none;
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#hdr-form {
	position:absolute;
	top:10px;
	right:10px;
}
#hdr-form a {
	padding-left:10px;
	margin-left:10px;
	text-decoration:none;
	color:#e00;
	font-weight:bold;
	font-size:12px;
}
#hdr-form a#signup {
	border-left:1px solid #999;
}
#go-btn {
	position:relative;
	top:4px;
}
#hdr-form td, #hdr-form th {
	padding:0 2px;
	text-align:left;
	vertical-align:baseline;
}
#hdr-form table th {
	font-size:10px;
	line-height:11px;
	font-weight:normal;
}
/* END HEADER */

#content {
	width:574px;
	position:relative;
	top:15px;
	left:20px;
	line-height:120%;
}

/* START FOOTER */
#footer {
	width:100%;
	/*margin-top:30px;*/
	position:relative;
	top:30px;
	background:transparent url(../images/common/footer/2px.footer.gradient.gif) 0 0 repeat-x;
	padding:20px 0;
	clear:both;
	float:none;
}
#footer.home {
	margin-top:110px;
}
* html #footer.home {
	margin-top:80px;
}
#footer-inner {
	width:100%;
	position:relative;
	top:0;
	left:50%;
	margin-left:-400px;
}

#footer li {
	list-style-type:none;
	float:left;
	margin-right:15px;
	font-size:12px;
	line-height:13px;
	text-transform:lowercase;
}
#footer li li {
	float:none;
	margin-top:6px;
}

#footer li a, #footer li a:visited, #footer li a:active {
	color:#a7a9ac;
	text-decoration:none;
}
#footer li a:hover {
	text-decoration:underline;
}
#footer li a.first {
	font-weight:bold;
}

#footer #ecom-logos {
	clear:both;
	float:none;
	margin:0;
}
#footer #ecom-logos li {
	float:left;
	margin:40px 0 10px 20px;
}
#footer #ecom-logos li.first {
	margin-left:-10px;	
}
#footer #ecom-logos li img {
	border:0;
	margin-top:30px;
}

#footer #ecom-logos li img.tall {
	border:0;
	margin-top:0;
}

/* END FOOTER */


#sidenav {
	width:215px;
	min-height:525px;
	height:auto;
	position:absolute;
	top:210px;
	right:15px;
}


/* MEMBER WELCOME PAGE */

div.title1 { color:#73B427; font-weight:bold; font-size:14px; margin-bottom:1px; line-height: 27px; width:96%;}
div.step { width: 650px; border:#e3e3e3 2px solid;}

a { text-decoration:none;}
p.liel { margin-left: 35px;}

.style3 {
	color: #0099CC;
	font-weight: bold;
}



/* WELCOME END */


div#paasmenuholder {width:632px; height:52px; border:none; position:absolute; top:0; vertical-align:middle; left:225px;}
div#paasleft {background:url(../images/common/paas.left.corner.gif) 0 0 no-repeat; width:8px; height:52px; float:left;}
div#paasright {background:url(../images/common/paas.right.corner.gif) 0 0 no-repeat; width:8px; height:52px; float:left;}
div#paasspan {background:url(../images/common/paas.span.gif) 0 0 repeat-x; width:616px; height:52px; float:left;}
div#paaswel {width:345px; height:28px; padding-top:6px; float:left; }
div#paasdep {background: url(../images/icons/green.pound.icon.gif) 0 0 no-repeat; width:80px; padding:6px 0 0 31px; height:28px; float:left; }
div#paasacc {background: url(../images/icons/my.account.icon.gif) 0 0 no-repeat; width:80px; padding:6px 0 0 31px; height:28px; float:left; }
div#paasoff {width:30px; height:13px; float:left; border-left: 1px solid #669999; padding-left:8px; margin-top:6px;}

div#paasinfoholder {width:615px; height:28px; vertical-align:middle; margin-top:10px;}

* html div#paasmenuholder {width:632px; height:52px; border:none; position:absolute; top:0; vertical-align:middle; left:225px;}
* html div#paasacc {background: url(../images/icons/my.account.icon.gif) 0 0 no-repeat; width:113px; padding:6px 0 0 31px; height:28px; float:left; }
* html div#paasdep {background: url(../images/icons/green.pound.icon.gif) 0 0 no-repeat; width:60px; padding:6px 0 0 31px; height:28px; float:left; margin-right:10px; }



#welcomeNote {font-family:Helvetica, Arial, sans-serif; position:absolute; top:20px; right:20px; font-size:11px; font-weight:bold;}
a#logout, a#logout:visited, a#logout:active, a#logout:hover {font-weight:normal; font-size:10px; margin-left:40px; text-decoration:none;}

.transferoptions-wrap {
	width:607px;
	position:relative;
	padding-top:12px;
	margin-top:15px;
	margin-bottom:10px;
}
.transferoptions-wrap .transferoptions {
	width:603px;
	height:62px;
	overflow:hidden;
	border-left:2px solid #ece7e7;
	border-right:2px solid #ece7e7;
}
.transferoptions-wrap .transferoptions div {
	margin: 0 0 0 20px; 
	width:380px; height: 100%; border-right: 2px solid #ece7e7;
	
}

.transferoptions-wrap .transferoptions p {
	margin-top: 0;
	padding-top: 10px;
	margin-left: 15px;
	font-size: 16px;
	width: 415px;
	border-right:2px solid #ece7e7;
	height: 100%;
}


* html .transferoptions-wrap .transferoptions {
	width:567px;
}
.transferoptions-wrap .transferoptions-btm {
	width:607px;
	height:11px;
	background: transparent url(../images/common/btm.logo.frame.gif) 0 0 no-repeat;
}
.transferoptions-wrap .transferoptions-top {
	width:607px;
	height:12px;
	position:absolute;
	top:0;
	left:0;
	background: transparent url(../images/common/top.logo.frame.gif) 0 0 no-repeat;
}