/* 		JogjaCamp Standard CSS 				*/


/* Body Style */
body {
	font-size: 12px;
	color: #666;
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.gif) top left repeat-x #fff;
	/*background: url(../images/bg.jpg) no-repeat center top;*/ 
}


body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

p, td, th, span, div{
	line-height: 130%;
}


p {
	margin: 4px 0px 4px 0px !important;
}

/* standard Hyperlink */
a {
	text-decoration: none;
	color: #c90000;
}

a:hover {
	color: #f90000;
	text-decoration: underline;
}

/* standard Form */
form {
	margin: 0px;
}

input,select,textarea,option,label {
	font-size: 12px;
}

/* standard form select + option*/
select{
}

/* standard form textarea */
textarea {
	overflow: auto;
}

input.button {
	padding: 2px 8px;
	color: #515146;
	background-color: #dfe0d0;
	border: 1px solid #cdcec0;
	cursor: pointer;
}
input.button:hover {
	background-color: #f7f7e8;
}
/* standard cell */
td, th {
	vertical-align: top;
	line-height: 150%;
}

td.text, td.form {
	padding: 4px;
}

img {
	border: none;
}
.floatRight{
 	float: right;
	margin-left: 18px;
}
.floatLeft{
 	float: left;
	margin-right: 18px;
}

.center{
	text-align: center;
}

.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}

.clear {
	clear: both;
	padding: 0px !important;
	margin: 0px !important;
	height: 0px;
	overflow: hidden;
}

.container {
	width: 840px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

/* ----------- header element -------- */
.header {
	height: 83px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/bgHeader.gif) bottom left repeat-x;
}
.headerCell {
	padding: 0px 25px;
}
a.sitename {
	float: left;
	display: block;
	width: 250px;
	height: 80px;
	padding: 0px;
	overflow: hidden;
}

.menu {
	float: right;
	padding: 55px 0px 0px 0px;
}
.menu a {
	padding: 0px 0px 0px 8px;
	float: left;
	margin: 0px 2px;
	display: block;
	font-size: 13px;
	color: #870000;
	text-decoration: none;
	background: url(../images/bgMenu_mask.gif) top left no-repeat;
}
.menu a span {
	float: left;
	display: block;
	padding: 8px 33px 6px 25px;
	cursor: pointer;
	background: url(../images/bgMenu_base.gif) top right no-repeat;
}
.menu a:hover {
	color: #f90000;
	text-decoration: none;
}
.menu a.active, .menu a.active:hover {
	color: #111;
}

/* ----------- page element -------- */

.wrapper {
	padding: 16px;
	background-color: #f7f7e8;
}
.wrapper-special {
	margin-top: 10px;
}
ul.special-column {
	margin: 0px !important;
	margin-right: -8px !important;
	padding: 0px !important;
	list-style: none;
	text-align: center;
}
ul.special-column li {
	width: 360px;
	height: 280px;
	float: left;
	display: block;
	margin-right: 8px;
	padding: 15px 20px;
	overflow: hidden;
	text-align: left;
	background: url(../images/bgBoxed.gif) top left no-repeat;
}
*html ul.special-column li {
	height: 255px;
	padding-top: 30px;
}
*:first-child+html ul.special-column li {
	height: 255px;
	padding-top: 30px;
}
ul.special-column li h2 {
	margin: 15px 0px !important;
	padding: 0px !important;
	font-size: 2.0em;
	font-weight: bold;
	color: #f90000;
}
ul.special-column li span {
	font-weight: bold;
	color: #666;
}
ul.special-column li p {
	margin: 20px 0px 25px 0px !important;
	padding: 0px !important;
	font-size: 12px;
	line-height: 150%;
}

.banner {
	clear: both;
	width: 808px;
	height: 86px;
	padding: 0px;
	overflow: hidden;
}
.banner img {
	position: absolute;
	border: none;
}
.navLink {
	position: absolute;
	margin-top: 14px;
	margin-left: 552px;
	z-index: 4;
	width: 244px;
	height: 60px;
	padding: 0px;
	background: url(../images/bgNavlink.gif) top left no-repeat;
}
.navLink a {
	float: left;
	width: 122px;
	height: 60px;
	display: block;
	padding: 0px;
	overflow: hidden;
}
.navLink a#getstarted {
	background: url(../images/get_started.gif) top left no-repeat;
}
.navLink a#signin {
	background: url(../images/sign_in.gif) top left no-repeat;
}

