/* === templates/yoo_cloud/css/base.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === templates/yoo_cloud/warp/css/base.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Base Style Sheet - Reduces inconsistencies across all browsers
 * Stripped down and improved collection of best practises
 * To avoid redundant code it sets new default values instead of baseline defaults and re-resetting them later
 * Thanks to HTML5 Boilerplate, Yahoo! User Interface (YUI) Library, No CSS Reset
 */


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

/* Force vertical scrollbar in non-IE + force height of the body element to fit at least the browser window */
html {
	overflow-y: scroll;
	min-height: 100%;
}

/* Create a stacking context to prevent z-index issues */
body { position: relative; }

/* Remove outline when clicking links: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/* Removes scrollbar in IE */
textarea { overflow: auto; }

/* Remove background from selected images */
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

/* Remove borders */
fieldset,
img,
iframe { border: 0; }

/* Hand cursor on clickable input elements */
input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select, button, label { cursor: pointer; }


/* Render new HTML5 elements as blocks
----------------------------------------------------------------------------------------------------*/

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section { display: block; }


/* New Base Values
----------------------------------------------------------------------------------------------------*/

body { margin: 0; }

/* Block Space */
p, hr,
ul, ol, dl,
blockquote, pre,
fieldset, figure { margin: 15px 0; }

h1, h2, h3, h4, h5, h6 { margin: 25px 0 15px 0; }

/* Lists */
ul, ol, dl { padding-left: 30px }
dd { margin-left: 40px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 36px; line-height: 36px; }
h2 { font-size: 24px; line-height: 24px; }
h3 { font-size: 18px; line-height: 18px; }
h4, h5, h6 { font-size: 16px; line-height: 16px; }

/* Links */
a, a:hover { text-decoration: none; }

/* Text-level Semantics */
small { font-size: 11px; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
dfn[title] { font-style: normal; }

/* Horizontal Rule */
hr {
	display: block;
	height: 1px;
	padding: 0;
	border: 0;
	border-top: 1px solid;
}

/* Quotes */
q, blockquote {
	quotes: '\201C' '\201D' '\2018' '\2019';
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
	
blockquote {
	padding: 0 20px;
	font-size: 16px;
	line-height: 22px;
}

blockquote:before { content: '\201C'; }
blockquote:after { content: '\201D'; }

/* Code */
code, pre { font-family: "Courier New", Courier, monospace; }

code { word-spacing: -2px; }

pre {
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	white-space: pre-wrap;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td { padding: 1px; }

/* Forms */
input, select { vertical-align: middle; }

select, input, textarea, button { font: 12px Arial, sans-serif; }

form, textarea { margin: 0; }
legend, fieldset, input { padding: 0; }

textarea,
input[type='text'],
input[type='password'],
select { padding: 2px; }
select { line-height: 19px; } /* Needed for Safari */

button,
input[type='button'],
input[type='submit'] { padding: 2px 3px; }







/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body {
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color: #444446;
}

/* Headlines */
h1, h2, h3, h4, h5, h5, h6 { text-transform: uppercase; }

h4, h5, h6 { font-size: 14px; line-height: 14px; }

a { color: #777779; }

a:hover,
em, code { color: #222224; }

ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: #d2d2d4; }

pre {
	border: 1px solid #d2d2d4;
	border-top-color: #a2a2a4;
	border-radius: 4px;
	background: #fefeff;
	box-shadow: inset 0 0 12px rgba(0,0,2,0.04);
}


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

a:not([class]):active,
a:not([class]):focus {
	position: relative;
	top: 1px;
}

a:not([class]):active > *,
a:not([class]):focus > * {
	position: relative;
	top: -1px;
}


/* === templates/yoo_cloud/css/layout.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === templates/yoo_cloud/warp/css/layout.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
 */


/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
	content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both; }

.grid-box { float: left; }

/* Grid Units */
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }

/* Create new Block Formatting Contexts */
.bfc-o { overflow: hidden; }
.bfc-f {
	width: 100%;
	float: left;
}

/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }

/* Grid Gutter */
.grid-gutter.grid-block { margin: 15px -15px 0 -15px; }
.grid-gutter.grid-block:first-child { margin-top: 0; }
.grid-gutter > .grid-box > * { margin: 0 15px; }


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper { margin: auto; }

/* Header */
#header { position: relative; }

#toolbar .float-left .module,
#toolbar .float-left > time {
	margin: 0 15px 0 0;
	float: left;
}

#toolbar .float-right .module {
	margin: 0 0 0 15px;
	float: right;
}

#headerbar .module {
	max-width: 300px;
	margin-right: 0;
	float: right;
}

#logo, #logo > img,
#menu { float: left; }
#search { float: right; }

#banner {
	position: absolute;
	top: 0;
	right: -200px;
}

/* Footer */
#footer {
	position: relative;
	text-align: center;
}







/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#header,
#breadcrumbs,
#content { margin: 5px; }

#breadcrumbs + #content { margin-top: 10px; }

#menu .module {
	margin: 10px;
	color: #a2a2a4;
	text-shadow: 0 1px 0 rgba(0,0,2,0.3);
}

#footer { margin: 15px; }
#footer .module { margin: 0; }

#header { margin-top: 25px; }
#headerbar { margin-bottom: 25px; }


/* Layout
----------------------------------------------------------------------------------------------------*/

/* Toolbar */
#block-toolbar {
	border-top: 1px solid #fdfdff;
	border-bottom: 1px solid rgba(0,0,2,0.1);
	background: url(/templates/yoo_cloud/images/toolbar.png) 0 0 repeat-x;
	box-shadow: 0 1px 0 rgba(253,253,255,0.5);
}

#toolbar {
	padding: 5px;
	line-height: 24px;
	font-size: 12px;
}

/* Menubar */
#menubar {
	height: 32px;
	padding: 8px;
	border: 0px solid rgba(0,0,2,0.8);
	border-radius: 7px;
	background: #B3B3B3 url(/templates/yoo_cloud/images/menubar.png) 0 0 repeat-x;
	box-shadow:
		inset 0 1px 0 rgba(253,253,255,0.2),
		0 1px 1px rgba(0,0,2,0.2);
}

/* Content */
#content,
#breadcrumbs {
	padding: 13px;
	border: 2px solid #fff;
	border-radius: 7px;
	background: #F7F7F9;
	box-shadow:
		0 0 0 1px rgba(0,0,2,0.1),
		0 1px 0 rgba(0,0,2,0.15),
		0 1px 1px rgba(0,0,2,0.1);
	text-shadow: 0 1px 0 rgba(253,253,255,1);
}

/* ToTop Scroller */
#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 23px;
	height: 24px;
	background: url(/templates/yoo_cloud/images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
}
#totop-scroller:hover { background-position: 0 -40px; }


/* === templates/yoo_cloud/css/menus.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === templates/yoo_cloud/warp/css/menus.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Menus Style Sheet - Defines base styles for various menus
 * Supported: Mega Drop-Down Menu, Sidebar/Accordion Menu and Line Menu
 */


/* Menu Helpers
----------------------------------------------------------------------------------------------------*/

.menu,
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu a,
.menu span { display: block; }
.menu a { text-decoration: none; }


/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

.menu-dropdown li { position: relative; }

/* Level 1 */
.menu-dropdown,
.menu-dropdown .level1,
.menu-dropdown .level1 > span { float: left; }

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
	height: 35px;
	padding: 0 10px;
	line-height: 35px;
}

/* Drop-Down */
.menu-dropdown .dropdown {
	display: none;
	position: absolute;
	top: 35px;
 	left: 0;
	z-index: 100;
	width: 300px; /* Default */
}

.menu-dropdown li:hover .dropdown,
.menu-dropdown li.remain .dropdown { display: block; }

.menu-dropdown .dropdown-bg > div { overflow: hidden; }

/* Multi Columns, Default */
.menu-dropdown .columns2 { width: 600px; }
.menu-dropdown .columns3 { width: 900px; }
.menu-dropdown .columns4 { width: 1200px; }

.menu-dropdown .column { float: left; }

/* Level 2 */
.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span {
	padding: 7px 0;
	line-height: 21px;
	overflow: hidden;
}

/* Level 3 */
.menu-dropdown ul.level3 { padding-bottom: 10px; }

.menu-dropdown li.level3 { /* Must be set in li for IE7 */
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-dropdown span.icon {
	display: block;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: left;
}

.menu-dropdown span.icon + span,
.menu-dropdown span.icon + span + span { margin-left: 35px; }

.menu-dropdown li.level2 .level2 span.icon {
	margin-top: -7px;
	margin-bottom: -7px;
}
.menu-dropdown li.level2.hassubtitle .level2 span.icon { margin-top: -2px; }

/* Subtitles */
.menu-dropdown span.title { line-height: 21px; }

.menu-dropdown span.subtitle {
	margin-top: -1px;
	font-size: 9px;
	line-height: 10px;
	text-indent: 1px;
}


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Accordion */
.menu-sidebar li.parent span.level1 > span { cursor: pointer; }

/* Level 1 */
.menu-sidebar a.level1 > span,
.menu-sidebar span.level1 > span {
	padding: 5px 0;
	line-height: 20px;
}

/* Remove Subtitles */
.menu-sidebar span.title { display: inline; }
.menu-sidebar span.subtitle { display: none; }

/* Level 2-4 */
.menu-sidebar ul.level2 { padding-bottom: 10px; }
.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 0; }

