/* Login box */

/* Show only to IE PC \*/
* html .boxhead h3 {height: 1%;} /* For IE 5 PC */

.boxFont {
	text-align:left;
	font-size:12px;
  line-height:100%;
	font-weight:bold;
	text-decoration: none;
	color:#000080;
}

.smallFont {
	font-size:9px;
  line-height:100%;
	font-weight:normal;
	text-decoration: none;
	color:#000080;
}

.sidebox {
	margin: 0 auto; /* center for now */
	width: 15em; /* ems so it will grow */
	background: url(../images/box/sbbody-r2.gif) no-repeat bottom right;
	font-size: 100%;
}

.sidebox a:link,
.sidebox a:visited
.sidebox a:active
 {
 	font-size:11px;
	text-decoration: none;
	color:red;	
}
.sidebox a:hover {
	text-decoration: underline;
}

.boxhead {
	background: url(../images/box/sbhead-r2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h3 {
	background: url(../images/box/sbhead-l2.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/box/sbbody-l2.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.boxbody p {
	font-size:0.8em;
	color:#c04f0a;
}

form#login,
form#registration {
  position:relative;
}

div#username,
div#password,
div#email-div,
div#password-choice-div,
div#password-confirm-div {
  position:relative;
  margin-right:3px;
  font-size:1.0em;
}

input#username-field,
input#password-field,
input#email-field,
input#password-choice,
input#password-confirm {
	margin-top:1px;
	padding:4px;
	margin-bottom:5px;
  width:13em;
}


label.overlabel {
  position:absolute;
  top:5px;
  left:5px;
  z-index:1;
  color:#999;
}

.JTloginbutton {
	width:80px;
	height:25px;
	background:url('../images/button/small_btn.png') 0 0 no-repeat;
	border:0;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	font-size:1.0em;
}

.JTregisterbutton {
	width:80px;
	height:25px;
	background:url('../images/button/lrg_btn.png') 0 0 no-repeat;
	border:0;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	font-size:1.0em;
}

.rememberme {
	font-size:0.8em;
	color:#c04f0a;
}

.member_form_icon {
	height: 30px;
	width: 30px;
	background: none;
	border: none;
	padding: 0px;
	margin: 0px 0px 0px 8px;
	vertical-align: middle;
	float: left;
}

.member_form_icon_text {
	margin-left:10px;
	height: 30px;
	float: left;
	line-height:30px;
	font-size:11px;
}

.sidebar_div_section {
	margin-top:5px;
}

.JTbutton {
	/* Sliding right image */
	background: transparent url('images/button/JT_button_right.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.JTbutton span {
	/* Background left image */ 
	background: transparent url('images/button/JT_button_left.png') no-repeat; 
	display: block;
	line-height: 26px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 0px 0px 18px;
} 
.JTbutton:hover span{
	text-decoration:underline;
}


/* FACEBOOK FAN BOX */
/* Show only to IE PC \*/
* html .fb_boxhead h3 {height: 1%;} /* For IE 5 PC */

.fb_sidebox {
	margin: 0 auto; /* center for now */
	/*width: 15em; /* ems so it will grow */
	width: 240px; /* replaced cos the ems weren't working */
	background: url(../images/follow_us/sbbody-r.gif) no-repeat bottom right;
	font-size: 14px;
	/* font-size:100%;  replaced because text looked small in IE */
}
.fb_boxhead {
	background: url(../images/follow_us/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.fb_boxhead h3 {
	background: url(../images/follow_us/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding-top:22px;
	padding-right:30px;
	padding-left:30px;
	padding-bottom:5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.fb_boxbody {
	background: url(../images/follow_us/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding-top:5px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:31px;
}


/* SAMPLE MEMORIAL BOX */
/* Show only to IE PC \*/
* html .sample_memorial_boxhead h3 {height: 1%;} /* For IE 5 PC */

.sample_memorial_sidebox {
	margin: 0 auto; /* center for now */
	/*width: 15em; /* ems so it will grow */
	width: 240px; /* replaced cos the ems weren't working */
	background: url(../images/sample_memorial/sbbody-r.gif) no-repeat bottom right;
	font-size: 14px;
	min-height:190px;
	/* font-size:100%;  replaced because text looked small in IE */
}
.sample_memorial_boxhead {
	background: url(../images/sample_memorial/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.sample_memorial_boxhead h3 {
	background: url(../images/sample_memorial/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding-top:22px;
	padding-right:30px;
	padding-left:30px;
	padding-bottom:5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.sample_memorial_boxbody {
	background: url(../images/sample_memorial/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding-top:5px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:31px;
	min-height:190px;
}

/* GENERAL SITE WIDE CSS */
.clear_box {
	overflow:hidden;
  line-height:1px;
  height:1px;
  display:block;
  clear:both;
}