/* Todo: Get rid of calendar icon - in settings too */
/* Get rid of old checkboxes */

/* Thanks for free icons designed by http://pc.de/icons/ */
/* Thanks to Situ Herrera (http://www.rivolta.es) from Flaticon (http://www.flaticon.com) licensed under Creative Commons BY 3.0 (http://creativecommons.org/licenses/by/3.0) */

* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
	-webkit-tap-highlight-color: transparent; /* i.e. Nexus5/Chrome and Kindle Fire HD 7''*/
	vertical-align: top;
}
*:focus, *:active { outline: none; }
td { vertical-align: middle; }

html, body { height: 100%; }
body { font-family: Arial; font-size: 12px; }

*:focus { outline: none; }

:not(input):not(textarea) { -moz-user-select: none; }

input, textarea { border: 0; height: 100%; width: 100%; background: transparent; }
input:disabled { background: transparent; }
input:invalid { box-shadow: none; }
input.empty, textarea.empty { color: #aaaaaa; }
input[type=email], input[type=tel] { direction: ltr; }
input[type=email].empty, input[type=tel].empty { direction: inherit; }

textarea { overflow: auto; resize: none; font-size: 14px; }

a {
	color: #1cbbb4;
	text-decoration: underline;
	font-size: 12px;
	cursor: pointer;
}

.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.italic { font-style:italic; }

/****************************************
 General styles
****************************************/

.bold { font-weight: bold; }
.e { font-weight:bold; color: #148782; }
.one_line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.float_right { float: right; }

.image_centerer { text-align: center; }
.image_centerer img { display: inline-block; }

/****************************************
 Frames / popups
****************************************/

.centerer.overlay_wrapper {
	position: absolute;
	left: 0; right: 0; width: auto;
	top: 40px;
	text-align: center;
}

.overlay {
	display: none;
	position: relative;
	padding: 20px;
	background: #1cbbb4;
	overflow: hidden;
	z-index: 1000000;
	box-shadow: 1px 1px 2px 0px #666666;
	/* outline: 1px  */
	border: 1px solid #ffffff;
	border-radius: 7px;
	color: #ffffff;
	font-size: 14px;
	
	width: 450px;
	/* top: 40px; */
	/* left: 40px; */
}
.overlay a { font-size: 14px; }
	.overlay .close_x_icon {
		display: block;
		position: absolute;
		top: 10px; right: 10px;
		width: 20px; height: 20px;
		fill: #ffffff;
	}
	.overlay .close_x_icon:hover { fill: #dd3333; }
	.overlay :focus .close_x_icon {
		outline: 1px dashed red;
	}
	.overlay_title {
		margin-bottom: 15px;
		font-size: 24px;
	}

.popup_wrapper {
	position: absolute;
	top: 100px;
	left: 0; width: 100%;
	text-align: center;
}

.white_popup {
	display: none;
	position: relative;
	border: 1px solid #1cbbb4;
	max-width: 80%;
	border-radius: 5px;
	box-shadow: 2px 2px 3px 0px #444444;
	padding: 20px 40px;
	background: white;
	text-align: left;
}
.rtl .white_popup { text-align: right; direction: rtl; }

	.white_popup table { font-size: 14px; }
		.white_popup td { padding: 4px 4px 4px 0; }
		.white_popup td.remark_field {
			padding: 11px 4px 11px 0;
			font-weight: bold;
			line-height: 150%;
			white-space: pre-wrap;
		}
			.white_popup .text_box.name { width: 260px; }
			.white_popup .text_box.num3digits { width: 51px; }

	.close_icon {
		position: absolute;
		top: 10px; right: 10px;
		height: 18px; width: 19px;
		cursor: pointer;
		background: url(icons/ico-x-big-red-18x19.png);
	}

	.white_popup_title {
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: #1cbbb4;
	}

	.white_popup_subtitle {
		margin: 12px 0;
		font-size: 16px;
		font-weight: bold;
		line-height: 150%;
		color: #444444;
	}

	.white_popup_submit {
		background: #1cbbb4;
		border-radius: 5px;
		color: white;
		box-shadow: 2px 2px 3px #444444;
		float: right;
		padding: 6px 9px 7px;
		height: 16px;
		cursor: pointer;
	}
	.white_popup_submit:active {
		position: relative;
		top: 2px; left: 2px;
		box-shadow: none;
	}


.popup {
	position: absolute;
	display: none;
	background:
		url(frames/tool-tip-left-top-10x10.png)		left top no-repeat,
		url(frames/tool-tip-right-top-10x10.png)	right top no-repeat,
		url(frames/tool-tip-left-btm-10x10.png)		left bottom no-repeat,
		url(frames/tool-tip-right-btm-10x10.png)	right bottom no-repeat;
	overflow: hidden;
	z-index: 1000000;
}
.popup.show { display: block; }
	.popup > .frame_left {
		position: absolute; top: 10px; bottom: 10px; left: 0;
		width: 10px;
		background: url(frames/tool-tip-left-1x10.png)	left top repeat-y;
	}
	.popup > .frame_main {
		margin: 0 10px;
		overflow: hidden;
		background: url(frames/tool-tip-top-10x1.png)	left top repeat-x,
					url(frames/tool-tip-btm-10x1.png)	left bottom repeat-x;
	}
		.popup > .frame_main > .frame_center {
			margin: 10px 0;
			padding: 3px 8px 3px 6px;
			background: #1cbbb4; color: white;
			font-size: 12px; line-height: 150%;
			overflow: hidden;
		}
#alert_div { opacity: 0.95; }
		#alert_div #alert_div_content {
			padding: 33px 28px 33px 26px;
			text-align: center;
			font-size: 24px;
			line-height: 150%;
		}
			#alert_div .buttons_wrap { padding-top: 40px; display: inline-block; }
			#alert_div .buttons_wrap .white_button { float: left; }
			#alert_div .buttons_wrap .white_button.action {
				color: #cc2222; margin-left: 100px;
			}

			.popup_close {
				float: right; cursor: pointer; margin-bottom: 10px;
				width: 9px; height: 9px;
				background: url(icons/ico-x-small-white-9x9.png);
			}
	.popup > .frame_right {
		position: absolute; top: 10px; bottom: 10px; right: 0;
		width: 10px;
		background: url(frames/tool-tip-right-1x10.png)	left top repeat-y;
	}

	.calendar_opener_wrapper .calendar_opener, .calendar_opener_wrapper .scheduler_opener {
		float: left;
		margin-right: 5px;
		width: 32px; height: 32px;
		cursor: pointer;
		fill: #1cbbb4;
	}
	.calendar_opener_wrapper .down_arrow_icon {
		margin-top: 15px;
	}

	.calendar_col {
		float: left;
		margin: 0 22px 20px;
		clear: both;
	}
		.calendar_col .previous_month, .calendar_col .next_month {
			float: left;
			width: 16px; height: 25px;
			cursor: pointer;
		}
		.calendar_col .previous_month svg, .calendar_col .next_month svg {
			fill: none;
			stroke: #fff;
			stroke-width: 3px;
			stroke-linecap: round;
		}
		.calendar_col .next_month {
			float: right;
		}

		.calendar_col .previous_icon, .calendar_col .next_icon {
			float: left;
			width: 16px; height: 25px;
			background-position: 0 4px;
			background-repeat: no-repeat;
			cursor: pointer;
		}

		.calendar_col .next_icon {
			float: right;
			background-image: url(icons/arrow-right-16x16.png);
		}

		.calendar_title_name {
			height: 25px;
			font: bold 20px Arial;
			color: white;
			text-align: center;
		}

		.calendar_col table {
			margin-top: 10px;
			border-collapse: collapse;
			color: white;
		}
		.rtl .calendar_col table { direction: rtl; }
			.calendar_col th { width: 40px; color: yellow; }
			.calendar_col td {
				border: 2px solid #aafff9;
				text-align: center;
				padding: 2px;
			}
			.calendar_col td.day { cursor: pointer; }
			/* .calendar_col td.no_day { color: #bfcfdf; } */
			.calendar_col td .today {
				margin: -2px;
				border: 2px solid #197c80;
				background: #ffff00;
				color: #1cbbb4;
				font-weight: bold;
			}
			.calendar_col td.day:hover, .calendar_col td .today:hover {
				margin: 0;
			}
			.calendar_col td .today:hover { border: 0; }

#hint_div {
	position: absolute;
	width: 313px;
}
#hint_content {
	font-size: 18px;
	line-height: 150%;
}
#hint_div .white_button { width: auto; margin-right: 5px; }
#hint_div .white_button:last-child { margin-right: 0; }
#hint_div .buttons_wrap .white_button { float: left; }