.menu-sidebar .level2 a > span {
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-sidebar span.icon {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: -5px 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: middle;
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-line,
.menu-line li,
.menu-line li a { display: inline-block; }







/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

.menu-dropdown a,
.menu-dropdown span.level1 { color: #b1b1b3; }
.menu-dropdown a:hover,
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { color: #fdfdff; }

/* Level 1 */
.menu-dropdown {}

.menu-dropdown li.level1 { margin-right: 6px; }

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
  border: 1px solid transparent;
  border-radius: 4px;
  background: url(/templates/yoo_cloud/images/menu_dropdown_level1.png) 0 0 no-repeat;
  font-size: 15px;
  text-shadow: 0 1px 0 rgba(0,0,2,0.3);
  text-transform: uppercase;
}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
  height: 30px;
  line-height: 30px;
}

/* Set Active */
.menu-dropdown li.active .level1 {
  border-top-color: rgba(0,0,2,0.25);
  border-right-color: rgba(0,0,2,0.12);
  border-bottom-color: rgba(0,0,2,0.12);
  border-left-color: rgba(0,0,2,0.25);
  background-position: 0 -100px;
  background-repeat: repeat-x;
  box-shadow: 1px 1px 0 rgba(253,253,255,0.05);
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
  border: 1px solid rgba(0,0,2,0.55);
  background-color: #525254;
  background-position: 0 -50px;
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 0 rgba(253,253,255,0.15),
        0 1px 1px rgba(0,0,2,0.25);
  text-shadow: 0 -1px 0 rgba(0,0,2,0.5);
}

/* Parent */
.menu-dropdown li.level1.parent a.level1 > span {
  padding-right: 25px;
  background: url(/templates/yoo_cloud/images/menu_dropdown_level1_parent.png) 100% 50% no-repeat;
}

/* Parent Hover */
.menu-dropdown li.level1.parent:hover .level1,
.menu-dropdown li.remain.parent .level1 {
  height: 31px;
  border-radius: 4px 4px 0 0;
}

/* Drop-Down */
.menu-dropdown .dropdown {
  top: 30px;
  left: -2px;
}

.menu-dropdown .dropdown-bg { margin: 2px; }

.menu-dropdown .dropdown-bg > div {
  border: 1px solid rgba(0,0,2,0.55);
  border-top: none;
  background: #525254;
  border-radius: 0 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(0,0,2,0.45);
}

.menu-dropdown .column ul.level2 { border-left: 1px solid #474749; }
.menu-dropdown .column:first-child ul.level2 { border-left: none; }

/* Level 2 */
.menu-dropdown li.level2 {  border-top: 1px solid #474749; }
.menu-dropdown li.level2:first-child { border: none; }

.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span {
  padding: 5px 10px;
  line-height: 26px;
  text-transform: uppercase;
}

.menu-dropdown .level2 a,
.menu-dropdown .level2 span { text-shadow: 0 1px 0 rgba(0,0,2,0.2); }
  
/* Set Hover */
.menu-dropdown a.level2:hover { background: #575759; }

/* Set Current */
.menu-dropdown a.current.level2 {
  background: #4c4c4e;
  font-weight: bold;
}

.menu-dropdown .level2 a.current { text-shadow: 0 -1px 0 rgba(0,0,2,0.3); }

/* Level 3 */
.menu-dropdown ul.level3 { padding: 7px 10px; }

.menu-dropdown a.level3 {
  padding: 0 0 0 12px;
  text-transform: uppercase;
}

/* Set Hover */
.menu-dropdown a.level3:hover { background-position: 0 -50px; }

/* Set Current */
.menu-dropdown a.current.level3 {
  background-position: 0 -100px;
  font-weight: bold;
} 

/* Icons */
.menu-dropdown .level1 .level1 span.icon {
  width: 30px;
  height: 30px;
  margin-left: -5px;
}
.menu-dropdown .level1 .level1 span.icon + span,
.menu-dropdown .level1 .level1 span.icon + span + span { margin-left: 25px; }

.menu-dropdown li.level2 .level2 span.icon { margin-right: 4px; }

.menu-dropdown li.level2 .level2 span.icon + span,
.menu-dropdown li.level2 .level2 span.icon + span + span { margin-left: 39px; }

/* Subtitles */
.menu-dropdown .level1 .level1 span.title {
  font-size: 14px;
  line-height: 20px;
}
.menu-dropdown .level1 .level1 span.subtitle {
  margin-top: -3px;
  font-size: 8px;
  color: #a2a2a4;
}

.menu-dropdown .level2 .level2 span.title { color: #e2e2e4; }
.menu-dropdown .level2 .level2 span.subtitle { color: #a2a2a4; }


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Module Spacing */
.mod-box .menu-sidebar,
.mod-box-header .menu-sidebar  { margin: -13px -13px 0 -13px; }

/* Link */
.menu-sidebar a,
.menu-sidebar li > span {
  color: #777779;
  font-size: 16px;
}

/* Hover */
.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #444446; }

/* Current */
.menu-sidebar a.current { font-weight: normal; }

/* Level 1 */
.menu-sidebar li.level1 a.level1,
.menu-sidebar li.level1 span.level1,
.menu-sidebar ul.level2 {
  background-image: url(/templates/yoo_cloud/images/menu_sidebar_level1.png);
  background-position: 0 0;
  background-repeat: repeat-x;
}
.menu-sidebar li.level1:first-child > a,
.menu-sidebar li.level1:first-child > span { background-image: none; }

.menu-sidebar a.level1 > span,
.menu-sidebar span.level1 > span {
    line-height: 16px;
    padding: 5px 15px;
}

.menu-sidebar li.level1.active { background-color: #fcfcfe; }

.menu-sidebar li.parent .level1 > span { background: url(/templates/yoo_cloud/images/menu_sidebar_parent.png) 100% 0 no-repeat; }
.menu-sidebar li.parent.active .level1 > span { background-position: 100% -100px; }

/* Level 2-4 */
.menu-sidebar ul.level2 { padding: 10px 15px; }
.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 10px; }

.menu-sidebar ul.level2 ul { padding-left: 10px; }

.menu-sidebar .level2 a > span {
  line-height: 20px;
  font-size: 13px;
}

.menu-sidebar li.level2 a.level2 { padding: 0 0 0 12px; }
.menu-sidebar li.level2 a.level2:hover { background-position: 0 -50px; }
.menu-sidebar li.level2 a.level2.active { background-position: 0 -100px; }

.menu-sidebar .level2 .current > span { font-weight: bold; }

/* Icons */
.menu-sidebar span.icon { margin-right: 4px; }

/* Module Black */
/* Module Spacing */
.mod-black .menu-sidebar,
.mod-color .menu-sidebar { margin: 0 -14px; }

/* Level 1 */
.mod-black .menu-sidebar li.level1 a.level1,
.mod-black .menu-sidebar li.level1 span.level1,
.mod-black .menu-sidebar ul.level2 { background-image: url(/templates/yoo_cloud/images/menu_sidebar_level1_black.png); }

/* Link */
.mod-black .menu-sidebar a,
.mod-black .menu-sidebar li > span { color: #b1b1b3; }

/* Hover */
.mod-black .menu-sidebar a:hover,
.mod-black .menu-sidebar li > span:hover { color: #fdfdff; }

/* Active */
.mod-black .menu-sidebar li.level1.active { background-image: url(/templates/yoo_cloud/images/menu_sidebar_level1_active_black.png); }

.mod-black .menu-sidebar li.level1.active,
.mod-color .menu-sidebar li.level1.active { background-color: transparent; }

/* Parent */
.mod-black .menu-sidebar li.parent .level1 > span,
.mod-color .menu-sidebar li.parent .level1 > span { background-image: url(/templates/yoo_cloud/images/menu_sidebar_parent_black.png); }

/* Module Color */
/* Level 1 */
.mod-color .menu-sidebar li.level1 a.level1,
.mod-color .menu-sidebar li.level1 span.level1,
.mod-color .menu-sidebar ul.level2 { background-image: url(/templates/yoo_cloud/images/menu_sidebar_level1_color.png); }

/* Active */
.mod-color .menu-sidebar li.level1.active { background-image: url(/templates/yoo_cloud/images/menu_sidebar_level1_active_color.png); }

/* Level 2 */
.mod-color .menu-sidebar li.level2 a.level2 { background-image: url(/templates/yoo_cloud/images/menu_sidebar_level2_color.png); }


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li { margin-left: 15px; }
.menu-line li:first-child { margin-left: 0; }

.menu-line li a {
  padding-left: 12px;
  background: url(/templates/yoo_cloud/images/menu_line.png) 0 0 no-repeat;
}
.menu-line li a:hover { background-position: 0 -50px; }

#footer .menu-line li {
  margin-left: 12px;
  padding-left: 13px;
  background: url(/templates/yoo_cloud/images/menu_line_footer.png) 0 0 no-repeat;
  font-size: 14px;
}
#footer .menu-line { margin-bottom: 10px; }

#footer .menu-line li:first-child,
#footer .menu-line li a {
  margin-left: 0;
  padding-left: 0;
  background: none;
}


/* === templates/yoo_cloud/css/modules.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === templates/yoo_cloud/warp/css/modules.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Modules Style Sheet - Defines general module defaults, headings, badges and icons
 */


/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module { position: relative; }

.module .badge {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	display: block; 
	position: relative;
	top: -6px;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	overflow: hidden;
	float: left;
}


/* Module Defaults
----------------------------------------------------------------------------------------------------*/

.deepest > *:first-child { margin-top: 0; }
.deepest > *:last-child { margin-bottom: 0; }


/* Module Headings
----------------------------------------------------------------------------------------------------*/

.module .module-title { margin: 0 0 15px 0; }

/* Subtitles */
.module .module-title span.title { display: block; }

.module .module-title span.subtitle {
	display: block;
	margin-top: 2px;
	line-height: 14px;
	font-size: 12px;
	text-indent: 1px;
}






.module .module-title { font-size: 20px; }
.module .module-title .subtitle { font-size: 12px; }


/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	width: 48px;
	height: 48px;
}

.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -50px; }
.module .badge-free { background-position: 0 -100px; }
.module .badge-new { background-position: 0 -150px; }


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon { background: url(/templates/yoo_cloud/images/module_icons.png) 0 0 no-repeat; }

.mod-black .module-title .icon,
.mod-color .module-title .icon { background-image: url(/templates/yoo_cloud/images/module_icons_color.png); }

.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
	padding: 13px;
	border: 2px solid #fff;
	border-radius: 7px;
	background: #F7F7F9;
	box-shadow:
		0 0 0 1px rgba(0,0,2,0.1),
		0 1px 0 rgba(0,0,2,0.15),
		0 1px 1px rgba(0,0,2,0.1);
	text-shadow: 0 1px 0 rgba(253,253,255,1.0);
}

.mod-box .badge { top: -4px; right: -4px; }

.mod-box .module-title .subtitle { color: #a2a2a4; }

/* Box Header */
.mod-box-header .module-title {
	margin: -13px -13px 13px -13px;
	padding: 13px;
	border-radius: 7px 7px 0 0;
	background: #E5E5E7 url(/templates/yoo_cloud/images/module_box_header.png) 0 0 repeat-x;
}


/* Module Type: Black
----------------------------------------------------------------------------------------------------*/

.mod-black {
	padding: 14px;
	border: 1px solid rgba(0,0,2,0.8);
	border-radius: 7px;
	background: #363638 url(/templates/yoo_cloud/images/module_black.png) 0 0 repeat-x;
	box-shadow:
		inset 0 1px 0 rgba(253,253,255,0.2),
		0 1px 1px rgba(0,0,2,0.2);
	color: #BFBFC1;
	text-shadow: 0 1px 0 rgba(0,0,2,0.3);
}

.mod-black .badge { top: -3px; right: -3px; }

.mod-black .module-title { color: #e3e3e5; }
.mod-black .module-title .subtitle { color: #99999c; }

.mod-black a:hover { color: #fdfdff; }

.mod-black strong,
.mod-black code { color: #ededef; }


/* Module Type: Color
----------------------------------------------------------------------------------------------------*/

.mod-color {
	padding: 14px;
	border-radius: 7px;
}

.mod-color .badge { top: -3px; right: -3px; }


/* Module Type: Headerbar Line
----------------------------------------------------------------------------------------------------*/

#headerbar .module {
	padding: 2px 20px;
	background: url(/templates/yoo_cloud/images/module_line.png) 100% 0 repeat-y;
}

#headerbar .module:first-child { background: none; }


/* === templates/yoo_cloud/css/tools.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === templates/yoo_cloud/warp/css/tools.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Tools Style Sheet - Provides a useful set of CSS classes to style your content
 * Some classes are used in the Joomla and WordPress system markup
 */


/* Useful Classes for Content Creation
----------------------------------------------------------------------------------------------------*/

.display-block { display: block; }
.remove-margin { margin: 0; }
.remove-margin-t { margin-top: 0; }
.remove-margin-b { margin-bottom: 0; }

/* Fluid images and objects */
.size-auto {
	max-width: 100%;
	height: auto;
}

/* Block Alignment (Needed for System Markup, without hyphen needed for WP) */
.align-left,
.alignleft {
	display: block;
	margin-right: 15px;
	float: left;
}

.align-right,
.alignright {
	display: block;
	margin-left: 15px;
	float: right;
}

.align-center {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

/* Text Alignment */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }


/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

a.button-more { display: inline-block; }


/* Lists (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

ul.blank,
ul.space,
ul.line,
ul.check,
ul.zebra {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Space */
ul.space li { margin-top: 15px; }
ul.space li:first-child { margin-top: 0; }

/* Line */
ul.line > li {
	margin-top: 5px;
	padding-top: 5px;
}

ul.line > li:first-child {
	margin-top: 0;
	padding-top: 0;
}

/* Check */
ul.check > li { margin-top: 5px; }
ul.check > li:first-child { margin-top: 0; }

/* Zebra */
ul.zebra > li { padding: 5px; }

ul.line > li > a:first-child,
ul.check > li > a:first-child { display: block; }


/* Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

table.zebra { width: 100%; }

table.zebra th {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

table.zebra th,
table.zebra td { padding: 5px; }

table.zebra tbody,
table.zebra tfoot { font-size: 12px; }

table.zebra .bold { font-weight: bold; }
table.zebra .center { text-align: center; }

table.zebra td * { vertical-align: middle; }

table.zebra tfoot { font-style: italic; }

table.zebra caption {
	font-size: 11px;
	text-align: left;
	font-style: italic;
}


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator {
	padding: 0;
	overflow: hidden;
}

dl.separator dt {	
	width: 160px;
	padding-right: 10px;
	float: left;
	clear: both;
}

dl.separator dd {
	margin-left: 170px;
	padding-left: 20px;
}


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	padding: 0 3px;
	white-space: nowrap;
}

/* Dotted Horizontal Rule */
hr.dotted { border: none; }

/* Drop Caps */
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	margin: 15px 0;
	padding: 10px;
	text-align: justify;
}

.box-content { padding: 20px; }

.box-info,
.box-warning,
.box-hint,
.box-download { padding-left: 40px; }


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Box */
form.box fieldset {
	margin-bottom: 30px;
	padding: 0 10px 10px 10px;
}
form.box legend { padding: 0 10px; }
form.box fieldset > div { margin: 15px 0; }

form.box button,
form.box input[type='button'],
form.box input[type='reset'] { vertical-align: middle; }

/* Short */
form.short > div { margin: 10px 0; }

form.short input { color: #333; }
form.short input:-moz-placeholder { color: #999; }
form.short input::-webkit-input-placeholder { color: #999; }
form.short input.placeholder { color: #999; }


/* Mobile Switcher (Needed for Mobile)
----------------------------------------------------------------------------------------------------*/

.mobile-switcher {
	display: block;
	width: 80%;
	margin: 20px auto 40px auto;
	padding: 40px 0;
	font-size: 50px;
	text-align: center;
}






/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

a.button-more {
	padding: 4px 10px 3px 10px;
	border-radius: 4px;
	color: #fdfdff!important;
	font-size: 11px;
	text-shadow: 0 1px 1px rgba(0,0,2,0.3);
	text-transform: uppercase;
}

a.button-more:hover { text-shadow: 0 1px 0 rgba(253,253,255,0.2); }

a.button-more:active {
	border-bottom: none;
	box-shadow:
		inset 0 1px 2px rgba(0,0,2,0.1),
		inset 0 0 0 1px rgba(0,0,2,0.08),
		0 1px 0 rgba(253,253,255,0.6);
}

/* Button Black */
.mod-black a.button-more {
	border-bottom: 1px solid #262628;
	background: #4e4e50;
	background: -moz-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, rgba(90,90,92,1.0)),
					color-stop(100%, rgba(78,78,80,1.0))
				);
	background: -o-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	color: #fdfdff;
	text-shadow: 0 1px 1px rgba(0,0,2,0.6);
}

.mod-black a.button-more:hover {
	border-bottom-color: #18181a;
	color: #18181a!important;
	text-shadow: 0 1px 0 rgba(253,253,255,0.1);
}

.mod-black a.button-more:active {
	border-top: 1px solid #18181a;
	border-bottom: none;
	box-shadow: inset 0 1px 1px rgba(0,0,2,0.25);
}

/* Button Color */
.mod-color a.button-more:active {
	box-shadow:
		inset 0 1px 2px rgba(0,0,2,0.1),
		inset 0 0 0 1px rgba(0,0,2,0.08),
		0 1px 0 rgba(253,253,255,0.2);
}

/* Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

img.border-box { border: 1px solid #d2d2d4; }


/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Line */
ul.line > li {
	border: none;
	background: url(/templates/yoo_cloud/images/tools/list_line.png) 0 0 repeat-x;
}
#page ul.line > li:first-child { background: none; padding-top: 5px; }

/* Line Black */
.mod-black ul.line > li { background: url(/templates/yoo_cloud/images/tools/list_line_black.png) 0 0 repeat-x; }

/* Line Color */
.mod-color ul.line > li { background: url(/templates/yoo_cloud/images/tools/list_line_color.png) 0 0 repeat-x; }

/* Line Icon */
ul.line-icon > li {
	padding-left: 16px;
	background:
		url(/templates/yoo_cloud/images/tools/list_line.png) 0 0 repeat-x,
		url(/templates/yoo_cloud/images/tools/list_line_icon.png) 0 0 no-repeat;
}
#page ul.line-icon > li:first-child {
	background:
		none,
		url(/templates/yoo_cloud/images/tools/list_line_icon.png) 0 0 no-repeat;
}

/* Line Icon Black */
.mod-black ul.line-icon > li {
	background:
		url(/templates/yoo_cloud/images/tools/list_line_black.png) 0 0 repeat-x,
		url(/templates/yoo_cloud/images/tools/list_line_icon_black.png) 0 0 no-repeat;
}
#page .mod-black ul.line-icon > li:first-child {
	background:
		none,
		url(/templates/yoo_cloud/images/tools/list_line_icon_black.png) 0 0 no-repeat;
}

/* Line Icon Color */
.mod-color ul.line-icon > li {
	background:
		url(/templates/yoo_cloud/images/tools/list_line_color.png) 0 0 repeat-x,
		url(/templates/yoo_cloud/images/tools/list_line_icon_color.png) 0 0 no-repeat;
}
#page .mod-color ul.line-icon > li:first-child {
	background:
		none,
		url(/templates/yoo_cloud/images/tools/list_line_icon_color.png) 0 0 no-repeat;
}

/* Check */
ul.check > li {
	padding: 4px 0 0 30px;
	background: url(/templates/yoo_cloud/images/tools/list_check.png) 0 0 no-repeat;
}

.mod-black ul.check > li { background: url(/templates/yoo_cloud/images/tools/list_check_black.png) 0 0 no-repeat; }

.mod-color ul.check > li { background: url(/templates/yoo_cloud/images/tools/list_check_color.png) 0 0 no-repeat; }

/* Zebra List and Table */
ul.zebra > li,
table.zebra tbody td { border-bottom: 1px solid #d2d2d4; }
ul.zebra > li:first-child,
table.zebra tbody tr:first-child td { border-top: 1px solid #d2d2d4; }

ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) { background: #fdfdff; }

/* Module Black */
.mod-black ul.zebra > li { border-bottom: 1px solid #262627; }
.mod-black ul.zebra > li:first-child { border-top: 1px solid #262627; }
.mod-black ul.zebra > li.odd,
.mod-black ul.zebra > li:nth-of-type(odd) { background: transparent url(/templates/yoo_cloud/images/menu_sidebar_level1_active_black.png) 0 0 repeat; }
.mod-black ul.zebra > li.odd { background-color: #3d3d3f; }

/* Module Color */
.mod-color ul.zebra > li { border-bottom: 1px solid #fdfdff; }
.mod-color ul.zebra > li:first-child { border-top: 1px solid #fdfdff; }
.mod-color ul.zebra > li.odd,
.mod-color ul.zebra > li:nth-of-type(odd) { background: transparent url(/templates/yoo_cloud/images/menu_sidebar_level1_active_color.png) 0 0 repeat; }
.mod-color ul.zebra > li.odd { background: transparent url(/templates/yoo_cloud/images/menu_sidebar_level1_active_color.png) 0 0 repeat; }

table.zebra {
	border-right: 1px solid #d2d2d4;
	border-bottom: 1px solid #d2d2d4;
	background: #F5F5F7;
	box-shadow:
		0 8px 4px -4px rgba(0,0,0,0.1),
		inset 0 1px 0 rgba(255,255,255,0.2);
}

table.zebra caption { color: #777779; }

table.zebra thead {
	background: #5a5a5c;
	background: -moz-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
}

table.zebra thead tr td,
table.zebra thead tr th { border: 1px solid #262628; }

table.zebra thead th {
	color: #fdfdff;
	text-shadow: 0 -1px 1px rgba(0,0,2,0.6);
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

table.zebra thead th a:hover { color: #fdfdff; }

table.zebra tbody tr { border-top: 1px solid #d2d2d4; }

table.zebra tbody tr:hover,
table.zebra tbody tr:nth-of-type(odd):hover,
table.zebra tbody tr.odd:hover {
	background: #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);
}

table.zebra tr td,
table.zebra tr th {	border-left: 1px solid #d2d2d4; }

table.zebra tfoot tr {
	border-bottom: 1px solid #a2a2a4;
	background: #eaeaec;
	color: #99999b;
}


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator dt {	
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #d2d2d4;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #d2d2d4;
}

dl.separator dt:after {
	content: "";
	position:absolute;
	top: -3px;
	right: -3px;
	width: 5px;
	height: 5px;
	background: #fdfdff;
	border: 1px solid #d2d2d4;
	border-radius:6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after { display: none; }


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	border: 1px dotted #b2b2b4;
	background: #f4f4f6;
	color: #666668;
}

/* Dotted Horizontal Rule */
hr.dotted { background: url(/templates/yoo_cloud/images/tools/line_dotted.png) 0 0 repeat-x; }


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content {
	border: 1px solid #d2d2d4;
	border-bottom-color: #a2a2a4;
	border-radius: 2px;
	background: #fdfdff;
	box-shadow:
		0 1px 3px rgba(0,0,0,0.08),
		inset 0 1px 0 rgba(255,255,255,1.0);
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	border: 1px solid #d2d2d4;
	border-bottom-color: #a2a2a4;
	border-radius: 2px;
	background: #fdfdff;
	box-shadow:
		0 1px 3px rgba(0,0,0,0.08),
		inset 0 1px 0 rgba(255,255,255,1.0);
}

.box-info {
	border-color: #a1c0d0;
	border-bottom-color: #79a0b4;
	background: #ebf5fa url(/templates/yoo_cloud/images/tools/box_info.png) 0 0 no-repeat;
	color: #1d5e80;
}

.box-warning {
	border-color: #edb1a2;
	border-bottom-color: #d18c7b;
	background: #fff0eb url(/templates/yoo_cloud/images/tools/box_warning.png) 0 0 no-repeat;
	color: #963e27;
}

.box-hint {
	border-color: #e2c487;
	border-bottom-color: #c5a35d;
	background: #fffae6 url(/templates/yoo_cloud/images/tools/box_hint.png) 0 0 no-repeat;
	color: #6a4f16;
}

.box-download {
	border-color: #c2d685;
	border-bottom-color: #a1b661;
	background: #faffe6 url(/templates/yoo_cloud/images/tools/box_download.png) 0 0 no-repeat;
	color: #51621c;
}


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset,
form.short fieldset {
	margin-bottom: 10px;
	padding: 10px 15px;
	border: 1px solid #d2d2d4;
	border-radius: 4px;
	box-shadow:
		1px 1px 0 rgba(253,253,255,1.0),
		inset 1px 1px 0 rgba(253,253,255,1.0);
}

form.box fieldset legend,
form.short fieldset legend {
	color: #a2a2a4;
	font-size: 12px;
	text-transform: uppercase;
}

form.box input[type="text"],
form.short input[type="text"],
form.box input[type="password"],
form.short input[type="password"],
form.box select,
form.short select,
form.box textarea,
form.short textarea {
	padding: 4px;
	border: 1px solid #c2c2c4;
	border-radius: 2px;
	background-color: #fefeff;
	box-shadow: inset 0 1px 1px rgba(0,0,2,0.06);
	color: #99999b;
}

form.box input[type="text"]:focus,
form.short input[type="text"]:focus,
form.box input[type="password"]:focus,
form.short input[type="password"]:focus,
form.box select:focus,
form.short select:focus,
form.box textarea:focus,
form.short textarea:focus {
	outline: none;
	color: #444446;
	border-color: #a2a2a4;
	box-shadow:
		inset 0 1px 1px rgba(0,0,2,0.2),
		0 1px 0 rbga(253,253,255,1.0);
}

form.box textarea,
form.short textarea { padding: 6px; }

form.box button,
form.short button,
form.box input[type="button"],
form.box input.button {
	margin: 3px;
	padding: 4px 8px;
	border: 1px solid #333335;
	border-top-color: #3d3d3f;
	border-bottom-color: #111113;
	border-radius: 4px;
	background: #3c3c3e;
	background: -moz-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(60,60,62,1.0) 100%
				);
	box-shadow:
		inset 0 1px 0 rgba(253,253,255,0.2),
		0 1px 0 rgba(0,0,2,0.2);
	color: #fdfdff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,2,0.6);
	text-align: center;
}

form.box button:hover,
form.short button:hover,
form.box input[type="button"]:hover,
form.box input.button:hover {
	box-shadow:
		inset 0 1px 0 rgba(253,253,255,0.1),
		inset 0 0 8px 1px rgba(0,0,2,0.4),
		0 1px 0px rgba(0,0,2,0.4);
	text-shadow: 0 -1px 0 rgba(0,0,2,0.8);
}

form.box button:active,
form.short button:active,
form.box input[type="button"]:active,
form.box input.button:active {
	border-top-color: #111113;
	background: #5a5a5c;
	background: -moz-linear-gradient(
					top,
					rgba(60,60,62,1.0) 0%,
					rgba(90,90,92,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(60,60,62,1.0) 0%,
					rgba(90,90,92,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
					rgba(60,60,62,1.0) 0%,
					rgba(90,90,92,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(60,60,62,1.0) 0%,
					rgba(90,90,92,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(60,60,62,1.0) 0%,
					rgba(90,90,92,1.0) 100%
				);
	box-shadow:
		inset 0 1px 1px rgba(0,0,2,0.1),
		inset 0 0 5px rgba(0,0,2,0.15),
		0 1px 0 rgba(253,253,255,1.0);
	color: #c2c2c4;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}

/* Menubar */
#menubar .module form.short { color: #a2a2a4; }
#menubar form.short button:active {
	box-shadow:
		inset 0 1px 1px rgba(0,0,2,0.1),
		inset 0 0 5px rgba(0,0,2,0.15),
		0 1px 0 rgba(253,253,255,0.1);
}

#menubar form.short input[type="text"],
#menubar form.short input[type="password"],
#menubar form.short select,
#menubar form.short textarea {
	padding: 4px;
	border: 1px solid #323234;
	border-top-color: #242426;
	border-radius: 2px;
	background-color: #444446;
	box-shadow:
		inset 0 1px 1px rgba(0,0,2,0.2),
		1px 1px 0 rgba(253,253,255,0.1);
	color: #777779;
}

#menubar form.short input[type="text"]:focus,
#menubar form.short input[type="password"]:focus,
#menubar form.short select:focus,
#menubar form.short textarea:focus {
	border: 1px solid #242426;
	border-top-color: #141416;
	border-radius: 2px;
	background-color: #363638;
	box-shadow:
		inset 0 1px 1px rgba(0,0,2,0.3),
		1px 1px 0 rgba(253,253,255,0.1);
	color: #99999b;
}


/* Mobile Switcher (Needed for Mobile)
----------------------------------------------------------------------------------------------------*/

.mobile-switcher {
	background: #eee;
	border: 1px solid #aaa;
}

/* Social Icons
----------------------------------------------------------------------------------------------------*/

.social-icons {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.social-icons li {
	float: left;
	margin: 0 6px 0 0;
	line-height: 25px;
}

.social-icons li a {
	display: inline-block;
	width: 25px;
	height: 25px;
	float: left;
	overflow: hidden;
	background: url(/templates/yoo_cloud/images/tools/icons_social.png) 0 0 no-repeat;
	text-indent: 50px;
}

.social-icons .rss a { background-position: 0 0; }
.social-icons .rss a:hover { background-position: 0 -30px; }

.social-icons .twitter a { background-position: 0 -60px; }
.social-icons .twitter a:hover { background-position: 0 -90px; }

.social-icons .facebook a { background-position: 0 -120px; }
.social-icons .facebook a:hover { background-position: 0 -150px; }

.social-icons .flickr a { background-position: 0 -180px; }
.social-icons .flickr a:hover { background-position: 0 -210px; }

.social-icons .linkedin a { background-position: 0 -240px; }
.social-icons .linkedin a:hover { background-position: 0 -270px; }

.social-icons .myspace a { background-position: 0 -300px; }
.social-icons .myspace a:hover { background-position: 0 -330px; }

.social-icons .lastfm a { background-position: 0 -360px; }
.social-icons .lastfm a:hover { background-position: 0 -390px; }

.social-icons .dribbble a { background-position: 0 -420px; }
.social-icons .dribbble a:hover { background-position: 0 -450px; }

.social-icons .digg a { background-position: 0 -480px; }
.social-icons .digg a:hover { background-position: 0 -510px; }

.social-icons .delicious a { background-position: 0 -540px; }
.social-icons .delicious a:hover { background-position: 0 -570px; }

.social-icons .deviantart a { background-position: 0 -600px; }
.social-icons .deviantart a:hover { background-position: 0 -630px; }

.social-icons .technorati a { background-position: 0 -660px; }
.social-icons .technorati a:hover { background-position: 0 -690px; }

.social-icons .stumbleupon a { background-position: 0 -720px; }
.social-icons .stumbleupon a:hover { background-position: 0 -750px; }

.social-icons .yahoo a { background-position: 0 -780px; }
.social-icons .yahoo a:hover { background-position: 0 -810px; }

.social-icons .openid a { background-position: 0 -840px; }
.social-icons .openid a:hover { background-position: 0 -870px; }

.social-icons .xing a { background-position: 0 -900px; }
.social-icons .xing a:hover { background-position: 0 -930px; }

.social-icons .forrst a { background-position: 0 -960px; }
.social-icons .forrst a:hover { background-position: 0 -990px; }

.social-icons .googleplus a { background-position: 0 -1020px; }
.social-icons .googleplus a:hover { background-position: 0 -1050px; }

.social-icons .youtube a { background-position: 0 -1080px; }
.social-icons .youtube a:hover { background-position: 0 -1110px; }

.social-icons .vimeo a { background-position: 0 -1140px; }
.social-icons .vimeo a:hover { background-position: 0 -1170px; }

.social-icons .foursquare a { background-position: 0 -1200px; }
.social-icons .foursquare a:hover { background-position: 0 -1230px; }

.social-icons .github a { background-position: 0 -1260px; }
.social-icons .github a:hover { background-position: 0 -1290px; }


/* === templates/yoo_cloud/css/system.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === templates/yoo_cloud/warp/css/system.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * System Style Sheet - Defines a base style for the Joomla and WordPress core HTML markup
 */


/* General
----------------------------------------------------------------------------------------------------*/

#system .page-title {
	margin-top: 0;
	font-size: 18px;
	line-height: 18px;
}

#system .title { margin-top: 0; }
#system .title a { text-decoration: none; }

#system .title + .title { margin-top: 20px; }

#system > .description {
	margin-bottom: 30px;
	overflow: hidden;
}

#system small { font-style: italic; }


/* Item
----------------------------------------------------------------------------------------------------*/

#system .item > header { margin-bottom: 15px; }
#system .item > header .title { margin-bottom: 0; }

#system .item > header .meta {
	margin: 10px 0 0 0;
	font-size: 11px;
	line-height: 13px;
}

#system .item > header .subtitle{
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

#system .item > .content > *:first-child,
#system .item > .content > *[class*="align"]:first-child + * { margin-top: 0; }
#system .item > .content > *:last-child { margin-bottom: 0; }

#system .item > .links { margin: 22px 0 0 0; }
#system .item > .links a { margin-right: 15px; }

#system .item > .taxonomy {}
#system .item > .trackback {}
#system .item > .edit {}

#system .item > *:last-child { margin-bottom: 0; }


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items { margin: 0 -10px 0 -10px; }
#system .items .item { margin: 0 10px 0 10px; }

#system .items > .width50 .title { font-size: 22px; line-height: 22px; }
#system .items > .width33 .title { font-size: 20px; line-height: 20px; }
#system .items > .width25 .title { font-size: 18px; line-height: 18px; }


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination {
	margin-top: 10px;
	text-align: center;
}

#system .pagination a { text-decoration: none; }
#system .pagination strong { font-weight: normal; }

#system .pagination a,
#system .pagination strong {
	display: inline-block;
	min-width: 15px;
	height: 25px;
	margin-left: 5px;
	padding: 0 5px;
	line-height: 25px;
}
#system .pagination > *:first-child { margin-left: 0; }

#system .pagination a.previous,
#system .pagination a.next {
	font-size: 16px;
	line-height: 23px;
}


/* Search Box
----------------------------------------------------------------------------------------------------*/

#searchbox { position: relative; }

#searchbox input {
	width: 100%;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	float: left;
}

#searchbox button { display: none; }
#searchbox.filled button {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	border: none;
	line-height: 0;
	cursor: pointer;
}
#searchbox.loading button {}

/* Drop-Down Results */
#searchbox .results {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 10;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#searchbox .results li.results-header,
#searchbox .results li.more-results {
	height: 35px;
	line-height: 35px;
	text-indent: 15px;
	text-transform: uppercase;
}

#searchbox .results li.more-results { cursor: pointer; }

#searchbox .results li.result {
	padding: 10px 15px;
	cursor: pointer;
}

#searchbox .results li.result h3 {
	margin: 0 0 5px 0;
	font-size: 16px;
}

#searchbox .results li.result div { font-size: 11px; }


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs { overflow: hidden; }

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
	display: inline-block;
	text-decoration: none;
}

.breadcrumbs a,
.breadcrumbs > span { margin-right: 10px; }


/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box { margin: 20px 0; }
#system .title + .author-box { margin-top: 0; }

#system .author-box .avatar {
	margin-right: 15px;
	float: left;
}

#system .author-box .name {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}

#system .author-box .description {}


/* Comments
----------------------------------------------------------------------------------------------------*/

#system #comments { margin-top: 20px; }

#system #comments h3.comments-meta { margin: 0 0 10px 0; }

#system #comments ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Head */
#system #comments .comment-head {
	margin-bottom: 10px;
	overflow: hidden;
}

#system #comments .comment-head .avatar {
	margin-right: 10px;
	float: left;
}

#system #comments .comment-head .author {
	margin: 8px 0 0 0;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

#system #comments .comment-head .meta {
	margin: 3px 0 0 0;
	font-size: 11px;
}

/* Body */
#system #comments .comment-body {
	margin-bottom: 20px;
	padding: 0 10px;
}

#system #comments .comment-body .content { text-align: justify; }

#system #comments .comment-body .reply { margin: 10px 0 0 0; }

#system #comments .no-response .comment-body .reply { display: none; }

#system #comments .comment-body .moderation {
	margin: 10px 0 0 0;
	font-size: 14px;
	font-style: italic;
}

#system #comments ul.level1 ul { padding-left: 55px; }

/* Respond */
#system #respond h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

#system #respond p.user { margin: 0; }

#system #respond input[type='text'] {
	width: 200px;
	height: 25px;
	padding-left: 5px;
	line-height: 25px;
}

#system #respond textarea {
	width: 100%;
	max-width: 400px;
	height: 100px;
}

/* Moved Respond */
#system ul #respond {
	margin: 0 0 30px 0;
	padding-left: 10px;
}


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article {
	margin-top: 10px;
	padding-top: 10px;
	overflow: hidden;
}

.comments-list > article:first-child {
	margin: 0;
	padding: 0;
}

.comments-list .avatar {
	margin-right: 10px;
	float: left;
}

.comments-list .author {
	margin: 2px 0 0 0;
	font-size: 12px;
	line-height: 18px;
}

.comments-list .meta {
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
}

.comments-list .content p { margin: 5px 0 0 0; }


/* Tag Cloud
----------------------------------------------------------------------------------------------------*/

.tagcloud {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.tagcloud li {
	display: inline;
	line-height: 20px;
	vertical-align: middle;
}

.tagcloud a { white-space: nowrap; }

.tagcloud .weight1 a { font-size: 11px; }
.tagcloud .weight2 a { font-size: 12px; }
.tagcloud .weight3 a { font-size: 13px; }
.tagcloud .weight4 a { font-size: 14px; }
.tagcloud .weight5 a { font-size: 15px; }
.tagcloud .weight6 a { font-size: 16px; }
.tagcloud .weight7 a { font-size: 18px; }
.tagcloud .weight8 a { font-size: 20px; }
.tagcloud .weight9 a { font-size: 23px; letter-spacing: -1px; }
.tagcloud .weight10 a { font-size: 26px; letter-spacing: -1px; }





/* === templates/yoo_cloud/warp/systems/joomla.1.7/css/system.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Additional System Stylesheet for Joomla 1.7
 */


/* Item (Addition)
----------------------------------------------------------------------------------------------------*/
 
#system .item > header .icon { 
	margin: 2px 0 0 5px;
	float: right;
}

#system .item > .edit a { vertical-align: text-top; }


/* Item List
----------------------------------------------------------------------------------------------------*/

#system .item-list {
	margin-top: 10px;
	overflow: hidden;
}