.navLink a#getstartedLogin {	
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	/*color:#6F6F6F;*/
	text-align:center;
	/*background: url(../images/get_started.gif) top left no-repeat;*/
}

.navLink a#signinLogin {
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	/*color:#6F6F6F;*/
	text-align:center;	
	/*background: url(../images/sign_in.gif) top left no-repeat;*/
}

.wrapper-page {
	padding: 10px 0px 20px 0px;
}

.flowNav {
	margin-bottom: 15px;
	font-size: 11px;
}
.flowNav a {
}
.flowNav a:hover {
	text-decoration: none;
}

h2.pageTitle {
	margin-right: 15px;
	font-size: 1.8em;
	color: #ff6000;
	font-weight: lighter;
	border-bottom: 1px solid #ddd;
}
.content {
	padding: 20px 20px 30px 20px;
	font-size: 12px;
	color: #444;
}
h2.home_h2 {
	margin: 10px 0px !important;
	padding: 0px 0px 10px 0px !important;
	font-size: 20px;
	font-weight: lighter;
	color: #f90000;
}
.content p {
	margin: 10px 0px !important;
	padding: 0px;
	line-height: 150%;
}

.wrapper-bottom {
	clear: both;
	padding: 15px 10px 5px 10px;
	background-color: #f7f7e8;
}

.page {
	width: 550px;
	float: left;
	display: block;
	padding: 0px;
	overflow: hidden;
}
.sidebar {
	width: 250px;
	float: right;
	display: block;
	padding: 0px;
	overflow: hidden;
}

.block {
	margin-bottom: 10px;
}
.blockTop, .blockBot {
	height: 5px;
	padding: 0px;
	overflow: hidden;
}
.blockTop {
	background: url(../images/longBlock_top.gif) top left no-repeat;
}
.blockBot {
	background: url(../images/longBlock_bot.gif) top left no-repeat;
}
.page .blockTop {
	background: url(../images/mainBlock_top.gif) top left no-repeat;
}
.page .blockBot {
	background: url(../images/mainBlock_bot.gif) top left no-repeat;
}
.sidebar .blockTop {
	background: url(../images/sideBlock_top.gif) top left no-repeat;
}
.sidebar .blockBot {
	background: url(../images/sideBlock_bot.gif) top left no-repeat;
}
.blockCell {
	padding: 0px;
	overflow: hidden;
	background-color: #fff;
	border-left: 1px solid #ececde;
	border-right: 1px solid #ececde;
}

h2.title {

}

ul.nav {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
	text-align: center;
}
ul.nav li {
	display: inline;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 4px;
	border-left: 1px solid #cdcdb6;
}
ul.nav li.first {
	padding-left: 4px;
	border: none;
}
ul.nav li a {
	color: #e42500;
	text-decoration: none;
}
ul.nav li a:hover {
	color: #333;
	text-decoration: underline;
}

.cs {
	padding: 0px 0px 10px 0px;
	background: url(../images/bgCs-smiley.gif) right no-repeat;
}

.cs2{
	padding: 0px 0px 10px 0px;
	background: url(../images/bgCs-smiley2.gif) right no-repeat;
}

.csCell {
	padding: 10px 30px 0px 30px;
}
.csCell h2.title {
	margin: 0px 0px 15px 0px !important;
	padding: 0px 0px 15px 0px !important;
	font-size: 14px;
	font-weight: lighter;
	text-align: center;
	color: #da4000;
	text-transform: uppercase;
}
.csCell p {
	margin: 8px 0px !important;
	padding: 0px !important;
	color: #111;
}
.csCell p span {
	color: #dd0101;
}
.csCell img.tesimg {
	float: right;
	margin-left: 20px;
}
.csCell blockquote {
	margin: 10px 0px !important;
}
.csCell blockquote p {
	margin: 10px 0px !important;
	padding: 0px !important;
}
.csCell blockquote img {
	margin-right: 10px;
}
.cs-report {
	padding: 0px 20px;
	font-size: 11px;
}
.cs-report p{
	margin: 15px 0px 5px 0px !important;
	padding: 0px !important;
	line-height: 150%;
	color: #111;
}
.cs-report p a {
	color: #dd0101;
	text-decoration: none;
}
.cs-report p a:hover {
	color: #dd0101;
	text-decoration: underline;
}

