html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #efede7 url(../../images/bg.jpg) 50% 0 no-repeat; color: #1f1f1f; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }

/* Style Kit v7.0 */
div {display: inline-block;}
div {display: block;}
a, embed, object {outline: none;}
form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5  {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 15px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
input:focus, textarea:focus {outline:none;}
table.regoForm {width: 100%;}
table.regoForm td {padding: 4px 4px 4px 4px;}
table.communities_t {width: 100%;}
table.communities_t td {padding: 10px 10px 10px 0;}
table.menuTable {width: 600px; border: none; margin: 0 0 0 0;}
tr.menuTableHeading { background-color:#EFEDE7; }

big {font-size: 1.1em;}
small {font-size: 0.9em;}
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.vcenta {vertical-align: middle;}
.imgleft {float: left; margin: 0 20px 7px 0;}
.imgright {float: right; margin: 0 0 7px 20px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
.warning {color: #F26522; }
/* Colours */

/* Links */
a	{color: #1f1f1f; text-decoration: underline;}
a:hover	{text-decoration: none; color: #F26522; }

a.arrow {padding-left: 15px; background:url(../../images/arrow.gif) 5px 50% no-repeat;}

a.rbutt {background: url(../../images/butt_bg_left.gif) 0 50% no-repeat; text-decoration: none; padding: 7px 0; font-weight: bold; color: #51504B; text-shadow: 1px 1px 1px #FFFFFF;}
a.rbutt span {background: url(../../images/butt_bg_right.gif) 100% 50% no-repeat; padding: 7px 15px; }
	

a.button {display: block; height: 29px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}
	a.butt-member {width: 140px; background-image:url(../../images/butt_member.gif);}
	a.butt-newtopic {width: 160px; background-image:url(../../images/butt_newtopic.gif);}	

/* Headings */
h1{position: absolute; top: 34px; left: 30px; display: block; width: 115px; height: 43px; }
h1 a {display: block; width: 115px; height: 43px; text-indent: -9999px; overflow: hidden; background: url(../../images/logo.png) no-repeat;}
h2 {display: block; height: 30px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}
	h2.std {border-bottom: 1px solid #EFEDE7; margin-bottom: 20px;}
	h2.title-about {background-image: url(../../images/title_about.gif);}	
	h2.title-login {background-image: url(../../images/title_login.gif);}	
	h2.your-details {background-image: url(../../images/your_details.gif);}	
	h2.member-alerts {background-image: url(../../images/member_alerts.gif);}	
	h2.community-alerts {background-image: url(../../images/your_communities_header.gif);}	
	h2.title-share {background-image: url(../../images/title_share.gif); height: 40px; }	
	h2.title-achat {background-image: url(../../images/title_achat.gif);  }			
	h2.title-amember {background-image: url(../../images/title_amember.gif);  }				
	h2.title-chat {background-image: url(../../images/title_chat.gif);}		
	h2.title-profile {background-image: url(../../images/cafestudy_profile.gif);}		
	h2.title-password {background-image: url(../../images/change_password.gif);}		
	h2.title-contactus {background-image: url(../../images/contactus.gif);}		
	h2.title-redeem {background-image: url(../../images/redeem.gif);}		
	h2.title-unsubscribe {background-image: url(../../images/unsubscribe.gif);}		
	h2.title-forgot {background-image: url(../../images/forgot_password.gif);}		
	h2.title-forums {background-image: url(../../images/paid_forum.gif);}		
	h2.title-rego {background-image: url(../../images/cs_registration.gif);}		
	h2.title-communities {background-image: url(../../images/communities_header.gif);}		
	h2.award-points {background-image: url(../../images/reward_points.gif);}		
	h2.survey-complete {background-image: url(../../images/survey_complete.gif);}		
	h2.ipad {background-image: url(../../images/ipad_heading.gif);}		
	
/* Lists */
#nav {position: absolute; right: 30px; top: 41px; padding: 0; margin: 0; list-style: none; float: right; height: 24px;}
	#nav li {display: inline-block;}
	#nav li {display: block; float: right; margin: 0 0 0 20px; padding: 0; height: 24px;}	
	#nav a {display: block; height: 20px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}
	#nav a:hover {border-bottom: 4px solid #F26522;}
	#nav li.current a {border-bottom: 4px solid #F26522;}	
	#nav #nv-01 {width: 81px; background-image: url(../../images/nav_contact.png);}	
	#nav #nv-02 {width: 70px; background-image: url(../../images/nav_chat.png);}	
	#nav #nv-03 {width: 70px; background-image: url(../../images/nav_about.png);}	
	#nav #nv-04 {width: 45px; background-image: url(../../images/nav_home.png);}				
	#nav #nv-05 {width: 104px; background-image: url(../../images/nav_communities.png);}				
	
ul.lined-sml {display: block; margin: 0 0 15px 0; padding: 0; list-style: none; border-top: 1px solid #EFEDE7;} 	
	ul.lined-sml li {display: inline-block;}
	ul.lined-sml li {display: block; padding: 10px 0; border-bottom: 1px solid #EFEDE7;}

ul.lined-big {display: block; margin: 0 0 15px 0; padding: 0; list-style: none; border-top: 1px solid #EFEDE7;} 	
	ul.lined-big li {display: inline-block;}
	ul.lined-big li {display: block; padding: 15px 0; border-bottom: 1px solid #EFEDE7;}

ul.columned	li {background: url(../../images/bg_column.gif) 100% 0 repeat-y;}
			
ul.membox {display: block; margin: 0 0 15px 0; padding: 0 10px; list-style: none; border: 1px solid #EFEDE7;} 	
	ul.membox li {display: inline-block;}
	ul.membox li {display: block; padding: 10px 0; border-bottom: 1px solid #EFEDE7;}	
	
ul.paginate	 {display: block; float: right; padding: 0 0 0 0; margin: 0 0 0 0; font-size: 12px;}
	ul.paginate li {display: inline-block;}
	ul.paginate li {display: block; float: right; padding:  0 0 0 8px; margin:  0 0 0 8px; background: url(../../images/paginator.gif) 0 50% no-repeat; color: #88867E; font-weight: bold;}	
	ul.paginate a {color: #88867E; font-weight: bold; text-decoration: none;}
	ul.paginate a:hover {text-decoration: underline;}	
	
/* Tables */


/* Forms */
form.logfrm {display: block;}
	form.logfrm fieldset {display: block; padding-bottom: 15px;}
	form.logfrm label {display: block; }
	form.logfrm input.frmfld {display: block; width: 100%; padding: 2px 0; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; }
	form.logfrm #logbutt {display: block; width: 140px; height: 29px; text-indent: -9999px; overflow: hidden; background: url(../../images/butt_login.gif) no-repeat; border: none; cursor:pointer; font-size: 1px; text-align: right; color: #E8E5DE;}

form.srchfrm {float: right; }
	form.srchfrm #squery {display: block; float: right; margin-top: 3px; width: 100px; padding: 2px 0; border: 1px solid #C7C7C7; border-top-color: #7C7C7C; border-bottom-color: #DDD;}
	form.srchfrm #srchbutt {display: block; float: right; margin-left: 10px; width: 100px; height: 28px; text-indent: -9999px; overflow: hidden; background: url(../../images/butt_search.gif) no-repeat; border: none; cursor:pointer; font-size: 1px; text-align: right; color: #E8E5DE;}
	form.srchfrm #srchCatlist {float: right; width: 120px; margin-right: 10px; }

/* Superstructure  */
#shield {width: 995px; margin: 0 auto;}
#header {position: relative; height: 95px;}
#main  {font-size: 1.2em; line-height: 1.5em;}
#sidebar {float: left; width: 230px;}
#page {float: right; width: 740px;}
#footer {text-align: right; font-size: 11px; color: #88867E; padding-right: 30px; padding-bottom: 20px;}

/* Infrastructure  */

div.wbox {margin-bottom: 20px; }
	div.wbox div.top {background: url(../../images/corner_tl.png) 0 0 no-repeat; padding-left: 20px}
	div.wbox div.top div {height: 20px; background: url(../../images/corner_tr.png) 100% 0 no-repeat;}
	div.wbox div.bottom {background: url(../../images/corner_bl.png) 0 100% no-repeat;  padding-left: 20px}
	div.wbox div.bottom div {height: 20px; background: url(../../images/corner_br.png) 100% 100% no-repeat;}
	div.wbox div.content {padding: 10px 30px 15px 30px; background-color: #FFF; }		
	#page div.wbox div.content {min-height: 250px; height: auto !important; height: 250px;}

div.ipad_image {background: url(../../images/ipad.jpg) no-repeat; height: 313px; padding: 30px 20px 20px 450px;}

div.logbox {margin-bottom: 20px; }
div.logbox div.top {background: url(../../images/corner_tl.png) 0 0 no-repeat; padding-left: 20px}
div.logbox div.top div {height: 20px; background: url(../../images/corner_tr.png) 100% 0 no-repeat;}
div.logbox div.bottom {background: url(../../images/corner_beige_bl.png) 0 100% no-repeat;  padding-left: 20px}
div.logbox div.bottom div {height: 20px; background: url(../../images/corner_beige_br.png) 100% 100% no-repeat;}
div.logbox div.top-content {padding: 10px 20px 0 20px; background-color: #FFF; }		
div.logbox div.bottom-content {padding: 20px 20px 0 20px; background-color: #DCD8CD; }		
div.logbox a.rbutt {background: url(../../images/butt_bg_left_beige.gif) 0 50% no-repeat; }
div.logbox a.rbutt span {background: url(../../images/butt_bg_right_beige.gif) 100% 50% no-repeat;  }

div.hombox {background: url(../../images/home.png) no-repeat; height: 235px; padding: 30px 20px 20px 490px;}
div.ipad_image {background: url(../../images/home2.png) no-repeat; height: 313px; padding: 30px 20px 20px 450px;}

span.hoz-spacer {color: #eeede8;}
	
.introtxt {font-size: 2.0em; line-height: 1.1em;}
.introtxt2 {font-size: 1.6em; line-height: 1.1em;}
.introtxt4 {font-size: 1.4em; line-height: 1.1em;}
.introtxt3 {font-size: 1.2em; line-height: 1.1em;}
.col-left {width: 460px; float: left;}
.col-right {width: 190px; float: right;}

.page-head {padding: 10px 0; border-top: 1px solid #EFEDE7;  font-size: 1.4em; font-weight: bold; color: #88867E; }
.page-head2 {padding: 0 0 10px 0; border-bottom: 1px solid #EFEDE7;  font-size: 1.4em; font-weight: bold; color: #88867E; }

a.link-head	{color: #1f1f1f; text-decoration: underline; font-size: 1.0em; font-weight: bold; color: #88867E;}
a.link-head:hover	{text-decoration: none; color: #F26522; }

/* Forums */
img.forum-thumb {display: block; float: left; width: 49px; height: 49px;}
div.forum-thumb-margin {margin-left: 59px; line-height: normal;}
div.forum-thumb-margins {margin-left: 64px; margin-right: 270px; line-height: normal;}
	div.forum-thumb-margin h3, div.forum-thumb-margins h3 {font-size: 1.4em; font-weight: bold; color: #88867E; margin-bottom: 1px;}
		div.forum-thumb-margin h3 a, div.forum-thumb-margins h3 a  {color: #88867E; text-decoration: none;}
		div.forum-thumb-margin h3 a:hover, div.forum-thumb-margins h3 a:hover {text-decoration: underline;}

dl.forum-defined {display: block; width: 235px; float: right; }
dl.forum-defined dt {display: block; float: left; width: 70px; margin-bottom: 1px; font-weight: bold; font-size: 0.9em; } 
dl.forum-defined dd {display: block; float: right; width: 150px; margin-bottom: 1px; font-size: 0.9em; }
		
/* Members */		
div.lined {padding: 0 10px; border: 1px solid #EFEDE7;} 
img.member-thumb {display: block; float: left; width: 42px; height: 42px;}
div.member-thumb-margin {margin-left: 52px; line-height: normal; font-size: 0.9em;}

/* View */
div.author {float: right; width: 235px; line-height: normal;}
div.author-margin {margin-right: 270px; }
div.author-margin p.previousReply { background-color:#fafaf8; border:1px dashed #e0e0e0; padding:4px; margin-top:2px; font-size: 0.9em; }
div.forum-thumb-margins p.previousReply { background-color:#fafaf8; border:1px dashed #e0e0e0; padding:4px; margin-top:2px; font-size: 0.9em; }

h3 {font-size: 1.4em; font-weight: bold; color: #88867E; margin-bottom: 3px;}

#forum-box {font-size: 1.0em; line-height: 1.4em; overflow: hidden;}
a.icon-reply {background:url(../../images/forums/icon_arrow.gif) 0 50% no-repeat; padding-left: 20px; color: #F26522; text-decoration: none;}
a.icon-reply:hover {text-decoration: underline;}

a.butt-link {background: url(../../images/butt_bg_left.gif) 0 50% no-repeat; text-decoration: none; padding: 7px 0; font-weight: bold; color: #51504B; text-shadow: 1px 1px 1px #FFFFFF;}
a.butt-link span {background: url(../../images/butt_bg_right.gif) 100% 50% no-repeat; padding: 7px 15px; }

.blockit {display: block;}
.clearleft {clear: left; height: 1px;}
.getleft {float:left;}

#forum-box .bg-light {background-color: #F7F6F3;}
#forum-box .bg-dark {background-color: #DCD8CD;}
#forum-box h2 {font-size: 1.6em; font-weight: bold; padding: 10px 0 0 0; }
#forum-box h5 {font-size: 1.2em; font-weight: bold; padding: 5px 0 5px 0; }
#forum-box div.node {padding-bottom: 15px; overflow: hidden;}
#forum-box div.author {position: relative; float: left; width: 175px; }
#forum-box div.author div.auth-panel {width: 145px; border: 1px solid #EFEDE7; min-height: 100px; height: auto !important; height: 100px; padding: 10px;}
#forum-box div.author div.auth-arrow {position: absolute; left: 165px; top: 15px; width: 11px; height: 20px; background:url(../../images/forums/bg_author_arrow.gif) no-repeat;}
#forum-box div.author div.auth-name {margin-left: 50px; font-weight: bold; padding: 5px; min-height: 32px; height: auto !important; height: 32px; font-size: 0.9em;}
#forum-box div.author div.auth-data {clear: left; padding-top: 10px;}
#forum-box div.topic {margin-left: 194px; padding: 5px 20px 5px 20px;}
#forum-box div.post {margin-left: 194px; border: 1px solid #EFEDE7; padding: 10px;}
#forum-box div.post div.post-panel {padding: 10px;}
#forum-box form.frm-reply {margin-bottom: 15px; }
#forum-box div.reply-imgs {margin-bottom: 15px; }
#forum-box div.reply-txt {margin-bottom: 15px; }
#forum-box form.frm-reply label {display: block; float: left; width: 55px; margin-bottom: 3px; font-size: 0.9em; }
#forum-box form.frm-reply input.filefld {display: block; float: left !important; margin-bottom: 3px;  font-size: 0.9em;}
#forum-box form.frm-reply textarea {display: block; border: 1px solid #EFEDE7; height: 130px; font-family:Arial, Helvetica, sans-serif; font-size: 1.0em; padding: 3px;}
#forum-box div.side-box {float: right; width: 190px; border: 1px solid #EFEDE7; }
#forum-box div.side-box div.side-title {padding: 10px 20px; color: #FFF; font-weight: bold;}
#forum-box div.side-box div.side-text {padding: 10px 20px 5px 20px;}
#forum-box div.tasks {margin-right: 210px;}
#forum-box div.tasks table.tbl-tasks {width: 99%; border: none; padding: 0; margin-bottom: 10px;}
#forum-box div.tasks table.tbl-tasks th {color: #FFF; font-weight: bold; padding: 10px 15px;}
#forum-box div.tasks table.tbl-tasks td {padding: 10px 15px;}
#forum-box div.tasks table.tbl-tasks tr.alt td {background-color: #F7F6F3;}