/* Filter
----------------------------------------------------------------------------------------------------*/

#system .filter {
	margin: 0 0 10px 0;
	overflow: hidden;
}

#system .filter > div {
	margin: 0 10px 0 0;
	float: left;
}


/* Tooltip
----------------------------------------------------------------------------------------------------*/

.tip-wrap {
	display: none;
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
	font-size: 12px;
}

.tip-title {
	margin-top: -15px;
	padding: 15px 0 5px 0;
	background: url(/templates/system/images/selector-arrow.png) no-repeat;
	font-weight: bold;
	font-size: 13px;
	
}


/* Form Submission
----------------------------------------------------------------------------------------------------*/

#system form.submission fieldset > div { overflow: hidden; }
#system form.submission fieldset > div > * { vertical-align: middle; }
#system form.submission fieldset > div > label:first-child {
	display: block;
	width: 150px;
	float: left;
}

#system form.submission fieldset > div > input[type='text'],
#system form.submission fieldset > div > input[type='password'] {
	padding: 5px;
	width: 250px;
}
#system form.submission fieldset > div > select {
	padding: 5px;
	width: 262px;
}

#system form.submission fieldset > div > textarea { width: 255px; }

#system form.submission small {
	display: block;
	margin: -25px 0 25px 0;
}

#system form.submission div.submit {
	margin-top: -20px;
	text-align: center;
}

