@font-face {
    font-family: 'CarosSoft';  
    src: url('https://crm.aqua-scope.com/js/TTF/CarosSoft.ttf');  
}
@font-face {
    font-family: 'CarosSoftBold';  
    src: url('https://crm.aqua-scope.com/js/TTF/CarosSoftBold.ttf');  
}
@font-face {
    font-family: 'CarosSoftMedium';  
    src: url('https://crm.aqua-scope.com/js/TTF/CarosSoftMedium.ttf');  
}

BODY {
	font-size:11px;
	font-family:CarosSoft, verdana, helvetica, arial, sans-serif;
	color:#000000;
	background-color: #e3fdff;
	line-height:15px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
H1 {
	font-size:16px;
	font-family:CarosSoftBold, verdana, helvetica, arial, sans-serif;
	color:#70263c;
	line-height:13px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:8px;
}
H2 {
	font-size:14px;
	font-family:CarosSoftBold, verdana, helvetica, arial, sans-serif;
	color:#000000;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:6px;
}
H3 {
	font-size:10px;
	font-family:CarosSoftBold, verdana, helvetica, arial, sans-serif;
	color:#000000;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:6px;
}


// DatePicker

#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }