body { width:320px; background:white; margin:0px 0 0 0; padding:0; font-family:arial; font-size:18px; color:#7b7b7b; text-align:right; direction:rtl;}
.box { background-color:#fffacd; ;font-weight:bold; color:navy; text-align:center; border:solid 1px #d3d3d3; padding:7px;}
.data {padding:0px 10px;}
.opened {background:#fffacd;}
.closed {background:lightgray;}
.btn{color:navy;font-family:Arial,helvetica,sans-serif;font-size:100%;font-weight:bold;background-color:#CACAFF;border:1px solid;border-top-color:navy;border-left-color:navy;border-right-color:#00008B;border-bottom-color:#00008B;}
.Highlight {background:#B0C4DE;font-weight:bold;font-family:Arial;color:navy;font-size:20px!important;padding-right:10px;}
.img { border:0;}
.TitleRow {background:#E6E6FA;font-weight:bold;color:navy;text-align:center;font-family:Arial;font-size:18px!important;height:25px;}
input,select,textarea { font-size:16px;}
span.MMitem {display:block;height:25px;padding-top:5px;}
.section{color:#444444;cursor:hand;cursor:pointer;border:1px solid whitesmoke;padding:0px 5px;margin:5px 5px 5px 0px;}
.ui-header.ui-bar-a { height: 37px;}
.clr{clear:both}
.flr {float:right}
.fll {float:left}
.rnd{padding:5px 15px 8px 15px;border-radius:5px}
.fademsg{margin:0 15px;z-index:99;padding:4px 15px 8px;width:auto;position:fixed;float:right;display:none;font-weight:bold;background:orangered;color:white}
.actbox {text-align:center;font-weight:bold;font-size:14px;color:navy;padding:5px 0 10px;padding:5px 2px}
.actbox > div {margin:0 5px}
.bubble {border-radius:10px;width:50px;height:30px;text-align:center;color:white;font-size: 18px;font-weight:bold;background:gray; }
.bubble-red{background:#ff675c;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAA/klEQVRYR92X2woBYRSFZz+BlFxwISUlJReSiRCNnEI0GodSinen0Uwmh4jf3t5ir5mL3dz9qzVrffun73FtyCLL8Kt50vfgiQaLVViaJ332rlihWoScn4UsjGFHiD9Uz/duZtSLEEfeuwlnRL8l9NoOOSPa/yvu29dmwH7ort7/+Z8rB4MjT6+L0VqPZVuSrh4kdHebGGS/zesYZL/Nbc6INDAvjppnNK1ikD2aVDjs+tdfuo7LGGS/jkqyaekv4HBQxCB72C9gcCTo5THIHjg5jF3r0slicOTSyWDcEP1WGoMjfjOFcUM8N5IYHDnXEwJ29Q+d7DiIkFoMgiM/LkniKwJFl7sAAAAASUVORK5CYII=);background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmY2NzVjIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJyZ2IoMjMyLCA1NSwgMTQpIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #ff675c), color-stop(100%, #E8370E));background-image: -webkit-linear-gradient(top, #ff675c 0%, #E8370E 100%);background-image: -moz-linear-gradient(top, #ff675c 0%, #E8370E 100%);background-image: -ms-linear-gradient(top, #ff675c 0%, #E8370E 100%);background-image: -o-linear-gradient(top, #ff675c 0%, #E8370E 100%);background-image: linear-gradient(to bottom, #ff675c 0%, #E8370E 100%)}
.bubble-yellow{background:#f7c845;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAA/klEQVRYR92YYQsBQRCGd1KUlBQlRUlJUVJ8oKT4oVcXEdFFRHR1ET/pbtftrln/Ymb3w/t132beebaB+LOwQoAQAoWwQvKeW4smAC9pjV8zC1gQdCMoKyTPqesp8geSaIJ9Rb8kIKOxxYNeMCOUNQlHmBHiJvD9IMOhG1aUJ++fHCAfAx5hV/e+iwb9vMtbz5KHocO5unaxHvRDAurScf8T8l7ge27z+GupU4sHR9Jj0w0t+t31DRpMKhLUkez0QQLpocaD7Hpf5UH2dFfhQXa9LfMgu96UeJDdrIs8yK5XBR5bFLPM8xi/xs/x2KJYP8tji2K8DI+MWA9YbFF+9UIDsAtHHkUAAAAASUVORK5CYII=);background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjdjODQ1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAxNTgsIDApIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #f7c845), color-stop(100%, #FF9E00));background-image: -webkit-linear-gradient(top, #f7c845 0%, #FF9E00 100%);background-image: -moz-linear-gradient(top, #f7c845 0%, #FF9E00 100%);background-image: -ms-linear-gradient(top, #f7c845 0%, #FF9E00 100%);background-image: -o-linear-gradient(top, #f7c845 0%, #FF9E00 100%);background-image: linear-gradient(to bottom, #f7c845 0%, #FF9E00 100%)}
.bubble-green{background:#59C81E;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAABFElEQVRYR2MMPy77n4GBkYGBAUgNYZox9JjsfyBgYGRkZBjSdOBhaZAvgBECipihSzP6H5IGeWEIJypopvA+IPmfEeiN/0A4lGlGz/2SoKwxlFMVJFe47hEfHjHivFsclEWGPGC03yH2fwgXVvDCltF2u+jwKLUst4oA88hQr9eBmd18i8jwqNmNNwoNjzxiuEEImEeGdmUIdr/uOoHhUY9orxUYHnlEfRUfMI8M8SY80P2Mqiv5gDX70G//Miou5xkeeUR+GQ8o0w/5DgmjzGKu4dFDlFwE9MgwAIxiCziHh0eE53MMjzzCP4d9eLR+eWezDY+kxTmDdXi0ftmBHhnqg3Mg9zMyT2UeHnmEcQrzsIgRAP6Dt5c2kyyiAAAAAElFTkSuQmCC);background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJyZ2IoODksIDIwMCwgMzApIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMTQ3LCAyKSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #59C81E), color-stop(100%, #009302));background-image: -webkit-linear-gradient(top, #59C81E 0%, #009302 100%);background-image: -moz-linear-gradient(top, #59C81E 0%, #009302 100%);background-image: -ms-linear-gradient(top, #59C81E 0%, #009302 100%);background-image: -o-linear-gradient(top, #59C81E 0%, #009302 100%);background-image: linear-gradient(to bottom, #59C81E 0%, #009302 100%)}
#footer .ui-btn-inner {width:48px;}
/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap {margin-top: 0px;}
/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */}
#nav, #nav li {margin: 0;padding: 0;}
#nav li { list-style: none; float: right;
	/*
	margin-right: 5px;
	*/
}

/* nav link */
#nav a {
	padding: 4px 15px;
	display: block;
	color: #000;
	background: #ecebeb;
}
#nav a:hover {
	background: #f8f8f8;
}

/* nav dropdown */
#nav ul {
	background: #fff;
	padding: 2px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; /* hide dropdown */
	width: 200px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 600px) {

	/* nav-wrap */
	#nav-wrap { position: absolute; right:0px;top:0px; }

	/* menu icon */
	#menu-icon {
		color: #000;
		width: 1px;
		height: 30px;
		background: #ecebeb url(/img/menu-icon.png) no-repeat 10px center;
		padding: 5px 10px 0 40px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 160px;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
		text-align:right;
	}
	#nav li {
		clear: both;
		float: none;
		margin: 10px 10px 0px 0px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #000;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
		text-align:right;
	}
	#nav ul li {
		margin: 3px 15px 3px 0px;
	}

}

@media screen and (min-width: 600px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

}