#system form.submission div > .calendar { margin-left: 5px; }
#system form.submission #metadesc { height: 100px; }
#system form.submission #metakey { height: 60px; }

/* Validation */
#system .invalid { border-color: #ff0000; }
#system label.invalid { color: #ff0000; }

/* Calendar */
#system a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(/templates/system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* Editor Buttons */
#system #editor-xtd-buttons {
	margin: 10px 0 10px 0;
	padding: 0;
}

#system #editor-xtd-buttons .button2-left,
#system #editor-xtd-buttons .button2-left * { float: left; }

#system #editor-xtd-buttons .button2-left {
	margin-right: 5px;
	background: url(/templates/system/images/j_button2_left.png) no-repeat;
}

#system #editor-xtd-buttons .button2-left .image { background: url(/templates/system/images/j_button2_image.png) 100% 0 no-repeat; }
#system #editor-xtd-buttons .button2-left .article,
#system #editor-xtd-buttons .button2-left .readmore { background: url(/templates/system/images/j_button2_readmore.png) 100% 0 no-repeat; }
#system #editor-xtd-buttons .button2-left .pagebreak { background: url(/templates/system/images/j_button2_pagebreak.png) 100% 0 no-repeat; }

#system #editor-xtd-buttons .button2-left a,
#system #editor-xtd-buttons .button2-left span {
	display: block;
	height: 22px;
	padding: 0 24px 0 6px;
	line-height: 22px;
	font-size: 11px;
	color: #666;
}