.member {
	margin: 0px;
	padding: 5px 10px 10px 10px;
}
.member h2.title {
	margin: 0px 0px 10px 0px !important;
	padding: 5px 5px 10px 5px !important;
	font-size: 20px;
	font-weight: lighter;
	color: #625959;
	text-align: center;
	border-bottom: 1px solid #ebebeb;
}
.member h2.title span {
	color: #d53c3c;
}
.member-list {
	padding: 5px 15px;
}
.member-list .thumb {
	width: 48px;
	height: 48px;
	float: left;
	padding: 2px;
	overflow: hidden;
	margin-right: 20px;
	border: 1px solid #e5e5e5;
}
.member-list .thumb div {
	width: 48px;
	height: 48px;
	padding: 0px;
	overflow: hidden;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
*html .member-list .thumb div {
	font-size: 42px;
	line-height: 42px;
}
*:first-child+html .member-list .thumb div {
	font-size: 42px;
	line-height: 42px;
}
.member-list .brief {
	height: 1%;
	display: table;
	padding-top: 10px;
	line-height: 150%;
}
.member-list .brief a {
	color: #c90000;
	text-decoration: underline;
}
.member-list .brief a:hover {
	color: #111;
	text-decoration: underline;
}
.member p {
	text-align: center;
	line-height: 200%;
}
.member p span {
	color: #c90000;
}

.banks {	
	padding: 0px;
	overflow: hidden;
	border: 1px solid #deded0;
}

.news {
	margin: 0px;
	padding: 5px 10px 10px 10px;
}
.news h2.title {
	margin: 0px 0px 10px 0px !important;
	padding: 8px 5px 15px 40px !important;
	font-size: 20px;
	font-weight: lighter;
	color: #625959;
	background: url(../images/icon-cup.gif) no-repeat;
	background-position: 15px 8px;
	border-bottom: 1px solid #ebebeb;
}
.news h2.title span {
	color: #d53c3c;
}
.newsList {
	margin: 0px;
	padding: 10px 20px;
}
.newsDate {
	float: left;
	display: block;
	width: 42px;
	height: 50px;
	padding: 0px;
	margin-right: 20px;
	overflow: hidden;
	text-align: center !important;
	background: url(../images/bgDate.gif) top left no-repeat;
}
.newsDate p {
	margin: 0px !important;
	padding: 2px 0px !important;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
	text-transform: uppercase;
}
.newsDate h5 {
	margin: 5px 0px 3px 0px !important;
	padding: 0px !important;
	font-size: 14px;
	font-weight: bold;
	color: #111;
	line-height: 10px;
}
*html .newsDate h5 {
	margin: 5px 0px 0px 0px !important;
}
*:first-child+html .newsDate h5 {
	margin: 5px 0px 0px 0px !important;
}
.newsDate span {
	font-size: 10px;
	color: #666;
	line-height: 10px;
}

.newsDesc {
	height: 1%;
	display: table;
}
.newsDesc a {
	font-size: 12px;
	font-weight: bold;
	color: #e42500;
	text-decoration: none;
}
.newsDesc a:hover {
	color: #111;
	text-decoration: underline;
}
.newsDesc span {
	padding-top: 4px;
	font-size: 11px;
	color: #999;
	display: block;
}
.newsDesc p {
	margin: 5px 0px !important;
	padding: 0px !important;
	line-height: 160%;
}

.tabbed {
	
}
.tabbedCell {
	padding: 10px 20px;
}
.tabbed h2.title {
	margin: 0px 0px 10px 0px !important;
	padding: 5px 10px !important;
	font-size: 12px;
	color: #625959;
}
table.tabbedTbl {
	border: none;
	width: 100%;
}
td.tabbedNav {
	width: 165px;
}
td.tabbedContent {
	padding: 15px;
	border: 1px solid #e8e9e3;
}
.tabbedContent div {
	line-height: 180%;
	color: #666;
}
.tabbedContent div ul {
	margin: 10px 0px !important;
	padding: 10px 15px !important;
}
#infotable {
	margin-top: -2px;
	margin-bottom: -2px;
}
#infotable td.tabmenu {
	padding: 10px;
	font-size: 11px;
	background-color: #dfe0d0;
	width: 140px;
	line-height: 130%;
	cursor: pointer;
}
#infotable td.tabmenu a {
	display: block;
	color: #63635a;
}
#infotable td.tabmenu a:hover {
	color: #424239;
}
#infotable td.active {
	background: #f7f7e8;
}
#infotable td.active a {
	color: #63635a;
	text-decoration: none;
}

