body 
{
	margin:0;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
}

div#loading { display:none; position:absolute;  top:30%;  left:37%;  width:250px; height:32px; z-index: 9999; 
    -moz-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 18px black;
    background: none repeat scroll 0 0 #DDD300;
    border: 8px solid #666666;
}
a { color: #0A6E32; }
div#loading #img { background: url('images/loading.gif') no-repeat; float: left; height:32px; width:32px; }
div#loading #label { padding: 8px 0 0 10px; float: left; font-weight: bold; }
.welcome { position: absolute; right: 10px; bottom: 5px; }
.welcome a { color: #000000; }
section, article { display: block; }
h5 { font-weight: normal; }
.column { float: left; }
a.link { text-decoration: none; }
input, select, textarea { border: solid 1px #000000; }
.checkbox input { border: none; }
ul.ul { list-style: none; margin:0; padding:0; }
.clear {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.old { background-color: #EFEFEF; }
.show { display: block; }
.hide { display: none; }
.back, .chat-room .chatrules { position: absolute; top: 5px; right: 15px; }
.chat-room .chatshare { position: absolute; top: 5px; right: 170px; }
.chat-room h2 { margin-left: 10px; }
div#main { background: url('images/mainbackground.png') repeat-y; width: 1007px; margin: 0 auto; }
div#mainbottom { background: url('images/mainbackgroundbottom.png') no-repeat; width: 1007px; height: 35px; margin: -10px auto 0 auto; }
div#main div#header { background: url('images/header.jpg') repeat-x; height: 114px; width: 959px; margin: 0 auto; border: solid 1px #9B9B95;}
div#main div#header { position: relative; }
div#main div#content { width: 961px; margin: 0 auto; overflow: hidden; }
section.inner-content { padding: 15px; overflow: hidden; }
section.inner-content span.title { font-weight: bold; }
div#main div#div_home { background: url('images/homeimage.jpg') no-repeat; height: 291px; border: solid 1px #9B9B95; }

div#div_menu { height: 45px; width: 500px; float: right; }
section.section { margin-left: 15px; margin-top: 10px; position: relative; }
div.section { border: solid 1px #999999; }
div.section_header, .section_title
{
	background:url("images/boxheader.jpg") repeat-x scroll 0 0 transparent;
	font-size:15px;
	font-weight:bold;
	height:24px;
	padding-left:10px;
	padding-top:4px;
	margin: 0;
}
#logo { margin: 0; padding: 0; position: absolute; top: 25px; left:10px;}
#logo a
{
    background: url("images/Jamaica_Personal.png") no-repeat;
    float: left;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 53px 20px 0;
    width: 342px;
}

div.section_content { padding: 10px;}
div#main div#div_match { width: 250px; margin-left: 10px; }
div#div_about_jampersonals { width: 250px; }
div#main div#content div#div_signup .input input { width: 133px; }
div#div_login { width: 250px; height: 100px; float:right; margin-top: 4px; margin-right: 30px;}
div.agree input { border: none; }
div#div_login div.field label {float:left; width: 90px;font-size: 10px; text-align:right;}
div#div_login div.field .input input { width: 143px; }
div#div_login div.agree {float:left;}
div#div_login div.field label.agree {width: 40px;} 
div#div_login div.field.onecolumn { margin-top: 5px; }
div#div_login div#divbutton2 { float:right; margin-right: 15px; }
div#div_login div#divforgotpw {    float: left;    font-size: 9px;    margin-right: 11px;    margin-top: 4px; }
div#div_login div#divforgotpw a { color: #000000;}

div#footer {
    margin: 0 auto;
    overflow: hidden;
    width: 961px;
    color: #999999;
    font-size: 9px;
    padding: 0 0 25px 15px;
}
div#footer a { color: #999999; text-decoration: none; }
.jam_footer {
    color: #999999;
    font-size: 9px;
    min-width: 0;
    position: relative;    
}
.jam_footer .jam_footer_title { font-weight: bold; }
.jam_guarantee, .jam_about, .jam_help, .jam_dating, .jam_mymatch, .jam_advertise {
    float: left;
    height: 70px;
    line-height: 14px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.jam_guarantee, .jam_about, .jam_help, .jam_dating, .jam_mymatch {
    border-right: 1px solid #999999;
    margin: 0 12px 0 0;
    padding: 0 12px 0 0;
}
.jam_copyright { clear: both; float: left; padding-top: 25px; }
.jam_advertise .socialnetwork { margin-top: 4px; }
.jam_advertise .socialnetwork a.blog {
    background: url("images/icons.png") no-repeat scroll 0 0 transparent;
}
.jam_advertise .socialnetwork a.facebook {
    background: url("images/icons.png") no-repeat scroll 0 -17px transparent;
}
.jam_advertise .socialnetwork a.twitter {
    background: url("images/icons.png") no-repeat scroll 0 -34px transparent;
}
.jam_advertise .socialnetwork a {
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin-right: 3px;
    padding-left: 16px;
    text-decoration: none;
}

body, td, input, select
{
	font-family: Verdana;
	font-size: 8pt;
}

/* For BBCode Post Buttons */
.ButtonOut
{
	filter: alpha(opacity=70);
	border: #7F9DB9 1px solid;
}
.ButtonOver
{
	background-color: #FFE1AC;
	border: #FFAD55 1px solid;
}
.ButtonChecked
{
	background-color: #FFCB7E;
	border: #FFAD55 1px solid;
}
.ButtonOff
{
	filter: gray() alpha(opacity=30);
	background-color: #C0C0C0;
	border: #7F9DB9 1px solid;
}

/*  */
img 
{
	border: 0;
}

/* Header 1 - Main header */
.header1 {
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	height: 28px;
}

/* Header 2 - Sub header */
.header2 {
	background-image: url('images/boxheader.jpg');
	color: #000000;
	font-weight: bold;
	height: 28px;
}

/* Footer1 - Bottom of tables */
.footer1 {
	background-image: url('images/boxheader.jpg');
	font-size: 7pt;
	height: 28px;
}

.footer1 select, .footer1 td
{
	font-size: 7pt;
}

/* Header of posts */
.postheader 
{
	background-color: #FBD31A;
}

/* User info and post/article */
.post 
{
	background-color: #DCDCDC;
}

/* Footer of posts */
.postfooter 
{
	background-color: #FBD31A;
}

/* Area between posts */
.postsep 
{
	background-color: #026932;
	height: 1px
}

/* most tables are class 'content' */
table.content {
	font-family: verdana;
	font-size: 8pt;
	color: #000000;
	padding: 0px;
	background-color: #FFFFFF;
}

table.content td {
	padding: 0 3px;
}

/* links inside content table*/
.content a			{
	color: #0A6E32;
	text-decoration: underline;
}
.content a:hover	{
	color: Fuchsia;
	text-decoration: underline;
}
.content .header2 a { color: #000000; }

/* used for quoting messages */
.quote 
{
	padding-left: 16px;
}

.quoteinner 
{
	padding: 4px;
	background-color: #DDA0DD;
	border: 1px solid #D8BFD8;
}

/* font sizes */
.smallfont	{ font-size: 7pt; }
.largefont	{ font-size: 9pt; }

/* Image Links */
a.imagelink 
{
	font-family: Trebuchet MS;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}
a:hover.imagelink
{
	text-decoration: none;
	/*background-color: #D0D0D0;*/
}

/* Used for editor textarea */
.posteditor 
{
	width: 100%;
	height: 200px;
	font-family: Verdana;
	font-size: 8pt;
}

/* Table just above and below tables */
table.command 
{
	/*border: solid 1px blue;*/
	padding: 3px;
}

/* p-tag at the top of pages with navigation links */
.navlinks { font-weight: bold; color: #000000; padding-left: 5px; }
#forum__ctl0_Welcome { padding-left: 5px; }
.navlinks a {
	color: #0A6E32;
	text-decoration: none;
}
.navlinks a:hover {
	color: Fuchsia;
}

/* for printing */
table.print 
{
	border: solid 1px #C0C0C0;
}
.printheader 
{
	background-color: #DDDDDD;
	color: #000000;
	padding: 4px;
}
.printbody 
{
	background-color: #FFFFFF;
	color: #000000;
	padding: 4px;
}

/*
Use this to setup overflow feature for your site.
On IE that would mean specifying a width so that the overflow will work properly.
This CSS already works on FireFox.
*/
div.postdiv
{
	width: 100%;
	min-height: 100px;
	overflow: auto;	
}