#system #editor-xtd-buttons .button2-left span { color: #999; }

#system #editor-xtd-buttons .button2-left a:hover {
	text-decoration: none;
	color: #0B55C4;
}

/* Small (Login) */
#system form.submission.small fieldset > div { margin: 15px 0; }


/* System Messages
----------------------------------------------------------------------------------------------------*/

#system-message {
	margin: 0 0 10px 0;
	padding: 0;
}
#system-message dt { display: none; }
#system-message dd {
	margin-left: 0;
	padding: 10px;
	border-top: 3px solid #84A7DB;
	border-bottom: 3px solid #84A7DB;
	color: #0055BB;
}
#system-message dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#system-message dd.error { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
#system-message dd.notice { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}


/* System Debug
----------------------------------------------------------------------------------------------------*/
 
#system-debug {
	padding: 30px;
	background: #fff;
	color: #333;
}
#system-debug div { font-size: 11px;}





/* === templates/yoo_cloud/css/system-all.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* General
----------------------------------------------------------------------------------------------------*/

#system .title a { color: #444446; }

#system small { color: #87878A; }


/* Item
----------------------------------------------------------------------------------------------------*/

#system .item > header .meta {
	margin-top: 3px;
	color: #87878A;
	font-size: 12px;
	text-transform: uppercase;
}

