/* -----------------------------------------------------------------------

www.iPass.uk.net: Content Page Only - Tables CSS

version: 2.0
date: January 2009
author: Tarquin Rees
email: tarquin@okapicreative.com
web: www.okapicreative.com

----------------------------------------------------------------------- */	

.table, .table_pods, .table_offers {
	
	margin: 0px 0 40px 0;
	width: 490px;
	border-collapse: collapse;
	font-family:  arial, verdana, geneva, helvetica, sans-serif;
	border: 0;
	}

.table th, .table_offers th {
	
	padding: 10px;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	background-color: #b0e31c;
	text-align: center;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	}

th.main, td.main {
	
	border-left: 1px solid #999;
	}

th.end, td.end {
	
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	}

td.number, td.mod, td.focus, td.grammar {
	
	padding: 10px;
	width: 25px;
	font-size: 10px;
	color: #666;
	text-align: center;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	}

td.mod {
	
	width: 65px;
	}

td.focus {
	
	width: 200px;
	text-align: left;
	}

td.grammar {
	
	width: 200px;
	text-align: left;
	border-right: 1px solid #999;
	}

th.end {
	
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #b0e31c;
	color: #fff;
	}


/* Table Lists
--------------------------------------------------------- */	

.table ul {
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-family:  arial, verdana, geneva, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #666;
	}

.table ul li {
	
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	}
	
/* Table Pods
--------------------------------------------------------- */		
	
.table_pods td {
	
	padding: 10px;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-align: center;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	}

.table_pods td.end {
	
	border-right: 1px solid #999;
	}

.table_pods td.head {
	
	border-right: 1px solid #999;
	font-size: 11px;
	font-weight: 700;
	color: #666;
	}

.table_pods td.end2 {
	
	border-right: 1px solid #999;
	font-size: 11px;
	font-weight: 700;
	color: #666;
	}


/* Table Key
--------------------------------------------------------- */		

.table_key {
	
	margin: 20px 0 40px 0;
	border-collapse: collapse;
	font-family:  arial, verdana, geneva, helvetica, sans-serif;
	border: 0;
	width: 500px;
	}
	
.table_key td {
	
	padding: 10px;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-align: center;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	}

.table_key td.end {
	
	border-right: 1px solid #999;
	}

.table_key td.mod {
	
	border-right: 1px solid #999;
	width: 40px;
	}

.table_key td.pod {
	
	border-right: 1px solid #999;
	width: 60px;
	}
	
.table_key td.trans {
	
	border-right: 1px solid #999;
	width: 60px;
	}
	
.table_key td.gen {
	
	border-right: 1px solid #999;
	width: 170px;
	}
	
.table_key td.end2 {
	
	border-right: 1px solid #999;
	width: 170px;
	}
	
.table_key td span {
	
	font-size: 9px;
	}	

.table_key td a {
	
	color: #336699;
	}	

.table_key td a:hover {
	
	color: #998a6d;
	}	
	
.table_key td.mod, .table_key td.pod, .table_key td.trans, .table_key td.gen, .table_key td.end2 {
	
	background-color: #33cccc;
	color: #333;
	}	
	
/* Table Sign-Up Page
--------------------------------------------------------- */		

.signup {
	
	margin: 20px 0 40px 0;
	border-collapse: collapse;
	font-family:  arial, verdana, geneva, helvetica, sans-serif;
	width: 520px;
	}
	
.signup td, .signup td.right, .signup th {
	
	padding: 10px;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-align:left;
	width: 260px;
	border: 1px solid #ccc;
	background-color: #f2fafa;
	}	

.signup td.sign_right {
	
	background-color: #fff;
	}

.signup th {
	
	background-color: #ffe3ba;
	font-size: 13px;
	font-weight: 700;
	color: #666;
	text-align: center;
	}
	
.signup td h2, .signup td.right h2 {
	
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	}	
	
.signup td p.reg, .signup td.right p.reg {
	
	font-size: 11px;
	font-weight: 700;
	}

.signup td p.reg a, .signup td.right p.reg a {
	
	color: #666;
	}	
	
.signup td p.reg a:hover, .signup td.right p.reg a:hover {
	
	color: #336699;
	}	

.signup td p.reg_link, .signup td.right p.reg_link {
	
	font-size: 13px;
	font-weight: 700;
	}

/* Profiles
--------------------------------------------------------- */		

.profile td.pic {
	
	width: 160px;
	}

.profile td.bio {
	
	width: 340px;
	}

.profile td.bio h1 {
	
	margin: 0px 0px 0px 20px;
	}

.profile td.bio p {
	
	margin: 0px 0px 0px 20px;
	}