table.contactTbl {
	width: 100%;
	border: none;
}
table.contactTbl td {
	padding: 4px;
}

input.text {
	padding: 2px;
	border: 1px solid #bbb;
}
table.contactTbl td textarea {
	padding: 2px;
	border: 1px solid #bbb;
	overflow: auto;
}
input.text:focus, table.contactTbl td textarea:focus {
	border: 1px solid #666;
}
input.contactButton {
	padding: 2px 8px;
	color: #515146;
	background-color: #dfe0d0;
	border: 1px solid #cdcec0;
	cursor: pointer;
}
input.contactButton:hover {
	background-color: #f7f7e8;
}

table.generic {
	background-color: #e0e0e0;
	border-spacing: 1px;
	font-size: 13px;
}
table.generic td {
	padding: 5px;
	vertical-align: top;
}
table.generic tr:hover {
	background-color: #f7f7e8;
}

tr {
	background-color: #fff;
}
tr.generichead {
	background-color: #dfe0d0;
	font-weight: bold;
}
tr.generichead input.button {
	background-color: #f7f7e8;
}
tr.generichead input.button:hover {
	color: #c90000;
}

.warning {
	margin-bottom: 20px;
	padding: 6px 10px;
	color: #fff;
	font-size: 11px;
	background-color: #d53c3c;
	border: 1px solid #edede1;
}

/* ----------- footer element -------- */
.footer {
	text-align: center;
	padding: 5px 10px 20px 10px;
	background-color: #f7f7e8;
}
.footerCell {
	padding: 5px 0px 20px 0px;
	text-align: center;
	color: #e42500;
}
.footerCell a {
	color: #333;
	text-decoration: none;
}
.footerCell a:hover {
	color: #e42500;
	text-decoration: underline;
}

/*
h1.intro {
height: 24px;
width: auto;
margin: 0px auto !important;
margin-bottom: -30px !important;
padding: 3px 0px !important;
overflow: hidden;
text-align: center;
display: block;
font-size: 11px;
font-weight: lighter;
color: #ee8a77;
}
h1.intro a, h1.intro a:hover {
position: relative;
color: #fff;
}
*/

h1.intro { 
	height: 40px;
	width: 775px;
	margin: 0px auto !important;
	margin-bottom: -46px !important;
	padding: 3px 0px !important;
	overflow: visible;
	text-align: right;
	display: relative;
	font-size: 11px;
	font-weight: lighter;
	color: #ee8a77; 	
}
*html h1.intro { 
	text-align: left;
	padding: 0px !important;
	margin-bottom: -54px !important;

}
h1.intro span{ 
	margin-right: 310px !important;
	font-weight: lighter;
}

h1.intro p.hotline{ 
	font-weight: bold;
	font-size: 14px;
}
h1.intro p{
	margin: 0 !important;
	padding: 0 !important;
	width: auto;
	text-align: right;
	color: #fff;
}
	
h1.intro a, h1.intro a:hover { 
	color: #fff;
}

/*--try--*/
.content1 {
	padding: 20px 20px 30px 20px;
	font-size: 12px;
	height: 630px;
	color: #444;
}

.sponsorFrm {
	padding-bottom: 5px;
	float: left;
	width: 520px;
	
	background-color: #fff;		
	
}

.sponsorFrm img{
	padding: 1px 1px 1px 1px;
	margin: 5px 30px 30px 5px;
	border: 1px solid #eee;
}


.fbooks {
/*	height: 44px;*/
	width: 144px;
	padding: 0px;
	overflow: hidden;
/*	border: 1px solid #deded0;*/
}






.message_list {
        list-style: none;
        margin: 0;
        padding: 0;
        /*width: 383px;*/
        width: 750px;
}
.message_list li {
        padding: 0;
        margin: 0;
        /*background: url(images/message-bar.gif) no-repeat;*/
}