.mask_all, .cover_all {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0; width: auto;
 	display: none;
}
.mask_all.opaque, .cover_all.opaque {
	filter: alpha(opacity=50);	/* For IE 8 or earlier */
	MozOpacity: 0.5;			/* For older versions of Mozilla */
	KhtmlOpacity: 0.5;			/* Konquerer on Linux and Safari on Mac OS X */
	opacity: 0.5;				/* The right way to do that */
	background: white;
}

.balloon {
	display: none;
	position: absolute;
	/* border: 2px solid #1cbbb4; */
	border-radius: 10px;
	background: linear-gradient(#1cbbb4 0%, #fff 300%);
	box-shadow: 2px 2px 5px 4px #aaaaaa;
	padding: 30px;
	width: auto;
	color: #ffffff;

	left: 520px; top: 300px;
	text-align: left;
	cursor: pointer;
}
.balloon.error {
	background: linear-gradient(#bb1c36 0%, #fff 400%);
	padding: 10px 20px;
	box-shadow: 2px 1px 4px 1px #888;
}
	.balloon * { vertical-align: top; }
	.balloon::before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 15px;
		top: -16px;
		border: 8px solid;
		border-color: transparent transparent #1cbbb4 #1cbbb4;
	}
	.balloon.error::before {
		border-color: transparent transparent #bb1c36 #bb1c36;
		left: 12px;
		top: -8px;
		border-width: 4px;
		font-weight: bold;
	}
	.balloon table { border-collapse: collapse; }
		.balloon table th { text-decoration: underline; }
			.balloon table td, .balloon table th { padding: 5px; }
	.balloon div.hr {
		float: left;
		margin-bottom: 5px;
		height: 5px;
		width: 100%;
		border-bottom: 1px solid #ffffff;
	}


/****************************************
 Spectrum plug-in
****************************************/

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue {
	font: normal 12px Arial;
}
.sp-container { border-radius: 5px; }
.sp-container button, .sp-container button:hover {
	width: 50px;
	background: white;
	border: 0;
	border-radius: 5px;
	color: #1cbbb4;
	box-shadow: 2px 2px 2px #1cbbb4;
}


/****************************************
 Info and tooltips
****************************************/

i {
	background: #1cbbb4;
	border-radius: 6px;
	display: inline-block;
	height: 12px;
	width: 12px;
	color: white;
	font-family: Times New Roman, Tahoma, Helvetica, Arial;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	cursor: pointer;
}

/****************************************
 Text inputs
****************************************/

/* Checkboxes */
.checkbox_v {
	display: inline-block;
	margin-right: 4px;
	border: 1px solid #1cbbb4;
	border-radius: 4px;
	box-shadow: 0 -4px 9px -4px #cccccc inset;
	padding: 1px 1px 3px;
	width: 13px;
	height: 11px;
	background: #ffffff;
	cursor: pointer;
}
.rtl .checkbox_v {
	margin-right: 0;
	margin-left: 4px;
}
.checkbox_v svg {
	fill: #1cbbb4;
	display: none;
}
.checkbox_v.checked svg {
	display: block;
}

.check_box_wrapper { float: left; padding: 5px 0; margin-bottom: 1px; }
.check_box_wrapper.rtl { float: right; }
	.check_box_turquoise {
		position: relative; top: 2px;
		height: 17px; width: 21px; float: left;
		background: url(icons/check-box-blank-17x17.png) no-repeat;
		cursor: pointer;
	}
	.check_box_wrapper.rtl .check_box_turquoise { float: right; background-position: 2px 0; }
	.check_box_turquoise.checked {
		background-image: url(icons/check-box-full-17x17.png);
	}
	.check_box_wrapper.disabled, .check_box_turquoise.disabled { opacity: 0.5; }
	.disabled .check_box_turquoise, .check_box_turquoise.disabled { cursor: default; }

	.check_box_follower { float: left; font-size: 12px; }

/* Align checkboxes */

.align_box {
	float: left; margin-left: 2px;
	height: 17px; width: 17px;
	cursor: pointer;
}
.align_box[data-align=left] {
	background: url(icons/align-left-blank-17x17.png) no-repeat;
}
.align_box.checked[data-align=left] {
	background: url(icons/align-left-full-17x17.png) no-repeat;
}
.align_box[data-align=center] {
	background: url(icons/align-center-blank-17x17.png) no-repeat;
}
.align_box.checked[data-align=center] {
	background: url(icons/align-center-full-17x17.png) no-repeat;
}
.align_box[data-align=right] {
	background: url(icons/align-right-blank-17x17.png) no-repeat;
}
.align_box.checked[data-align=right] {
	background: url(icons/align-right-full-17x17.png) no-repeat;
}

/* Text inputs */

.text_box {
	background: white;
	border: 1px solid #1cbbb4;
	border-radius: 5px;
	box-shadow: 0 -4px 9px -4px #cccccc inset;
	float: left;
	padding: 4px 9px 5px;
	height: 20px;
}
.text_box.error { border-color: #bb1c36; } /*#d88895*/
.text_box.disabled { border-color: #cccccc; }

	.text_box.with_dropdown div { position: relative; }
	.text_box.with_dropdown div:last-child { margin-right: 16px; height: 100%; }
	.text_box.with_dropdown input[readonly=readonly] { cursor: pointer; }

.popup .text_box:not(.hex6) { float: none; display: inline-block; }
.overlay .text_box:not(.hex6) { float: none; display: inline-block; }

.text_box.hex6 { width: 65px; line-height: 20px; }
	.text_box.hex6 input { text-align: center; text-transform: uppercase; }

.text_box.num3digits { width: 35px; position: relative; }
	.text_box.num3digits .up_arrow_icon { position: absolute; top: 6px; right: 10px; }
	.text_box.num3digits .down_arrow_icon { position: absolute; bottom: 6px; right: 10px; }
	.text_box.num3digits input { text-align: right; }

	.font_size_px {
		float: left;
		padding: 4px 0 4px 3px;
		height: 24px;
	}

.text_box.dropdown {
	display: none;
	padding-top: 29px;
	position: absolute;
	height: auto;
	z-index: 100;
}

	.dd_scroll_wrapper {
		border-top: 1px solid #1cbbb4;
		padding-top: 5px;
	}
	.dd_scroll_wrapper .dd_table,
	.dd_scroll_wrapper div:first-child {
		overflow: hidden;
	}
		.dropdown table {
			border-collapse: collapse;
			border-top: 1px solid #1cbbb4;
			width: 100%;
		}
		.dropdown tr { font-size: 12px; cursor: pointer; height: 15px; }
		.dropdown tr:hover { color: #1cbbb4; }
			.dropdown td { padding: 3px 14px 0 0; }
			.dropdown td.chosen { background-color: #8addd9; }

		.dd_scroll_wrapper table { border: 0; }
		.dd_scroll_wrapper tr { height: 18px; line-height: 0; } 
		.dd_scroll_wrapper tr:hover { color: #1cbbb4; }
			.dd_scroll_wrapper a {
				/* margin-right: 20px; */
				font-size: 12px;
				text-decoration: none;
			}
			.dd_scroll_wrapper a:hover { text-decoration: underline; }
			.dropdown_next { float: right; }
			.dropdown_prev { visibility: hidden; }

		.dd_table .table_row /*, .dd_table .table_header*/ {
			overflow: hidden;
			height: 23px;
			padding-top: 2px;
		}
			.dd_table span { float: left; }
			.dd_table .table_row.inactive span { text-decoration: line-through; }
			.dd_table.tr_hover .table_row:hover { background-color: #e3e3e3; }
				.dd_table svg { visibility: hidden; margin-left: 10px; }
				.dd_table .switch_two { float: left; width: 30px; min-height: 1px; }
				.dd_table .switch_two svg {
					visibility: visible;
					position: relative;
					top: 12px;
					margin-left: 0;
				}
				.dd_table .delete_icon svg {
					margin-top: 2px;
					width: 16px;
					height: 17px;
				}
				.dd_table .switch_two > svg { width: 20px; height: 20px; }
				.dd_table .edit_icon > svg { width: 21px; height: 21px; }
				.dd_table .settings_icon > svg { width: 16px; height: 17px; margin-top: 2px; }
				.dd_table .table_row:hover svg { visibility: visible; }
				.dd_table .table_row.inactive svg { visibility: hidden; }

	.page .dd_scroll_wrapper { border-top: 0 }
		.items_row {
			height: 25px;
			font-size: 12px;
		}

	.dd_scroll_wrapper .blue .table_row { color: #1cbbb4; }


/* Dropdown / up-down arrows */

.up_arrow_icon, .down_arrow_icon {
	/* background: url(icons/arrow-dropdown-5x9.png) no-repeat; */
	cursor: pointer;
	width: 12px;
	height: 6px;
}
.up_arrow_icon svg {
	transform: scaleY(-1);
	/* background-image: url(icons/arrow-dropup-5x9.png); */
}
.drop_down_arrow {
	float: right; margin-top: 7px;
	/* height: 17px; width: 12px; */
	background-position: 0 7px;
}
.down_triangle svg {
	height: 6px; width: 12px;
}
.SVG_wrapper { cursor: pointer; }
.white_dropdown {
	margin-top: 12px;
	float: left;
	width: 13px; height: 11px;
	background: url(icons/arrow-white-dropdown-5x9.png) 1px 3px no-repeat;
	cursor: pointer;
}

/* Change link */
.change_link {
	float: left;
	padding: 4px 0;
	height: 24px;
	font-size: 12px; color: #1cbbb4;
	text-decoration: underline;
	margin-left: 10px;
	cursor: pointer;
}
.change_link.disabled {
	color: #cccccc;
	text-decoration: none;
	cursor: default;
}


/****************************************
 Buttons
****************************************/

/* Big buttons */

.big_button {
	font-size: 18px; color: white;
	cursor: pointer;
}
.big_button.blue {
	background:
		url(buttons/btn-big-blue-right-39x10.png) top right no-repeat,
		url(buttons/btn-big-blue-left-39x10.png) top left no-repeat;
}
.big_button.purple {
	background:
		url(buttons/btn-big-pur-right-39x10.png) top right no-repeat,
		url(buttons/btn-big-pur-left-39x10.png) top left no-repeat;
}
.big_button.white {
	background: transparent;
	color: #1cbbb4;
	cursor: auto;
}
	.big_button_inside {
		margin: 0 10px; text-align: center;
		padding: 8px 0; height: 27px;
	}
	.blue .big_button_inside {
		background: url(buttons/btn-big-blue-bg-39x1.png) top left repeat-x;
	}
	.purple .big_button_inside {
		background: url(buttons/btn-big-pur-bg-39x1.png) top left repeat-x;
	}
	.white .big_button_inside {
		background: transparent;
	}

/* Small white button */

.small_white_button {
	display: inline-block;
	height: 19px; line-height: 22px;
	color: #1cbbb4; font-size: 12px;
	padding: 3px 5px 3px 24px; margin-right: 4px;
	box-shadow: 1px 1px 2px 0 #c0c0c0;
	border-radius: 3px;
	background: white;
	cursor: pointer;
	/* Default is design */
	background: url(icons/ico-design-pencil-16x16.png) 5px 6px no-repeat white;
	text-align: center;
}
.small_white_button:hover { background-color: #e2f9f7; }
.small_white_button:active {
	margin: 1px 3px 0 1px;
	box-shadow: 0 0 2px 0 #c0c0c0;
}
.small_white_button.hint_flash { background-color: #ffff70; }
.small_white_button.active {
	color: white; background-color: #1cbbb4;
	margin: 1px 3px -1px 1px;
	box-shadow: 1px 1px 2px #777 inset;
}

.instead_small_white_button {
	display: none;
	float: right;
	color: #cccccc; font-size: 12px; line-height: 22px;
	text-align: center;
	padding: 3px 14px 3px 15px; margin-right: 4px;
	height: 19px;
}

/* Small white button for popups */

.white_button {
	font-size: 12px; color: #1cbbb4;
	background: url(buttons/btn-white-right-32x10.png) top right no-repeat,
				url(buttons/btn-white-left-32x10.png) top left no-repeat;
	cursor: pointer;
}
	.white_button_inside {
		margin: 0 10px; text-align: center;
		padding: 0; height: 32px;
		line-height: 30px;
		background: url(buttons/btn-white-bg-32x1.png) top left repeat-x;
	}
	.white_button.red_x .white_button_inside {
		background: url(icons/ico-red-x-14x14.png) 0 9px no-repeat,
					url(buttons/btn-white-bg-32x1.png) top left repeat-x;
		padding-left: 17px;
		color: #bb1c36;
	}

	.upgrade_now .white_button_inside {
		padding-top: 7px; font: 14px Helvetica; color: #a41aa4;
	}
	.upgrade_now.hint_flash .white_button_inside {
		color: #1cbbb4; text-decoration: underline;
	}

/****************************************
 SVG Icons
****************************************/

svg.svg_defs { display: none; }
svg.clickable { cursor: pointer; }
/* svg.clickable:hover { fill: #1cbbb4; } */

.delete_icon > svg {
	fill: #bb1c36;
}

/****************************************
 Icons
****************************************/

.add_icon { background-image: url(icons/ico-add-product-plus-16x16.png); }
.duplicate_icon { background-image: url(icons/copy_turquoise-16x16.png); }
.list_icon { background-image: url(icons/list_turquoise-16x16.png); }
.tools_icon { background-image: url(icons/tools_turquoise-16x16.png); }
.calendar_icon { background-image: url(icons/calendar_turquoise-16x16.png); }
.save_icon { background-image: url(icons/save_turquoise-16x16.png); }
.remove_icon { background-image: url(icons/ico-red-x-14x14.png); color: #bb1c36}
.small_white_button.remove_icon:hover { background-color: #f9e4e8; }

.previous_icon { background-image: url(icons/arrow-left-16x16.png); }
.next_icon { background-image: url(icons/arrow-right-16x16.png); }

.height_icon, .width_icon {
	float: left;
	width: 20px; height: 32px;
	background-position: 0 8px;
	background-repeat: no-repeat;
}
.height_icon { background-image: url(icons/ico-hight-16x16.png); }
.width_icon { background-image: url(icons/ico-width-16x16.png); }

.calendar_logo {
	display: inline-block;
	height: 32px; width: 32px;
	background: url(icons/calendar_turquoise.png);
}

/****************************************
 Palette
****************************************/

.palette {
	position: absolute;
	width: 213px;
}
	.palette > .frame_main > .frame_center {
		padding: 3px 4px 0px 3px; line-height: 30px;
	}
		.palette_row { height: 30px; width: 100%; clear: both; }
		.palette_row.farther { margin-top: 10px; }

		.latest_row { clear: both; margin-bottom: 11px; }

		.palette_hex_row { margin-top: 10px; }

			.palette_chosen {
				margin-left: 50%; cursor: default;
			}
			.popup.palette .white_button { float: right; width: 50px; }
				.popup.palette .white_button_inside { color: #1cbbb4; }

			.color_square {
				float: left; height: 24px; width: 24px;
				border: 3px solid #dcdcdc;
				margin-right: 1px; margin-bottom: 1px;
				cursor: pointer;
				overflow: hidden;
				background-color: white;
			}
			.color_square:hover { border-color: #444444; }
			.color_square.palette_chosen { cursor: auto; border-color: #dcdcdc; }
			.color_square.checked { border-color: #bd46d5; }
			.color_square.transparent {
				background: url(icons/ico-color-transparent-24x24.png);
			}
				.border_type {
					margin: -19px 0 0 -19px;
					border-width: 0 1px 1px 0;
					height: 32px; width: 32px;
					border-color: #1cbbb4;
				}
			.color_square.cart {
				background: url(cart/ico-cart-white.png) 4px 4px no-repeat;
			}


#tooltip a { color: #9efaf6; }

#tooltip table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #aafff9;
	margin: 25px 0;
}

#tooltip td, #tooltip th {
	/*background: #1cbbb4;*/
	color: white; font-size: 14px;
	border: 1px dashed #aafff9;
	padding: 4px;
	text-align: center;
}
#tooltip tr td:first-child { text-align: left; }
#tooltip th { font-weight: bold; color: #ffff70; }
	#tooltip td span { color: #44fff7; }
#tooltip_overlay i, #tooltip_all i, i.inverted {
	background: white;
	color: #1cbbb4;
	/* background: url(icons/ico-info-white-12x13.png); */
}
#tooltip { overflow: auto; text-align: initial; }
#tooltip_overlay i, #tooltip_all .frame_center > i {
	float: left;
	position: relative;
	top: 3px;
	margin-right: 5px;
}
.rtl #tooltip_overlay { direction: rtl; }
.rtl #tooltip_overlay i { float: right; margin-left: 5px; margin-right: 0; }
#tooltip i { top: 2px; }
.rtl #tooltip { direction: rtl; }

#tooltip_overlay {
	padding: 10px 13px 7px;
	font-size: 12px;
	line-height: 150%;
}
#tooltip_overlay i { top: 3px; }
#tooltip_overlay div {
	overflow: auto;
}


/****************************************
 Settings page structure
****************************************/

#app_title {
	height: 35px;
	color: #1cbbb4; font-size: 30px;
}
	#app_title i { float: right; margin: 7px 5px 0 0; }

	.plan_sign {
		float: right;
		/*position: absolute; top: 0; right: 0;*/ width: 70px;
		text-align: center; 
		color: #1cbbb4; font-size: 14px; font-weight: bold; line-height: 35px;
		background: url(icons/star.png) 19px 2px no-repeat;
	}
	.plan_sign.gold {
		font-size: 20px;
		color: #148782;
	}

	#app_title .white_button {
		float: right; margin-top: 3px;
		font: 14px Helvetica; color: #a41aa4;
	}

/****************************************
 Page structure
****************************************/

.page { display: none; }
#waiting_page.page { display: block; }
	.above_title {
		margin-top: 8px;
		height: 24px;
		font-size: 18px;
		color: #444444;
	}
		.above_title_text {
			float: left;
			height: 19px; line-height: 22px;
			color: #1cbbb4; font-size: 12px;
			padding: 3px 5px;
			background: white;
			
		}

	.component {
		background:
			url(frames/comp-bottom-left-5x5.png) bottom left no-repeat,
			url(frames/comp-bottom-right-5x5.png) bottom right no-repeat,
			url(frames/comp-top-left-5x5.png) top left no-repeat,
			url(frames/comp-top-right-5x5.png) top right no-repeat,
			url(frames/comp-bottom-5x1.png) bottom repeat-x,
			url(frames/comp-left-1x5.png) left repeat-y,
			url(frames/comp-top-5x1.png) top repeat-x,
			url(frames/comp-right-1x5.png) right repeat-y
			#f5f5f5;
		position: relative;
		font-size: 14px;
		color: #444444;
	}
		.comp_title {
			position: relative; top: 4px;
			margin: 4px;
			height: 47px;
			background:
				url(frames/ctitle-top-left-3x3.png) top left no-repeat,
				url(frames/ctitle-top-right-3x3.png) top right no-repeat
				#1cbbb4;
			color: white;
			font: bold 24px Arial;
		}
			.comp_title_text { padding: 9px 20px; }

			.comp_title .square_button {
				height: 47px; width: 46px;
				cursor: pointer;
			}
			.comp_title .square_button.inactive {
				opacity: 0.5; cursor: default;
			}
			.comp_title .square_button.left {
				float: left;
				border-right: 1px solid #61d0cb;
			}
			.comp_title .square_button.right {
				float: right;
				border-left: 1px solid #61d0cb;
			}
			.comp_title .square_button.prev {
				background: url(icons/arrow-left-16x16.png) 15px 15px no-repeat;
			}
			.comp_title .square_button.next {
				background: url(icons/arrow-right-16x16.png) 16px 15px no-repeat;
			}
			.comp_title .square_button.close {
				background: url(icons/ico-x-big-white-18x19.png) 14px 14px no-repeat;
			}
			.comp_title .square_button.search {
				background: url(icons/ico-search-big-white-18x19.png) 14px 14px no-repeat;
			}
			.comp_title .square_button.hint_flash {
				background-color: #df2dc9;
			}

		.comp_content {
			padding: 20px 0 20px 20px; line-height: 150%;
		}
			.comp_content_title, .comp_content h1 {
				font-size: 24px;
				line-height: 200%;
				font-weight: 400;
			}
			.comp_content_title, .comp_content h2 {
				font-size: 18px;
				line-height: 200%;
				font-weight: 400;
			}

			.waiting_icon {
				margin: 40px;
				height: 29px;
				padding-left: 39px;
				background: url(icons/Loader_29px.gif) no-repeat;
			}
			.page_section {
				margin-bottom: 10px;
				border: 1px solid rgba(28, 187, 180, 0.3);
				border-radius: 6px;
				padding: 3px;
			}
				.page_section_title {
					margin: 1px 0;
					padding: 0 2px 4px;
					color: #1cbbb4;
					cursor: pointer;
				}
				.page_section_title:hover { text-decoration: underline; }
				.page_section_content {
					display: none;
					border-top: 1px solid rgba(28, 187, 180, 0.3);
					padding-top: 10px;
				}
				.open .page_section_content {
					display: block;
				}

			.input_row { overflow: hidden; margin-bottom: 10px; }
			.input_row.fixed_row_height {
				overflow: visible;
				height: 32px;
				margin-bottom: 0;
				padding-bottom: 10px;
			}
				.input_label { float: left; padding: 4px 0; height: 24px; }
				.row_text { float: left; }
				.input_row .white_button { float: left; }

#footer {
	padding-top: 5px; overflow: hidden;
}

.footer_item {
	float: left;
	margin-left: 6px;
	padding-left: 5px;
	border-left: 1px solid #c9eef4;
	color: #1cbbb4; font-size: 10px;
}
.footer_item:first-child { border-left: 0; }

#footer a { text-decoration: none; cursor: pointer; }
#footer a.hint_flash { color: #df2dc9; background-color: #ffff70}



@media (max-width: 500px) {

.white_popup { top: 0; padding: 5px 20px; max-width: none; }
.white_popup table { width: 100%; }
.white_popup td { display: block; padding-top: 0; }
.white_popup .text_box.name { width: auto; float: none; }

.white_popup_subtitle { margin: 2px 0; font-size: 15px; line-height: 130%; }

.overlay {
	width: 230px;
	padding: 4px;
}
#alert_div #alert_div_content {
	font-size: 18px;
	padding: 5px;
}

} /* @media (max-width: 420px) */