@charset "utf-8";
/* CSS Document */
body {
	margin-top:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	text-align:center;
}

a:link {
	text-decoration: none;
	color:#000;
}
a:visited {
	text-decoration: none;
	color:#000;
}
a:hover {
	text-decoration: none;
	color:#F60;
}
a:active {
	text-decoration: none;
}
#body_tengah{
	top:0px;
	/*position:relative;*/
	margin:0 auto;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:920px;
	padding:5px 0px 10px 0px;
}
.header {
	width:99%; 
	margin-bottom:15px; 
	-moz-border-radius : 5px 5px 5px 5px; 
	-webkit-border-radius : 5px 5px 5px 5px; 
	border:1px solid #009; 
	padding:5px 5px 5px 5px;
	background:url(../img/bg-putih.png) repeat;
	position:relative;
}
.kotak_logo {
	height:100px; 
	width:25%; 
	float:left; 
}
.kotakmainmenu {
	height:100px; 
	width:74%; 
	float:right; 
	overflow:hidden;
	text-align:center;
}
.kotakmenu {
	display:block;
	height:85px; 
	overflow:hidden; 
	margin-left:10px; 
	float:left; 
	font-weight:bold; 
	cursor:pointer;
}
.image {
	border:0px;
}
.textmenu {
	font-size:12px; color:#00F;
	text-decoration:none;
}
.textmenu A:link, .textmenu A:visited {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.kotakmenu A:hover {
	color:#F60;
	text-decoration: none;
}
.maineditor {
	width:99%; 
	margin-bottom:10px;  
	-moz-border-radius : 5px 5px 5px 5px; 
	-webkit-border-radius : 5px 5px 5px 5px; 
	border:1px solid #999; 
	padding:5px 5px 5px 5px;
	background:url(../img/bg-putih.png) repeat;
}
.kotak_submenu {
	height:25px; 
	width:100%; 
	border-bottom:1px solid #999; 
	margin-bottom:15px;
}
.tombolsubmenu {
	display:block; 
	height:16px; 
	padding:2px 5px 2px 5px; 
	background:#CCC; 
	border:1px solid #666; 
	float:right; 
	margin-left:15px; 
	font-weight:bold; 
	cursor:pointer;
}
.tombolkiri {
	float:left;
}
.tombolsubmenu A:link, .tombolsubmenu A:active, .tombolsubmenu A:visited {
	background:#CCC; 
	color:#000;
}
.tombolsubmenu A:hover {
	background:#CCC; 
	color:#F60;
}
.tombolsave {
	display:block;
	height:35px;
	padding:2px 10px 2px 10px; 
	background:#CCC; 
	border:1px solid #666; 
	float:left; 
	font-weight:bold; 
	cursor:pointer;
	font-size:12px;
}
.headtable {
	padding:5px 5px 5px; 
	text-align:center; 
	font-size:12px; 
	float:left;
	font-weight:bold;
	/*border:1px solid #333;*/
}
.isitable1 {
	padding:5px 5px 5px; 
	font-size:12px; 
	float:left;
	/*overflow:hidden;
	border-bottom:1px solid #666; 
	height:40px;*/
}
.isitable {
	padding:5px 5px 5px; 
	font-size:12px; 
	float:left;
	text-align:center;
	/*overflow:hidden;
	border-bottom:1px solid #666; 
	height:40px;*/
}
.isitable_kasir {
	padding:5px 3px 5px 3px; 
	font-size:12px; 
	float:left;
	overflow:hidden;
	text-align:center;
	/*border:1px solid #999;*/
}
.isitable_kasir1 {
	padding:5px 3px 5px 3px; 
	font-size:12px; 
	float:left;
	overflow:hidden;
	text-align:justify;
	/*border:1px solid #999;*/
}
.isitable_kasirhead {
	padding:5px 3px 5px 3px; 
	font-size:12px; 
	float:left;
	overflow:hidden;
	text-align:center;
	border-right:1px solid #FFF;
	/*border:1px solid #999;*/
}
.isiprintout {
	padding-left:5px;
	display:block;
	font-size:12px; 
	float:left;
	overflow:hidden;
	text-align:center;
	/*border:1px solid #999;*/
}
.isiprintout1 {
	padding-left:5px;
	display:block;
	font-size:12px; 
	float:left;
	overflow:hidden;
	text-align:left;
	/*border:1px solid #999;*/
}
.isiprintout2 {
	padding-left:5px;
	display:block;
	font-size:12px; 
	float:left;
	overflow:hidden;
	text-align:right;
	/*border:1px solid #999;*/
}
.headtableakun {
	padding:5px 5px 5px; 
	text-align:center; 
	font-size:12px; 
	float:left;
	font-weight:bold;
	border-right:1px solid #999;
}
.isitable_akun {
	padding:5px 3px 5px 3px; 
	font-size:12px; 
	float:left;
	text-align:justify;
	border-right:1px solid #999;
}
.isitabledebit {
	text-indent:5px;
}
.isitablekredit {
	text-indent:25px;
}
.isitable_group {
	/*padding:5px 3px 5px 3px;*/
	font-size:12px; 
	float:left;
	overflow:hidden;
	font-weight:bold;
	text-transform:uppercase;
	text-indent:10px;
	/*border:1px solid #999;*/
}
.isitable_parent {
	/*padding:5px 3px 5px 3px;*/
	font-size:12px; 
	float:left;
	overflow:hidden;
	text-indent:25px;
	/*border:1px solid #999;*/
}
.isitable_child {
	/*padding:5px 3px 5px 3px;*/ 
	font-size:12px; 
	float:left;
	overflow:hidden;
	text-indent:35px;
	/*border:1px solid #999;*/
}
.isitable_namaakun{
	/*padding:5px 3px 5px 3px;*/ 
	font-size:12px; 
	float:left;
	text-align:center;
}
table.reference{
	border:1px solid #c3c3c3;
	border-collapse:collapse;
	font-size:12px;
}
table.reference th{
	background-color:#e5eecc;
	border:1px solid #c3c3c3;
	padding:3px;
	vertical-align:top;
}
table.reference td {
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	padding:3px;
	vertical-align:top;
}
.bg_trputih {
	background:#fff;
}
.bg_trabu{
	background:#f2f8e3;
}


.footer {
	 border-top:1px solid #666; 
	 color:#999; 
	 text-align:center; 
	 margin:10px 0px 0px 0px; 
	 padding:10px 5px 5px 5px;
}
.nama_roomtype {
	font-size:14px; 
	color:#660;
}
.kotaklink_detail {
	vertical-align:text-bottom; 
	font-size:11px; 
	position:relative; 
	top:6px;  
	width:98%
}
.price {
	padding:5px 5px 5px; 
	font-size:12px; 
	float:left;
	text-align:center;
	/*overflow:hidden;
	border-bottom:1px solid #666; 
	height:40px;*/ 
	font-size:16px; 
	color:#F3C;
	font-weight:bold;
}
.book_summary {
	width:97.8%; 
	padding:10px 10px 10px 10px;
	-moz-border-radius : 5px 5px 5px 5px; 
	-webkit-border-radius : 5px 5px 5px 5px; 
	border:1px solid #999;
	background:#e6e4e4;
}
.book_summary1 {
	width:27%; 
	padding:5px 5px 5px 5px;
	-moz-border-radius : 5px 5px 5px 5px; 
	-webkit-border-radius : 5px 5px 5px 5px; 
	border:1px solid #999;
	background:#e6e4e4;
	float:right;
	height:253px;
	overflow:hidden;
}
.book_summarylist {
	width:27%; 
	padding:5px 5px 5px 5px;
	-moz-border-radius : 5px 5px 5px 5px; 
	-webkit-border-radius : 5px 5px 5px 5px; 
	border:1px solid #999;
	background:#e6e4e4;
	float:right;
	position:relative;
}
.detsummary {
	padding:5px 5px 5px 5px; 
	font-size:12px; 
	float:left;
	overflow:hidden;
	width:98%;
	position:relative;
}
.totalprice {
	padding:5px 5px 5px; 
	font-size:12px; 
	float:left;
	overflow:hidden;
	text-align:center;
	font-size:16px; 
	color:#F3C;
	font-weight:bold;
	margin-left:15px;
}
.checked_group {
	font-size:12px;
	padding-left:10px;
	border-bottom:1px solid #666;
}
#kotak_namec {
	padding:5px 5px 5px 5px;
	display:block;
	float:left;
	width:100%;
}
#kotak_nameg {
	padding:5px 5px 5px 5px;
	display:block;
	float:left;
	width:100%;
}
.kotak_search {
	height:100px; 
	width:238px; 
	overflow:hidden; 
	border:1px solid #e6e4e4; 
	padding:5px 5px 5px; 
	position:absolute; 
	top:56px; 
	left:139px;
	z-index:1000;
	background:#f1f0f0;
}
.kotak_cnr {
	height:80px; 
	width:128px; 
	overflow:auto; 
	border:1px solid #CCC; 
	padding:5px 5px 5px; 
	position:absolute; 
	top:34px; 
	left:99px;
	z-index:1000;
	background:#f1f0f0;
	font:menu;
}
#kotaklist {
	display:block;
	border:0px;
	padding:5px 5px 5px 5px;
}
#borderlist .list{ 
	position:relative;
	float:left;
	width:48%;
	padding:5px 5px 5px 5px;
	border:1px solid #CCC;
}
.gantung{ 
	background:url(../img/gantung.png) repeat; 
	position:absolute; 
	top:-185px; 
	float:left; 
	left:150px; 
	width:405px; 
	maheight:200px; 
	border:1px solid #908e8e;
	padding:0px 0px 5px 5px;
	-moz-border-radius : 5px 5px 5px 5px; 
	-webkit-border-radius : 5px 5px 5px 5px; 
}
.gantungroommove {
	position:absolute; 
	width:500px; 
	bottom:150px; 
	padding:0px 0px 5px 5px; 
	background:#CCC; 
	-moz-border-radius:5px 5px 5px 5px; 
	-webkit-border-radius:5px 5px 5px 5px;
}
.gantungroommovebg{
	background:#FFF; 
	padding:5px 5px 5px 5px; 
	width:485px; 
	-moz-border-radius:5px 5px 5px 5px; 
	-webkit-border-radius:5px 5px 5px 5px;
}
#borderlist .list_right{ 
	position:relative;
	float:right;
	width:48%;
	padding:5px 5px 5px 5px;
	border:1px solid #CCC;
}
.cursor_in {
	width:100%;
	display:block;
	background:#b5bdd6;
}
.cursor_out {
	width:100%;
	display:block;
	font:menu;
}
.tombol_tabaktif {
	margin-right:3px;
	padding:2px 5px 2px 5px; 
	border-top:1px solid #999; 
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #fff;
	display:block; float:left;
	-moz-border-radius : 5px 5px 0px 0px; 
	-webkit-border-radius : 5px 5px 0px 0px; 
	background:#fff;
	cursor:pointer;
}
.tombol_tabpasif {
	margin-right:3px;
	padding:2px 5px 2px 5px; 
	border:1px solid #999; 
	border-left:1px solid #999;
	border-right:1px solid #999;
	display:block; float:left;
	-moz-border-radius : 5px 5px 0px 0px; 
	-webkit-border-radius : 5px 5px 0px 0px; 
	background:#e6e2e2;
	cursor:pointer;
}
.textname{
	float:left; 
	width:28%;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
	margin-bottom:3px;
}
.textanswr{
	float:left; 
	width:68%;
	vertical-align:middle;
	margin-bottom:3px;
	position:relative;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#505050;
  	font-size: 11px;
	text-align:center;
}
.textnon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
  	font-size: 11px;
	text-align:center;
}
.txtnama {
	width:28%; 
	float:left;
	margin-left:10px;
	padding-right:5px;
}
.txtnama_right {
	width:27%; 
	float:left;
	margin-left:10px;
	padding-right:5px;
	text-align:right;
}
.txtinput {
	width:65%; 
	float:left;
	margin-bottom:2px;
}
.tombol_book {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
	display:block; 
	padding:5px 5px 5px 5px;
	-moz-border-radius : 5px 5px 5px 5px; 
	-webkit-border-radius : 5px 5px 5px 5px;
	background:#909;
	color:#000;
	border:1px solid #000;
	font-weight:bold; 
	cursor:pointer;
	float:right;
	margin-right:10px;
}
.combobox {
	height:20px;
	width:80px;
	font-size:12px;
}
.comboboxprofil {
	height:20px;
	width:150px;
	font-size:12px;
}
.inputRequirement { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; color: #ff0000;
	vertical-align:text-top;
}
.kotak_judul {
	width:98%; 
	height:20px; 
	padding:5px 5px 5px 5px; 
	border-bottom:1px solid #666; 
	margin-bottom:10px; 
	text-align:left;
	font-size:16px;
	color:#4c61a8;
}
.summary_judul {
	border-bottom:1px solid #999;
	font-size:13px;
	color:#009;
}
.gantung_request {
	background:#FFF; 
	width:283px; 
	height:182px; 
	padding:5px 5px 5px 5px;
	-moz-border-radius : 5px 5px 5px 5px; 
	-webkit-border-radius : 5px 5px 5px 5px;
	border:1px solid #00C;
	margin-top:5px;
	text-align:justify;
	overflow:auto;
}
.kotak-img1 { 
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
	font-size:11px; 
	text-align:center;
	position:relative;
	float:left;
	margin-right:10px;
	margin:0px 5px 0px 0px;
	padding:2px 2px 2px 2px;
	display:block;
	border:1px solid #999;
	}
