/* CUSTOM ICON FONTS */

@font-face {
  font-family: 'telldusicons';
  src:  url('https://cdn.live.telldus.com/fonts/telldusicons.eot');
  src:  url('https://cdn.live.telldus.com/fonts/telldusicons.eot#iefix') format('embedded-opentype'),
    url('https://cdn.live.telldus.com/fonts/telldusicons.ttf') format('truetype'),
    url('https://cdn.live.telldus.com/fonts/telldusicons.woff') format('woff'),
    url('https://cdn.live.telldus.com/fonts/telldusicons.svg#telldusicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

.telldus-icons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'telldusicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* OVERLAY */

.yui3-overlay-mask {
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.yui3-overlay {
	outline: 0;
}

.yui3-js-enabled .yui3-widget-loading {
	display: none;
}
.yui3-js-enabled .yui3-overlay-loading {
	position:absolute;
	top:-1000em;
	left:-1000em;
}

div.overlay_content div.inner h3 { padding-top: 13px; }

/* GENERAL STYLES & LAYOUT */

h2 { font-family: sans-serif, Helvetica, Arial; font-weight: 400; }

b, strong { font-weight: normal; }

sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
sub { top: 0.4em; }

.break, .clear { clear: both; }

.hidden {display: none;}

.left { float: left; }
.right { float: right; }

.lowercaseText { text-transform: lowercase; }

div.centeredContentContainer { display: table; margin: 0 auto; }

div.divider { display: block; border-top: 1px solid #fff; height: 1px; font-size: 0px; margin: 0; }
div.divider.dividerMargins { margin-bottom: 15px; margin-top: 10px; }

input.error, div.error {
	border-color: #B71C1C !important;
}

div.error {
	border-width: 1px !important;
	border-style: solid !important;
}

p.error, span.error {color: #990000 !important;}
p.footnote { font-size: 11px; line-height: 14px; margin-bottom: 15px;}
p.rightText { text-align: right; }

div.header_icon {
	height: 32px;
	margin: 0 0 20px 0;
}

div.header_icon h2, div.header_icon h1 {
	color: #0a0a0a;
	font-family: sans-serif, Helvetica, Arial;
	font-weight: normal;
	line-height: 40px;
	font-size: 32px;
	float: left;
	padding: 0;
	margin: 0;
}

div.header_icon p {
	line-height: 40px;
	float: left;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	border-left: 1px solid #333;
}
div.header_icon a {
	color: #555;
}

div.footer h3 {
  font-family: sans-serif, Helvetica, Arial;
  font-weight: normal;
  line-height: 26px;
  font-size: 22px;
  margin-bottom: 20px;
  color: #0a0a0a;
}

div.header div.loginInfo a.premium span.basicaccess {
  font-weight: 700;
  line-height: 22px;
  font-size: 20px;
  color: #0a0a0a;
}

div.header div.loginInfo a.premium div span.premiumaccess {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
  height: 24px;
  display: block;
  font-size: 18px;
  color: #0a0a0a;
}

.addButtonContainer {
  padding: 4px 0 4px 0;
  float: right;
}
.addButtonContainer .add { float: right; }
.addButtonContainer span.addHelp {
  background: transparent url('../img/concept2020/addHelpBubble.png') no-repeat scroll bottom right;
  color: #fff;
  line-height: 30px;
  font-size: 12px;
  float: left;
  padding: 0 20px 0 12px;
  margin: 1px 10px 1px 0;
}

.clickable {
	cursor: pointer;
}

span.highlight { color: #0a0a0a; }

/* TELLDUS ICONS PRE-DEFINED STYLES */

.bigOrangeIcon { font-size: 60px; color: #000; }
.bigBlueIcon { font-size: 60px; color: #555; }

.mediumOrangeIcon { font-size: 40px; color: #000; }
.mediumBlueIcon { font-size: 40px; color: #555; }

/* COLUMNS */

.columnSplitHalf { width: 440px; float: left; margin-left: 20px; }
.columnSplitHalf.first { margin-left: 0; }

.columnThreeSplit { width: 280px; float: left; margin: 10px; }
.columnThreeSplit.centered { text-align: center; }

.columnThreeSplit.centered h3 {
  color: #555;
  font-size: 20px;
  line-height: 24px;
}
.columnThreeSplit.centered img.mainImage { margin-bottom: 10px; }
.columnThreeSplit.topMargin, .columnSplitHalf.topMargin { margin-top: 40px; }


/* FORM STYLES */

form {padding: 0; margin: 0;}

.rowElem { padding-bottom: 15px; }
.rowElem input {float: left;}
.rowElem input[type="text"], .rowElem input[type="password"], .rowElem textarea { width: 200px; }
.rowElem label, .rowElem div.left_spacer { float: left; font-size: 12px; color: #333; line-height: 20px; width: 150px; margin-right: 20px; }
.rowElem div.container {float:left; }

.rowElem label a {text-decoration: underline !important; }

.formRow { padding: 3px 10px 3px 10px; }
.formRow input, .formRow select, .formRow div.right_col { float: right; line-height: 30px; }
.formRow div.right_col input[type="text"], .formRow div.right_col input[type="password"] {
	float: none;
	margin-left: 10px;
	width: 120px;
	padding-left: 10px;
}
.formRow input, .formRow textarea {
	border: solid 1px #ccc;
	background-color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.formRow input {
	height: 20px;
}
.formRow textarea.big {
  width: 250px;
  height: 100px;
}

.formRow input[type="text"], .rowElem input[type="password"], .rowElem textarea { padding-left: 5px; width: 200px; }
/* .formRow input[type="text"], .rowElem input[type="password"], .rowElem textarea { width: 200px; }
 .formRow label, .formRow div.left_spacer { float: left; font-size: 12px; color: #004275; line-height: 25px; width: 150px; margin: 0 20px 0 0; }
*/
.formRow div.search input { float: none;}
.formRow div.search input[type="text"] { height: auto; line-height: 14px; background-color: #fff; padding: 6px 15px 6px 30px; background-position: center left; }
.formRow div.search input[type="button"], .formRow div.search input[type="button"]:hover { height: auto; line-height: 26px; padding: 0 10px; margin-right: 0; left: 0; }

.formRow label, .formRow div.left_spacer { float: left; font-size: 12px; color: #555; line-height: 24px !important; margin: 0 20px 0 0; }
.formRow label.noMargin { margin: 0; }
.formRow label i.telldus-icons { color: #000; }
.formRow table td label { width: auto !important; float: none !important; margin: 0; }
.formRow div.container {float:left; }
.formRow div.textContainer { float:right; line-height: 24px; }
.formRow span { line-height: 24px !important; }
.formRow em.iconHelp { margin-top: 4px; margin-right: 5px; }


div.message_box { padding: 5px; margin: 0 0 10px 0; background-color: #fae7a2; border: 1px solid #f5c558; }
div.message_box a { text-shadow: none; }
.bottomMargin { margin-bottom: 40px; }

#addressSearchResult ul { list-style: none; padding: 0 0 10px 0; margin: 0;}
#addressSearchResult li, div.settings_box { padding: 5px; margin: 1px 0 1px 0; background-color: #f5f5f5; border: 1px solid #ccc; }
div.settings_box { margin-bottom: 10px; font-size: 12px; color: #555; }
div.settings_box label, div.settings_box span, div.settings_box p, div.overlay_content div.inner label { font-size: 12px; color: #333; }
div.settings_box label { line-height: 20px; max-width: 250px; }
div.settings_box label.disabled { color: #999 !important; }

div.settings_box img { line-height: 16px; }
div.settings_box .right, span.right { float: right; }
div.settings_box .right span.yui3-slider { margin-left: 10px; }
div.settings_box .right span.value { margin-right: 4px; }
div.settings_box div.columnSplit { width: 400px; margin: 10px; }

span.description, div.settings_box span.description { font-size: 11px; line-height: 16px; font-style: italic; }

.padded_content { padding: 5px 0 5px 0; }
div.settings_box div.weekday {width: 55px; float: left;}
div.settings_box div.floater { padding: 3px 10px 3px 0; float: left; }

.settingsSelect { max-width: 250px; min-width: 100px; }

.chosen-container-single .chosen-single span, .chosen-container .chosen-results li { text-align: left; }

/* TOOLTIP */

div.tooltip {
	background: transparent url('../img/concept2020/tooltip_bottom_right.png') no-repeat scroll bottom right;
	float: left;
	text-decoration: none;
	max-width: 360px;
	z-index: 200;
}
div.tooltip div.tooltip_bottom_left {
	background: transparent url('../img/concept2020/tooltip_bottom_left.png') no-repeat;
	height: 25px;
	margin-right: 15px;
	padding: 0 0 0 55px;
}

div.tooltip > div:first-child {
	background: transparent url('../img/concept2020/tooltip_content_right.png') no-repeat scroll top right;
	padding-right: 15px;
	text-decoration: none;
}

div.tooltip > div:first-child > div {
	background: transparent url('../img/concept2020/tooltip_content_left.png') no-repeat;
	padding: 15px 0 0 15px;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	text-shadow: none;
}

div.tooltip span {
	font-size: 12px;
	color: #fff;
	line-height: 16px;
}

/* MODAL */

#modal-window .modal-box .modal-title { background: #295683 url('../img/frameworklive/modal/modalHeaderBg.png') repeat-x scroll top left; }

#modal-window .modal-box .modal-title .modal-close-btn {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBoj k8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAKNJREFUeNqkk9EKwyAMRdMKfqG/WBD2hYWMs4epZBLjoBcEibnHNokHIE90mn0SkUtESpBfWk4aEUCABLz46gZKi9tV2hktNwEDUPnVDLHmrmoBBdAFxDNrv2D+RA+yNM+AFWRp9gARRL3inot2vf+MSdQqT3f0C6tqawTZmcumxQNwbQrmQS4LyGaUNRhlNaOc5xrkNp6e2UJqNwNyPH3OnwEACDCs273A8sIAAAAASUVORK5CYII=') no-repeat center;
}

#modal-window .modal-box .modal-title h3 { text-shadow: 0 -1px #333; }

#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-blue {
	background: #295683 url('../img/frameworklive/modal/modalBtnBlueBg.png') repeat-x scroll top left;
	border-color: #3d7bb8;
	color: #fff;
}

/* HELP TOOLTIP */

em.iconHelp { background: transparent url('../img/concept2020/icon16Help.png') no-repeat; padding: 8px 0 8px 16px; line-height: 16px; font-size: 1px; text-indent: -9999px; margin-left: 5px; vertical-align: middle; }
em.iconInfo { background: transparent url('../img/icon16Info.png') no-repeat; padding: 8px 0 8px 16px; line-height: 16px; font-size: 1px; text-indent: -9999px; margin-left: 5px; vertical-align: middle; }
em.iconWarning { background: transparent url('../img/icon16Warning.png') no-repeat; padding: 8px 0 8px 16px; line-height: 16px; font-size: 1px; text-indent: -9999px; margin-left: 5px; vertical-align: middle; }

em.iconHelp.left, em.iconInfo.left, em.iconWarning.left { margin-right: 5px; margin-left: 0; }

/* LIST STYLES */

div.listCleanRow {
	padding: 4px 10px;
	background: #f4f4f4;
	border: 2px solid #ddd;
	margin-bottom: 5px;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1);
	-webkit-transition: border 0.3s;
	-moz-transition: border 0.3s;
	transition: border 0.3s;
}
div.listCleanRow:hover { border-color: #999; }
div.listCleanRow.noHover:hover {border-color: #ddd;}

div.listCleanHeader {
	padding: 4px 10px;
	border: none;
	background: none;
	margin-bottom: 5px;
}

div.listCleanHeader, div.listCleanRow {
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

div.listCleanRow div.listRowItem { font-size: 12px; line-height: 32px; padding: 0; }
div.listCleanHeader div.listRowItem { font-size: 12px; line-height: 16px; padding: 0; }

div.listCleanHeader div.listRowItem { color: #333; }
div.listCleanRow div.stateIcon, div.listCleanRow div.throbber { margin-top: 0; }

.listRowItem, .listItem {
	float: left;
	display: block;
	font-size: 9pt;
	color: #333;
	line-height: 40px;
}

.listItem .labelSpacer {
	width: 150px;
	float: left;
	line-height: 40px;
	margin-left: 20px;
}
.listItem div.field {
	float: left;
	margin-right: 10px;
}

.listItem div.action {
	margin-top: 3px;
}
.listItem div.spacer {
	margin-left: 170px;
}

.currentState { width: 100px;}
.currentState.wideCol { width: 120px; }
.listRow .currentState img { margin-top: 4px; }
.listRowItem.actions, .listRowItem.right { float: right; text-align: right; }
.listRowItem.actions img { display: block; }
.listRowItem a.action_button {margin: 0;}
.listRow .deviceName, .listCleanRow .deviceName { }
.listRowItem.clientConnect { text-align: center; }
.listRowItem.clientConnectRight { float: right; text-align: right; }
.listRowItem.time { width: 120px; }
.listRowItem.narrow { width: 100px; }
.listRowItem.normalwidth { width: 200px; }
.listRowItem.wide { width: 300px; }
.listRowItem.origin { padding-left: 10px; }
.deviceDescription { width: 350px; }
.listRow .actions, .listRow .weekday { margin-top: 4px; }

/* MESSAGE BOX */
div.messagebox {width: 100%; top: 0;
		left: 0;
		right: auto;
		text-align: left;
		position: fixed;
		bottom: auto;
		position: fixed;
		z-index: 20;
}
div.messagebox > div { width: 100%; }
div.messagebox div.inner { background-color: #000; padding:  10px 0; border-bottom: 1px solid #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: .7;}
div.messagebox span {color: #fff; padding: 0 10px; line-height: 30px; }
div.messagebox a {color: #ff9900; line-height: 30px; text-shadow: none; }
div.messagebox a.close {height: 30px; width: 30px; float: right; font-size: 1px; text-indent: -9999px; margin-right: 10px; background: transparent url('../img/btn_message_close.png') no-repeat;}




/* BUTTONS */

button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
	border: 0;
	padding: 0;
}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
}

.action_button {
	outline: 0;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	padding: 0 15px;
	margin: 1px 0px;
	position: relative;
	text-decoration: none;
	width: auto !important;
	background: #0a0a0a;
	color: #ffffff;
}

.action_button_big {
	outline: 0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	padding: 0 20px;
	margin: 1px 0px;
	position: relative;
	text-decoration: none;
	width: auto !important;
	background: #0a0a0a;
	color: #ffffff;
}

.action_button:active, .action_button_big:active {
	background: #333;
}
.action_button:disabled, .action_button.disabled {
	background: #999999;
  cursor: default;
}
.action_button span, .action_button_big span {
	font-size: inherit;
	color: #ffffff !important;
	text-shadow: inherit;
	width: auto !important;
}
.action_button:hover span {
	font-size: inherit;
	color: #ffffff;
	text-shadow: inherit;
}
.action_button.right { float: right; margin-left: 6px; margin-right: 0;}
.action_button.delete {
	background: #9C3535;
}
.action_button.bottom_margin { margin-bottom: 5px; }
.action_button.top_margin { margin-top: 5px; }

.listRowItem.actions a.action_button { float: right; margin-right: 0;}

/* ACTION BUTTONS */

img.deviceActionButton {
	cursor: pointer;
	float: left;
}

a.deviceActionButton, .eventActionButton, .actionButton, .sensorIcon {
	float: left;
	height: 32px;
	width: 32px;
	display: block;
	margin-right: 1px;
}

a.deviceActionButton, .eventActionButton, .actionButton {
	cursor: pointer;
}

a.deviceActionButton.turnon { background: transparent url('../img/btn_action_1.png') no-repeat scroll top left; }
a.deviceActionButton.turnoff { background: transparent url('../img/btn_action_2.png') no-repeat scroll top left; }

a.deviceActionButton.up { background: transparent url('../img/btn_action_128.png') no-repeat scroll top left; }
a.deviceActionButton.down { background: transparent url('../img/btn_action_256.png') no-repeat scroll top left; }
a.deviceActionButton.stop { background: transparent url('../img/btn_action_512.png') no-repeat scroll top left; }

a.deviceActionButton.bell { background: transparent url('../img/btn_action_4.png') no-repeat scroll top left; }

a.deviceActionButton.dim25 { background: transparent url('../img/btn_action_25.png') no-repeat scroll top left; }
a.deviceActionButton.dim50 { background: transparent url('../img/btn_action_50.png') no-repeat scroll top left; }
a.deviceActionButton.dim75 { background: transparent url('../img/btn_action_75.png') no-repeat scroll top left; }

a.deviceActionButton.thermostat { background: transparent url('../img/btn_action_2048.png') no-repeat scroll top left; }

a.deviceActionButton img {display: none;}
a.deviceActionButton.paused img {display: block !important;}
a.deviceActionButton.paused span { display: block; width: 32px; height: 32px; background: transparent url('../img/btn_action_overlay_pause.png') no-repeat scroll top left; }

a.actionButton.add { background: transparent url('../img/concept2020/btn_action_add.png') no-repeat scroll top left; }
a.actionButton.remove { background: transparent url('../img/btn_action_remove.png') no-repeat scroll top left; }
a.actionButton.overflow { background: transparent url('../img/btn_action_overflow.png') no-repeat scroll top left; }
a.actionButton.minimize { background: transparent url('../img/concept2020/btnActionEventMinimize.png') no-repeat scroll top left; }
a.actionButton.minimize:hover { background-position: bottom left; }

/* THROBBERS */

span.loadingThrobber { background: transparent url('../img/concept2020/throbberLoading.gif') no-repeat scroll top left; padding-left: 40px; line-height: 32px; display: block; font-size: 12px; color: #777; }
div.loadingThrobberContainer { width: 32px; height: 32px; margin: 0 5px; }
div.loadingThrobberContainer.loading { background: transparent url('../img/concept2020/throbberLoading.gif') no-repeat scroll top left; }
span.loadingThrobber.left, div.loadingThrobberContainer { float: left; }

span.sendThrobber { background: transparent url('../img/concept2020/throbber_32x32.gif') no-repeat scroll top left; padding-left: 40px; line-height: 32px; display: block; }
span.receiveThrobber { background: transparent url('../img/concept2020/throbberReceive.gif') no-repeat scroll top left; padding-left: 40px; line-height: 32px; display: block; }

div.throbber { background-image: url('../img/concept2020/throbber_32x32.gif'); background-repeat: no-repeat; }
div.throbber.loading { background: transparent url('../img/concept2020/throbberLoading.gif') no-repeat scroll top left; }




/* DEVICES */

.timepanel { float: left; }
.weekdaySelector { float: right; }
.closeButton { float: right; }
a.disabledButton span { color: #cccccc; }

div.modelImageFrame {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	float: left;
  min-width: 120px;
  text-align: center;
}

div.modelImageFrameSmall {
	padding: 2px;
	background-color: #fff;
	border: 1px solid #ccc;
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	float: left;
}


div.modelDividerArrow {
	background-image: url('../img/imgArrowBig.png'); background-repeat: no-repeat;
	width: 20px;
	height: 50px;
	float: left;
	margin: 41px 10px;
}

div.deviceInfo { float: left; margin-bottom: 10px; }
div.deviceInfo h3 { color: #000; font-size: 12px; }
div.deviceInfo.modelInfo { width: 330px; }
div.deviceInfo.locationInfo { width: 270px; }
div.deviceInfo.operationInfo { width: 270px; float: right; text-align: right; }
div.deviceInfo.operationInfo .action_button { display: inline-block; float: none; }

div.zwaveDeviceInfo { float: left; padding-left: 20px; padding-top: 25px; }
div.zwaveDeviceInfo span { display: block; }
div.zwaveDeviceInfo h3 { color: #000; }

span.locationIcon, div.locationIcon {
	line-height: 32px;
	padding: 0 0 0 36px;
	background: transparent url('../img/TelldusLive_icon_32.png') no-repeat scroll top left;
	display: block;
	font-size: 12px;
}

/* span.locationIcon.tellsticknet { background: transparent url('../img/guide/iconLocation32TellStickNet.png') no-repeat scroll top left; }
span.locationIcon.otiobox { background: transparent url('../img/guide/iconLocation32Otio.png') no-repeat scroll top left; }
span.locationIcon.philiogateway { background: transparent url('../img/guide/iconLocation32Philio.png') no-repeat scroll top left; }
span.locationIcon.telldusznetpro { background: transparent url('../img/guide/iconLocation32ZNet.png') no-repeat scroll top left; }
*/

div.locationIcon { height: 32px; }

span.online, span.offline { display:block; float: right; font-size: 10px; padding-right: 20px; line-height: 32px; }
span.online { background: transparent url('../img/icons/iconLocationOnline.png') no-repeat scroll center right; }
span.offline { background: transparent url('../img/icons/iconLocationOffline.png') no-repeat scroll center right; }

.locationIcon.tellduscenter { background: transparent url('../img/icons/locations/iconLocation32tellduscenter.png') no-repeat scroll top left; }
.locationIcon.tellsticknet { background: transparent url('../img/icons/locations/iconLocation32tellsticknet.png') no-repeat scroll top left; }
.locationIcon.tellsticknetv2 { background: transparent url('../img/icons/locations/iconLocation32tellsticknetv2.png') no-repeat scroll top left; }
.locationIcon.otiobox { background: transparent url('../img/icons/locations/iconLocation32otiobox.png') no-repeat scroll top left; }
.locationIcon.philiogateway { background: transparent url('../img/icons/locations/iconLocation32philio.png') no-repeat scroll top left; }
.locationIcon.tellstickznetlite { background: transparent url('../img/icons/locations/iconLocation32znetlite.png') no-repeat scroll top left; }
.locationIcon.tellstickznetlitev2 { background: transparent url('../img/icons/locations/iconLocation32znetlitev2.png') no-repeat scroll top left; }
.locationIcon.tellstickznetpro { background: transparent url('../img/icons/locations/iconLocation32znetpro.png') no-repeat scroll top left; }

div.locationIcon56 { min-height: 56px; }

.locationIcon56.tellduscenter { background: transparent url('../img/icons/locations/iconLocation56tellduscenter.png') no-repeat scroll top left; }
.locationIcon56.tellsticknet { background: transparent url('../img/icons/locations/iconLocation56tellsticknet.png') no-repeat scroll top left; }
.locationIcon56.tellsticknetv2 { background: transparent url('../img/icons/locations/iconLocation56tellsticknetv2.png') no-repeat scroll top left; }
.locationIcon56.otiobox { background: transparent url('../img/icons/locations/iconLocation56otiobox.png') no-repeat scroll top left; }
.locationIcon56.philiogateway { background: transparent url('../img/icons/locations/iconLocation56philio.png') no-repeat scroll top left; }
.locationIcon56.tellstickznetlite { background: transparent url('../img/icons/locations/iconLocation56znetlite.png') no-repeat scroll top left; }
.locationIcon56.tellstickznetlitev2 { background: transparent url('../img/icons/locations/iconLocation56znetlitev2.png') no-repeat scroll top left; }
.locationIcon56.tellstickznetpro { background: transparent url('../img/icons/locations/iconLocation56znetpro.png') no-repeat scroll top left; }

div.locationIcon80, a.locationIcon80, h2.icon80 {
	min-height: 60px;
	padding: 20px 0 0 100px;
	background: transparent url('../img/TelldusLive_icon_32.png') no-repeat scroll top left;
	display: block;
}

h2.icon80 { line-height: 40px; margin-bottom: 10px; margin-top: 10px; }

div.locationIcon80, a.locationIcon80, span.locationIcon80 {
	min-height: 50px;
	padding: 20px 0 10px 100px;
	background: transparent url('../img/TelldusLive_icon_32.png') no-repeat scroll top left;
	display: block;
}

.locationIcon80.tellduscenter, h2.icon80.tellduscenter { background: transparent url('../img/icons/locations/iconLocation80tellduscenter.png') no-repeat scroll top left; }
.locationIcon80.tellstick, h2.icon80.tellstick { background: transparent url('../img/icons/locations/iconLocation80tellstick.png') no-repeat scroll top left; }
.locationIcon80.tellstickduo, h2.icon80.tellstickduo { background: transparent url('../img/icons/locations/iconLocation80tellstickduo.png') no-repeat scroll top left; }
.locationIcon80.tellsticknet, h2.icon80.tellsticknet { background: transparent url('../img/icons/locations/iconLocation80tellsticknet.png') no-repeat scroll top left; }
.locationIcon80.tellsticknetv2, h2.icon80.tellsticknetv2 { background: transparent url('../img/icons/locations/iconLocation80tellsticknetv2.png') no-repeat scroll top left; }
.locationIcon80.otiobox, h2.icon80.otiobox { background: transparent url('../img/icons/locations/iconLocation80otiobox.png') no-repeat scroll top left; }
.locationIcon80.philiogateway, h2.icon80.philiogateway { background: transparent url('../img/icons/locations/iconLocation80philio.png') no-repeat scroll top left; }
.locationIcon80.telldusznetlite, h2.icon80.telldusznetlite, .locationIcon80.tellstickznetlite, h2.icon80.tellstickznetlite { background: transparent url('../img/icons/locations/iconLocation80znetlite.png') no-repeat scroll top left; }
.locationIcon80.tellstickznetlitev2, h2.icon80.tellstickznetlitev2 { background: transparent url('../img/icons/locations/iconLocation80znetlitev2.png') no-repeat scroll top left; }
.locationIcon80.telldusznetpro, h2.icon80.telldusznetpro, .locationIcon80.tellstickznetpro, h2.icon80.tellstickznetpro { background: transparent url('../img/icons/locations/iconLocation80znetpro.png') no-repeat scroll top left; }

.locationIcon80.ifttt, h2.icon80.ifttt { background: transparent url('../img/icons/help/iconIFTTT80.png') no-repeat scroll top left; }

.locationIcon80.tellduslive, h2.icon80.tellduslive { background: transparent url('../img/icons/general/concept2020/iconGeneral80tellduslive.png') no-repeat scroll top left; }
.locationIcon80.misc, h2.icon80.misc { background: transparent url('../img/icons/general/iconGeneral80misc.png') no-repeat scroll top left; }

.locationIcon80.telldusmanuals, h2.icon80.telldusmanuals { background: transparent url('../img/icons/manuals/concept2020/iconManualSection80Telldus.png') no-repeat scroll top left; }
.locationIcon80.telldusstartkitmanuals, h2.icon80.telldusstartkitmanuals { background: transparent url('../img/icons/manuals/iconManualSection80Startkit.png') no-repeat scroll top left; }
.locationIcon80.othermanuals, h2.icon80.othermanuals { background: transparent url('../img/icons/manuals/iconManualSection80Other.png') no-repeat scroll top left; }

.locationIcon80 span.name, .infoBlock h3 {
	display: block;
	color: #333;
	font-size: 20px;
	line-height: 24px;
}
.locationIcon80 span.type, .infoBlock p {
	display: block;
	font-size: 12px;
	line-height: 16px;
  color: #777;
  margin-bottom: 10px;
}

.infoBlock .iconContainer { width: 60px; padding: 10px; float: left; }
.infoBlock .iconContainer i.telldus-icons {
  font-size: 60px;
  color: #777;
}


.infoBlock .textContainer { float: left; padding-top: 20px; width: 790px; }


.icon40 { width: 40px; height: 40px; display: block; }
.icon40.plus { background: transparent url('../img/icons/general/iconGeneral40plus.png') no-repeat scroll top left; }
.icon40.minus { background: transparent url('../img/icons/general/iconGeneral40minus.png') no-repeat scroll top left; }

div.stateIcon, div.throbber { width: 32px; height: 32px; margin-top: 4px; float: left; }
div.stateIcon.state_1 { background-image: url('../img/state/state_1.png'); background-repeat: no-repeat; }
div.stateIcon.state_2 { background-image: url('../img/state/state_2.png'); background-repeat: no-repeat; }
div.stateIcon.state_16 { background-image: url('../img/state/state_16.png'); background-repeat: no-repeat; }
div.stateIcon.state_16_25 { background-image: url('../img/state/state_dimmed_25.png'); background-repeat: no-repeat; }
div.stateIcon.state_16_50 { background-image: url('../img/state/state_dimmed_50.png'); background-repeat: no-repeat; }
div.stateIcon.state_16_75 { background-image: url('../img/state/state_dimmed_75.png'); background-repeat: no-repeat; }
div.stateIcon.state_64 { background-image: url('../img/state/state_64.png'); background-repeat: no-repeat; }
div.stateIcon.state_128 { background-image: url('../img/state/state_128.png'); background-repeat: no-repeat; }
div.stateIcon.state_256 { background-image: url('../img/state/state_256.png'); background-repeat: no-repeat; }
div.stateIcon.state_512 { background-image: url('../img/state/state_512.png'); background-repeat: no-repeat; }
div.stateIcon.state_1024 { background-image: url('../img/state/state_1024.png'); background-repeat: no-repeat; }
div.stateIcon.state_2048 { background-image: url('../img/state/state_2048.png'); background-repeat: no-repeat; }
div.stateIcon.state_4 { background-image: url('../img/state/bell.png'); background-repeat: no-repeat; }
div.stateIcon.state_bell_triggered { background-image: url('../img/state/state_bell_active.gif'); background-repeat: no-repeat; }
div.stateIcon.state_door_closed { background-image: url('../img/state/state_door_closed.png'); background-repeat: no-repeat; }
div.stateIcon.state_door_open { background-image: url('../img/state/state_door_open.png'); background-repeat: no-repeat; }
div.stateIcon.state_motion_active { background-image: url('../img/state/state_motion_active.png'); background-repeat: no-repeat; }
div.stateIcon.state_motion_inactive { background-image: url('../img/state/state_motion_inactive.png'); background-repeat: no-repeat; }

/* DEVICE GROUPS */

div.groupDevice { float: left; width: 310px; margin-right: 10px; margin-bottom: 3px; }
div.groupDevice span { line-height: 38px; float: left; font-size: 12px; margin-left: 5px; width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
div.groupDevice div.actions { float: right; }
div.groupDevice div.actions span { margin-left: 0; }
div.groupIcon { width: 20px; height: 32px; margin-top: 4px; float: left; background-image: url('../img/iconGroup.png'); background-repeat: no-repeat; }

/* DEVICE Power consumption */

span.iconDevicePower { display: block; height: 32px; float: left; font-size: 11px; line-height: 32px; }




/* DEVICE GUIDE OVERLAY STYLES */

div.overlay_content div.inner a.select { display: block; float: left; width: 335px; background-color: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 5px; margin: 0 2px 5px 3px; font-size: 12px; }
div.overlay_content div.inner a.select:hover, div.overlay_content div.inner a.select.active, div.overlay_content div.inner a.selectSmall:hover, div.overlay_content div.inner a.selectSmall.active, div.overlay_content div.inner a.selectMedium:hover, div.overlay_content div.inner a.selectMedium.active, div.overlay_content div.inner a.selectMediumLabel:hover, div.overlay_content div.inner a.selectMediumLabel.active { background-color: #efefef; border: 1px solid #000; }
div.overlay_content div.inner a.select img, div.overlay_content div.inner a.selectSmall img, div.overlay_content div.inner a.selectMedium img { display: block; }

div.overlay_content div.inner a.selectSmall { display: block; float: left; width: 60px; height: 60px; background-color: #f5f5f5; border: 1px solid #ccc; padding: 5px; margin: 0 5px 5px 0; }
div.overlay_content div.inner a.selectSmall img { width: 60px; height: 60px; }

div.overlay_content div.inner a.selectMedium, div.overlay_content div.inner a.selectMediumLabel { display: block; float: left; width: 120px; background-color: #f5f5f5; border: 1px solid #ccc; padding: 5px; margin: 0 5px 5px 0; }
div.overlay_content div.inner a.selectMedium img, div.overlay_content div.inner a.selectMediumLabel img { width: 120px; height: 120px; }
div.overlay_content div.inner a.selectMediumLabel img { margin-bottom: 3px; }

div.overlay_content div.inner a.selectMedium { height: 120px; }
div.overlay_content div.inner a.selectMediumLabel { height: 155px; text-align: center; font-size: 11px; }
div.overlay_content div.inner a.selectMediumLabel span { font-size: 11px; color: #333; line-height: 12px; }


div.overlay_content div.inner a.selectedItem { height: 56px; float: left; padding-right: 30px; margin-right: 10px; background: transparent url('../img/wizard/imgArrowSelected.png') no-repeat scroll top right; }

div.overlay_content div.inner a.selectedItem img {
	display: block;
	height: 50px;
	padding: 2px;
	border: 1px solid #fff;
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
div.overlay_content div.inner a.selectedItem img:hover { border: 1px solid #000; }
div.overlay_content div.inner a.selectedItem.disabled { cursor: default; }
div.overlay_content div.inner a.selectedItem.disabled img:hover { border: 1px solid #fff; cursor: default; }

div.overlay_content div.inner h3.breadcrumbs { line-height: 30px; padding-bottom: 13px; color: #555; }



div.overlay_content div.inner a.select span.label { padding-left: 60px; display: block; font-size: 14px; line-height: 18px; background-repeat: no-repeat; color: #777; }
div.overlay_content div.inner a.select span.label span.subLabel { color: #777; font-size: 11px; display: block; }

div.overlay_content div.inner a.select, div.overlay_content div.inner a.selectSmall, div.overlay_content div.inner a.selectMedium, div.overlay_content div.inner a.selectMediumLabel, div.settings_box, div.warningBox, div.infoBox, div.premiumBox, div.message_box {
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

div.overlay_content div.inner a.select span.label.iconLocationTelldusCenter { background-image: url('../img/icons/locations/iconLocation48tellduscenter.png'); height: 38px; padding-top: 10px; }
div.overlay_content div.inner a.select span.label.iconLocationTellStickNet { background-image: url('../img/icons/locations/iconLocation48tellsticknet.png'); height: 38px; padding-top: 10px; }
div.overlay_content div.inner a.select span.label.iconLocationTellStickNetv2 { background-image: url('../img/icons/locations/iconLocation48tellsticknetv2.png'); height: 38px; padding-top: 10px; }
div.overlay_content div.inner a.select span.label.iconLocationTellStickZNetLite { background-image: url('../img/icons/locations/iconLocation48telldusznetlite.png');height: 38px; padding-top: 10px; }
div.overlay_content div.inner a.select span.label.iconLocationTellStickZNetLitev2 { background-image: url('../img/icons/locations/iconLocation48tellstickznetlitev2.png');height: 38px; padding-top: 10px; }
div.overlay_content div.inner a.select span.label.iconLocationTellStickZNetPro { background-image: url('../img/icons/locations/iconLocation48telldusznetpro.png'); height: 38px; padding-top: 10px; }
div.overlay_content div.inner a.select span.label.iconLocationOtioBox { background-image: url('../img/icons/locations/iconLocation48otiobox.png'); height: 38px; padding-top: 10px; }
div.overlay_content div.inner a.select span.label.iconLocationTelldusZNetonline { background-image: url('../img/icons/locations/iconLocation48philiogateway.png'); height: 38px; padding-top: 10px; }

div.overlay_content div.inner a.select span.label.iconReceiverOther { background-image: url('../img/guide/iconReceiver48Other.png'); height: 38px; padding-top: 10px; }
div.overlay_content div.inner a.select span.label.iconReceiverGroup { background-image: url('../img/guide/iconReceiver48Group.png'); height: 38px; padding-top: 10px; }



ul.fancyList { margin: 0; padding: 10px 0 10px 5px; }
ul.fancyList li { list-style: none; color: #555; background: transparent url('../img/icons/general/concept2020/iconFancyListInfo.png') no-repeat top left; line-height: 18px; padding: 3px 0 3px 30px; margin: 0 0 5px 0; font-size: 12px;  }
ul.fancyList.warning li, ul.fancyList li.warning { background: transparent url('../img/guide/listIconWarning.png') no-repeat top left; }
ul.fancyList.sms li, ul.fancyList li.sms { background: transparent url('../img/icons/premium/listIconSMS.png') no-repeat top left; }
ul.fancyList li p { margin: 0 0 10px 0; }
ul.fancyList.orangeHighlights li p strong { color: #000; }
ul.fancyList li h3 { padding-top: 0 !important; color: #555; }

div.premiumBox { margin-bottom: 10px; font-size: 12px; padding: 6px; border: 1px solid #ccc; background-color: #f5f5f5; }
div.infoBox { margin-bottom: 10px; font-size: 12px; padding: 6px; border: 3px solid #0075c5; background-color: #b0ddf4; }
div.warningBox { margin-bottom: 10px; font-size: 12px; padding: 6px; border: 3px solid #e55252; background-color: #ffa8a8; }
div.infoBox a, div.warningBox a, div.premiumBox a { color: #000; text-shadow: none; text-decoration: underline; }

span.iconInfo, span.iconWarning, span.iconUpgrade, span.iconPremium { color: #555; line-height: 18px; padding: 3px 0 3px 30px; margin: 4px 5px; font-size: 12px; display: block; }
span.iconInfo p, span.iconWarning p, span.iconUpgrade p { color: #555; line-height: 18px; padding: 0; margin: 0; font-size: 12px; }
span.iconInfo { background: transparent url('../img/icons/iconInfo24.png') no-repeat top left; }
span.iconUpgrade { background: transparent url('../img/icons/iconUpgrade24.png') no-repeat top left; }
span.iconWarning { background: transparent url('../img/guide/listIconWarning.png') no-repeat top left; }
span.iconPremium { background: transparent url('../img/icons/premium/listIconPremium.png') no-repeat top left; }

div.overlay_content div.inner div.throbber { margin-top: 0; }

span.timer { color: #333; font-size: 36px; display: block; margin: 10px 0 0 0; line-height: 36px; }

div.progressBarContainer { background-color: #efefef; height: 4px; margin-bottom: 10px; }
div.progressBar { background-color: #00659f; height: 4px; }
div.progressBar.red { background-color: #bb4343; }

span.progressLabel { display: block; margin: 5px 10px 5px 0; line-height: 32px; color: #00659f; font-size: 16px; }

span.progressLabel span, span.progressLabel b.redText { margin-left: 4px; }

div.progressContainer span.receiveThrobber { float: left; margin: 5px 0 5px 0; }
div.progressContainer span.progressLabel { float: left; }

/* OVERLAY DEVICE EDIT */

div.overlaySubMenu { width: 150px; float: left; }
div.overlaySubMenuContent { width: 500px; height: 300px; float: right; padding-left: 25px; border-left: 1px solid #ccc; overflow: auto;  }
div.overlaySubMenuContentPadding, div.overlayContentPadding { margin-right: 10px; }

div.overlayContentScrolling { width: 100%; height: 350px; float: right; overflow: auto;  }
.overlayFixedContent { overflow: auto; height: 300px; }

div.expandableScrollingField { width: 100%; max-height: 270px; overflow: auto; }


div.overlaySubMenu ul { list-style: none; margin: 0; padding: 0;}
div.overlaySubMenu ul li { display: block; margin-bottom: 3px; }
div.overlaySubMenu ul li a {
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 8px;
	display: block;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	color: #555;
	font-size: 12px;
}
div.overlaySubMenu ul li a:hover, div.overlaySubMenu ul li a.active {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}
div.overlaySubMenu ul li a.disabled, div.overlaySubMenu ul li a.disabled:hover {
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #bbb;
	text-shadow: 0 1px #fff;
	cursor: default;
}

div.listAssociations, div.listDevices { margin: 0; }
div.listAssociations div { width: 230px; float: left; }
div.listDevices div { width: 220px; float: left; }


.settings_box div.settingsRow { margin-bottom: 5px; }
.settings_box div.settingsRow label { line-height: 25px; }
.settings_box div.settingsRow em.iconHelp { margin-top: 4px; }

table.configurationRow {width: 100%;}

/* SENSORS STYLES */

.listSensorName { width: 140px; margin-right: 1px; }
.listCleanHeader .listSensorName { width: 188px; }
.listSensorName input { width: 120px; }
.listSensorValue { width: 500px; margin-right: 1px; }
.listSensorValueEdit { width: 145px; margin-right: 1px; }
.listSensorValue .valueContainer, .listSensorValueEdit .valueContainer { width: 140px; float: left; font-family: sans-serif, Helvetica, Arial; font-size: 18px; color: #555; }
.listSensorValue .valueContainer span, .listSensorValueEdit .valueContainer span { font-weight: 400; color: #555; font-size: 18px; }

.listSensorIcon { width: 36px; margin-right: 1px; }
.listSensorIcon img { display: block; }

.listSensorHistory { width: 20px; height: 20px; margin-right: 1px; margin-top:10px; }

.listSensorLastUpdated { width: 110px; margin-right: 1px; }
.listSensorClient { width: 85px; margin-right: 1px; }
.listRow .listSensorLastUpdated { font-style: italic; }
.listSensorLastUpdated span { font-size: 12px; }


.listSensorID { width: 30px; margin-right: 1px; }
.listSensorShowInList, .listSensorKeepHistory { width: 85px; margin-right: 1px; text-align: center; }
.listSensorType { width: 70px; margin-right: 1px; }
.listSensorIcon { margin: 0 10px 0 0; }

.sensorIcon.temp { background: transparent url('../img/sensors/icon_temp.png') no-repeat scroll top left; }
.sensorIcon.humidity { background: transparent url('../img/sensors/icon_humidity.png') no-repeat scroll top left; }
.sensorIcon.rain { background: transparent url('../img/sensors/icon_rain.png') no-repeat scroll top left; }
.sensorIcon.wind { background: transparent url('../img/sensors/icon_wind.png') no-repeat scroll top left; }
.sensorIcon.power { background: transparent url('../img/sensors/icon_power.png') no-repeat scroll top left; }
.sensorIcon.uv { background: transparent url('../img/sensors/icon_uv.png') no-repeat scroll top left; }
.sensorIcon.luminance { background: transparent url('../img/sensors/icon_luminance.png') no-repeat scroll top left; }

/* Sensor history */

.rickshaw_graph { overflow: hidden; }
.rickshaw_legend { background: none; padding: 5px 0; }
.rickshaw_legend .label { color: #777; font-size: 12px; }
.rickshaw_legend ul { margin: 0px; }
.rickshaw_legend ul li.line { float: left; margin-right: 10px; clear: none; }
.rickshaw_legend ul li.line a.action:hover { color: #777; opacity: 1; }
.rickshaw_legend .line .swatch { border: none; height: 14px; width: 14px; }
input.dateField { font-family: inherit; height: auto; line-height: 14px; background-color: #fff; padding: 6px 10px 6px 10px; margin-right: 10px; }
label.dateLabel { padding-right: 10px; }

div.sensorInfo { float: left; margin-bottom: 10px; }
div.sensorInfo.modelInfo { width: 285px; }
div.sensorInfo.locationInfo { width: 320px; }
div.sensorInfo.locationInfo .locationIcon { margin-top: 5px; }
div.sensorInfo.actions { width: 220px; float: right; }

.sensorInfo h3 { display: inline; color: #0a0a0a; }
.sensorInfo h3, .sensorInfo span { font-size: 12px; }
.sensorInfo span { color: #777; }

.sensorstrike {
	display: block;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	color: #999;
	padding-left: 100px;
}

.sensorstrike > span {
	position: relative;
	display: inline-block;
}

.sensorstrike > span:before,
.sensorstrike > span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background: #999;
}

.sensorstrike > span:before {
	right: 100%;
	margin-right: 15px;
}

.sensorstrike > span:after {
	left: 100%;
	margin-left: 15px;
}

/* SCHEDULER STYLES */

.listDeviceName { width: 170px; margin-right: 6px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; height: 32px; padding: 0; line-height: 32px; }
.listDeviceName.expanded { width: auto; height: 32px; }
.listCleanHeader .listDeviceName { height: 16px; }

div.weekday { width: 100px; height: 32px; }
.weekday img {float: left;}
.weekday div {line-height: 32px;float: left;}
.jobInputField { width:30px; }

form {padding: 0; margin: 0;}
.hidden {display: none;}

.closeToolbar > img, .closeToolbar > a { margin: 0 5px 8px 0; float: left; }

span.sunrise { background-image: url('../img/scheduler/sunrise.png'); background-repeat: no-repeat; height: 15px; padding-left: 35px; }
span.sunset { background-image: url('../img/scheduler/sunset.png'); background-repeat: no-repeat; height: 15px; padding-left: 35px; }

.expandedRow .weekday { margin-bottom: 3px; height: auto; }

.schedulerRadioContainer { margin-right: 15px; }
div.schedulerThermostatSettings { margin: 10px 0 10px 0; }
div.schedulerThermostatSettings select { min-width: 130px; }

/* EVENTS */

div.listRowItem span.suspendLabel { background-image: url('../img/eventIconSuspend.png'); background-repeat: no-repeat; padding-left: 30px; float: left; line-height: 40px; display: block; height: 40px; width: 25px; color: #be4f18; font-size: 16px; font-weight: bold; }

div.listField { background-image: url('../img/listFieldBg.png'); background-repeat: no-repeat; padding: 10px 20px 0 20px; }
div.listFieldBottom { background-image: url('../img/listFieldBgBottom.png'); background-repeat: no-repeat; height: 10px; margin-bottom: 5px; }
div.eventSectionLayout { background-image: url('../img/eventInnerLayout.png'); background-repeat: repeat-y; }
div.eventSectionLayout div.eventSection { width: 274px; float: left; margin-left: 19px; }
div.eventSectionLayout div.eventSection.first { margin-left: 0; }

div.eventSectionHeader {
	background: #0a0a0a;
	height: 32px;
	line-height: 32px;
	padding: 0 10px 0 10px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	 -moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-khtml-border-radius: 16px;
	border-radius: 16px;
}

div.eventSectionHeader div.help { float: right; width: 16px; height: 16px; margin: 8px 0 8px 0; background-image: url('../img/concept2020/headerHelpIcon.png'); background-repeat: no-repeat; }

div.pausedActionButton {
	float: left;
	height: 32px;
	width: 32px;
	display: block;
	margin-right: 4px;
	background: transparent url('../img/btn_action_dummy.png') no-repeat scroll top left;
}

div.pausedActionButton span { display: block; width: 32px; height: 32px; background: transparent url('../img/btn_action_overlay_pause.png') no-repeat scroll top left; }

div.eventSectionIcons a.eventActionButton, div.eventSectionIcons div.eventIcon, div.eventSectionIcons div.eventPlaceHolderIcon { margin: 0 0 2px 0; float: left; }

.eventActionButton.dummy { background: transparent url('../img/btn_action_dummy.png') no-repeat scroll top left; }

.eventActionButton.blockheater { background: transparent url('../img/concept2020/btnActionEventBlockHeater.png') no-repeat scroll top left; }
.eventActionButton.device { background: transparent url('../img/concept2020/btnActionEventDevice.png') no-repeat scroll top left; }
.eventActionButton.sensor { background: transparent url('../img/concept2020/btnActionEventSensor.png') no-repeat scroll top left; }
.eventActionButton.suntime { background: transparent url('../img/concept2020/btnActionEventSuntime.png') no-repeat scroll top left; }
.eventActionButton.time { background: transparent url('../img/concept2020/btnActionEventTime.png') no-repeat scroll top left; }
.eventActionButton.weekdays { background: transparent url('../img/concept2020/btnActionEventWeekdays.png') no-repeat scroll top left; }
.eventActionButton.email { background: transparent url('../img/concept2020/btnActionEventEmail.png') no-repeat scroll top left; }
.eventActionButton.sms { background: transparent url('../img/concept2020/btnActionEventSms.png') no-repeat scroll top left; }
.eventActionButton.url { background: transparent url('../img/concept2020/btnActionEventUrl.png') no-repeat scroll top left; }
.eventActionButton.deleteEvent { background: transparent url('../img/concept2020/btnActionEventDelete.png') no-repeat scroll top left; }
.eventActionButton.edit { background: transparent url('../img/concept2020/btnActionEventEdit.png') no-repeat scroll top left; }
.eventActionButton.expand { background: transparent url('../img/concept2020/btnActionEventExpand.png') no-repeat scroll top left; }
.eventActionButton.minimize { background: transparent url('../img/concept2020/btnActionEventMinimize.png') no-repeat scroll top left; }
.eventActionButton.date { background: transparent url('../img/concept2020/btnActionEventDate.png') no-repeat scroll top left; }
.eventActionButton.delete { background: transparent url('../img/concept2020/btnActionEventDeleteAction.png') no-repeat scroll top left; }
.eventActionButton.push { background: transparent url('../img/concept2020/btnActionEventPush.png') no-repeat scroll top left; }

.eventActionButton:hover, div.eventActionButton.pro:hover { background-position: bottom left; }

div.pausedSetting { float: right; }

div.eventSectionIcons { clear: both;}
div.eventSectionIcons iconSet { float: left; }

div.eventSectionIcons div.iconSet:last-child div.eventIcon:last-child, div.eventSectionIcons div.conditionGroup div.iconSet:last-child div.eventIcon:last-child { display: none; }

span.proNotice { line-height: 32px; color: #333; font-size: 12px; display: block; margin-bottom: 20px; padding-top: 20px; }
span.proNotice .eventActionButton { margin-right: 7px; }

div.eventActionButton.pro, div.pro a.eventActionButton, .eventActionButton.pro  { background-position: center right; }
div.eventSectionIcons div.iconSet.triggered a.eventActionButton { background-position: top right; }
div.eventSectionIcons div.iconSet.success a.eventActionButton { background-position: top right; }
div.eventSectionIcons div.iconSet.failure a.eventActionButton { background-position: bottom right; }
div.eventSectionIcons div.iconSet.execute a.eventActionButton { background-position: top right; }
div#eventContent span.suspendLabel { display: none }
div#eventContent div.suspended span.suspendLabel { display: inline !important }

div.conditionGroup { background: transparent url('../img/eventHorizontalDividerOr.png') no-repeat scroll top center; padding-top: 20px; clear: both; }
div.conditionGroup.sv { background: transparent url('../img/eventHorizontalDividerOrSv.png') no-repeat scroll top center; }
div.eventSectionIcons div.conditionGroup:first-child { background: none; padding-top: 0; }

div.eventIcon, div.eventPlaceholderIcon { width: 32px; height: 32px; float: left; }
div.eventIcon.or { background: transparent url('../img/eventIconOr.png') no-repeat scroll top left; }
div.eventIcon.and { background: transparent url('../img/eventIconAnd.png') no-repeat scroll top left; }
div.eventIcon.or.sv { background: transparent url('../img/eventIconOrSv.png') no-repeat scroll top left; }
div.eventIcon.and.sv { background: transparent url('../img/eventIconAndSv.png') no-repeat scroll top left; }

div.eventPlaceholderIcon { background: transparent url('../img/eventIconPlaceholder.png') no-repeat scroll top left; }

.yui3-dd-drop-over div.eventPlaceholderIcon, div.eventSectionIcons div.iconSet.pro div.eventPlaceholderIcon:hover { background-position: bottom left !important; }

div.eventSectionIcons div.iconSet.pro div.eventPlaceholderIcon { background-position: center left; }

div.eventDivider { height: 20px; }
div.eventDivider.or { background: transparent url('../img/eventHorizontalDividerOr.png') no-repeat scroll top center; }
div.eventDivider.toolbox { background: transparent url('../img/concept2020/eventHorizontalDividerToolbox.png') no-repeat scroll top center; }
div.eventDivider.or.sv { background: transparent url('../img/eventHorizontalDividerOrSv.png') no-repeat scroll top center; }
div.eventDivider.toolbox.sv { background: transparent url('../img/concept2020/eventHorizontalDividerToolboxSv.png') no-repeat scroll top center; }

div.eventThermostatSettings { margin: 10px 0 10px 0; }
div.eventThermostatSettings select { min-width: 130px; }
div.eventRadioContainer, div.methodRadioContainer { margin-right: 15px; }




/* CLIENT/LOCATION STYLES */

.clientIcon { width: 35px; height: 32px; }
.clientIcon img { display: block; }
.clientName { width: 335px; margin-left: 15px;}
.listCleanRow .clientNameInfo { width: 500px; margin-left: 15px;}

.listCleanHeader .clientNameInfo { width: 400px; margin-left: 115px;}

.clientList .listRowItem.clientSoftware, .clientList .clientStatus { margin-top: 20px; line-height: 24px; }

.clientList .clientSoftware a.upgrade { margin-left: 0; }






.listRow .clientName a { font-weight: bold; }
.weekdayName { font-weight: normal; }
.clientSoftware { width: 200px; }
.clientStatus { width: 120px; }
.listRowItem.clientStatus .action_button { margin-right: 5px; }

.clientEdit {margin: 0 0 20px 0;}
.clientEdit p {margin-right: 20px; line-height: 32px; margin: 0 10px 0 10px; padding: 0;}
.clientEdit input {border: 1px solid #ccc; margin: 5px 10px 0 0; padding: 0; height: 20px; width: 150px;}

div.overlay_content div.coords_map { width: 500px; padding: 0 15px 0 0; float: left; }
div.overlay_content div.coords_settings { width: 200px; padding: 0; float: left; }







/* PRO STYLES */

.proFeatures img, .proFeatures div.featureIcon { float: left; margin: 0 20px 20px 0; }
div.featureIcon { width: 100px; height: 100px; }

div.featureIcon.featureSms { background-image: url('../img/iconProFeatureSms.png'); background-repeat: no-repeat; }
div.featureIcon.featureBlockheater { background-image: url('../img/iconProFeatureBlockHeater.png'); background-repeat: no-repeat; }
div.featureIcon.featureEmail { background-image: url('../img/iconProFeatureEmail.png'); background-repeat: no-repeat; }

.proFeatureBlock { padding-left: 100px; margin-bottom: 20px; min-height: 80px; }
.proFeatureBlock h3 { font-size: 14px; line-height: 18px; }
.proFeatureBlock p { font-size: 12px; line-height: 16px; }

div.proFeatureBlock.featureSms { background-image: url('../img/frameworklive/pro/iconProFeatureSMS80.png'); background-repeat: no-repeat; }
div.proFeatureBlock.featureEmail { background-image: url('../img/frameworklive/pro/iconProFeatureEmail80.png'); background-repeat: no-repeat; }
div.proFeatureBlock.featureBlockheater { background-image: url('../img/frameworklive/pro/iconProFeatureEngine80.png'); background-repeat: no-repeat; }

.proFeatureBlockSmallIcon { padding-left: 50px; margin-bottom: 10px; min-height: 40px; background-image: url('../img/icons/premium/PremiumIcon40.png'); background-repeat: no-repeat; }
.proFeatureBlockSmallIcon h4 { font-size: 14px; line-height: 18px; }
.proFeatureBlockSmallIcon p { font-size: 12px; line-height: 16px; }

.proFeatures h3 { margin: 5px 0 5px 0; }
.proFeatures span { line-height: auto !important; display: block; }


span.proSpecItem { padding-left: 50px; margin-bottom: 10px; height: 40px; line-height: 40px; color: #555; font-size: 14px; display: block; }
span.proSpecItem.twoLine { line-height: 20px; }

span.proSpecItem.pro { background-image: url('../img/icons/premium/PremiumIcon40.png'); background-repeat: no-repeat; }
span.proSpecItem.featureSms { background-image: url('../img/frameworklive/pro/iconProFeatureSMS40.png'); background-repeat: no-repeat; }
span.proSpecItem.featureEmail { background-image: url('../img/frameworklive/pro/iconProFeatureEmail40.png'); background-repeat: no-repeat; }
span.proSpecItem.featureBlockheater { background-image: url('../img/frameworklive/pro/iconProFeatureEngine40.png'); background-repeat: no-repeat; }


a.buttonPro {
	background: transparent url('../img/frameworklive/pro/buttonProRight.png') no-repeat scroll top right;
	color: #fff;
	display: block;
	float: left;
	height: 46px;
	width: auto !important;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-right: 20px; /* sliding doors padding */
	text-decoration: none;
	border: none;
	cursor: pointer;
}

a.buttonPro span {
	background: transparent url('../img/frameworklive/pro/buttonProSpan.png') no-repeat;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	padding: 10px 0 10px 20px;
	color: #7c3e18;
	text-shadow: 0 1px 0 #fff;
}

a.buttonPro.disabled { background: transparent url('../img/frameworklive/pro/buttonProDisabledRight.png') no-repeat scroll top right; cursor: default; }
a.buttonPro.disabled span { background: transparent url('../img/frameworklive/pro/buttonProDisabledSpan.png') no-repeat; color: #999; }
a.buttonPro.disabled:hover span { color: #999; }

a.buttonPro:hover span { color: #5b2301; }
a.buttonPro.right { float: right; }



div.shopItem { width: 188px;
	margin-left: 20px;
	float: left;
	border: 1px solid #ccc;
	background: #efefef;
	padding: 10px;
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

/*
ul.selection-options li label:active {
	box-shadow: 0 6px 10px rgba(20, 20, 20, 0.2) inset;
	background: #fff;
}
ul.selection-options li label span {
	display: block;
	text-shadow: 1px 1px 0 #FFFFFF;
}
ul.selection-options li label > span {
	padding: 15px 0;
	background: #fcfcfc;
	background: linear-gradient(top,#fdfdfd 0,#fcfcfc 10%,#f6f6f6 60%,#f0f0f0 80%,#ededed 90%);
	background:-webkit-linear-gradient(top,#fdfdfd 0,#fcfcfc 10%,#f6f6f6 60%,#f0f0f0 80%,#ededed 90%);
	background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0,#fdfdfd),color-stop(0.1,#fcfcfc),color-stop(0.6,#f6f6f6),color-stop(0.8,#f0f0f0),color-stop(0.9,#ededed));
	background:-moz-linear-gradient(top,#fdfdfd 0,#fcfcfc 10%,#f6f6f6 60%,#f0f0f0 80%,#ededed 90%);
}
ul.selection-options li label > span:active {
	background: none repeat scroll 0 center transparent;
}
ul.selection-options li label span span.title {
	border: 2px solid #ccc;
	border-radius: 6px;
	color: #004275;
	margin: 0 auto;
	width: 120px;
	padding: 6px 0;
	font-size: 14px;
*/

div.shopItem.first { margin-left: 0; }

span.priceTag { display: block; float: left; line-height: 46px; font-size: 26px; font-weight: bold; color: #555; text-shadow: 0 1px 0 #fff; }

/* PREMIUM STYLES */

.boxContentPadding { padding: 10px 19px 10px 19px !important; }

.PremiumOptionContainer { margin-bottom: 40px; }

.PremiumOption {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  float: left;
  text-align: center;
}

.PremiumOption h2, h2.premium { margin: 15px 0 15px 0; font-size: 24px; line-height: 35px; text-align: left; color: #333; }

h2.premiumIconHeader { background: url('../img/icons/premium/PremiumIcon40x35.png') no-repeat top left; text-transform: uppercase; margin: 15px 0 15px 0; font-size: 16px; padding: 0 0 0 50px; line-height: 20px; text-align: left; }

.PremiumOption .rightCol h3 { color: #333; font-size: 40px; }
.PremiumOption span.price { color: #333; font-size: 40px; display: block; }
.PremiumOption span.billing { color: #555; font-size: 16px; margin-bottom: 15px; display: block; text-transform: lowercase;}
.PremiumOption span.perMonth { color: #555; font-size: 18px; font-family: sans-serif, Helvetica, Arial; font-weight: bold; margin-bottom: 20px; display: block; }
.PremiumOption span.credits { color: #555; font-size: 14px; margin-bottom: 10px; display: block; }
.PremiumOption span.credits i.telldus-icons { font-size: 14px; color: #0a0a0a; }
.PremiumOption span.total { color: #555; font-size: 14px; margin-bottom: 15px; display: block; }
.PremiumOption span.renewal-info { color: #555; font-size: 12px; margin-bottom: 15px; display: block; }
.strikethrough { text-decoration: line-through; }
.PremiumOption span.save { background-color: #B71C1C; color: #fff; text-transform: uppercase; padding: 5px 10px; font-size: 14px; margin-bottom: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.redText { color: #B71C1C !important; }
.orangeText { color: #000 !important; }
.centeredText { text-align: center; }

.PremiumOptionBoxLeft {
  border-right: none;
  margin-top: 20px;
  height: 298px;
  width: 260px;
  padding: 0 20px 0 19px;
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
.PremiumOptionBoxRight {
  border-left: none;
  margin-top: 20px;
  height: 298px;
  width: 260px;
  padding: 0 19px 0 20px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.PremiumOptionBoxCenter {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  height: 338px;
  width: 260px;
  padding: 0 19px 0 19px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.PremiumOptionBoxFull {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  width: 860px;
  padding: 0 19px 19px 19px;
  margin-bottom: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.PremiumOptionBoxFull .leftCol { width: 410px; padding-right: 19px; border-right: 1px solid #ccc; float: left; }
.PremiumOptionBoxFull .rightCol { width: 410px; float: right; }
.PremiumOptionBoxFull div.divider { border-color: #ccc; }

.PremiumFeatureBox {
  width: 250px;
  height: 220px;
  margin-left: 15px;
  float: left;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 19px 19px 0 19px;
  margin-bottom: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.PremiumFeatureBox.first { margin-left: 0; }
.PremiumFeatureBox.backup { padding-top: 120px; background: #f5f5f5 url('../img/premium/premiumFeatureBackup.jpg') no-repeat top center; }
.PremiumFeatureBox.ifttt { padding-top: 120px; background: #f5f5f5 url('../img/premium/premiumFeatureIfttt.jpg') no-repeat top center; }
.PremiumFeatureBox.campaigns { padding-top: 120px; background: #f5f5f5 url('../img/premium/premiumFeatureCampaigns.jpg') no-repeat top center; }
.PremiumFeatureBox i.telldus-icons { color: #000; font-size: 70px; }
.PremiumFeatureBox h2 { text-transform: uppercase; margin: 10px 0 5px 0; padding: 0; font-size: 16px; font-weight: 700; line-height: 20px; }
.PremiumFeatureBox p { font-size: 12px; line-height: 16px; }

.PremiumWidgetsPromo {
  background: transparent url('../img/premium/premiumWidgetsBig.jpg') no-repeat top left;
  width: 480px;
  height: 250px;
  padding: 150px 0 0 270px;
  margin-bottom: 30px;
}
.PremiumWidgetsPromo h2 { text-transform: uppercase; font-size: 36px; font-weight: 700; }

p.premiumIntro { font-size: 14px; line-height: 20px; color: #555; margin: 0 80px 40px 80px; }

.PremiumPromo { margin-top: 10px; margin-bottom: 30px; }
.PremiumPromo .premiumTextOuterContainer { display:table-cell;vertical-align:middle;width:440px;height:250px; }
.PremiumPromo .premiumTextInnerContainer { margin-left:auto;margin-right:auto; }

.PremiumPromo h2 { font-size: 24px; line-height: 28px; }
.PremiumPromo p { margin-bottom: 0; }

div.fancyRadioSelection input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

div.fancyRadioSelection label {
  border: 3px solid #ccc;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  padding: 0 15px 5px 15px;
  margin: 0 5px;
  background-color: #f5f5f5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.fancyRadioSelection input[type=radio]:checked + label {
  border-color: #333;
}

.PremiumRadioOption h2, h2.premium { text-transform: uppercase; margin: 15px 0 15px 0; padding-bottom: 0; font-size: 16px; font-weight: 400; line-height: 35px; text-align: left; }
.PremiumRadioOption span.price { color: #333; font-size: 35px; display: block; }
.PremiumRadioOption span.perMonth { color: #555; font-size: 16px; text-transform: lower case; margin-bottom: 10px; display: block; }
.PremiumRadioOption span.credits { color: #555; font-size: 12px; margin-bottom: 10px; display: block; }
.PremiumRadioOption span.credits i.telldus-icons { font-size: 12px; color: #0a0a0a; }
.PremiumRadioOption span.total { color: #333; font-size: 12px; margin-bottom: 15px; display: block; }
.PremiumRadioOption label.paymentOption { width: 200px; }
.PremiumRadioOption label.paymentOption span { color: #333; font-size: 16px; text-transform: uppercase; line-height: 24px; margin-top: 5px; display: block; }
.PremiumRadioOption label.paymentOption img { margin-top: 15px; }

.iconPremiumLarge { color: #C4A362; float: left; font-size: 50px; margin-right: 10px; }
.SmsOptionBox span.header { color: #333; font-size: 26px; text-transform: uppercase; display: block; }
.SmsOptionBox span.description { display: block; }
.SmsOptionBox span.price { color: #555; font-size: 26px; }

.comparisonList span.feature { display: block; float: left; width: 170px; font-size: 12px; margin-bottom: 10px; line-height: 20px; }
.comparisonList span.featureBig { display: block; float: left; width: 370px; font-size: 12px; margin-bottom: 10px; line-height: 20px; }
.comparisonList span.basic { display: block; float: left; width: 100px; text-align: right; font-size: 12px; line-height: 20px; margin-bottom: 10px; }
.comparisonList span.premium { display: block; float: right; width: 130px; text-align: right; font-size: 12px; line-height: 20px; margin-bottom: 10px; }
.comparisonList span.header { font-size: 14px; }
.comparisonList i.telldus-icons { font-size: 20px; }
.comparisonList a { color: #000; text-decoration: underline; }
.comparisonList a:hover { text-decoration: underline; }

.statusgreen { color: #9CCC65; }
.statusred { color: #F44336; }

.premiumFeatureList .icon { float: left; width: 60px; }
.premiumFeatureList .content { float: left; width: 375px; }
.overlayFixedContent .premiumFeatureList .content { width: 600px; }
.premiumFeatureList .content h4 { font-size: 20px; font-weight: 700; text-transform: uppercase; color: #333; }

.highlightedPremiumFeature { float: left; margin-right: 50px; margin-bottom: 30px; }
.highlightedPremiumFeature.last { margin-right: 0; }
.highlightedPremiumFeature div.container { height: 30px; float: left; }
.highlightedPremiumFeature i.telldus-icons { color: #C4A362; font-size: 30px; margin-right: 10px; }
.highlightedPremiumFeature .content { font-size: 20px; line-height: 30px; font-weight: 700; color: #333; text-transform: uppercase; }

.centeredSubHeader { font-size: 16px; font-weight: normal; text-align: center; color: #333; text-transform: uppercase; margin-bottom: 10px; }

.linkCompare { line-height: 30px; font-size: 12px;  }
.settings_box span.premiumAccess { background: url('../img/icons/premium/PremiumIcon25x30.png') no-repeat top left; line-height: 30px; height: 30px; padding-left: 30px; display: block; }

.redeemField { text-transform: uppercase; font-family: inherit; height: auto; line-height: 14px; background-color: #fff; padding: 6px 10px 6px 10px; width: 150px; border: 1px solid #ccc; margin: 2px 0 2px 42px; }
.redeemError { margin: 5px 0 10px 0; text-align: center; color: #B71C1C; font-size: 12px; }


/* HELP SECTION */

.helpSectionBlock { padding-left: 120px; margin-bottom: 40px; min-height: 100px; }
.helpSectionBlock h3 { font-size: 14px; line-height: 18px; }
.helpSectionBlock p { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; }

div.helpSectionBlock.sectionFaq { background-image: url('../img/icons/iconHelpFaq100.png'); background-repeat: no-repeat; }
div.helpSectionBlock.sectionGuides { background-image: url('../img/icons/iconHelpGuides100.png'); background-repeat: no-repeat; }
div.helpSectionBlock.sectionManuals { background-image: url('../img/icons/iconHelpManuals100.png'); background-repeat: no-repeat; }

.centerBlock .icon { width: 120px; float: left; }
.centerBlock .icon i.telldus-icons { font-size: 100px; color: #777; }
.centerBlock .text { width: 450px; float: left; }


div.search { float: right; }

div.search input.search { padding: 8px 15px 8px 30px; line-height: 14px; background: url('../img/icons/iconSearch.png') no-repeat top left; }


div.search input[type="text"] {
	border: 1px solid #ccc;
	background-color: #f5f5f5;
}
div.search input[type="button"], div.search input[type="button"]:hover {
	position:relative;
	left:-6px;
	border: 1px solid #0a7cbd;
	background: #00659f url('../img/listCleanHeaderBg.png') repeat-x scroll top left;
	color:#fff;
	cursor: pointer;
	padding: 8px 10px;
	text-decoration: none;
}

.roundedLeft, span.addHelp {
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.roundedRight {
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}


ul.helpSectionList { list-style: none; padding: 0; margin: 0 0 20px 0; }
ul.helpSectionList li { padding: 10px; }
ul.helpSectionList li:hover { background-color: #eeeeee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;}

ul.helpSectionList li div.fieldInfo p { margin: 20px 0; }

ul.helpSectionList li .icon { padding: 1px 0 1px 28px; margin: 6px 0; display: block; float: left; line-height: 18px; color: #00659f; text-shadow: 0 1px 0 #fff; text-decoration: none; }
ul.helpSectionList li .icon.faq { background-image: url('../img/icons/iconHelpListFaq20.png'); background-repeat: no-repeat; }
ul.helpSectionList li .icon.guide { background-image: url('../img/icons/iconHelpListGuides20.png'); background-repeat: no-repeat; }
ul.helpSectionList li .icon.manual { background-image: url('../img/icons/iconHelpListManuals20.png'); background-repeat: no-repeat; }

ul.helpSectionList li span.flagBox { float: right; }
ul.helpSectionList li span.flagBox a.flag { margin: 0 0 0 8px; display: inline; }
ul.helpSectionList li span.flagBox a.flag span {
	height: 21px;
	width: 28px;
	border: #ffffff solid 1px;
	margin-top: 5px;
	-webkit-box-shadow: 0 0px 2px rgba(0,0,0,.7);
	   -moz-box-shadow: 0 0px 2px rgba(0,0,0,.7);
			box-shadow: 0 0px 2px rgba(0,0,0,.7);
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  line-height: 1em;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.flag-icon-gb, span.prefixIcon.en-GB:before { background-image: url(../img/flags/svg/gb.svg); }
.flag-icon-se, span.prefixIcon.sv-SE:before { background-image: url(../img/flags/svg/se.svg); }
.flag-icon-fr, span.prefixIcon.fr-FR:before { background-image: url(../img/flags/svg/fr.svg); }
.flag-icon-ru, span.prefixIcon.ru-RU:before { background-image: url(../img/flags/svg/ru.svg); }
.flag-icon-de, span.prefixIcon.de-DE:before { background-image: url(../img/flags/svg/de.svg); }
.flag-icon-fi, span.prefixIcon.fi-FI:before { background-image: url(../img/flags/svg/fi.svg); }
.flag-icon-no, span.prefixIcon.no-NO:before { background-image: url(../img/flags/svg/no.svg); }
.flag-icon-pl, span.prefixIcon.pl-PL:before { background-image: url(../img/flags/svg/pl.svg); }
.flag-icon-cs, span.prefixIcon.cs-CS:before { background-image: url(../img/flags/svg/cz.svg); }
.flag-icon-dk, span.prefixIcon.da-DK:before { background-image: url(../img/flags/svg/dk.svg); }
.flag-icon-tr, span.prefixIcon.tr-TR:before { background-image: url(../img/flags/svg/tr.svg); }
.flag-icon-fi, span.prefixIcon.fi-FI:before { background-image: url(../img/flags/svg/fi.svg); }
.flag-icon-de, span.prefixIcon.de-DE:before { background-image: url(../img/flags/svg/de.svg); }

.plusMinus { margin-top: 20px; line-height: 24px; margin-right: 20px;}
.plusMinus span.glyphicon { font-size: 40px; color: #777; }


.dd-select {
	width: 274px;
	border: solid 1px #ccc;
	position: relative;
	cursor: pointer;
	background-color: #fff;
}
.dd-selected {
	overflow: hidden;
	display: block;
	padding: 2px;
	outline: 0;
}
.dd-pointer {
	width: 0;
	height: 0;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
}
.dd-pointer-down {
	border: solid 5px transparent;
	border-top: solid 5px #000;
}
.dd-pointer-up {
	border: solid 5px transparent !important;
	border-bottom: solid 5px #000 !important;
	margin-top: -8px;
}
.dd-options {
	border: solid 1px #ccc;
	border-top: none;
	list-style: none;
	box-shadow: 0px 1px 5px #ddd;
	display: none;
	position: absolute;
	z-index: 2000;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: auto;
	width: 250px;
}
.dd-option {
	padding: 2px;
	display: block;
	border-bottom: solid 1px #ddd;
	overflow: hidden;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
	    -ms-transition: all 0.25s ease-in-out;
	     -o-transition: all 0.25s ease-in-out;
}
.dd-options > li:last-child > .dd-option {
	border-bottom: none;
}
.dd-option:hover {
	background: #f3f3f3;
	color: #000;
}
.dd-selected-description-truncated {
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dd-option-selected {
	background: #f6f6f6;
}
.dd-option-image, .dd-selected-image {
	vertical-align: middle;
	float: left;
	height: 16px;
	margin: 4px;
}
.dd-image-right {
	float: right;
	margin-right: 15px;
	margin-left: 4px;
}
.dd-container {
	position: relative;
}
.dd-selected-text {
}
.dd-selected-text, .dd-option-text {
	line-height: 24px !important;
	padding-left: 5px;
	color: #000 !important;
}

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: #fff;
  background: #333;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #333;
  background: #ccc;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
  height: auto;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.33;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

#profileFieldEmail input {
	width: 263px;
}
#editProfileStatus {
	line-height: 30px;
	color: #333;
	font-size: 16px;
	margin-right: 10px;
}

div.passwordChangeBox {
	padding: 5px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

span.prefixIcon {
	height: 16px;
}
span.prefixIcon:before {
	content: "";
	width: 16px;
	height: 12px;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	vertical-align: text-top;
	margin-right: 5px;
}

span.notification {
	background: #ee434a;
	color: #fff;
	height: 14px;
	line-height: 14px;
	font-size: 10px;
	min-width: 14px;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 7px;
	 -khtml-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
	text-shadow: none;
}

h2 span.notification { margin: 0 0 0 3px; display: block; float: right; }
h2.float { float:left; }

a.upgrade { line-height: 16px; margin-left: 10px; padding-left: 20px; background: transparent url("../img/icon_upgrade_notification.png") no-repeat center left; display: inline-block; }

.locationInfo, .locationInfoActions { margin-bottom: 10px; }

.locationInfo { float: left; width: 200px;}
.locationInfoActions { float: right; }
.locationInfoActions a.action_button { margin-right: 0; margin-left: 5px; }

.locationInfo span { display: block; color: #777; }
.locationInfo span.header { font-size: 14px; margin-bottom: 5px; }
.locationInfo span.value { font-size: 12px; }

ul.helpSectionList, ul.staticList { list-style: none; padding: 0; margin: 0 0 20px 0; }
ul.helpSectionList li, ul.staticList li { padding: 10px; }
ul.helpSectionList li:hover { background-color: #eeeeee;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;}

ul.helpSectionList li div.fieldInfo p { margin: 20px 0; }

ul.helpSectionList li .icon, ul.staticList li .icon { padding: 1px 0 1px 28px; margin: 6px 0; display: block; float: left; line-height: 18px; color: #555; text-decoration: none; }
ul.helpSectionList li .icon.faq, ul.staticList li .icon.faq { background-image: url('../img/icons/concept2020/iconHelpListFaq20.png'); background-repeat: no-repeat; }
ul.helpSectionList li .icon.guide, ul.staticList li .icon.guide { background-image: url('../img/icons/concept2020/iconHelpListGuides20.png'); background-repeat: no-repeat; }
ul.helpSectionList li .icon.manual, ul.staticList li .icon.manual { background-image: url('../img/icons/concept2020/iconHelpListManuals20.png'); background-repeat: no-repeat; }

ul.helpSectionList li span.flagBox { float: right; }
ul.helpSectionList li span.flagBox a.flag { margin: 0 0 0 8px; display: inline; }

.plusMinus { margin-top: 20px; line-height: 24px; }

/* INSURANCE */

.locationIcon80 i.telldus-icons.insurance {	color: #999; display: block; margin-right: 10px; float: left; cursor: pointer; }
.locationIcon80 i.telldus-icons.insurance.active { color: #000; }
.locationIcon80 i.telldus-icons.insurance.disabled { cursor: default; color: #999 !important; }
.locationIcon80 i.telldus-icons.insurance:hover { color: #000; }

.settings_box.insuranceInfo .locationIcon56 { margin-left: 10px; padding-left: 60px; }
.settings_box.insuranceInfo .locationIcon56 div.icon { padding-top: 15px; padding-right: 10px; float: left; }
.settings_box.insuranceInfo .locationIcon56 div.icon i.telldus-icons { font-size: 30px; }
.settings_box.insuranceInfo .locationIcon56 div.info { padding-top: 10px; float: left; text-align: left;}
.settings_box.insuranceInfo .locationIcon56 div.info span.name { font-size: 16px; line-height: 24px; }
.settings_box.insuranceInfo .marginContainer { margin: 10px; }

.InsuranceRadioOption label { width: 160px; }
.InsuranceRadioOption h2 { text-transform: uppercase; margin: 0; padding: 0; font-size: 16px; font-weight: 700; line-height: 35px; text-align: left; }
.InsuranceRadioOption span.price { color: #000; font-size: 35px; display: block; }
.InsuranceRadioOption span.perMonth { color: #333; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; display: block; }
.InsuranceRadioOption span.total { color: #333; font-size: 12px; margin-bottom: 15px; display: block; }

/* EXCHANGE PROGRAM */

div.exchangeIntro { margin: 15px 0 30px 0; }
div.exchangeIntro h2.bigText { font-size: 30px; line-height: 36px; text-align: left; }

div.exchangeIntroImage { width: 160px; float: left; }
div.exchangeIntroHeader { width: 360px; padding-top: 40px; margin-left: 10px; float: left; }

div.ExchangePromo { margin-bottom: 30px; }
div.ExchangePromo img { margin-bottom: 20px; }
div.ExchangePromo h2 { text-transform: uppercase; font-size: 24px; font-weight: 700; padding: 0 0 5px 0; }
div.ExchangePromo h3 { color: #000; text-transform: uppercase; margin: 5px 0 5px 0; padding: 0; font-size: 16px; font-weight: 700; line-height: 20px; }

.ExchangeFeatureBox {
  width: 250px;
  height: 220px;
  margin-left: 15px;
  float: left;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 19px 19px 0 19px;
  margin-bottom: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.ExchangeFeatureBox.first { margin-left: 0; }
.ExchangeFeatureBox.backup { padding-top: 120px; background: #f5f5f5 url('../img/premium/premiumFeatureBackup.jpg') no-repeat top center; }
.ExchangeFeatureBox.premium { padding-top: 120px; background: #f5f5f5 url('../img/campaigns/exchange/exchangeFeaturePremium.jpg') no-repeat top center; }
.ExchangeFeatureBox.transfer { padding-top: 120px; background: #f5f5f5 url('../img/campaigns/exchange/exchangeFeatureTransfer.jpg') no-repeat top center; }
.ExchangeFeatureBox i.telldus-icons { color: #000; font-size: 70px; }
.ExchangeFeatureBox h2 { text-transform: uppercase; margin: 10px 0 5px 0; padding: 0; font-size: 16px; font-weight: 700; line-height: 20px; }
.ExchangeFeatureBox p { font-size: 12px; line-height: 16px; }
h2.exchangePurchaseNow { font-size: 18px; }

div.exchangePremium25 { margin: 50px 0 15px; }
div.exchangePremium25 p { text-align: center; color: #333; text-transform: uppercase; margin: 10px 0 5px 0; padding: 0; font-size: 24px; font-weight: 700; line-height: 20px; }
div.exchangePremium25 p strong { color: #000; font-size: 40px;}

div.exchangeImage { float: left; margin: 0 20px; }
div.exchangeDescription, div.exchangePrice { margin: 20px; float: left; }
div.exchangeImage span.bigText, div.exchangeDescription span.bigText, div.exchangePrice span.bigText { font-size: 24px; }
div.exchangeImage { width: 135px; }
div.exchangeDescription { width: 255px; }
div.exchangePrice { width: 250px; }

div.exchangeTermsContent { overflow-y: scroll; height: 350px; }
div.exchangeTermsContent li { font-size: 11px; line-height: 16px !important; }

div.clientCopy div.clientSelected { float: right; padding: 20px 0; display: none; }
div.clientCopy div.clientSelected i.telldus-icons { font-size: 46px; color: #9CCC65; }

.noPadding { padding: 0; }

div.clientCopy.active { border-color: #000; }
div.clientCopy.active div.clientSelected { display: block; }
div.clientCopy.halfWidth { width: 380px; }
div.clientCopy.halfWidth div.clientNameInfo { width: 360px; }

div.clientCopy.halfWidth div.clientNameInfo span.locationIcon80 span.name { display: block; width: 260px; height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.copyArrow { margin: 22px 0 0 22px; float: left; }
div.copyArrow i.telldus-icons { font-size: 48px; color: #9CCC65; }


/* CAMPAIGNS */

div.campaignIntro { width: 700px; margin: 20px 0 20px 0; }
div.campaignIntro div.campaignIntroText { width: 560px; margin: 15px 0 0 20px; float: left; }
div.campaignIntro div.campaignIntroIcon { width: 120px; float: left; }
div.campaignIntro div.campaignIntroIcon i { color: #555; font-size: 120px; }

div.campaignDescription { margin: 20px 20px 0 20px; float: left; }
div.campaignDescription h3, div.campaignPrice span.bigText, div.campaignIntro h3 { font-size: 24px; color: #333; font-weight: 400; }
div.campaignDescription h3 { font-size: 24px; color: #333; text-transform: uppercase; font-weight: 600; }
div.campaignImage { width: 320px; float: left; }
div.campaignImage img { display: block; }
div.campaignDescription { width: 260px; }
div.campaignPrice { width: 260px; margin: 20px 0 0 0; float: left; }
div.campaignPrice ul.fancyList { padding-left: 0; }
div.campaignPrice span.discountCode { background-color: #fff; border: 1px solid #ccc; line-height: 28px; padding: 0 8px; margin-right: 10px; display: inline-block; }
div.campaignPrice span.loadingThrobber { margin-left: 10px; }