#system .item > header .subtitle{ color: #a2a2a4; }

#system .item > .links a:after {
	content: " »";
	font-size: 16px;
}


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items .item {
	margin-top: 12px;
	padding-top: 18px;
	border-top: 1px solid #d2d2d4;
}

#system .items .item:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination a,
#system .pagination strong {
	height: 22px;
	margin-left: 3px;
	padding: 0 3px;
	line-height: 22px;
	overflow: hidden;
}

#system .pagination a {
	border-bottom: 1px solid #B9B9BB;
	border-radius: 3px;
	background: #CDCDCF;
	background: -moz-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	color: #444446;
	text-shadow: 0 1px 0 rgba(253,253,255,0.8);
}

#system .pagination strong {
	border-bottom: 1px solid #252527;
	border-radius: 3px;
	background: #414143;
	background: -moz-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(65,65,67,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	color: #fdfdff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}

#system .pagination strong { font-weight: bold; }

#system .pagination > *:first-child { margin-left: 0; }

#system .pagination a.previous,
#system .pagination a.next {
	width: 17px;
	min-width: 17px;
	padding: 0;
	border: none;
	background: transparent url(/templates/yoo_cloud/images/pagination_nav.png) 50% 0 no-repeat;
	box-shadow: none;
	text-indent: 50px;
}
#system .pagination a.previous:hover { background-position: 50% -20px; }
#system .pagination a.previous:active { background-position: 50% -40px; }
#system .pagination a.next { background-position: 50% -60px; }
#system .pagination a.next:hover { background-position: 50% -80px; }
#system .pagination a.next:active { background-position: 50% -100px; }

#system .pagination a.first,
#system .pagination a.last { display: none; }


/* Search Box
----------------------------------------------------------------------------------------------------*/

#searchbox {
	width: 100px;
	height: 30px;
	padding: 0 25px 0 30px;
	border-top: 1px solid rgba(0,0,2,0.25);
	border-right: 1px solid rgba(0,0,2,0.12);
	border-bottom: 1px solid rgba(0,0,2,0.12);
	border-left: 1px solid rgba(0,0,2,0.25);
	border-radius: 4px;
	background: rgba(0,0,2,0.2) url(/templates/yoo_cloud/images/searchbox_magnifier.png) 0 50% no-repeat;
	box-shadow: 1px 1px 0 rgba(253,253,255,0.05);
}


#searchbox input {
	height: 30px;
	color: #a2a2a4;
	font-size: 13px;
	text-shadow: 0 1px 0 rgba(0,0,2,0.7);
}

#searchbox input:-moz-placeholder { color: #777779; }
#searchbox input::-webkit-input-placeholder { color: #777779; }
#searchbox input.placeholder { color: #777779; }

#searchbox.filled button {
	width: 25px;
	background: url(/templates/yoo_cloud/images/searchbox_reset.png) 50% 50% no-repeat; 
}
#searchbox.loading button { background: url(/templates/yoo_cloud/images/searchbox_loader.gif) 50% 50% no-repeat; }

/* Drop-Down Results */
#searchbox .results {
	top: 41px;
	right: -10px;
	width: 300px;
	border: 1px solid #2F2F31;
	border-radius: 4px;
	background: #575759;
	box-shadow: 0 1px 1px rgba(0,0,2,0.25);
	color: #b1b1b3;
	text-shadow: 0 1px 0 rgba(0,0,2,0.3);
}

#searchbox .results li.results-header {
	border-bottom: 1px solid #474749;
	background: #525254 url(/templates/yoo_cloud/images/menu_dropdown_level1_hover.png) 0 0 repeat-x;
}
#searchbox .results li.more-results { border-top: 1px solid #474749; }
#searchbox .results li.more-results:hover {
	background: #4c4c4e;
	color: #fdfdff;
}
#searchbox .results li.result { border-top: 1px solid #474749; }
#searchbox .results li.result h3 { color: #d7d7d9; }
#searchbox .results li.results-header + li.result { border-top: none; }

#searchbox .results li.result.selected {
	background: #4c4c4e;
	color: #d7d7d9;
}


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs a,
.breadcrumbs > span {
	padding-right: 15px;
	background: url(/templates/yoo_cloud/images/breadcrumbs.png) 100% 50% no-repeat;
}

/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box {
	padding: 15px;
	border: 1px solid #d2d2d4;
	border-bottom-color: #a2a2a4;
	border-radius: 2px;
	background: #fdfdff;
	box-shadow:
		0 8px 3px -4px rgba(0,0,0,0.1),
		inset 0 1px 0 rgba(255,255,255,1.0);
}

#system .author-box .avatar {
	padding: 3px;
	border: 1px solid #d2d2d4;
	background: #fdfdff;
}

#system .author-box .name { color: #444446; }


/* Comments
----------------------------------------------------------------------------------------------------*/

/* Head */
#system #comments .comment-head {
	padding: 5px;
	border: 1px solid #d2d2d4;
	border-bottom-color: #a2a2a4;
	border-radius: 2px;
	background: #fdfdff;
	box-shadow:
		0 8px 3px -4px rgba(0,0,0,0.1),
		inset 0 1px 0 rgba(255,255,255,1.0);
}

