/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * 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, Normalize.css
 */


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

/* Force vertical scrollbar, force body height to fit at least the browser window, prevent iOS text size adjust on device orientation change */
html {
	overflow-y: scroll;
	min-height: 100%;
	-webkit-text-size-adjust: 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; }

/* Consistency of cursor style, Corrects inability to style clickable 'input' types in iOS */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
input[disabled] { cursor: default; }

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* HTML5 display definitions
----------------------------------------------------------------------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* 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 */
b, strong { font-weight: bold; }

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;
	word-wrap: break-word;
}

/* 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; }

/* Author Name: arrowthemes http://themeforest.net/user/arrowthemes  Version: 1.0 */

@import url(/templates/uneedo/warp/css/layout.css);

/* Sections
----------------------------------------------------------------------------------------------------*/
	#content {
		padding: 10px 15px;
	}

	.module, #footer {margin: 10px;}
	#header-minibar .module {margin: 0 10px;}
	#sidebar-a .inner-box {margin: 0 10px 0 0;}
	#sidebar-b .inner-box {margin: 0 0 0 10px;}
	#bottom-block {margin: 0 0 15px 0;}
	#mid-block {margin: 0 0 15px 0;}
	#bottom-c{margin-top: 15px;}

	#mid-block, 
	#bottom-block {
		overflow: hidden;
	}

	#maininner,
	.inner-box,
	.footer_texture_0, 
	#footer-block,
	#mid-block, 
	#bottom-c,
	#bottom-block {
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		    -ms-border-radius: 5px;
		     -o-border-radius: 5px;
		        border-radius: 5px;
	}


	#sidebar-a,
	#sidebar-b,
	#maininner{
		padding-bottom: 20px;
	}

	#sidebar-a .inner-box,
	#sidebar-b .inner-box,
	#maininner,
	#bottom-c
	{
		background: #e0e0e0;
		background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 7%, #ffffff 93%, #ededed 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(7%,#ffffff), color-stop(93%,#ffffff), color-stop(100%,#ededed));
		background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 7%,#ffffff 93%,#ededed 100%);
		background: -o-linear-gradient(top,  #e0e0e0 0%,#ffffff 7%,#ffffff 93%,#ededed 100%);
		background: -ms-linear-gradient(top,  #e0e0e0 0%,#ffffff 7%,#ffffff 93%,#ededed 100%);
		background: linear-gradient(to bottom,  #e0e0e0 0%,#ffffff 7%,#ffffff 93%,#ededed 100%);
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 -1px 0 rgba(255,255,255,.4) inset, 0 1px 4px rgba(0, 0, 0, .5);
		   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 -1px 0 rgba(255,255,255,.4) inset, 0 1px 4px rgba(0, 0, 0, .5);
		        box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 -1px 0 rgba(255,255,255,.4) inset, 0 1px 4px rgba(0, 0, 0, .5);
	}

	
	/*background*/
	body {
	    font-size: 13px;
	}

	/*header*/
	#header-block, #box-header{
		position: relative;
	}

	#header{
		margin: 0; 
		z-index: 12;
		margin-bottom: 15px;
	}

	/*mid-block	*/
	.mid-gradient,
	.bottom-gradient
	{background: url(/templates/uneedo/images/body/mid-gradient.png) repeat-x scroll top left transparent;}

	/*copyright*/
	#copyright{
		text-align: center;
		margin-top: 10px;
	    font-size: 12px;
	}
	
	.bg-light #copyright{
	    color: #FFFFFF;
	}

	.bg-dark #copyright, .bg-dark #footer{
	    color: #FFFFFF; 
	    text-shadow: 0 1px 0 #202020;
	}

	#copyright .module{margin: 0; padding: 5px;}

	/*footer*/
	#footer{text-align: center; font-size: 11px;}
	#footer code{text-shadow: none;}
	#bottom-block .module{text-shadow: none;}
	#bottom-c h4{line-height: 1.5; margin: 0;}

	.footer-divide{
		background: url(/templates/uneedo/images/body/f_inset_dotted.png) repeat-x scroll 0 100% #202020;
	    box-shadow: 0 -1px 0 #FFFFFF;
	    height: 4px;
    	-webkit-box-shadow: 0 -1px 0 #fff;
    	   -moz-box-shadow: 0 -1px 0 #fff;
    	   -ms-box-shadow: 0 -1px 0 #fff;
    	   -o-box-shadow: 0 -1px 0 #fff;
    	      box-shadow: 0 -1px 0 #fff;
	}

	#main{margin-top: 15px;}
	#footer .module { margin: 0; }
	#headerbar { 
		margin: 0; 
		float: left; 
		text-shadow: none; 
		color: #FFF;}




