﻿body
{
	margin:0;
	padding:0;
	border:none;
	background-image: url('images/pagebgr.gif' );
	background-repeat:repeat-x;
	background-color:#6668BC;
	font-family:  Arial, sans-serif;
	font-size:75%;
}
.header_container
{
    background-image: url('images/header_cellbgr.gif' );
    background-repeat: repeat-x; font-size:12px; color:#333333; text-align:right; padding-right:10px;
}
.xray_container
{
     height:156px; background-color:Black; width:760px;
}
.nav_container
{
    height: 37px;
    background-image: url( 'images/nav_cellbgr.gif' );
    background-repeat: repeat-x; 
}
a
{
    color:#235b16;  
    text-decoration:none; 
}
a:visited
{
     text-decoration:none; 
}
a:hover
{
     text-decoration:underline;  
}
a:active
{
     color:#cc0000;  
}
a:hover:visited
{
     text-decoration:underline;  
}


/* Accordion */
.accordionHeader
{
    border: 1px solid #acaeb4;
    background-image: url('images/acc_headercellbgr.gif' );
    background-repeat: repeat-x;
	font-weight: bold;
    padding: 7px;
    margin-top: 2px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #000000;
	text-decoration: none; 
	background:none;
}

.accordionHeader a:hover
{
	text-decoration: underline;
    background:none;
}

.accordionContent
{
    border: 1px solid #acaeb4;
    border-top: none;
}
.tbl_accordionContent_tr1
{
    background-color: #f0f1f2
}
.tbl_accordionContent_tr2
{
    background-color: #ffffff
}
.tbl_accordionContent_td1
{
     text-align:right; width:25%;
     font-size: 11px; padding-right:10px; font-weight:bold; color:#333333;
}
.tbl_accordionContent_td2
{
     text-align:left; width:75%;
     font-size: 12px;     
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.cssform p{
width: 420px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
border-bottom: 1px dashed gray;
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -200px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

}
.cssform textarea{
width: 320px;
height: 60px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
.longnote {
width:620px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
border-bottom: 1px dashed gray;
}
.longnote_center {
clear: left;
margin: 0;
padding: 5px 40px 8px 40px;
border-bottom: 1px dashed gray;
text-align:center;
width:580px;
}	
.submitbtn
{
margin-left: 250px; 
padding-top:20px;
}	

.subdhl_border {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:bold; 
	color:#336633; 
	padding:10px 0px 10px 0px; 
	margin-bottom:20px; 
	border-bottom:dashed silver 1px;
}
.subdhl_border2 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:12px; letter-spacing:0.3em; 
	font-weight:bold; 
	color:#003366; 
	padding:5px 0px 5px 0px; 
	margin-bottom:5px; 
	border-bottom:solid silver 1px;
}
.subdhl_border3 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:12px; letter-spacing:0.1em; 
	font-weight:bold; 
	color:#003366; 
	padding:5px 0px 5px 0px; 
	margin-bottom:15px; 
	border-bottom:solid silver 1px; 
	border-top:solid silver 1px; 
	text-align:center;
}
.normaltext {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:1.1em; 
	color:#444444; 
	text-align:left;
	line-height:1.4em;
}
.smalltext {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:1em; 
	color:#444444; 
	text-align:left;
	line-height:1.4em;
}
.totop {
margin-left:440px;
font-size:9px;
font-family:sans-serif;
background-image:url(images/arr_totop.gif); background-repeat:no-repeat; background-position:left;
padding-left:8px;
}

.totop2 {
margin-left:560px;
font-size:9px;
font-family:sans-serif;
background-image:url(images/arr_totop.gif); background-repeat:no-repeat; background-position:left;
padding-left:8px;
}


.csstable p{
font-family: Arial, Helvetica, sans-serif; 
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 220px; /*width of left column containing the label elements*/
border-bottom: 1px solid #dbe7e3;
height: 1%;
color:#333333;
}
.csstable label{
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold;
float: left;
margin-left: -220px; /*width of left column*/
width: 220px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.imxl {
	border: 1px solid #D8D94F; margin-right:12px; float:left;
}
.imxr {
	border: 1px solid #D8D94F; margin-left:12px; float:right;
}

.row_headerpad {
	padding:8px; text-align:center;
	}
.row_headerpad hibiscus ol, ul {
	padding-left: 15px;
	}	
.row_headerpad hibiscus li {
	padding-left: 0px;
	}		
.row_date {
	text-align:center; font-size:14px; font-weight:bold; background-color:#4e5763; color:#FFFFFF; padding: 7px;
	}
.row_event {
	font-size:12px; height:25px;
	}
.time {
	background-color: #ccc3d6; text-align:center;
	}
.venue {
	background-color: #ebebeb; text-align:left; padding:7px;
	}	
.time2 {
	background-color: #dbf09c; text-align:center; font-size:12px; font-weight:bold;
	}
.venue2 {
	background-color: #98d482; text-align:left; padding:9px; font-size:12px; font-weight:bold;
	}	
.venue3 {
	background-color: #f8f8f8; padding:9px; 
	}	
.venue4 {
	background-color: #bde4aa; padding:9px; 
	}		
.speaker {
	background-color: #c0c0c0; text-align:right; padding:7px;
	}		
.blank {
	background-color: #ebebeb;
	}
.allevent {
	background-color: #a3e6c6;
	}		
.row_place {	
	text-align:left; font-weight:bold; font-size:12px; padding:5px 0px 5px 20px;
	}
.hibiscus {
	background-color: #c2e254; 
	}
.lobby {
	background-color: #a3e6c6;
	}	
.frangipani	{
	background-color: #ffe151; 
	}
.orchid {
	background-color: #ffa037;
	}	
.bougainville  {
	background-color: #ff5f3d;
	}		
.nusantara  {
	background-color: #00b5e9;
	}		
.nusantara2  {
	background-color: #4ec8f7;
	}		
.auditorium	  {
	background-color: #ff7b8a;
	}		
.outsidehtl  {
	background-color: #a9c9cd;
	}		
.poolside  {
	background-color: #bbe8a4;
	}		
.calend {
	float:left; padding:5px; background:#ffffff; border:solid 1px #333333; margin:2px; font-weight:bold;
}	
.calend-on {
	float:left; padding:5px; background:#333333; border:solid 1px #fff537; margin:2px; font-weight:bold; color:#ffffff;
}	
.calend2 {
	float:left; padding:5px 0px 5px 0px; margin:2px;
}	
	