.message_list li a{
        color: #666666;
}

.message_list li a:hover{
        color: #CCCCCC;
}

.message_head {
        padding: 5px 10px;
        cursor: pointer;
        position: relative;

}
.message_head .timestamp {
        color: #666666;
        font-size: 95%;
        position: absolute;
        right: 10px;
        top: 5px;
}
.message_head cite {
        font-size: 100%;
        font-weight: bold;
        font-style: normal;
}

/*----coba beda class--------*/
.message_headD {
        /*padding: 5px 10px;*/

        padding: 5px;
        cursor: pointer;
        /*position: relative;*/
        margin: 0;

}



.message_headD .timestamp {
        color: #666666;
        font-size: 95%;
        position: absolute;
        right: 10px;
        top: 5px;
}
.message_headD cite {
        font-size: 100%;
        font-weight: bold;
        font-style: normal;
}

.message_bodyD {

        margin: 0;
        padding: 5px 10px 15px;
        /*padding-top: 10px*/;
        /*background: #FFCCCC;*/
        border: solid 1px #999999;
        background: #DFE0D0;
        margin: 0;
        /*border-bottom:medium #999999;*/
}

/*-------------end-------------*/

.message_body {
        margin: 0;
        padding: 5px 10px 15px;
        /*padding-top: 10px*/;
        /*background: #FDEAFD;*/
        border: solid 1px #CCCCCC;
        background: #F7F7E8;
        margin: 0;
        /*border-bottom:medium #999999;*/
}
.collapse_buttons {
        text-align: right;
        border-top: solid 1px #e4e4e4;
        padding: 5px 0;
        width: 750px;
}
.collapse_buttons a {
        margin-left: 15px;
        float: right;
}
.show_all_message {
        background: url(../images/tall-down-arrow.gif) no-repeat right center;
        padding-right: 12px;
}
.show_recent_only {
        display: none;
        background: url(../images/tall-up-arrow.gif) no-repeat right center;
        padding-right: 12px;
}
.collpase_all_message {
        background: url(../images/collapse-all_up.GIF) no-repeat right center;
        padding-right: 12px;
        color: #666666;
}

.collpase_all_message_down {
        background: url(../images/collapse-all_down.gif) no-repeat right center;
        padding-right: 12px;
        color: #666666;
}





/*     MODAL     */
.boxy-wrapper { position: absolute; }
/*.boxy-wrapper.fixed { position: fixed; }*/

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show;  margin-top:120px; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('../images/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('../images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('../images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('../images/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }
	.boxy-wrapper tr{
		background:none;
	}
 .descstaff{
	border-collapse: separate; 
	font-family: 'Times New Roman'; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	letter-spacing: normal; 
	line-height: normal; 
	orphans: 2; 
	text-indent: 0px; 
	text-transform: none; 
	white-space: normal; 
	widows: 2; 
	word-spacing: 0px; 
	font-size: medium;	
}

.descstaff2{
	font-family: Tahoma; 
	font-size: 11px; 
	line-height: 16px; 
	text-align: left;
}

.formnew p {
    border-bottom: 1px solid #E0E0E0;    
    margin: 0;
    padding: 5px;
    vertical-align: baseline;
}

.formnew p label {    
    display: inline-block;    
    width: 200px;
}

.formnew p span {    
	color:#f00;
} 


/*=========BANNER POP UP=========*/
.p_banner{
	width:90px;
	height:414px;
	background:url(../images/bg-pop.png) no-repeat left top;
	overflow:hidden;
	text-align:center;
	height:430px;
	
	
	bottom:15px;
	position:fixed;
	right:0;
	z-index:10766;
}
a.btn1{
	background:url(../images/btn1.gif) no-repeat left top;
	height:23px;
	width:79px;
	display:block;
	margin:164px auto 0px;
}
a.btn1:hover{
	background:url(../images/btn1.gif) no-repeat left bottom;
}
a.btn2{
	background:url(../images/btn2.gif) no-repeat left top;
	height:80px;
	width:71px;
	display:block;
	margin:65px auto 0px;
}
a.btn2:hover{
	background:url(../images/btn2.gif) no-repeat left bottom;
}
a.close{
	margin-top:20px;
	display:block;
}