body {background: url(../img/bg.jpg) repeat-x top;color: #333;font-size: 11px;padding: 20px 0 40px;font-family: Georgia;}

a {	color: #fff;text-decoration: none;}
a:hover {text-decoration: underline;}
h1 {	font-family: Georgia, serif;font-weight: normal;text-align: center;}
h2 {	padding: 20px 0 0;text-align: center;}

.container_16 {}
.header {background: url(../img/header.jpg) no-repeat;height:135px;margin-bottom:10px;}
.logo {margin:10px 25px;float:left;}
.menu {height:37px;padding-top:10px;margin:90px 0 0 60px;float:left;}
.selected, .menu li.current_page_item a{color: #fc0; background:#A10000; box-shadow: 0 0px 2px #fc0;} 

.menu li{
	list-style:none;
	float: left;
	font-family:Georgia;
	font-size:14px;
	padding: 0 5px;
	margin: 0 7px;
}

.menu li a{color:#fff;text-decoration: none; text-shadow: 2px 2px 3px #000; padding:5px 10px; background:#800000; border-radius: 8px;}
.menu li a:hover{color:#fc0; box-shadow: 0 0px 2px #fc0;}
.splash li{margin:0;width:940px;height:317px;padding:10px 0;}
.welcome {background: url(../img/welcome.jpg) no-repeat;}
.premis{background: url(../img/premis.jpg) no-repeat;}
.production{background: url(../img/production.jpg) no-repeat;}
.family{background: url(../img/family.jpg) no-repeat;}
.karnival{background: url(../img/karnival.jpg) no-repeat;}
.selamat {
	margin:70px 30px 20px;
	font-family: Georgia;
	float: left;
	width:335px;
	font-size:14px;
	color: #666;
	text-shadow: 0px 1px 0px #fff;
}

.pantun {
	float:right;
	width:326px;
	font-family: Georgia;
	font-size:18px;
	font-style: italic;
	color:#870000;
	margin-top:150px;
	text-shadow: 1px 1px 3px #f7f3ec;
}

.berita {float:left; margin:10px 20px 10px 0; width:270px;}
.berita strong{margin:5px 0; font-size:14px; line-height:30px;}
.berita blockquote {padding-top:15px;}
.berita ul li{padding:5px 0; margin-left:10px; font-size:1.2em; }
.berita small {display:block; color:#999; font-style:italic; text-align:right;}
.status {width:240px; float:left; margin-top:10px;}
.status div {background:#fff url(../img/status.jpg) no-repeat top center;min-height:165px; padding:30px 15px 0; text-align:center;}
.status strong {font-size:20px; line-height:50px; text-shadow:0 -2px 0px #fff;}
.berita h3, .status h3 {text-align:center;}

.produk {text-align:center; padding: 10px 0; border-top:1px solid #ddd;}
.anyClass li {margin:0 10px;}

.social {text-align:center;font-size:11pt; margin-top:10px;}
.btnred {display:block; background:red url(../img/btn.jpg) no-repeat top center; float:left; width:130px; padding:10px; margin-right:10px; height:22px;}
.btngreen {display:block; background:green url(../img/btn.jpg) no-repeat bottom center; float:left; width:130px; padding:10px; height:22px;}

.footer {
	font-size:11px;
	font-family:Georgia;
	text-align:center;
	background: url(../img/bg-footer.jpg) no-repeat top center;
	padding-top:20px;
	margin-top:10px;
	color: #555;
}
.footer a{color:#990000}

.content {
	background: #fff;
	padding: 10px 0;
	font-family:"Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;
}

h3 {
	font-family:"Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #c00;
	margin: 10px 20px;
}

a.kategori {display:block;background: #c00;}
.kategori{
	font-size: 11px;
	color: #000;
	background: #ddd;
	margin:5px 0 10px;
	padding: 5px;
	font-family:"Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;
}
.kategori ul li {margin:5px 0 0; list-style:none;}
.kategori ul li a{color:#000;}
.kategori a:hover{text-decoration:underline;}

.tajukkat {background:#c00; color:#fff;z-index:100;position:relative;float:left;height:25px;top:-5px;left:-15px;width:210px;padding: 5px 5px 0px 10px;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.55);}
.segi3l {border-width:10px;position:relative;z-index:-1;border-style:solid;border-color:transparent #333 transparent transparent;height:0;width:0;left:-25px;top:15px;}

.list-harga {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 560px;
	margin: 0 40px;
}
.hantaran {float:left;width:300px;margin:5px;text-align:center;
}
.food {
	padding: 5px;
	border:1px solid #ddd;
	float: left;
}
img.food2 {
	float:left;
	width:200px;
	padding: 10px;
	border:1px solid #ddd;
	margin: 5px;
}

img.food3{width:190px;}

img.food {width: 110px;}
.kotak {	margin:0;padding:10px;float:left;background:#f0f0f0;width:610px;font-family:Tahoma;font-size:12px;}
.kotak img{float:left;padding-right:10px;}
.kotak h4{font-family:tahoma;font-color:#999;margin-bottom:10px;}
.namakuih{margin:30px 0 0;}

.kotak2 {
	text-align:center;
	width:250px;
	float:left;
	padding:10px;
	font-size: 20px;
	margin: 80px 20px 0;
}
.kotak2 img{width:250px;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.55);padding:5px;}
img.largefood {
	width:400px;
}

.harga {
	font-size: 14px;
	float: left;
	padding: 0px 20px;
	width:250px;
	color: #666;
}

.hargarm {
	font-size: 14px;
	float: left;
	padding: 0px 20px;
	color: #666;
}

.senaraiharga {float:left;margin:0 auto;text-align:center;width:100%;}
.pilihan{text-align:center;background:#c00;color:#fff;font-family:"Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;}
.rmharga{margin:0 -40px 0 0;padding:0;display:inline;}
.caption{position:relative; right:0px;display:inline;background:#fff;padding:5px; bottom:10px;border:1px solid #ddd;}
.rmharga2 {width:600px;float:left;padding-left:30px;}
.rmharga2 li {float:left;position:relative;width:110px;margin:5px;list-style: none outside none; height:110px;}
.rmharga2 a{position:absolute;width:100px;height:100px;top:5px;left:5px;display:block;}
.rmharga2 span {position:absolute;z-index:3;right:10px;bottom:10px;padding:3px;background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.rmharga2 img{width:100px;height:100px;}
.rmharga2 li:hover span{background:#c00;color:#fff;}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	-moz-box-shadow:0 0 14px rgba(0, 0, 0, 1);
	z-index:10;
	}

ul,#contentdalam li,  h3, h2, h1, p{
padding:0;
margin:0;
list-style:none;
}

#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#contentdalam{
	overflow:hidden;
	width:630px;
	background-color:white;
	position:relative;
	height:750px;
	float:left;
}
	#contentdalam h2{
		color:#993333;
		margin:20px 0pt;
	}

#navigation{
	float:left;
	width:220px;
}
	#navigation .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:5px;						
		}
		
		#navigation a:hover{
			text-decoration:underline;
		}			
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation a.scrolling{
			color:#933;
		}
.section{width:2535px;position:relative;}

	.section .sub{
		position:relative;
		float:left;
		padding:0;
		width:633px;
		height:750px;
	}
		.section .sub p{width:620px;}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:200px;
			letter-spacing:-2px;
		}
		.section .next{right:5px;}
		.section .prev{left:5px;}

.phone {margin:10px 5px; padding-left:20px;background:url(../img/telefon.png) no-repeat top left;}
.fax {margin:10px 5px;padding-left:20px;background:url(../img/fax.png) no-repeat top left;}
.hp{margin:10px 5px;padding-left:20px;background:url(../img/hp.png) no-repeat top left;}
.address{margin:10px 5px;padding-left:20px;background:url(../img/home.png) no-repeat top left;}
.hour{margin:10px 5px;padding:5px 5px 5px 25px;background:url(../img/clock.png) no-repeat 5px 5px #eee;}

/* JOTFORM CSS*/

.form-all {
    list-style: none;
    list-style-position: outside;
    margin: 0px;
    font-family: "Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;
    font-size: 12px;
}

.form-captcha {
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 6px;
    width: 152px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
}

.form-captcha:hover {
    border: 1px solid #aaa;
}

.form-captcha-image {
    border: 1px solid #aaa;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
}

.form-collapse-table{
     height:58px;
     border:1px solid #ccc;
     background:#f5f5f5 url(../../images/soft-grad.png) repeat-x;
     position:relative;
}
.form-collapse-left{
}
.form-collapse-mid{
     text-shadow:0px 2px 0px #fff;
     float:left;
     font-size:18px;
     margin:16px 45px 16px 20px;
}

.form-product-item{
    display:inline-block;
    padding:5px 5px 5px 10px;
    position:relative;
    
}

.form-product-item:hover{
    background:#f5f5f5;
    color:#000;
}

.form-product-image, .form-product-image-with-options{
    margin:5px;
    margin-left:10px;
}

.form-product-image-with-options{
    position:absolute;
    top:15px;
    -moz-border-radius:5px 5px;
}


.form-radio, .form-checkbox{
    vertical-align:middle;
    margin:0px;
    padding:0px;
}

.form-radio-item, .form-checkbox-item{
    margin-top:5px;
    float:left;
}
.form-multiple-column, .form-single-column{
    display:inline-block;
}
.form-multiple-column .form-radio-item, .form-multiple-column .form-checkbox-item{
    width:150px;
}

.form-radio-item label, .form-checkbox-item label{
    margin-left:5px;
}
.form-radio-item br, .form-checkbox-item br{
    clear:left;
}

.form-submit-button, .form-submit-reset, .form-submit-print{
    margin:0px;    
    overflow:visible;
    padding:1px 6px;
    width:auto;
}
.form-submit-button::-moz-focus-inner, .form-submit-reset::-moz-focus-inner{
    border: 0px;
    padding:1px 6px;
}
.form-submit-print::-moz-focus-inner{
    padding:0px 6px;
}
.form-submit-print{
    padding:1px 6px;
}

.form-collapse-right{
     position:absolute;
     right:0px;
     height:58px;
     width:40px;
}
.form-collapse-right-show{
     background: url(../../images/arrow-open.png) no-repeat center;
}
.form-collapse-right-hide{
     background: url(../../images/arrow-closed.png) no-repeat center;
}

.form-collapse-hidden {
    display: none;
}

.form-grading-item {
    margin-bottom: 3px;
}

.form-header {
    margin:0px;
}

.form-subHeader {
    border-top: 1px solid #ccc;
    font-style: italic;
}

.form-header-group{
    background:#f5f5f5;
    border-bottom:1px solid #ccc;
    padding:12px;
	clear:both;
}

.form-label {
    width: 150px;
    margin-bottom: 6px;
    display:inline-block;
}

.form-label-top {
    margin-bottom:6px;
    display:inline-block;
}

.form-label-left {
    float:left;
    display:inline-block;
    text-align:left;
    padding:3px;
}

.form-label-right {
    float:left;
    display:inline-block;
    text-align:right;
    margin-right:6px;
    margin-bottom:6px;
    padding:3px;
}

.form-input-wide {
}

.form-section, .form-section-closed {
    list-style:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
    position:relative;
    zoom:1;
}

.form-section-closed {
    overflow: hidden;
    height: 60px;
}

.form-input {
   display:inline-block;
}

.form-line {    
	clear:both;
	padding:10px;
	margin:0px;
    display:inline-block;
    width:97%;
    width:-moz-available;
    /* Removed this because it was changing the size of the migrated forms */
	/* border:1px solid transparent ; */
	position:relative;
}

.form-line-column{
    float:left;
    clear:none;
    width:auto;
}

.form-line-column-clear{
    clear:left;
    width:auto;
}

.form-line-active {
    background-color: #FFFFE0;
    /*outline: 1px solid #EEEED0;*/
    color:#333;
}

.form-matrix-table {
    border-collapse: collapse;
    font-size: 10px;
}

.form-matrix-column-headers {
    border: 1px solid #ccc;
    background: #ddd;
}

.form-matrix-row-headers {
    border: 1px solid #ccc;
    background: #ddd;
}

.form-matrix-values {
    border: 1px solid #ccc;
    background: #f5f5f5;
}

.form-pagebreak{
    border-top:1px solid #ccc;
    background:#f5f5f5;
    height:60px;
    clear:left;
}

.form-pagebreak-back-container, 
.form-pagebreak-next-container{
    float:left;
    padding:10px;
    padding-top:14px;
}

.form-pagebreak-next-container{
    padding-left:0px;
}

.form-pagebreak-back, 
.form-pagebreak-next{
    -webkit-border-radius:5px 5px;
    -webkit-box-shadow:0px 1px 2px #aaa;
    -moz-border-radius:5px 5px;
    -moz-box-shadow:0px 1px 2px #aaa;
    border:1px solid #999;
    background:#ddd;
    padding:5px;
    margin:0px;
    font-size:14px;
}

.form-pagebreak-next{
    margin:0 0 0 20px;
}

.form-required {
    margin-left: 5px;
    color: red;
}

.form-scale-table {
    font-size: 12px;
}

.form-scale-table th {
    border-bottom: 1px solid #ccc;
    color: #999;
}

.form-product-details {
    font-size: 9px;
    color: #999;
    font-style: italic;
}

.form-address-table{
    width:330px;
}

.form-address-line{
    width:310px;
}
.form-address-city, .form-address-state{
    width:144px;
}
.form-address-table td, .form-address-table th{    
    padding-bottom:10px;
}

.form-address-table select{
    width:150px;
}

.form-button-error{
    color:red;
    display:inline;
}
.form-line-error{
    background:#FFAAAA;
    /*border:1px solid #FFAAAA;*/
    color:#333;
}

.form-validation-error{
    border:2px solid red;
}

.form-line-active .form-error-message {
    display: none; 
}

.form-error-message{
    /*
    right:7px;
    top:6px;
    */
    
    z-index:900;
    position:absolute;
    max-width:130px;
    right:0px;
    top:0px;
    color:#333;
    padding:3px;
    font-size:10px;
    border:4px solid #dd8888;
    -moz-box-shadow:0px 2px 4px #666;
    -webkit-box-shadow:0px 2px 4px #666;
    -moz-border-radius:6px 6px;
    -webkit-border-radius:6px 6px;
    background:#FFCCCC;
}

.form-input .form-error-message, .form-input-wide .form-error-message{
    bottom:-5px;
    font-size:11px;
    position:relative;
    z-index:900;
    right:auto;
    top:auto;
    color:#333;
    padding:3px;
    max-width:100%;
    padding-bottom:3px;
    font-size:12px;
    border:none;
    -moz-box-shadow:0px 2px 4px #666;
    -webkit-box-shadow:0px 2px 4px #666;
    -moz-border-radius:6px 6px;
    -webkit-border-radius:6px 6px;
    background:#FFCCCC;
}

.form-description{
    z-index:1000;
    position:absolute;
    right:7px;
    max-width:150px;
    top:6px;
    -moz-box-shadow:0px 2px 4px #666;
    -webkit-box-shadow:0px 2px 4px #666;
    border:4px solid #ccc;
    -moz-border-radius:6px 6px;
    -webkit-border-radius:6px 6px;
    background:#f5f5f5;
}
    
.form-description-content{
    padding:10px;
    font-size:10px;
    color:#333;
}
    
.form-description-arrow {
    border-color:transparent #CCCCCC transparent transparent;
    border-style:solid;
    border-width:10px;
    height:0;
    width:0;
    left:-24px;
    top:7px;
    position:absolute;
}    
    
.form-description-arrow-small {
    border-color:transparent #F5F5F5 transparent transparent;
    border-style:solid;
    border-width:7px;
    height:0;
    width:0;
    left:-14px;
    top:10px;
    position:absolute;
}

.form-autocomplete-list{
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    background:#333;
    background:rgba(26,58,81,0.8);
    border:1px solid #eee;
    border-top:none;
    padding:5px 0;
    -moz-border-radius-bottomright:10px 10px;
    -moz-border-radius-bottomleft:10px 10px;
    -webkit-border-bottom-right-radius:10px 10px;
    -webkit-border-bottom-left-radius:10px 10px;
    -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.6);
}

.form-autocomplete-list-item{
    margin:0 5px;
    border:1px solid transparent;
    color:#fff;
    padding:3px;
    -moz-border-radius:5px 5px;
    -webkit-border-radius:5px;
    text-shadow:1px 1px 3px #000;
    cursor:pointer;
}
.form-autocomplete-list-item-selected, .form-autocomplete-list-item:hover{
    -moz-box-shadow:0 0 4px #333;
    -webkit-box-shadow:0 0 4px #333;
    border:1px solid #1a3a51;
    background:#4295D1;
}
.form-autocomplete-list-item:hover{
    border:1px solid #ccc;
}
.form-sub-label-container{
    display:inline-block;
    margin-right:5px;
}
.form-sub-label{
    color:#999999;
    display:block;
    font-size:9px;
    
}
.form-html{
    padding:3px;
}
.form-radio-other-input{
    margin-left:5px;
}

/**
 * reCaptcha styling
 */
#recaptcha_logo{ display:none;}
#recaptcha_tagline{display:none;}
#recaptcha_table{border:none !important;}
.recaptchatable .recaptcha_image_cell, #recaptcha_table{ background-color:transparent !important; }
#recaptcha_table td { padding-left:0px !important; }

/*
 * TODO: This a fix for column view in IE6 and IE7
 * only in single column. After relaxing we have
 * to change the HTML code directly to fix column
 * problems in IE6 and IE7.
 */
.form-single-column .clearfix { display: inline-block; }
.form-single-column .clearfix { display: block; }
/*
 * New Feature for fixes for mobile devices. 
 * We should improve this for each and every kind of question.
 * then test it on various mobile devices 
 */
@media only screen and (max-device-width: 550px){
    body{
        /* background:#EAEAEA url(/images/bg.png) repeat-x 0 -55px !important; */
        font-size: 18px;
    }
    .form-all{
        width:auto !important;
    }
    .form-label-left{
        float:none;
        display:block;
    }
    .form-buttons-wrapper{
        margin:5px !important;
        text-align:center;
    }
    .form-submit-print{
        display:none;
    }
    .form-textarea{
        width:99% !important;
    }
    .form-textbox, .form-textarea, .form-dropdown{
        border:1px solid #555;
        padding:4px;
        -webkit-border-radius:5px 5px;
        -moz-border-radius:5px 5px;
        border-radius:5px 5px;
        -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
        -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
        box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
    }
    .form-address-table{
        width:300px;
    }
    .form-address-line{
        width:280px;
    }
    .form-address-city, .form-address-state{
        width:130px;
    }
    .form-address-table td, .form-address-table th{    
        padding-bottom:10px;
    }
    .form-address-table select{
        width:120px;
    }
    .form-spinner{
        border-collapse:inherit !important;
        border:1px solid #555 !important;
        -webkit-border-radius:5px 5px;
        -moz-border-radius:5px 5px;
        border-radius:5px 5px;
        -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
        -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
        box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
    }
    .form-spinner-up, .form-spinner-down{
        padding:0 8px !important;
        border:none !important;
        border-left:1px solid #555 !important;
    }
    .form-spinner-up{
        -moz-border-radius-topright:5px 5px;
        -webkit-border-top-right-radius:5px 5px;
        border-top-right-radius:5px 5px;
        border-bottom:1px solid #555 !important;
    }
    .form-spinner-down{
        -moz-border-radius-bottomright:5px 5px;
        -webkit-border-bottom-right-radius:5px 5px;
        border-bottom-right-radius:5px 5px;
    }
    .form-spinner-input-td{
        padding-right:6px !important;
    }
    .form-spinner-input-td input{
        padding:4px !important;
        background:none;
    }
    .form-sub-label-container img[id*="pick"]{
        width:25px;
    }
    div.form-header-group{
        margin:0px !important;
    }
    div.form-pagebreak .form-label-left{
        display:inline-block !important;
        float:left;
    }
    .form-submit-button, .form-submit-reset{
        font-size:18px;
        line-height:30px;
    }
    .form-captcha{
        border:1px solid #555;
    }
    .form-captcha input{
        width:120px !important;
    }
}
.total {margin: 0 15px;}
/* ------------ HUBUNGI KAMI ------------- */
.form-label{
width:150px !important;
}
.form-label-left{
width:150px !important;
}
.form-line{
padding:10px;
}
.form-label-right{
width:150px !important;
}
.form-all{
width:690px;
color:Black !important;
font-size:12px;
}

.head{
  color:#333333;
  font-size:20px;
  text-decoration:underline;
  font-family:"Verdana";
}

td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
  vertical-align:top;
}

#main tr {line-height:30px;}
.pagebreak{ font-family:"Verdana"; font-size:12px;color:black;}
.tbmain{height:100%;background:white;}
span.required{ font-size: 13px !important; color: red !important;}
 
div.backButton{
    background: transparent url("http://jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{  padding-right:5px;margin-bottom:15px;float:left;}
.trimas {margin:10px; min-height:400px; text-align:center; }
.trimas a{color:red;}

/* Calendar - Tempahan */
div.calendar{color:#000;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);}div.calendar.popup{margin-left:-40px;margin-top:-100px;}div.calendar td.weekend{background:#b5cfe9;}div.calendar .today{background:#f9621a!important;}div.calendar .title,div.calendar .button{color:#f9621a;}div.calendar table{background-color:#eee;border:1px solid #aaa;border-collapse:collapse;}div.calendar thead{background-color:#FFF;}div.calendar td,div.calendar th{font-size:11px;text-align:center;padding:3px;}div.calendar td.title{font-weight:700;}div.calendar th{background:#ddd;border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-weight:700;color:#555;}div.calendar tr.days td{width:2em;color:#555;text-align:center;cursor:pointer;}div.calendar tr.days td:hover,div.calendar td.button:hover{background-color:#34ABFA;cursor:pointer;}div.calendar tr.days td:active
div.calendar td.button:active{background-color:#cde;}div.calendar tr.days td.selected{font-weight:700;background-color:#fff;color:#000;}div.calendar tr.days td.today{font-weight:700;color:#D50000;}div.calendar tr.days td.otherDay{color:#bbb;}