html, body, div, span, h1, h2, h3, p, button, a, em, img, q, s, b, u, i, label, footer, header, menu {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	color: #fff;
	direction: $TextDirection$;
	font: 12px/1.4 'Segoe UI', Arial, Helvetica, 'Lucida Sans', sans-serif;
	max-width: 350px;
	position:relative;
    overflow: hidden;
}

html,body {height:100%;}

.safe {
	background-color: #008668;
	border: 1px solid #00372a;
}

.unsafe {
	background-color: #c57902;
	border: 1px solid #523600;
}

a {
	margin: 0 10px 0 0;
	padding: 2px;
	color: #fff;
	outline: none;
}

a:active, a:hover {
	color: #dedede;
}

p {margin-bottom: 5px;}

/* CONTENT */

.content {
    padding: 10px 30px 10px 10px;
	direction: $TextDirection$;
	position:absolute;
    top:0;
    width:100%;
}

.full-screen-tooltip .content {
	position:relative;
	width:auto;
}

.close {
	background: none;
	color: #fff;
    text-decoration:none;
	padding: 9px 7px 16px 6px;
	line-height: 0;
    position:absolute;
    top:0;
    $TextEnding$: 0;
    margin:0;
	font-size: 22px;
	cursor: pointer;
}

.close:focus {outline: none;}

.close:hover, .close:active, .close:focus {
    background: #a52a2a;
    color: white;
}

.confirm-button {
    border-radius: 3px;
	background: white;
	color: black;
	padding: 4px 20px;
	line-height: 24px;
	text-decoration: none;
}

.confirm-button:hover, .confirm-button:active, .confirm-button:focus {
	color: black;
	background: #dedede;
}

.header {
	font-size: 21px;
	line-height: 26px;
}

.note {
	text-transform: uppercase;
	font-size: 10px;
    opacity: 0.8;
}

.buttons {margin-top: 20px;}