.room_img {
	position:relative;
	float:left;
	width:100px;
	overflow:hidden;
}

/* style room status */
.Vacant_Clean_Inspection {
	color:#FFF;
	background:#00F;
	display:block;
}
.Vacant_Clean{
	color:#FFF;
	background:#000;
	display:block;
}
.Occupied_Clean {
	color:#FFF;
	background:#F0F;
	display:block;
}
.Out_Of_Service {
	color:#FFF;
	background:#300;
	display:block;
}
.Out_Of_Order {
	color:#FFF;
	background:#f00;
	display:block;
}
.Vacant_Dirty {
	color:#FFF;
	background:#666;
	display:block;
}
.Occupied_Dirty {
	color:#000;
	background:#0F0;
	display:block;
}
.New_Room {
	color:#000;
	background:#FF0;
	display:block;
}
.no_kamar {
	width:55px; 
	float:left; 
	position:relative; 
	margin:0px 10px 5px 0px; 
	text-align:center;
	font-weight:bold;
	display:block;
	border:1px solid #999;
}

.no_kamar1 {
	width:55px; 	
	float:right; 
	position:relative; 
	margin:0px 10px 5px 0px; 
	text-align:center;
	font-weight:bold;
	display:block;
	border:1px solid #999;
}
.no_kamar2 {
	width:95px;
	float:left; 
	position:relative; 
	margin:0px 10px 5px 0px; 
	text-align:center;
	font-weight:bold;
	display:block;
	border:1px solid #999;
}
.no_kamar3 {
	width:95px;
	float:right; 
	position:relative; 
	margin:0px 10px 5px 0px; 
	text-align:center;
	font-weight:bold;
	display:block;
	border:1px solid #999;
}
.desroomstatus{
	position:absolute; 
	top:1px; right:-40px; 
	padding:5px 5px 5px 5px; 
	background:#CCC; width:150px;  
	-moz-border-radius : 5px 5px 5px 5px; 
	-webkit-border-radius : 5px 5px 5px 5px; 
	align:justify;
	display:block;
	
}
.listhistory {
	float:left; 
	margin-right:10px; 
	padding:2px 0px 0px 0px;
	/*border:1px solid #CCC;*/
	text-align:justify;
}
.kitirjudul{
	padding:5px 0px 5px 0px;
	position:relative;
	font-size:1em;
	text-align:center;
}
.textkitir{
	padding:3px 0px 3px 0px;
	position:relative;
	font-size:1em;
}
.garisdua {
	border-bottom:1px double #990;
	border-top:1px double #990;
	margin:0px 0px 10px 0px;
}
.isitablekitir {
	float:left; 
	margin-right:5px; 
	padding:3px 0px 3px 0px;
	/*border:1px solid #CCC;*/
	text-align:center;
	font-size:1em;
}
.isitablekitir1 {
	float:left; 
	margin-right:5px; 
	padding:3px 0px 3px 0px;
	/*border:1px solid #CCC;*/
	text-align:justify;
	font-size:1em;
}
.isitablekitir2 {
	float:left; 
	margin-right:5px; 
	padding:3px 0px 3px 0px;
	/*border:1px solid #CCC;*/
	text-align:right;
	font-size:1em;
}
.isitablekitirhp {
	float:left; 
	margin-right:5px; 
	padding:3px 0px 3px 0px;
	/*border:1px solid #CCC;*/
	text-align:center;
	font-size:1.16em;
}
.isitablekitirhp1 {
	float:left; 
	margin-right:5px; 
	padding:3px 0px 3px 0px;
	/*border:1px solid #CCC;*/
	text-align:justify;
	font-size:1.16em;
}
.isitablekitirhp2 {
	float:left; 
	margin-right:5px; 
	padding:3px 0px 3px 0px;
	/*border:1px solid #CCC;*/
	text-align:right;
	font-size:1.16em;
}
.clear{
	clear:both;
}
.garis {
	border-bottom:1px solid #990;
	margin:0px 0px 10px 0px;
}

.thickbox1 {
	position:absolute; 
	top:0px;
	left:0px;
	z-index:1000; 
	height:100%; 
	width:100%; 
	background-color:rgba(0, 0, 0, 10); 
	margin:0 auto;
}
.bodytengah {
	width:80%; 
	/*padding:5px 5px 5px 5px; */
	margin:100 auto; 
	position:relative; 
	text-align:justify;
	font-size:1.16em;
	font-weight:bold;
	background-color: #fff;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	
	zoom: 1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#969696')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#969696');
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   	-webkit-transition: all 0.6s ease-in-out;
}
.kotakmenutab{
	padding:2px 2px 2px 2px; 
	border:1px solid #666; 
	margin:3px 3px 3px 3px; 
	float:left; 
	text-align:left; 
	position:relative;
}

.menutab{
	background:#CCC; 
	padding:5px 5px 0px 5px; 
	border:1px solid #999; 
	-moz-border-radius : 5px 5px 0px 0px; 
	-webkit-border-radius : 5px 5px 0px 0px; 
	height:28px;
}
.tombol_tabaktifhp {
	margin-right:3px;
	padding:5px 5px 5px 5px; 
	border-top:1px solid #999; 
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #fff;
	display:block; float:left;
	-moz-border-radius : 5px 5px 0px 0px; 
	-webkit-border-radius : 5px 5px 0px 0px; 
	background:#fff;
	cursor:pointer;
	font-size:1.16em;
	font-weight:bold;
	position:relative;
}
.tombol_tabpasifhp {
	margin-right:3px;
	padding:5px 5px 5px 5px; 
	border:1px solid #999; 
	border-left:1px solid #999;
	border-right:1px solid #999;
	display:block; float:left;
	-moz-border-radius : 5px 5px 0px 0px; 
	-webkit-border-radius : 5px 5px 0px 0px; 
	background:#e6e2e2;
	cursor:pointer;
	font-size:1.16em;
	font-weight:bold;
	position:relative;
}
.tombolsubmenuhp {
	padding:2px 5px 2px 5px; 
	background:#CCC; 
	border:1px solid #666; 
	margin:3px 5px 3px 5px; 
	font-weight:bold; 
	cursor:pointer;
	text-align:center;
	font-size:1.33em;
	position:relative;
}
.tombolsubmenukasir {
	min-height:1.33em; 
	padding:2px 5px 2px 5px; 
	background:#CCC; 
	border:1px solid #666; 
	margin:3px 0px 3px 0px; 
	cursor:pointer;
	text-align:center;
	position:relative;
}
.menutabkasir{
	background:#CCC; 
	padding:5px 5px 0px 5px; 
	border:1px solid #999; 
	-moz-border-radius : 5px 5px 0px 0px; 
	-webkit-border-radius : 5px 5px 0px 0px; 
	height:19px;
	position:relative;
}
.kotakimgmenu {
	position:relative; 
	float:left; 
	display:block; 
	margin:5px 5px 5px 5px; 
	cursor:pointer;
}
/*
.kotakimgmenu:hover {
	position:absolute;
	left:30;
	z-index:100;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
}*/
.imgmenu{
	width:6.66em; 
	height:6em; 
	overflow:hidden;
	/*
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out;*/
}
/*.imgmenu:hover{
	position:absolute;
	z-index:100;
	-webkit-transform: rotate(0deg) scale(1.5); -moz-transform: rotate(0deg) scale(1.5); -o-transform: rotate(0deg) scale(1.5);
}*/
.imgmenukasir{
	width:5.33em; 
	height:4.83em; 
	overflow:hidden;
	/*
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out;*/
}
/*
.imgmenukasir:hover{
	position:absolute;
	z-index:100;
	-webkit-transform: rotate(0deg) scale(1.5); -moz-transform: rotate(0deg) scale(1.5); -o-transform: rotate(0deg) scale(1.5);
}*/
.judulmenu{
	width:6.66em; 
	height:1.25em; 
	overflow:hidden; 
	text-align:center; 
	font-size:0.9em;
}
.judulmenukasir{
	width:5.33em; 
	height:1.25em; 
	overflow:hidden; 
	text-align:center; 
	font-size:0.8em;
}
.sadow{
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	padding:30px 20px 20px 20px;
	
	background-color: #fff;
	zoom: 1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#969696')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#969696');
}
.inputkasir {
	font-size:1.16em; 
	font-weight:bold; 
	text-transform:uppercase; 
	/*width:3.5em;*/
}
.textkasir {
	font-size:1.16em; 
	margin-right:10px;
	font-weight:bold;
}
.isitextthick {
	font-size:1.66em;
	font-weight:bold;
	padding:5px 2px 5px 2px;
	text-align:right;
	margin-left:4.16em;
	
}
.kanan {
	text-align:right;
}
.kiri {
	text-align:left;
}
.center {
	text-align:center;
}
.tombolkasir {
	height:30px; 
	font-size:1.33em; 
	font-weight:bold; 
	margin:0px 5px 0px 5px; 
	padding:0px 5px 0px 5px;
	min-width:4.7em;
}
.tombolmeja {
	display:block; 
	padding:2px 10px 2px 10px; 
	background:#CCC; 
	border:1px solid #666; 
	margin:10px 10px 10px 10px; 
	font-weight:bold; 
	cursor:pointer;
	font-size:2em;
}