@font-face
{ font-family: 'avenir';
		src: url('AvenirNextLTPro-Regular.otf') format('opentype');
		}

@font-face
{ font-family: 'avenirmed';
		src: url('AvenirNextLTPro-Demi.otf') format('opentype');
		}

@font-face
{ font-family: 'avenirbold';
		src: url('AvenirNextLTPro-Bold.otf') format('opentype');
		}

html, body
{ height: 100%;
		font-family: 'avenir';
		}

td, textarea, select, option, input, p, li
{ font-family: 'avenir';
		font-size: 10pt;
		color: #000000;
		text-decoration: none;
		}

input, textarea
{ font-family: 'avenir';
		padding: 3px 3px 3px 3px;
		}

select
{ font-family: 'avenir';
		padding: 3px 3px 3px 3px;
		}

small 
{ font-family: 'avenir';
		font-size: 10pt;
		color: #000000;
		}

a 
{ font-family: 'avenir';
		font-size: 10pt;
		color: #000000;
		text-decoration: underline;
		cursor: pointer;
		border:0;
		}

.bintang 
{ font-family: 'avenir';
		font-size: 10pt;
		color: #ff6622;
		text-decoration: none;
		}	

b
{ font-family: 'avenirbold';
		}

b.title 
{ font-family: 'avenirbold';
		font-size: 12pt;
		color: #000000;
		}

b.titlewhite
{ font-family: 'avenirbold';
		font-size: 10pt;
		color: #ffffff;
		}

p
{ font-family: 'avenir';
		margin: 0;
		padding: 0;
		}

/* MENU DROP DOWN DI SEBELAH KIRI LAYAR */

.menuhead
{ width: 190px; /*width of menu*/
		}

.menuhead .headerbar
{ font: 10pt ''avenir'';
		color: #ffffff;
		background: #545454;
		margin-bottom: 0;
		text-transform: uppercase;
		padding: 8px 0 8px 15px;
		cursor: pointer;
		}

.menuhead .headerbar a
{ text-decoration: none;
		color: white;
		display: block;
		}

.menuhead ul
{ list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
		}

.menuhead ul li
{ padding-bottom: 2px; /*bottom spacing between menu items*/
		}

.menuhead ul li a
{ font: 10pt ''avenir'';
		color: #000000;
		display: block;
		padding: 6px 0;
		padding-left: 15px; /*link text is indented 8px*/
		text-decoration: none;
		}

.menuhead ul li a:visited
{ color: black;
		}

.menuhead ul li a:hover
{ color: white;
		background: #ed6002;
		}

/* SIDE SLIDE SEBELAH KANAN LAYAR */
* 
{ box-sizing: content-box;
		}

.pullmenu
{ background-color: #ff0066; 
		z-index: 999;
		color: #ffffff;
		font-size: 10pt;
		font-weight: bold;
		}

.pullhandle
{ background-color: #ff0066;
		position:absolute; 
		top: 0px;
		left: -45px;
		padding: 10px;
		cursor: pointer;
		border: 0;
		outline: 0;
		border-radius: 8px 0 0 8px;
		}