/* Layouts
----------------------------------------------------------------------------------------------------*/

	/*light-gray background*/
	div.css-panes div,
	.showhide li, 
	.module.badge-hot, 
	.module.badge-top, 
	.module.badge-free, 
	.module.badge-new, 
	.event-time, 
	.block-number, 
	.accordion {
	background: url(/templates/uneedo/images/body/bg-white-large.png) repeat-x 0 0  #f2f2f2;}	

	#bottom-block div.css-panes div,
	#bottom-block .showhide li,
	#bottom-block .module.badge-hot,
	#bottom-block .module.badge-top,
	#bottom-block .module.badge-free,
	#bottom-block .module.badge-new,
	#bottom-block .event-time,
	#bottom-block .block-number, 
	#bottom-block .accordion {
	background: url(/templates/uneedo/images/body/bg-white-large.png) repeat-x 0 0  #0D0D0D; border: 1px solid #fff;
	-webkit-box-shadow: 0 0 2px #c0c0c0;
	   -moz-box-shadow: 0 0 2px #c0c0c0;
	        box-shadow: 0 0 2px #c0c0c0;
	}

	.accordion h2,  table thead, table tfoot{
	background: url(/templates/uneedo/images/body/bg-white.png) 0 0 repeat-x scroll #dedede; }

	/* sidebars */
	#sidebar-a, #sidebar-b{margin-top: 0;}

	.search-box{margin: 0;}

	#bottom-c{
		bottom: 10px;
	    left: 0;
	    right: 0;
	    top: 0;
	}

	#bottom-c .module-title{
	    background: url(/templates/uneedo/images/body/f_inset_dotted.png) repeat-x scroll left bottom transparent;
	}

	#bottom-block .dotted {
    background: url(/templates/uneedo/images/body/f_inset_dotted.png) repeat-x scroll 0 100% transparent;}

	/*toolbars*/
	#toolbar{background: url(/templates/uneedo/images/body/toolbar.png) 0 0 repeat-x transparent; 
		border-bottom: 1px solid rgba(255,255,255, .1);
	 }
	#toolbar{margin: 0; z-index: 10; position: relative;}
	#toolbar .float-left .module, #toolbar .float-left > time, .float-right > li span{margin: 5px 15px 5px 0; font-size: 11px;}
	#toolbar .float-left .module, #toolbar .float-left > time{text-shadow: none; color: #FFF;}
	#toolbar ul.menu li span{color: #FFFFFF; text-shadow: none; font-size: 10px;}
	#toolbar ul.menu{margin: 3px 0 0;}
	.top-bar {height: 5px; position: relative; background: #101010; 
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
		   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);
		        box-shadow: 0 1px 0 rgba(255,255,255,.1);
	}

	#header-minibar {font-size: 11px; padding: 4px 15px 0 10px;}
	#header-minibar > time {font-size: 11px; position: relative;}
	/*search*/	
	#search{margin-left: 15px;}
	form.searchbox{background-position:4% 46%;  
		-webkit-border-radius: 0 0 3px 3px;
		   -moz-border-radius: 0 0 3px 3px;
		    -ms-border-radius: 0 0 3px 3px;
		     -o-border-radius: 0 0 3px 3px;
		        border-radius: 0 0 3px 3px;
	}

	/*shadows*/
    #ja-rm{
      position: absolute;
      top: 0px;
      left: -5500px;
      }
	#headline {margin-bottom: 20px}
	#headline .wrapper,
	#header-minibar,
	#mid-block,
	.sprocket-features
	{
		-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
		   -moz-box-shadow: 0 1px 4px rgba(0,0,0,.5);
		        box-shadow: 0 1px 4px rgba(0,0,0,.5);
	}

	.back-shadow {
		background: url(/templates/uneedo/images/body/back-shadow.png) 0 0 no-repeat transparent; 
		width: 100%; 
		height: 31px; 
		margin-top: -15px;
		position: relative;
		z-index: -1
	}

	/*sheet*/
	.sheet-body{
		padding: 0; 
		margin: 0;
	}

	.sheet{
		margin-bottom: 20px;
		overflow: hidden;
	}

	/*header*/
	#header-top{height: 110px;}
	#header-bottom{height: 43px; background: url(/templates/uneedo/images/body/header-bottom.png) 0 0 repeat-x #202020; 
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		    -ms-border-radius: 4px;
		     -o-border-radius: 4px;
		        border-radius: 4px;
	border-color: #000000 #202020 #202020;
	border-style: solid;
	border-width: 0;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
	   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
	        box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
	}

	.boxed #header-bottom{-webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	    -ms-border-radius: 4px 4px 0 0;
	     -o-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;}

	#header-minibar,
	.sprocket-headlines,
	#bottom-c
	 {
		background: #ffffff;
		background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 18%, #c4c4c4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(18%,#ffffff), color-stop(100%,#c4c4c4));
		background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 18%,#c4c4c4 100%);
		background: -o-linear-gradient(top,  #e0e0e0 0%,#ffffff 18%,#c4c4c4 100%);
		background: -ms-linear-gradient(top,  #e0e0e0 0%,#ffffff 18%,#c4c4c4 100%);
		background: linear-gradient(to bottom,  #e0e0e0 0%,#ffffff 18%,#c4c4c4 100%);
		text-shadow: 0 1px 0 rgba(255,255,255,.5);
	}

	#header-minibar{
		min-height: 25px; 
		border-top: 1px solid #FFFFFF;
		-webkit-border-radius: 0 0 3px 3px;
		   -moz-border-radius: 0 0 3px 3px;
		    -ms-border-radius: 0 0 3px 3px;
		     -o-border-radius: 0 0 3px 3px;
		        border-radius: 0 0 3px 3px;
	}

	/*logo*/
	.logo-img{
		background: url(/templates/uneedo/images/logo.png) no-repeat scroll 0 0 transparent; 
		width: 300px; 
		height: 100px; 
		margin: 0; 
		float: left; 
		background-size: contain;}

	/*menu*/
	#menubar{
		margin-top: -2px; 
	}
	#menu {float: left;}

	#breadcrumbs {
		margin: 0 0;
	}

	/*slider-zone*/
	#slide-zone{
		 text-shadow: none; 
		 margin-bottom: 10px; 
		 position: relative;
		}
	#slide-zone .module{margin: 0;}

	/*full-slide-zone*/
	#full-slide-zone{
		 text-shadow: none; margin-top: -155px; position: relative;}
	.boxed #full-slide-zone{margin-top: 0;}
	#full-slide-zone .module{margin: 0;}
	
	/*top*/
	#top-a, 
		#top-b{margin: 0 2px 10px 2px;}

	/*showcase*/
	#showcase{ margin: 0 5px; overflow: hidden;}
	.header-content{
		display:inline-block; 
		text-shadow: 1px 1px 2px #202020; 
		top: 0; 
		overflow: visible; 
		z-index: 1; 
		color: #FFFFFF;
		margin: 0 20px 0 5px;
		padding: 15px 0;
		position: relative;	
	}

	.hidden-img {
	    position: absolute;
	    right: -70px;
	    margin: 9px 50px 0 0;
	    top: 0;
	}

	#headline .module{
		margin: 0;
	}

	.content-texture{
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		    -ms-border-radius: 5px;
		     -o-border-radius: 5px;
		        border-radius: 5px;
	}

	#showcase .hidden-img {margin: -45px 50px 0 0;}
	img.static {position: relative; margin: -185px 0 -55px;}
	.module-title{font-size: 24px; padding-bottom: 15px;}
	.header-content .module-title{font-size: 30px;}
	
	.frontend .module-title { padding-bottom: 0 }
	.frontend{
		padding-top: 45px;
		padding-left: 20px;
	}
	.frontend .module-title{
		display: block;
	    font-size: 56px;
	    line-height: 100%;
	    text-shadow: 0 0 2px #000000;
	}
	.frontend p.show-text{
		display: block;
	    line-height: 1.6em;
	    margin-bottom: 15px;
	    padding-top: 15px;
	}

	.show-title{line-height: 90%; font-size: 140px; visibility: hidden; margin: 0; position: absolute; text-shadow: none;}
	.show-text{font-size: 14px; line-height: 1.5;}

	form.searchbox input{
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

	.footer-overlay-bottom {
		left: 0; right: 0; padding-bottom: 10px;
	}

	.footer-overlay-bottom p{color: #101010; margin: -9px 0; text-shadow: 1px 1px 1px rgba(0,0,0, 0.4)}
	.footer-overlay-bottom a{color: #808080; text-shadow: none}
	.footer-overlay-bottom a:hover{color: #FFF;}
	.bg-light #toTop{background: url(/templates/uneedo/images/body/back-to-top-light.png) no-repeat scroll left top transparent;}
	.bg-dark #toTop{background: url(/templates/uneedo/images/body/back-to-top-dark.png) no-repeat scroll left top transparent;}
	#toTop { border: medium none;    bottom: 0;    display: none;    height: 75px;    overflow: hidden;    position: fixed;    right: 28px;   text-decoration: none;    text-indent: -999px;    width: 50px; z-index: 1;}
	#toTopHover {display: block;    float: left;    height: 75px;    opacity: 0;    overflow: hidden;    width: 50px;}
	#toTop:active, #toTop:focus { outline: medium none;}


	/*dropcaps / block numbers/dates */
	.event{display: block; margin: 5px 0 20px}
	.event-time .date, .block-number .digit{font-size: 2rem; font-size: 20px; padding: 9px 10px 25px; line-height: 1;}
	.event-time .month, .block-number .bottom{display: block; text-align: center;text-transform: uppercase; -moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; text-shadow: none; border-width: 1px 0 0; border-style: solid; font-size: 11px; color: #FFFFFF;}

	.block-number .bottom{height: 6px}
	.event-time, .block-number{display:block; float:left; height:auto; margin: 5px 15px 5px 0 !important; padding-top:7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color:#808080; border: 1px solid #FFFFFF;
	border-color: #c0c0c0 #888888 #888888 #c0c0c0;
	text-shadow: 0 1px rgba(255, 255, 255, 1); color: #444444 !important;
	-moz-box-shadow: 0 -1px 1px #ffffff inset;
	-webkit-box-shadow: 0 -1px 1px #ffffff inset;
	-ms-box-shadow: 0 -1px 1px #ffffff inset;
	-o-box-shadow: 0 -1px 1px #ffffff inset;
	box-shadow: 0 -1px 1px #ffffff inset;}

	.event {
	    display: block;
	    margin: 5px 0 20px;
	}


	/*multimedia*/
	.mejs-controls .mejs-time-rail .mejs-time-loaded {
		background: url(/templates/uneedo/images/widget/player-track.png) repeat-x scroll 0 0 #404040;}

		/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * 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: 30px;
	padding: 0 10px;
	line-height: 30px;
}

/* Drop-Down */
.menu-dropdown .dropdown {
	display: none;
	position: absolute;
	top: 30px;
 	left: 0;
	z-index: 100;
	width: 300px; /* Default */
}

.menu-dropdown li:hover .dropdown,
.menu-dropdown li.remain .dropdown { display: block; }

.menu-dropdown li:hover .dropdown.flip,
.menu-dropdown li.remain .dropdown.flip {
	left: auto;
	right: 0;
}

.menu-dropdown .dropdown-bg > div { overflow: hidden; }

.menu-dropdown .stack .column { width: 100%; }

/* 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;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: left;
}

.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 {
	width: 35px;
	height: 35px;
	margin-top: -7px;
	margin-bottom: -7px;
}
.menu-dropdown li.level2.hassubtitle .level2 span.icon { margin-top: -4px; }

.menu-dropdown li.level2 .level2 span.icon { margin-right: 5px; }
.menu-dropdown li.level2 .level2 span.icon + span,
.menu-dropdown li.level2 .level2 span.icon + span + span { margin-left: 40px; }

/* Subtitles */
.menu-dropdown span.title { line-height: 18px; }

.menu-dropdown span.subtitle {
	margin-top: -1px;
	font-size: 9px;
	line-height: 10px;
	text-indent: 1px;
}

.menu-dropdown li.level2 .level2 span.title { line-height: 15px; }
.menu-dropdown li.level2 .level2 span.subtitle { line-height: 14px; }


/* 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 5px -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; }

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * 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;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Responsive Style Sheet - Defines base styles for mobile devices
 */


/* Responsive Utility Classes
----------------------------------------------------------------------------------------------------*/

.hidden-desktop { display: none; }

/* Only Phones */
@media (max-width: 767px) {
	.hidden-desktop { display: block; }
	.hidden-phone { display: none; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.hidden-desktop { display: block; }
	.hidden-tablet { display: none; }
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive { display: none; }


/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	#banner { display: none; }

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#maininner,
	#sidebar-a,
	#sidebar-b {
		width: 100%;
		left: auto;
		right: auto;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width60,
	.width75,
	.width80 { width: 50%; }

	.width50 .width50 { width: 100%; }

	.sidebars-1 #sidebar-a .width100,
	.sidebars-1 #sidebar-b .width100 { width: 50%; }

	#sidebar-a .width100:nth-child(odd):last-child,
	#sidebar-b .width100:nth-child(odd):last-child,
	.width20:nth-child(odd):last-child { width: 100%; }

	.sidebars-2 #sidebar-a,
	.sidebars-2 #sidebar-b { width: 50%; }

	.sidebars-2.sidebar-a-right #sidebar-a,
	.sidebars-2.sidebar-b-right #sidebar-b { float: right; }

	.grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 30px; }

	/* Tools */
	.width50 .align-left,
	.width50 .alignleft,
	.width50 .align-right,
	.width50 .alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}

/* Only Phones */
@media (max-width: 767px) {

	/* Header */
	#header-responsive { display: block; }

	#header-responsive .logo,
	#header-responsive .searchbox {
		display: inline-block;
		width: 45%;
		vertical-align: middle;
	}

	#header-responsive .logo { margin-right: 10%; }

	#header-responsive .searchbox {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Menu */
	.menu-responsive {
		width: 100%;
		font-size: 14px;
	}


}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

	/* Layout */
	.width33 { width: 50%; }
	.width33:nth-child(odd):last-child { width: 100%; }

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Base */
	body { word-wrap: break-word; }

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width33,
	.width40,
	.width50,
	.width60,
	.width66,
	.width75,
	.width80 { width: 100%; }

	.grid-gutter > .grid-box:nth-child(n+2) > * { margin-top: 30px; }

	/* Tools */
	.align-left,
	.alignleft,
	.align-right,
	.alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}

/* Author Name: arrowthemes http://themeforest.net/user/arrowthemes  Version: 1.0 */

/* General
----------------------------------------------------------------------------------------------------*/

	#system .title a { color: inherit; }
	#system small { color: #999; }

/* Item
----------------------------------------------------------------------------------------------------*/

	#system .item > header .meta { color: #999; padding-bottom: 8px; padding-left: 0;}
	.yoo-zoo .item > header .meta { padding-left: 0 !important;}
	#system .item > header.results .meta { margin-left: 0;}
	#system .item > header .subtitle{ color: #777; }

/* Items
----------------------------------------------------------------------------------------------------*/

	#system .items .item {
		margin-bottom: 12px;
		padding-bottom: 18px;
		background: url(/templates/uneedo/images/body/hr-dotted.png) repeat-x scroll 0 100% transparent;
	}

	#system .items .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border: none;
	}


/* Pagination
----------------------------------------------------------------------------------------------------*/

	#system .pagination a.last{padding:0 10px; }
	#system .pagination a, #system .pagination strong{line-height: 27px;}

/* Search Box
----------------------------------------------------------------------------------------------------*/

	.searchbox {
		width: 150px;
		height: 28px;
		padding: 0 30px;
		background-image: url(/templates/uneedo/images/searchbox_magnifier.png);
		background-repeat: no-repeat;
	}

	.searchbox input {
		height: 26px;
		font-size: 13px;
	}

	.searchbox input[type="text"]:focus {background-color: transparent !important;
		-webkit-box-shadow: none !important;
		   -moz-box-shadow: none !important;
		        box-shadow: none !important;
	}
	.bg-light .searchbox input{color: #333;}

	.bg-light .searchbox input:-moz-placeholder { color: #999; }
	.bg-light .searchbox input::-webkit-input-placeholder { color: #999; }
	.bg-light .searchbox input.placeholder { color: #999; }

	.bg-dark .searchbox input{color: #c0c0c0;}

	.bg-dark .searchbox input:-moz-placeholder { color: #c0c0c0; }
	.bg-dark .searchbox input::-webkit-input-placeholder { color: #c0c0c0; }
	.bg-dark .searchbox input.placeholder { color: #c0c0c0; }

	.searchbox.filled button {
		width: 25px;
		background: url(/templates/uneedo/images/searchbox_reset.gif) 20% 40% no-repeat; 
	}
	.searchbox.loading button { 
		background: url(/templates/uneedo/images/searchbox_loader.gif) 50% 50% no-repeat; 
	}

	/* Drop-Down Results */
	.searchbox .results {
		top: 41px;
		right: -1px;
		width: 300px;
		border: 1px solid #ddd;
		background: #ffffff;
	}

	.searchbox .results li.results-header, .searchbox .results li.more-results { 
		border-bottom: 1px solid #dfdfdf; border-top: 1px solid #fefefe; color: #666;
		background: #e5e5e5;
		background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 81%, #e5e5e5 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(81%,#ffffff), color-stop(100%,#e5e5e5));
		background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 81%,#e5e5e5 100%);
		background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 81%,#e5e5e5 100%);
		background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 81%,#e5e5e5 100%);
		background: linear-gradient(top,  #e5e5e5 0%,#ffffff 81%,#e5e5e5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 );
		text-shadow: 0 1px 0 #FFFFFF;
	}
	.searchbox .results li.more-results { color: #999;}
	.searchbox .results li.result {border-bottom: 1px solid #dfdfdf; border-top: 1px solid #FFF;
		background: #ebebeb;
		background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
		background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
		background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
		background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
		background: linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
		-webkit-box-shadow: 0 0 3px #FFFFFF inset;
		   -moz-box-shadow: 0 0 3px #FFFFFF inset;
		        box-shadow: 0 0 3px #FFFFFF inset;
	}
	.searchbox .results li.results-header + li.result { border-top: none; }
	.searchbox .results li.result.selected { background: #FFFFFF ; }
	li.result, li.more-results, li.results-header {margin-bottom: 0}

/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

	.breadcrumbs a,
	.breadcrumbs > span {
		padding-right: 24px;
		background: url(/templates/uneedo/images/body/breadcrumb-sep.png) 100% 0 no-repeat;
		height: 36px;
		margin-right: 7px;
	}

	.breadcrumbs > a {height: 36px;}

/* Author Box
----------------------------------------------------------------------------------------------------*/

	#system .author-box {
		padding: 15px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background: #fafafa;
	}

	#system .author-box .avatar {
		padding: 3px;
		border: 1px solid #ddd;
		background: #fff;
	}

	#system .author-box .name { color: #444; }


/* Comments
----------------------------------------------------------------------------------------------------*/

	/* Head */
	#system #comments .comment-head {
		padding: 5px;
		border: 1px solid #e6e6e6;
		background: #fafafa;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		    -ms-border-radius: 3px;
		     -o-border-radius: 3px;
		        border-radius: 3px;
		-webkit-box-shadow: 1px 1px 0 #FFF;
		   -moz-box-shadow: 1px 1px 0 #FFF;
		        box-shadow: 1px 1px 0 #FFF;
	}

	#system #comments .comment-byadmin .comment-head {
		border: 1px solid #dce6be;
		background: #faffe6;
	}

	#system #comments h3.comments-meta, .yoo-zoo .item .element > h3, .yoo-zoo .item .pos-related > h3{
		font-size: 24px; background: url(/templates/uneedo/images/body/hr-dotted.png) repeat-x scroll 0 100% transparent; padding-bottom: 15px;
	}

	#system #comments .comment-head .author { text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); font-weight: normal;}

	/* Body */
	#system #comments ul.level1 ul { background: url(/templates/uneedo/images/comments_arrow.png) 0 0 no-repeat; }

	/* Respond */
	#system #respond h3 { color: #444; font-size: 24px; background: url(/templates/uneedo/images/body/hr-dotted.png) repeat-x scroll 0 100% transparent; padding-bottom: 15px;}


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

	.comments-list > article { border-top: 1px solid #ddd; }
	.comments-list > article:first-child { border: none; }

	.comments-list .meta { color: #999; }
	.zoo-comments-list .author {font-size: 16px;}
	/*error*/

	#system-message dd.error{text-shadow: 0 1px 0 rgba(255,255,255,0.4);}

	/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * 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 > :first-child + header { margin-top: 10px; }

#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:not(.grid-gutter),
#system .item > .content > *[class*="align"]:first-child + * { margin-top: 0; }
#system .item > .content > *:last-child:not(.grid-gutter) { 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; }

#system .item .socialbuttons { margin-top: 15px; }
#system .item .socialbuttons > div {
	margin-right: 10px;
	float: left;
}


/* 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: 110;
	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-block;
	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; }


/* Page Navigation
----------------------------------------------------------------------------------------------------*/

.page-nav { margin-top: 15px; }
.page-nav .prev { float: left; }
.page-nav .next { float: right; }

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * 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;
}


/* 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; }


/* 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;
	
}


/* Pagebreak Navigation
----------------------------------------------------------------------------------------------------*/

#article-index {
	margin: 0 0 15px 15px;
	float: right;
}

#article-index ul,
.pagination > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination > ul > li { display: inline-block; }


/* 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;}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * 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; }

.hidden {
	display: none;
	visibility: hidden;
}

/* 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,
.aligncenter {
	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)
----------------------------------------------------------------------------------------------------*/

/* Note: .button-more is deprecated since Warp 6.2 */
.button-more,
.button-default,
.button-primary { display: inline-block; }

.button-more + [class*=button-],
.button-default + [class*=button-],
.button-primary + [class*=button-] { margin-left: 10px; }


/* 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;
}

.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)
----------------------------------------------------------------------------------------------------*/

/* Note: .mobile-switcher is deprecated since Warp 6.2 */
.mobile-switcher {
	display: block;
	width: 80%;
	margin: 20px auto 40px auto;
	padding: 40px 0;
	font-size: 50px;
	text-align: center;
}