#system #comments .comment-byadmin .comment-head {
	border-color: #c2d685;
	border-bottom-color: #a1b661;
	background: #faffe6;
	color: #51621c;
	box-shadow:
		0 8px 3px -4px rgba(161,182,97,0.3),
		inset 0 1px 0 rgba(255,255,255,1.0);
}

#system #comments .comment-head .author { text-shadow: 1px 1px 0 rgba(253,253,255,1.0); }

/* Body */
#system #comments ul.level1 ul { background: url(/templates/yoo_cloud/images/comments_arrow.png) 0 0 no-repeat; }

/* Respond */
#system #respond h3 { color: #444446; }


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article { border-top: 1px solid #d2d2d4; }
.comments-list > article:first-child { border: none; }

.comments-list .meta { color: #a2a2a4; }


/* Tag Cloud
----------------------------------------------------------------------------------------------------*/

.tagcloud li {
	display: inline-block;
	margin: 0 5px 7px 0;
	padding: 5px 7px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #eee;
	box-shadow: 0 1px 0 #fff;
	font-size: 16px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	
}






/* Items (Addition)
----------------------------------------------------------------------------------------------------*/
 
#system .items .leading .item {
	padding-bottom: 12px;
	margin-bottom: 18px;
	border-bottom: 1px solid #d2d2d4;
}


/* Item List
----------------------------------------------------------------------------------------------------*/

#system .item-list { border-top: 1px solid #d2d2d4; }


/* Search
----------------------------------------------------------------------------------------------------*/

#system span.highlight { background-color: #ffffaa; }


/* === templates/yoo_cloud/css/color/grey.css === */
/* Copyright */


/* Base
----------------------------------------------------------------------------------------------------*/

/* Link Colors */
a,
h2,
h4,
h5,
h6,
#footer a:hover,
.menu-dropdown li.active > a,
.menu-sidebar a.active,
.menu-sidebar li > span.active,
#system .pagination a:hover { color: #D78D08; }

::-moz-selection { background: #92AFC2; color: #fff; }
::selection { background: #92AFC2; color: #fff; }


/* Menus
----------------------------------------------------------------------------------------------------*/

/* Menu-Dropdown */
.menu-dropdown a.level3 { background: url(/templates/yoo_cloud/images/color/grey/menu_dropdown_level3.png) 0 0 no-repeat; }

/* Menu-Sidebar */
.menu-sidebar li.level2 a.level2 { background: url(/templates/yoo_cloud/images/color/grey/menu_sidebar_level2.png) 0 0 no-repeat; }

.mod-black .menu-sidebar li.level2 a.level2 { background-image: url(/templates/yoo_cloud/images/color/grey/menu_sidebar_level2_black.png); }

/* Link */
.mod-color .menu-sidebar a,
.mod-color .menu-sidebar li > span { color: #f2fbff; }

/* Hover */
.mod-color .menu-sidebar a:hover,
.mod-color .menu-sidebar li > span:hover { color: #fff; }

/* Active */
.mod-color .menu-sidebar a.active,
.mod-color .menu-sidebar li > span.active { color: #475254; }


/* Modules
----------------------------------------------------------------------------------------------------*/

.module .badge { background-image: url(/templates/yoo_cloud/images/color/grey/module_badges.png); }

/* Module Color */
.mod-color {
	border: 1px solid #000000;
	border-top-color: #475863;
	background: #521E2A;
	box-shadow:
		inset 0 0 5px rgba(71,88,91,0.7),
		0 1px 0 rgba(253,253,255,1.0);
	color: #E4EBED;
	text-shadow: 0 1px 0 rgba(0,0,2,0.1);
}

.mod-color h3.module-title { color: #E4EBED; }

.mod-color h3.module-title .subtitle { color: #D8E4E9; }

.mod-color a:hover,
.mod-color strong,
.mod-color code { color: #FFFFFF; text-shadow: 0 1px 0 rgba(240,245,250,0.2); }

.mod-color a { color: #fff; }

.mod-color a:hover { text-shadow: 0 1px 0 rgba(0,0,2,0.2); }


/* Tools
----------------------------------------------------------------------------------------------------*/

/* Button More */
a.button-more {
	border-bottom: 1px solid #677b88;
	background: #7a919f;
	background: -moz-linear-gradient(
					top,
					rgba(146,165,175,1.0) 0%,
					rgba(122,145,159,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(146,165,175,1.0) 0%,
					rgba(122,145,159,1.0) 100%
				);
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #92a5af),
					color-stop(100%, #7a919f)
				);
	background: -o-linear-gradient(
					top,
					rgba(146,165,175,1.0) 0%,
					rgba(122,145,159,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(146,165,175,1.0) 0%,
					rgba(122,145,159,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(146,165,175,1.0) 0%,
					rgba(122,145,159,1.0) 100%
				);
}

a.button-more:hover {
	border-bottom-color: #4b5962;
	color: #475254!important;
}

a.button-more:active { border-top: 1px solid #4b5962; }


/* === templates/yoo_cloud/css/style.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

body#page { background: #fefefe; }


/* Layout
----------------------------------------------------------------------------------------------------*/

/* Toolbar */
#toolbar { text-shadow: 0 1px 0 rgba(253,253,255,1.0); }

#toolbar,
#toolbar a { color: #99999b; }
#toolbar a:hover { color: #222224; }

/* Footer */
#footer {
	color: #87878B;
	text-shadow: 0 1px 0 rgba(253,253,255,1.0);
}

#footer a { color: #444446; }


/* Menus
----------------------------------------------------------------------------------------------------*/


/* Modules
----------------------------------------------------------------------------------------------------*/

/* Module Type: Headerbar Line */

#headerbar .module {
	color: #666668;
	text-shadow: 0 1px rgba(253,253,255,1.0);
}

#headerbar .module strong { color: #444446; }
#headerbar .module small { color: #99999b; }


/* Tools
----------------------------------------------------------------------------------------------------*/


/* System
----------------------------------------------------------------------------------------------------*/




/* === templates/yoo_cloud/fonts/mavenpro.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@font-face {
    font-family: 'MavenProRegular';
    src: url('/templates/yoo_cloud/fonts/maven_pro_regular-webfont.eot');
    src: url('/templates/yoo_cloud/fonts/maven_pro_regular-webfont.eot#iefix') format('embedded-opentype'),
         url('/templates/yoo_cloud/fonts/maven_pro_regular-webfont.woff') format('woff'),
         url('/templates/yoo_cloud/fonts/maven_pro_regular-webfont.ttf') format('truetype'),
         url('/templates/yoo_cloud/fonts/maven_pro_regular-webfont.svg#MavenProRegular') format('svg');
}

@font-face {
    font-family: 'MavenProMedium';
    src: url('/templates/yoo_cloud/fonts/maven_pro_medium-webfont.eot');
    src: url('/templates/yoo_cloud/fonts/maven_pro_medium-webfont.eot#iefix') format('embedded-opentype'),
         url('/templates/yoo_cloud/fonts/maven_pro_medium-webfont.woff') format('woff'),
         url('/templates/yoo_cloud/fonts/maven_pro_medium-webfont.ttf') format('truetype'),
         url('/templates/yoo_cloud/fonts/maven_pro_medium-webfont.svg#MavenProMedium') format('svg');
}

/* merged from css/font1|font2|font3/mavenpro.css */
body { font-family: "MavenProRegular"; }

h1, h2, h3, h4, h5, h6 { font-family: "MavenProMedium"; }

.menu-dropdown a.level1,
.menu-dropdown span.level1 { font-family: "MavenProRegular"; }

.menu-line li a { background-position: 0 1px; }
.menu-line li a:hover { background-position: 0 -49px; }


/* === page layout (moved from inline <style> in <head>) === */
body {
	min-width: 1000px;
}
.wrapper {
	width: 1000px;
}
#maininner {
	width: 1000px;
}
#menu .dropdown {
	width: 300px;
}
#menu .columns2 {
	width: 600px;
}
#menu .columns3 {
	width: 900px;
}
#menu .columns4 {
	width: 1200px;
}



/* Simplified content after empty layout tables removed */
ul.content-links {
	list-style: none;
	margin: 0 0 1.5em;
	padding: 0;
}
ul.content-links li {
	margin: 0 0 0.75em;
}
ul.content-links a {
	color: #c45c26;
}
div.content-block {
	margin: 0 0 1em;
}

/* Pagination — centered, spaced controls (works outside #system too) */
.pagination,
#system .pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	clear: both;
	margin: 24px 0 8px;
	padding: 0;
	text-align: center;
}

.pagination a,
.pagination strong,
#system .pagination a,
#system .pagination strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 34px;
	height: 34px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid #cfcfd2;
	border-radius: 4px;
	background: #f4f4f6;
	color: #444446;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	overflow: visible;
	box-shadow: none;
}

.pagination a:hover,
#system .pagination a:hover {
	border-color: #d78d08;
	background: #fff8eb;
	color: #d78d08;
}

.pagination strong,
#system .pagination strong {
	border-color: #414143;
	background: #414143;
	color: #fdfdff;
	font-weight: bold;
}

.pagination a.previous,
.pagination a.next,
.pagination a.first,
.pagination a.last,
#system .pagination a.previous,
#system .pagination a.next,
#system .pagination a.first,
#system .pagination a.last {
	display: inline-flex;
	width: auto;
	min-width: 34px;
	padding: 0 12px;
	border: 1px solid #cfcfd2;
	background: #f4f4f6;
	text-indent: 0;
}

.pagination a.next,
#system .pagination a.next {
	font-size: 16px;
}


.pagination a.is-disabled,
#system .pagination a.is-disabled {
	opacity: 0.35;
	pointer-events: none;
	cursor: default;
}


/* Email addresses shown as text only (not clickable) */
.email-inactive {
	color: inherit;
	text-decoration: none;
	cursor: text;
}

/* === Mobile / responsive layout === */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

img,
video,
iframe {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 980px) {
	body,
	body#page {
		min-width: 0 !important;
		overflow-x: hidden;
	}

	.wrapper,
	#maininner,
	#menu .dropdown,
	#menu .columns2,
	#menu .columns3,
	#menu .columns4 {
		width: auto !important;
		max-width: 100%;
	}

	.wrapper {
		padding: 0 12px;
		box-sizing: border-box;
	}

	#header {
		margin-top: 12px;
	}

	#headerbar {
		margin-bottom: 12px;
		text-align: center;
	}

	#logo,
	#logo > img,
	#menu,
	#search {
		float: none;
	}

	#logo {
		display: inline-block;
		max-width: 100%;
	}

	#logo img {
		max-width: min(280px, 80vw);
		height: auto;
	}

	#menubar {
		height: auto !important;
		min-height: 0 !important;
		padding: 8px !important;
		position: relative;
		overflow: visible;
	}

	/* Hamburger */
	.mobile-nav-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 36px;
		margin: 0 0 8px;
		padding: 0;
		border: 1px solid rgba(0, 0, 2, 0.25);
		border-radius: 4px;
		background: rgba(253, 253, 255, 0.55);
		cursor: pointer;
		box-shadow: none;
	}

	.mobile-nav-toggle span,
	.mobile-nav-toggle span:before,
	.mobile-nav-toggle span:after {
		display: block;
		width: 20px;
		height: 2px;
		background: #333;
		position: relative;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	.mobile-nav-toggle span:before,
	.mobile-nav-toggle span:after {
		content: "";
		position: absolute;
		left: 0;
	}

	.mobile-nav-toggle span:before { top: -6px; }
	.mobile-nav-toggle span:after { top: 6px; }

	body.mobile-nav-open .mobile-nav-toggle span {
		background: transparent;
	}
	body.mobile-nav-open .mobile-nav-toggle span:before {
		top: 0;
		transform: rotate(45deg);
	}
	body.mobile-nav-open .mobile-nav-toggle span:after {
		top: 0;
		transform: rotate(-45deg);
	}

	#menu {
		display: none;
		width: 100% !important;
		float: none !important;
		clear: both;
	}

	body.mobile-nav-open #menu {
		display: block !important;
	}

	/* Reset desktop mega-menu completely */
	#menu .menu-dropdown,
	#menu ul.menu,
	#menu .menu-dropdown .level1,
	#menu .menu-dropdown .level1 > span,
	#menu .menu-dropdown .level1 > a,
	#menu .menu-dropdown li,
	#menu .menu-dropdown .column {
		float: none !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		clear: none;
	}

	#menu .menu-dropdown,
	#menu ul.menu {
		display: block !important;
		width: 100% !important;
		list-style: none;
		padding: 0;
	}

	#menu .menu-dropdown > .level1,
	#menu ul.menu > .level1 {
		display: block !important;
		width: 100% !important;
		border-bottom: 1px solid rgba(0, 0, 2, 0.12);
		overflow: hidden;
	}

	#menu .menu-dropdown > .level1 > a.level1,
	#menu .menu-dropdown > .level1 > span.level1,
	#menu ul.menu > .level1 > a.level1,
	#menu ul.menu > .level1 > span.level1 {
		display: block !important;
		width: auto !important;
		box-sizing: border-box;
		padding: 12px 14px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: none !important;
		background-image: none !important;
		box-shadow: none !important;
		color: #2a2a2c !important;
		font-size: 15px !important;
		line-height: 1.35 !important;
		text-shadow: none !important;
		text-transform: uppercase;
		cursor: pointer;
	}

	#menu .menu-dropdown > .level1 > a.level1 > span,
	#menu .menu-dropdown > .level1 > span.level1 > span,
	#menu .menu-dropdown span.title,
	#menu .menu-dropdown span.subtitle {
		display: inline !important;
		float: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: inherit !important;
		background: none !important;
		color: inherit !important;
		text-shadow: none !important;
	}

	#menu .menu-dropdown li.active > .level1,
	#menu .menu-dropdown li.level1:hover > .level1,
	#menu .menu-dropdown li.remain > .level1,
	#menu .menu-dropdown a.level1.active,
	#menu .menu-dropdown a.level1.current {
		color: #c45c26 !important;
		background: none !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	#menu .menu-dropdown li.level1.parent > .level1 > span {
		padding-right: 0 !important;
		background: none !important;
	}

	/* Accordion submenus */
	#menu .menu-dropdown .dropdown,
	#menu .menu-dropdown li:hover .dropdown,
	#menu .menu-dropdown li.remain .dropdown {
		display: none !important;
		position: static !important;
		top: auto !important;
		left: auto !important;
		z-index: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		border: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
		overflow: visible !important;
		transform: none !important;
	}

	#menu .menu-dropdown li.mobile-open > .dropdown {
		display: block !important;
	}

	#menu .menu-dropdown .dropdown-bg,
	#menu .menu-dropdown .dropdown-bg > div,
	#menu .menu-dropdown .columns1,
	#menu .menu-dropdown .columns2,
	#menu .menu-dropdown .columns3,
	#menu .menu-dropdown .columns4,
	#menu .menu-dropdown .column,
	#menu .menu-dropdown .width100 {
		display: block !important;
		float: none !important;
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	#menu .menu-dropdown ul.level2 {
		display: block !important;
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 0 8px !important;
		list-style: none;
		border: 0 !important;
		background: #ececee !important;
	}

	#menu .menu-dropdown li.level2 {
		display: block !important;
		float: none !important;
		width: 100% !important;
		border: 0 !important;
		border-top: 1px solid rgba(0, 0, 2, 0.08) !important;
	}

	#menu .menu-dropdown li.level2:first-child {
		border-top: 0 !important;
	}

	#menu .menu-dropdown a.level2,
	#menu .menu-dropdown a.level2:hover,
	#menu .menu-dropdown a.level2.current {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
		background: transparent !important;
		color: #333 !important;
		text-shadow: none !important;
	}

	#menu .menu-dropdown a.level2 > span,
	#menu .menu-dropdown span.level2 > span {
		display: block !important;
		float: none !important;
		box-sizing: border-box;
		width: auto !important;
		max-width: 100%;
		height: auto !important;
		margin: 0 !important;
		padding: 10px 14px 10px 28px !important;
		line-height: 1.35 !important;
		overflow: visible !important;
		white-space: normal !important;
		text-transform: none !important;
		color: #333 !important;
	}

	#menu .menu-dropdown a.level2:hover > span,
	#menu .menu-dropdown a.level2.current > span {
		color: #c45c26 !important;
		background: rgba(255, 255, 255, 0.55) !important;
	}

	#menu .menu-dropdown .level2 .level2 span.title,
	#menu .menu-dropdown .level2 .level2 span.subtitle {
		color: inherit !important;
	}

	/* Parent indicator for accordion */
	#menu .menu-dropdown li.level1.parent > .level1 {
		position: relative;
		padding-right: 36px !important;
	}

	#menu .menu-dropdown li.level1.parent > .level1:after {
		content: "+";
		position: absolute;
		right: 14px;
		top: 50%;
		margin-top: -0.6em;
		font-size: 18px;
		font-weight: bold;
		color: #666;
		line-height: 1;
	}

	#menu .menu-dropdown li.level1.parent.mobile-open > .level1:after {
		content: "−";
	}

	#content,
	#breadcrumbs,
	#main,
	#maininner {
		box-sizing: border-box;
		max-width: 100%;
	}

	#content {
		padding: 12px;
		overflow-x: auto;
	}

	#system img,
	.content img,
	article img {
		max-width: 100%;
		height: auto;
	}

	/* News module: one column */
	.nspArt,
	.nspArt[style] {
		width: 100% !important;
		float: none !important;
		clear: both !important;
	}

	.nspArtScroll1,
	.nspArtScroll2,
	.nspArts {
		width: 100% !important;
		overflow: visible !important;
	}

	.nspTopInterface {
		margin-bottom: 8px;
	}

	/* Cookie banner */
	#ca_banner {
		box-sizing: border-box;
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		padding: 12px !important;
	}

	#ca_info,
	#ca_info_plus {
		box-sizing: border-box;
		max-width: 100%;
		width: auto !important;
		left: 12px !important;
		right: 12px !important;
	}

	/* Grid helpers */
	.grid-block,
	.grid-box,
	.width100,
	.width75,
	.width66,
	.width50,
	.width33,
	.width25 {
		float: none !important;
		width: 100% !important;
		max-width: 100%;
	}

	#footer {
		padding: 12px 0 24px;
		font-size: 13px;
	}

	.pagination,
	#system .pagination {
		gap: 4px;
	}

	.pagination a,
	.pagination strong,
	#system .pagination a,
	#system .pagination strong {
		min-width: 30px;
		height: 30px;
		padding: 0 8px;
		font-size: 12px;
	}

	/* Absolute banner off-canvas on mobile */
	#banner {
		display: none;
	}

	table {
		max-width: 100%;
	}
}

@media screen and (max-width: 560px) {
	body {
		font-size: 14px;
	}

	#header {
		margin-top: 8px;
	}

	#content {
		padding: 10px;
		border-width: 1px;
	}

	#system .title,
	#system h1.title {
		font-size: 20px;
		line-height: 1.25;
	}
}

/* Hide hamburger on desktop */
@media screen and (min-width: 981px) {
	.mobile-nav-toggle {
		display: none !important;
	}
}