/*
 * This document was created by Sean Clement @ Dean Marshall Consultancy
 * http://www.webdevelopmentconsultancy.com/ http://www.deanmarshall.co.uk/ 
*/

/*@import url(../warp/css/modules.css);*/
/*
 *	modules.css
 *	@import url(../warp/css/modules.css);
*/
/* 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;
}


/*
 *	modules.css
*/

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

.module .badge {
	width: 27px;
	height: 13px;
	background: url(../images/module_badges.png) 0 0 no-repeat;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -25px; }
.module .badge-live { background-position: 0 -50px; }
.module .badge-new { background-position: 0 -75px; }


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

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

.module.mod-box-color .module-title .icon,
.module.mod-box-black .module-title .icon { background-image: url(../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: 15px;
	border: 1px solid rgba(0,0,0,0.15);
	border-bottom-color: rgba(0,0,0,0.25);
	background: #fff;
	background-clip: padding-box;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}

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

.mod-box .module-title {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #e2e2e2;
	text-transform: uppercase;
}

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

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

/* Color Grey */
.mod-box-grey {
	border: 1px solid rgba(0,0,0,0.2);
	border-bottom-color: rgba(0,0,0,0.3);
	background: #f2f2f2;
	background-clip: padding-box;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.mod-box-grey .module-title { border-bottom-color: #d2d2d2; }

/* Color Black */
.mod-box-black {
	border: 1px solid #222;
	background: #2D2D2D url(http://www.webdevelopmentconsultancy.com/templates/yoo_revista/images/module_box_black.png) 0 0 repeat-x;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
	color: #aaa;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.module.mod-box-black .module-title {
	border-bottom-color: #4b4b4b;
	color: #ccc;
}

.module.mod-box-black .module-title .color { color: #fff; }

.mod-box-black h1,
.mod-box-black h4 { color: #bbb; }

.mod-box-black h3 { color: #e2e2e2; }

.mod-box-black h2,
.mod-box-black h5 { color: #999; }

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

.mod-box-black em,
.mod-box-black code { color: #e2e2e2; }

/* Color Color */
.mod-box-color h1,
.mod-box-color h4,
.mod-box-color a:hover { color: #fff; }


/* Module Type: Plain
----------------------------------------------------------------------------------------------------*/

.mod-plain { text-shadow: 0 1px 0 rgba(255,255,255,0.4); }

.grid-h .mod-plain { padding: 10px 20px 10px 0; }

.grid-v .mod-plain { padding: 20px 10px 0 0; }
.grid-v:first-child .mod-plain { padding-top: 10px; }

.sidebar-a-right #sidebar-a .grid-v .mod-plain,
.sidebar-b-right #sidebar-b .grid-v .mod-plain {
	padding-right: 0;
	padding-left: 10px;
}

.mod-plain .badge { top: 10px; right: 10px; }

.module.mod-plain .module-title {
	margin-bottom: 5px;
	padding: 0;
	color: #444;
}

#bottom-c .mod-plain a:hover { color: #444; }


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

.mod-line {
	margin: 0;
	padding: 15px;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.grid-h .mod-line { background: url(../images/module_line.png) 0 0 repeat-y; }

.grid-v .mod-line { background: url(../images/module_line_v.png) 0 0 repeat-x; }

.grid-h:first-child .mod-line,
.grid-v:first-child .mod-line { background: none; }

.mod-line .badge { top: 15px; right: 15px; }

.mod-line .module-title .color { color: #444; }

.mod-line .module-title {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #e2e2e2;
}

.grid-v .mod-line .module-title {
	margin-bottom: 5px;
	padding: 0;
	border-bottom: none;
}


/*
 *	tools.css
 *	@import url(../warp/css/tools.css);
*/

/* 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,
.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)
----------------------------------------------------------------------------------------------------*/

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;
}


/*
 *	tools.css
*/


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

a.button-more,
form.style button,
form.style input[type="button"],
form.style input.button,
form.style #submit {
	padding: 3px 10px 2px 10px;
	border: 1px solid #d9d9d9;
	border-bottom-color: #bfbfbf;
	background: url(../images/tools/button_more.png) 0 0 repeat-x;
	background-clip: border-box;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,1.0),
		0 1px 1px rgba(0,0,0,0.05);
	line-height: 16px;
	color: #777;
	font-size: 11px;
	text-shadow: 0 1px 0 rgba(255,255,255,1.0);
	text-transform: uppercase;
}

a.button-more:hover,
form.style button:hover,
form.style input[type="button"]:hover,
form.style input.button:hover,
form.style #submit:hover {
	border-color: #cfcfcf;
	border-bottom-color: #b5b5b5;
	background-position: 0 -50px;
}

a.button-more:active,
form.style button:active,
form.style input[type="button"]:active,
form.style input.button:active,
form.style #submit:active {
	border-color: #cfcfcf;
	border-top-color: #a2a2a2;
	border-bottom-color: #cfcfcf;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

.mod-box-color a.button-more,
.mod-box-black a.button-more,
.mod-box-color form.style button,
.mod-box-black form.style button,
.mod-box-color form.style input[type="button"],
.mod-box-black form.style input[type="button"],
.mod-box-color form.style input.button,
.mod-box-black form.style input.button,
.mod-box-color form.style #submit,
.mod-box-black form.style #submit {
	background-image: url(http://www.webdevelopmentconsultancy.com/templates/yoo_revista/images/tools/button_more_color.png);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.1),
		0 1px 1px rgba(0,0,0,0.05);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.mod-box-color a.button-more:hover,
.mod-box-black a.button-more:hover,
.mod-box-color form.style button:hover,
.mod-box-black form.style button:hover,
.mod-box-color form.style input[type="button"]:hover,
.mod-box-black form.style input[type="button"]:hover,
.mod-box-color form.style input.button:hover,
.mod-box-black form.style input.button:hover,
.mod-box-color form.style #submit:hover,
.mod-box-black form.style #submit:hover {
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.25),
		0 1px 1px rgba(0,0,0,0.05);
	color: #fff;
}

.mod-box-black a.button-more,
.mod-box-black form.style button,
.mod-box-black form.style input[type="button"],
.mod-box-black form.style input.button,
.mod-box-black form.style #submit {
	border-color: #242424;
	border-bottom-color: #111;
	color: #ccc;
}

.mod-box-black a.button-more:hover,
.mod-box-black form.style button:hover,
.mod-box-black form.style input[type="button"]:hover,
.mod-box-black form.style input.button:hover,
.mod-box-black form.style #submit:hover {
	border-color: #202020;
	border-bottom-color: #0f0f0f;
}

.mod-box-black a.button-more:active,
.mod-box-black form.style button:active,
.mod-box-black form.style input[type="button"]:active,
.mod-box-black form.style input.button:active,
.mod-box-black form.style #submit:active {
	border-color: #111;
	border-top-color: #000;
	border-bottom-color: #111;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
}


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

img.border-box {
	padding: 2px;
	border: 1px solid #d2d2d2;
	border-bottom-color: #c2c2c2;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}


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

/* Line */
ul.line > li {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px solid #e2e2e2;
}
ul.line > li:first-child {
	padding-top: 3px;
	border: none;
}

.mod-box-black ul.line > li { border-top-color: #4b4b4b; }

/* Line Icon */
ul.line-icon > li {
	margin-top: 1px;
	padding-top: 1px;
	padding-left: 16px;
	border: none;
	background: url(../images/tools/list_line_icon.png) 0 0 no-repeat;
}

ul.line-icon > li:first-child { padding-top: 1px; }

.mod-box-color ul.line-icon > li,
.mod-box-black ul.line-icon > li { background-image: url(../images/tools/list_line_icon_color.png); }

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

.mod-box-color ul.check > li,
.mod-box-black ul.check > li { background-image: url(../images/tools/list_check_color.png); }

/* Zebra List and Table */
ul.zebra > li { padding: 3px 5px; }

ul.zebra > li,
table.zebra tbody td { border-bottom: 1px solid #e2e2e2; }
ul.zebra > li:first-child,
table.zebra tbody tr:first-child td { border-top: 1px solid #e2e2e2; }

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

.mod-box-black ul.zebra > li { border-bottom-color: #4b4b4b; }
.mod-box-black ul.zebra > li:first-child{ border-top-color: #4b4b4b; }

.mod-box-black ul.zebra > li.odd { background: #3e3e3e; }
.mod-box-black ul.zebra > li:nth-of-type(odd) { background: #3e3e3e; }

table.zebra {
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

table.zebra caption { color: #777; }

table.zebra thead {
	background: #efefef;
	background: -moz-linear-gradient(
					50% 0%,
					#f7f7f7 0%,
					#e8e8e8 100%
				);
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #f7f7f7),
					color-stop(100%, #e8e8e8)
				);
}

table.zebra thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

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

table.zebra 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 #d3d3d3; }

table.zebra tfoot tr {
	border-bottom: 1px solid #c3c3c3;
	background: rgba(0,0,0,0.02);
}


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

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

/* 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: #e2e2e2;
}

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

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

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


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

/* Inline Text Box */
em.box { 
	border-style: dotted;
	border-width: 1px;
}

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


/* Tag Cloud */
#page .tagcloud li { 
	margin: 0 4px 7px 0;
	padding: 2px 3px;
	border: 1px solid #d2d2d2;
	background: #f7f7f7;
}


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

.box-content {
	background: #fafafa;
	border: 1px solid #e2e2e2;
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	background: #fafafa;
	border: 1px solid #e2e2e2;
}

.box-info {
	background: #ebf5fa url(../images/tools/box_info.png) 0 0 no-repeat;
	border-color: #d2dce1;
	color: #1d5e80;
}

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

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

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


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

form.box fieldset{
	margin-bottom: 10px;
	padding: 10px 15px;
	border: 1px solid #e2e2e2;
}

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

form.style input[type="text"],
form.style input[type="password"],
form.style select,
form.style textarea {
	padding: 4px;
	border: 1px solid #d2d2d2;
	border-top-color: #aeaeae;
	background-color: #fcfcfc;
	box-shadow: inset 0 0 8px rgba(0,0,0,0.04);
	color: #777;
}

form.style input[type="text"]:focus,
form.style input[type="password"]:focus,
form.style select:focus,
form.style textarea:focus {
	outline: none;
	color: #444;
	border-color: #b9b9b9;
	border-top-color: #919191;
	background-color: #fff;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.12);
}

form.style textarea { padding: 8px; }

.mod-box-black form.style input[type="text"],
.mod-box-black form.style input[type="password"],
.mod-box-black form.style select,
.mod-box-black form.style textarea,
.mod-box-black form.style input[type="text"]:focus,
.mod-box-black form.style input[type="password"]:focus,
.mod-box-black form.style select:focus,
.mod-box-black form.style textarea:focus  {
	border-color: #242424;
	border-top-color: #111;
}


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

.mobile-switcher {
	background: #fafafa;
	border: 1px solid #c2c2c2;
}


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

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

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

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

.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; }


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

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

.social-icons-special li {
	float: right;
	margin: 0 0 0 6px;
	line-height: 26px;
}

.social-icons-special li a {
	display: inline-block;
	width: 26px;
	height: 26px;
	float: right;
	background: rgba(0,0,0,0.1) url(http://www.webdevelopmentconsultancy.com/templates/yoo_revista/images/tools/icons_social_special.png) 0 0 no-repeat;
	box-shadow:
		inset 0 0 0 1px rgba(0,0,0,0.15),
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 1px 0 rgba(255,255,255,0.1);
}

.social-icons-special li a:hover { background-color: rgba(0,0,0,0.2); }

.social-icons-special .twitter a { background-position: 0 0; }
.social-icons-special .facebook a { background-position: 0 -30px; }
.social-icons-special .youtube a { background-position: 0 -60px; }
.social-icons-special .vimeo a { background-position: 0 -90px; }
.social-icons-special .rss a { background-position: 0 -120px; }


/*
 *	system.css
 *	@import url(../warp/css/system.css);
*/

/*
 * 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; }

#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: 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-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; }


/*
 *	system.css
 *	@import url(../warp/systems/joomla/css/system.css);
*/

/*
 * 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(../../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(../../system/images/j_button2_left.png) no-repeat;
}

#system #editor-xtd-buttons .button2-left .image { background: url(../../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(../../system/images/j_button2_readmore.png) 100% 0 no-repeat; }
#system #editor-xtd-buttons .button2-left .pagebreak { background: url(../../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(../../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;}


/*
 *	system-all.css
 *	@import url(system-all.css);
*/

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

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

#system small { color: #999; }


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

#system .item > header { margin-bottom: 10px; }

#system .item > header .meta {
	margin-top: 4px;
	color: #999;
	text-transform: uppercase;
}

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

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


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

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

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


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

#system .pagination a,
#system .pagination strong {
	height: 20px;
	margin: 0 2px;
	padding: 0 3px;
	line-height: 22px;
	overflow: hidden;
	border: 1px solid #e2e2e2;
	border-top-color: #cecece;
	background: #f9f9f9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.08);
}

#system .pagination a:hover {
	border: 1px solid #cecece;
	border-top-color: #aeaeae;
	background: #f2f2f2;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
}

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

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

#system .pagination a.previous,
#system .pagination a.next {
	width: 15px;
	min-width: 15px;
	padding: 0;
	border: none;
	background: transparent url(../images/pagination.png) 50% 0 no-repeat;
	box-shadow: none;
	text-indent: 50px;
}
#system .pagination a.previous { margin-right: 5px; }
#system .pagination a.previous:hover { background-position: 50% -30px; }
#system .pagination a.previous:active { background-position: 50% -60px; }
#system .pagination a.next {
	margin-left: 5px;
	background-position: 50% -90px;
}
#system .pagination a.next:hover { background-position: 50% -120px; }
#system .pagination a.next:active { background-position: 50% -150px; }

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


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

#searchbox {
	margin: 10px 10px 0 0;
	width: 130px;
	height: 30px;
	padding: 0 25px;
	background: url(../images/searchbox_magnifier.png) 0 0 no-repeat;
}

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

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

/* Drop-Down Results */
#searchbox .results {
	top: 47px;
	right: -1px;
	width: 300px;
	border: 1px solid rgba(0,0,0,0.15);
	border-bottom-color: rgba(0,0,0,0.25);
	background: #fff;
	background-clip: padding-box;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}

#searchbox .results li.results-header { border-bottom: 1px solid #ddd; }
#searchbox .results li.more-results { border-top: 1px solid #ddd; }
#searchbox .results li.result { border-top: 1px solid #eee; }
#searchbox .results li.result h3 {
	font-size: 13px;
	text-transform: uppercase;
}
#searchbox .results li.results-header + li.result { border-top: none; }

#searchbox .results li.result.selected { background-color: #fafafa; }


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

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

.breadcrumbs strong { font-weight: normal; }

/* 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 #e2e2e2;
	background: #fafafa;
}

#system #comments .comment-byadmin .comment-head {
	border: 1px solid #dce6be;
	background: #faffe6;
}

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

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

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


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

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

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


/*	DMC Edits	*/

#searchbox { margin:0; }


/*
 *	extensions.css
 *	Minus the below - they are above
 *	@import url(../warp/css/system.css);
 *	@import url(../warp/systems/joomla/css/system.css);
 *	@import url(system-all.css);
*/

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


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

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

/* Login */
#headerbar .module form.short > div.username,
#headerbar .module form.short > div.password,
#headerbar .module form.short > div.button {
	margin: 0 5px 0 0;
	float: left;
}

#headerbar .module form.short > div.button { margin-right: 0; }

#headerbar .module form.short > div.username input,
#headerbar .module form.short > div.password input { width: 160px; }

#headerbar .module form.short > div.remember { display: none; }

#headerbar .module form.short > ul.blank { clear: both; }

#headerbar .module form.short > ul.blank li {
	display: inline-block;
	margin-right: 5px;
	font-size: 11px;
}


/*
 *	extensions.css
*/

/* Widgetkit
----------------------------------------------------------------------------------------------------*/

/* Twitter Bubbles */
.wk-twitter-bubbles {
	margin: 2px 0;
	border: 1px solid rgba(0,0,0,0.15);
	border-bottom-color: rgba(0,0,0,0.25);
	background: #fff;
	background-clip: padding-box;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}

.wk-twitter-bubbles article {
	position: relative;
	background: url(../images/module_line.png) 0 0 repeat-y;
}

.wk-twitter-bubbles article:first-child { background: none; }

.wk-twitter-bubbles .content:after {
	position: absolute;
	top: -5px;
	left: 26px;
	content: "";
	height: 6px;
	width: 11px;
	background: url(../images/widgetkit/twitter_arrow.png) 0 0 no-repeat;
}

.wk-twitter-bubbles .content {
	position: relative;
	margin: 62px 0 0 0;
	padding: 15px;
	background: url(../images/module_line_v.png) 0 0 repeat-y;
	border: 0;
	border-top: 1px solid #e2e2e2;
	background: none;
	box-shadow: none;
}

.wk-twitter-bubbles .meta {
	position: absolute;
	top: 12px;
	right: 12px;
	left: 12px;
	margin: 0;
}

.wk-twitter-bubbles .author { margin-top: 2px; }

.wk-twitter .image {
	padding: 2px;
	border: 1px solid #d2d2d2;
	border-bottom-color: #c2c2c2;
	background: #fff;
}

.wk-twitter-bubbles time { color: #aaa; }


/* Slideset Revista */
#page .mod-line .wk-slideset-revista,
#page .mod-box .wk-slideset-revista { margin: -15px; }


/*
 *	custom.css
*/

/*
 * Custom Style Sheet - Use this file to style your content
 */
 

/* Video */
.frontpage-video { line-height: 17px; }

/* Social Icons Headline */
div.frontpage-social {
	line-height: 26px;
	font-size: 11px;
	text-transform: uppercase;
}

/* Poll */
form.short.frontpage-form > div { margin: 5px 0; }
form.short.frontpage-form button { margin-top: 10px; }

/* Newspaper */
.frontpage-newspaper {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 1px;
	height: 68px;
	background: #f7f7f7;
	border-top: 1px solid #e2e2e2;
}

.frontpage-newspaper img {
	position: absolute;
	bottom: 0;
	left: 0;
}

.frontpage-newspaper > div {
	margin-left: 100px;
	line-height: 16px;
}

.frontpage-newspaper > div h4 { margin: 9px 0 2px 0; }


/* Widgetkit
----------------------------------------------------------------------------------------------------*/

.frontpage-news,
.frontpage-weather,
.frontpage-stocks { background: url(../images/module_line_v.png) 0 0 repeat-x; }

.frontpage-news:first-child,
.frontpage-weather:first-child,
.frontpage-stocks:first-child { background: none; }

.frontpage-slideset {
	position: relative;
	width: 260px;
}

.frontpage-slideset img {
	position: absolute;
	top: 2px;
	left: 2px;
}

.frontpage-slideset h3 { margin: 0; }

.frontpage-slideset .slideset-content { margin-left: 70px; }

/* Revista Slideshow Articles */
.frontpage-news { padding-top: 10px; }

.frontpage-news:first-child { padding-top: 0; }

.frontpage-news h4 { margin: 2px 0 4px 0; }
.frontpage-news p { margin-top: 10px; }

/* Revista Slideshow Tabs */
.frontpage-weather {
	position: relative;
	padding: 11px 0 6px 0;
}

/* Weather */
.frontpage-weather h5 { margin: 0; }

.frontpage-weather span.temp,
.frontpage-weather span.icon { position: absolute; }

.frontpage-weather span.icon {
	top: 7px;
	right: 45px;
}

.frontpage-weather span.temp {
	top: 17px;
	right: 0;
	font-size: 26px;
}

.frontpage-weather span.high { color: #c85252; }
.frontpage-weather span.low { color: #5d9ccc; }

/* Stocks */
.frontpage-stocks {
	position: relative;
	padding:4px 0 4px 0;
	height: 18px;
}

.frontpage-stocks > span {
	position: absolute;
	top: 4px;
}

.frontpage-stocks span.up,
.frontpage-stocks span.down {
	top: 11px;
	left: 0;
	width: 9px;
	height: 5px;
	background: url(../images/icon_stocks.png) 0 0 no-repeat;
}
.frontpage-stocks span.down { background-position: 0 -15px; }

.frontpage-stocks span.name { left: 17px; }

.frontpage-stocks span.points { right: 43px; }

.frontpage-stocks span.percent { right: 0; }

.frontpage-stocks span.green { color: #6aa812; }
.frontpage-stocks span.red { color: #c85252; }


/* Bottom-C List */
#bottom-c .mod-plain ul.blank li {
	font-size: 11px;
	text-transform: uppercase;
}


/*
 *	layout.css
 *
 *	@import url(../warp/css/layout.css);
*/

/* 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;
}

/* Absolute */
#absolute {
	position: absolute;
	z-index: 15;
	width: 100%;
}


/*
 *	layout.css
*/


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

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

#footer .module { margin: 0; }

#headerbar + #menublock { margin-top: 15px; }

#headerbar .module { max-width: 470px; }

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


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

body#page { color: #666; }

.wrapper { padding: 0 25px; }

#toolbar {
	padding: 7px 10px 5px 10px;
	background: url(../images/toolbar.png) 0 0 repeat;
	color: #777;
	font-size: 11px;
	text-transform: uppercase;
}

#toolbar a {
	color: #ccc;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

#headerbar,
#footer { text-shadow: 0 1px 0 rgba(255,255,255,0.4); }

#content,
#menublock {
	border: 1px solid rgba(0,0,0,0.15);
	border-bottom-color: rgba(0,0,0,0.25);
	background: #fff;
	background-clip: padding-box;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}

#menublock { padding: 5px 5px 2px 5px; }

#menubar { height: 57px; }

#subbar { padding: 2px 5px 5px 5px; }

#subbar time {
	float: right;
	color: #bbb;
	font-size: 11px;
	text-transform: uppercase;
}

#content { padding: 15px; }

#footer {
	margin-top: 4px;
	padding-top: 13px;
	line-height: 15px;
	font-size: 11px;
	text-align: left;
}

#footer .menu-line { margin-bottom: 6px; }

#totop-scroller {
	display: block;
	position: absolute;
	top: 13px;
	right: 0;
	z-index: 1;
	width: 19px;
	height: 20px;
	background: url(../images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
}

#totop-scroller:hover { background-position: 0 -30px; }


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

body.wrapper-white .wrapper {
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	background-clip: padding-box;
}

body.wrapper-white .wrapper #headerbar,
body.wrapper-white .wrapper #footer,
body.wrapper-white .wrapper .mod-plain { text-shadow: none; }

body.wrapper-glass .wrapper {
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	background: url(http://www.webdevelopmentconsultancy.com/templates/yoo_revista/images/wrapper_glass.png) 0 0 repeat;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	background-clip: padding-box;
}


/* Module Wrapper
----------------------------------------------------------------------------------------------------*/

.wrapped {
	margin: 2px;
	border: 1px solid rgba(0,0,0,0.15);
	border-bottom-color: rgba(0,0,0,0.25);
	background: #fff;
	background-clip: padding-box;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}


/*	DMC Edits	*/
#toolbar {
    display: none;
}

#headerbar p {
	margin:0;
}
#header #headerbar {
	margin-left:-45px;
}
#header #headerbar h2 {
	margin:0;
	clear:both;
	line-height:30px;
	text-align:right;
}
#header #headerbar .heading {
	color: #444444;
    display: block;
    font-family: 'KreonRegular';
    font-size: 22px;
    line-height: 30px;
    text-align: right;
}
#header {
	margin-top:0;
}
#header #headerbar a {
	margin-top:5px;
}
#headerbar + #menublock {
	margin-top:0;
}
.header-clear-right { 
	clear: both;
	float: right;
/*    height: 41px;*/
	overflow: hidden;
}
#header #searchbox input:-moz-placeholder {
	color: #ffffff;
}

#content {
	padding: 10px 15px 15px;
}

#content h2, #content h1 {
	margin-top:0;
	text-transform:none;
}
#content h1 {
    font-size: 27px;
    line-height: 27px;
}

#top-a ul.slides li {
	left:20px!important;
	width:905px!important;
}


a.readmore {
	background: none repeat scroll 0 0 #246EB9;
	border-radius: 7px 7px 7px 7px;
	color: #D6E5F3;
	font-size: 16px;
	min-width: 176px;
	padding: 6px 15px;
	text-align: center;
}
a.readmore:hover {
	color:#FFF;
}

.click,
.click a,
.click a:hover {
	color: #666666;
	cursor:pointer;
}


#contact-information-right ul { padding-top:10px; }

/*	Table styles	*/
table.dmc .blue { background:#CFDBEC; }
table.dmc th, table.dmc td { text-align:center; }


/*slideshow overrides	*/
ul.slides .wk-content p { margin:0 0 15px; }

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

/*	Call To Action	*/
span.calltoaction {
	background:none repeat scroll 0 0 #438ad2;
    border-radius:5px 5px 5px 5px;
    color:#ffffff;
    font-size:19px;
	display:block;
    margin:15px auto 0;
    padding:5px;
    text-align:center;
    width:90%;
	letter-spacing:1px;
}
div.moduletable.call2action {
	clear: both;
	padding:0 0 0 0;
}
div.moduletable.call2action p {
	margin:0;
}
span.calltoaction_one {
	display:block;
	padding:5px;
}
span.calltoaction_two {
	display:block;
	font-size:14px;
	padding:0 5px 5px;
}

input#jform_contact_name,
input#jform_contact_email,
input#jform_contact_emailmsg {
	width:287px;
}
label#jform_contact_email-lbl,
label#jform_contact_name-lbl,
label#jform_contact_emailmsg-lbl {
	display:inline-block;
	width:65px;
}
textarea#jform_contact_message {
	width:347px;
}

#contact-information-other {
	padding-top:15px;
}
#contact-information-other .contact-miscinfo .jicons-icons {
	display:none;
}

samp, .samp {
	background: none repeat scroll 0 0 #D9D9D9;
	border-radius: 5px 5px 5px 5px;
	display: block;
	margin:9px 0 20px;
	padding: 5px 15px;
}

#content .contact .module-title .module-title2 .module-title3 h1.title {
	font-size:26px;
}

table.pricelist, table.generalTable {
	width:693px;
	text-align:center;
	border-bottom: 1px solid #777777;
}
table.pricelist td, table.generalTable td {
	width:138px;
}
table.pricelist tr:nth-child(2n+1), table.generalTable tr:nth-child(2n+1) { 
	background-color:#efefff;
	border-bottom: 1px solid #777777;
    border-top: 1px solid #777777;
}
table.pricelist tr:nth-child(2n), table.generalTable tr:nth-child(2n) { 
	font-weight:bold;
}
table.pricelist td:first-child, table.generalTable td:first-child {
	text-align:left;
}
table.pricelist tr:first-child, table.generalTable tr:first-child {
	font-size:15px;
} 
.converter-prices {
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 25px;
}
p, hr, ul, ol, dl, blockquote, pre, fieldset, figure {
    text-align: justify;
}

span.jcemediabox-zoom-link {
	display:none !important;
}


div#contact-information-right {
	float:right;
	width:280px;
}
div#contact-information-left {
	float:left;
	width:400px;
}


div#jcemediabox-popup-body div#contact-information-right {
	float:right;
	width:370px;
}
div#jcemediabox-popup-body div#contact-information-left {
	float:left;
	width:460px;
}
div#jcemediabox-popup-body h1{
	margin-top:0;
}
div#jcemediabox-popup-body div#contact-information-left h3,
div#jcemediabox-popup-body div#contact-information-right h3 {
	margin-top:5px;
}
div#jcemediabox-popup-body form.box fieldset {
    border: 1px solid #E2E2E2;
    margin-bottom: 5px;
    padding: 10px 15px 0;
}
div#jcemediabox-popup-body form.box fieldset div:last-child {
    margin: 0 5px 5px;
}
div#jcemediabox-popup-body form.box fieldset > div {
    margin: 7px 5px 5px;
}

div#jcemediabox-popup-body h1 {
    font-size: 25px;
    line-height: 25px;
}
div#jcemediabox-popup-body .submit {
	margin:9px 0 0 20px
}
div#jcemediabox-popup-body input#jform_contact_name,
div#jcemediabox-popup-body input#jform_contact_email,
div#jcemediabox-popup-body input#jform_contact_emailmsg {
	width:340px;
}
div#jcemediabox-popup-body #contact-information-other h3 {
	margin-top:0;
}
div#jcemediabox-popup-body textarea#jform_contact_message {
    width: 401px;
}
.menu-sidebar .level2 a > span {
	line-height: 20px;
}
.menu-sidebar li.parent.active .level1 > span, .menu-sidebar li.parent .level1 > span {
	line-height: 24px;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    padding: 11px 13px 10px;
}

ul.prepaid-hours {
	overflow: hidden;
	padding: 0;
}
ul.prepaid-hours li {
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #CCCCCC;
	border-radius: 4px 4px 4px 4px;
	float: left;
	font-size: 20px;
	list-style: none outside none;
	margin: 5px;
	min-height: 80px;
	overflow: hidden;
	padding-top: 40px;
	text-align: center;
	width: 161px;
}


.mod-box .module-title {
	text-transform: none;
}
h2 {
    font-size: 22px;
    line-height: 22px;
}
.acysubbuttons input.button,
.acysubbuttons .button,
.acysubbuttons button.validate,
.acymailing_mootoolsbutton a:link,
.acymailing_mootoolsbutton a:visited {
	display: block;
	margin:0 auto !important;
}

button.button.validate {
	margin:0 auto;
	display:block;
	line-height: 30px;
	font-size: 30px;
}

.acymailing_module .inputbox {
    width: 98%;
}


/*
 *	eu-cookie-main.css
*/

#dmc-eu-opt-in{
	z-index:1000;
}
#dmc-eu-opt-in .opt-in-splash {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 58px;
	height: 58px;
	z-index:1000;
}
#dmc-eu-opt-in .opt-in-splash.unconfirmed {
	background: url("../images/dmc-cookie-sprite.png") no-repeat scroll 0 -10px transparent;
	cursor: pointer;
}
#dmc-eu-opt-in .opt-in-splash.confirmed {
	background: url("../images/dmc-cookie-sprite.png") no-repeat scroll 0 -68px transparent;
}
#dmc-cookie-box {
	background: url(../images/dmc-cookie-sprite.png) no-repeat -64px 0;
	width:190px;
	height:190px;
	font-size:11px;
	text-align: center!important;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	position: fixed;
	bottom: 24px;
	left: 24px;
	z-index:1000;
}
#dmc-cookie-box p {text-align: center!important}
#dmc-cookie-close  {display:block;float:right;background: #222;padding:3px 7px;border-radius:3px; cursor: pointer}
#dmc-cookie-close:hover {background:#666;color:#fff!important}
#dmc-cookie-box p {padding:0;margin:0}
#dmc-cookie-box .dmc-cookie-head {font-size: 15px; padding: 10px 0 4px;}
#dmc-cookie-box .dmc-cookie-intro {color:#ccc; font-size: 10px;padding-bottom: 4px; line-height: 1em; white-space: pre}
#dmc-cookie-box a{color:#fff;font-weight:700;text-decoration:none}
#dmc-cookie-box a:hover {color:#ccc}
#dmc-cookie-box .dmc-cookie-power {font-size: 9px; line-height: 14px; padding-top: 2px;}

#dmc-cookie-box div.dmc-cookie-btn {cursor: pointer; margin:5px 10px 2px 55px;float: left; display:block;background:url(../images/dmc-cookie-sprite.png) no-repeat 0 -126px;width:32px;height:32px;text-indent:-100000px}
#dmc-cookie-box div.dmc-cookie-btn.agree {margin-left:55px; background-position: 0 -126px;}
#dmc-cookie-box div.dmc-cookie-btn.disagree {margin-left:0;background-position: -32px -126px}
#dmc-cookie-box div.dmc-cookie-btn.agree:hover {background-position: 0 -158px}
#dmc-cookie-box div.dmc-cookie-btn.disagree:hover {background-position: -32px -158px}

/*
 *
*/

.bfQuickMode .bfLabelLeft label {
	width:34%;
}
.bfQuickMode button {
	margin-right:30px !important;
}
#get-a-quote-left {
	left:0pt;
	top:20px;
	position:fixed;
}
#get-a-quote-right {
	right:0pt;
	bottom:20px;
	position:fixed;
}
#get-a-quote-left a {
	background-image:url("../images/click-here-left.png");
	display:block;
	height:273px;
	width:44px;
}
#get-a-quote-right a {
	background-image:url("../images/click-here-right.png");
	display:block;
	height:273px;
	width:44px;
}
#summer-madness {
	left:0pt;
	top:0px;
	position:fixed;
}
#summer-madness a {
	background-image:url("http://www.webdevelopmentconsultancy.com/images/general/events/summer-saving.png");
	display:block;
	height:180px;
	width:150px;
}

.company {
	text-indent:-1000px;
	margin:0;
	display:none;
}

#footer {
	margin-bottom:0;
}


/*
 *	corners.css
*/

/* Layout Eelements */
#menublock,
#content,
.wrapped,
.mod-box,
.menu-dropdown .dropdown-bg > div,
#searchbox .results,
.wk-twitter-bubbles,
.wk-slideshow-revista-tabs .nav li,
.wk-slideshow-revista-tabs .slides-container { border-radius: 4px; }

#searchbox { background-image: url(../images/searchbox_magnifier_rounded.png); }

/* Content Elements */
ins,
mark,
input,
textarea,
form.style button,
form.style input[type="button"],
form.style input.button,
form.style #submit,
.box fieldset,
a.button-more,
em.box,
pre,
.box-content,
.box-note,
.box-info,
.box-hint,
.box-warning,
.box-download,
.social-icons-special li a,
#page .tagcloud li,
#system .pagination a,
#system .pagination strong,
.wk-twitter .image,
.frontpage-slideset img,
.frontpage-stream img { border-radius: 2px; }

.wk-slideshow-revista-tabs .nav li.active { border-radius: 4px 4px 0 0; }

.frontpage-newspaper { border-bottom-right-radius: 4px; }

/*
 *	background/white.css
*/

body#page { background: #f9f9f9; }

#headerbar,
#footer,
#bottom-c .mod-plain a { color: #888; }


/*
 *	font1/droidsans.css
*/

body { font-family: "DroidSansRegular"; }


/*
 *	font2/kreon.css
*/

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'KreonRegular'; }


/*
 *	font3/kreon.css
*/

.menu-dropdown a.level1,
.menu-dropdown span.level1 { font-family: 'KreonRegular'; font-size: 16px; }

.menu-dropdown span.subtitle { font-weight: 300; }


/*
 *	style.css
*/

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

h1,
h3,
h4,
a,
.mod-box .module-title,
.mod-line .module-title,
.menu-dropdown li.active .level1,
.menu-dropdown a.level2:hover,
.menu-dropdown a.level3:hover,
.menu-sidebar a:hover,
.menu-sidebar li > span:hover,
.wk-slideshow-revista-tabs .nav li.active { color: #2570BB; }

a:hover { color: #0C3152; }

em,
code { color: #D64514; }

ins,
mark,
#system span.highlight { background-color: #D6E5F3; }

mark { color: #2570BB; }

::-moz-selection { background: #D6E5F3; color: #2570BB; }
::selection { background: #D6E5F3; color: #2570BB; }


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

#menubar { background: url(../images/menubar.png) 0 0 repeat-x; }

#toolbar a:hover,
.mod-box-black a:hover { color: #78B6F6; }

#footer { background: url(../images/footer.png) 0 0 repeat-x; }


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

.menu-dropdown a.level1,
.menu-dropdown span.level1,
.mod-box-color .menu-sidebar a,
.mod-box-color .menu-sidebar li > span { color: #D6E5F3; }

.menu-dropdown li.active .level1 { color: #0C3152; }

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { border-bottom-color: #5595D6; }

.menu-dropdown a.level3 { background: url(../images/menu_dropdown_level3.png) 0 0 no-repeat; }

.mod-box-color .menu-sidebar li.level1 { border-top-color: #5991C8; }

.menu-sidebar .level2 a { background: url(../images/menu_sidebar_level2.png) 0 0 no-repeat; }

#toolbar .menu-line li { background: url(../images/menu_line_top.png) 0 0 no-repeat; }


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

/* Module Box Color */
.mod-box-color {
	border: 1px solid #245B92;
	background: #317AC4 url(http://www.webdevelopmentconsultancy.com/templates/yoo_revista/images/module_box_color.png) 0 0 repeat-x;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.mod-box-color .module-title { border-bottom-color: #5991C8; }

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

.mod-box-color h2,
.mod-box-color h3,
.mod-box-color h5,
.mod-box-color a,
.mod-box-color em,
.mod-box-color code,
.mod-box-color .module-title,
.mod-box-color .module-title span.subtitle { color: #D6E5F3; }

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

/* Button More */
.mod-box-color a.button-more,
.mod-box-color form.style button,
.mod-box-color form.style input[type="button"],
.mod-box-color form.style input.button,
.mod-box-color form.style #submit {
	border-color: #245a91;
	border-bottom-color: #1d4874;
	color: #D6E5F3;
}

.mod-box-color a.button-more:hover,
.mod-box-color form.style button:hover,
.mod-box-color form.style input[type="button"]:hover,
.mod-box-color form.style input.button:hover,
.mod-box-color form.style #submit:hover {
	border-color: #245a91;
	border-bottom-color: #1d4874;
}

.mod-box-color a.button-more:active,
.mod-box-color form.style button:active,
.mod-box-color form.style input[type="button"]:active,
.mod-box-color form.style input.button:active,
.mod-box-color form.style #submit:active {
	border-color: #245a91;
	border-top-color: #1d4874;
	border-bottom-color: #245a91;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
}

/* Line */
.mod-box-color ul.line > li { border-top-color: #5991C8; }

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

/* Zebra List and Table */
.mod-box-color ul.zebra > li { border-bottom-color: #5991C8; }
.mod-box-color ul.zebra > li:first-child{ border-top-color: #5991C8; }

.mod-box-color ul.zebra > li.odd { background: #3176BB; }
.mod-box-color ul.zebra > li:nth-of-type(odd) { background: #3176BB; }

em.box {
	border-color: #5991C8;
	background: #e5f0fa;
	color: #2570BB;
}

/* Form Elements */
.mod-box-color form.style input[type="text"],
.mod-box-color form.style input[type="password"],
.mod-box-color form.style select,
.mod-box-color form.style textarea,
.mod-box-color form.style input[type="text"]:focus,
.mod-box-color form.style input[type="password"]:focus,
.mod-box-color form.style select:focus,
.mod-box-color form.style textarea:focus  {
	border-color: #245a91;
	border-top-color: #1d4874;
}


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

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

#searchbox.loading button { background: url(../images/searchbox_loader.gif) 50% 50% no-repeat; }


/* Extensions
----------------------------------------------------------------------------------------------------*/

/* Slideshow */
.wk-gallery-revista-default .nav span { background-image: url(../images/widgetkit/nav_overlay.png); }
.wk-slideshow-revista-articles .nav span,
.wk-slideset-revista .nav.icon span { background-image: url(../images/widgetkit/nav.png); }


/*	DMC Edits	*/



.menu-dropdown li.level1.item123:hover .level1 {
    border-bottom-color:#7AC142;
}
.menu-dropdown li.level1.item123.active {
    border-bottom-color:#7AC142;
}

.menu-dropdown li.level1.item112:hover .level1 {
    border-bottom-color:#F7A11A;
}
.menu-dropdown li.level1.item113:hover .level1 {
    border-bottom-color:#EF4035;
}
.menu-dropdown li.level1.item114:hover .level1 {
    border-bottom-color:#4F91CD;
}
.menu-dropdown li.level1.item115:hover .level1 {
    border-bottom-color:#FD6FD2;
}
.menu-dropdown li.level1.item116:hover .level1,
.menu-dropdown li.level1.item116.active .level1,
.menu-dropdown li.level1.item116.active {
    border-bottom-color:#EB248B;
}
.menu-dropdown li.level1.item117:hover .level1,
.menu-dropdown li.level1.item117.active .level1,
.menu-dropdown li.level1.item117.active {
    border-bottom-color:#905030;
}


/*
 *	print.css
 *	@import url(../warp/css/print.css);
*/

@media print {
	
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
	
	a, a:visited { text-decoration: underline; }
	
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	
	thead { display: table-header-group; }
	
	tr, img { page-break-inside: avoid; }
	
	img { max-width: 100% !important; }
	
	@page { margin: 0.5cm; }
	
	p, h2, h3 { orphans: 3; widows: 3; }
	
	h2, h3 { page-break-after: avoid; }
	
}


/*
 *	corners.css
*/


/*
 *	corners.css
*/

#sidebar-a ul li.item116 span {
	font-weight:bold;
}

#dmc-social {
	right: 0px;
	top: 20px;
	background-color: rgb(242, 242, 242);
	position: fixed;
	border:1px solid #E6E6E6;
	border-right:0 none;
	width:42px;
}
#dmc-social .social-icons li {
	margin: 0 auto;
	padding: 5px 5px 5px 9px;
}

#jcemediabox-popup-content {
	min-height:540px;
}
#jcemediabox-popup-info-bottom {
	display:none !important;
}
#jcemediabox-popup-body {
	min-height:540px;
}

.no-show { display:none; }


/*			*/
#page-bg .menu-dropdown li.item321 .dropdown {
    left: auto;
    right: 0;
}
.menu-dropdown a.level2, .menu-dropdown span.level2 {
    margin: 5px 0;
    text-transform: none;
}
.menu-dropdown li.level3 {
    font-size: 13px;
    line-height: 20px;
}

.menu-dropdown a.level3 {
    background:none !important;
}
li.item321 ul.level2 li.level2.parent span.level2.parent,
li.item321 ul.level2 li.level2.parent a.level2.parent {
	background:#3179C3;
	border-radius:5px;
	color:#fff;
}

li.item321 ul.level2 li.level2 span.icon {
	background-color:#fff;
	border-radius:5px 0 0 5px;
}
.menu-dropdown span.icon {
	width: 30px;
	border-radius:5px 0 0 5px;
}

.menu-dropdown li.item321 li.level3:nth-child(2n) {
	font-weight:bold;
}
.menu-dropdown li.item321 ul.level3 {
    min-height: 150px !important;
}

div.signup-inner { margin-bottom:15px; }
.signup-inner div {
    background: none repeat scroll 0 0 #438AD2;
    border-radius: 5px 5px 5px 5px;
    border-style: none !important;
    color: #FFFFFF;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 98%;
}
#maininner #content .acymailing_module table.acymailing_form {
    margin: 0 auto !important;
}
.signup-inner .acymailing_module_form td {
    padding: 8px !important;
}

.signup-inner .acymailing_module_form .acymailing_introtext {
    padding-bottom:0;
	text-align:center;
}
.item321 .dropdown{margin-right:-309px;}


h2.client-header { display:inline-block; width:495px; text-transform:none; }
p.client-image { width:400px;float:right;padding-left:10px; }

/*	New Homepage	*/
.row.dmc-support .grid-box { float: left; width: 285px; }
.dmc-support .grid-box.product-middle { position: relative; width: 350px; z-index: 1; }
.dmc-services-inner.dmc-support .grid-box:first-child { margin-right:-10px; padding-top:15px; margin-left:22px; }
.dmc-services-inner.dmc-support .grid-box:last-child { margin-left:-10px; padding-top:15px; }

.dmc-support .grid-box.product-middle > div { -webkit-box-shadow: 0px 0px 15px rgba(24, 24, 24, 0.7); -moz-box-shadow:0px 0px 15px rgba(24, 24, 24, 0.7); box-shadow: 0px 0px 15px rgba(24, 24, 24, 0.7); }

.dmc-home-top-products { background-color:#F5F5F5; }


.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.btn-large [class^="icon-"] {
  margin-top: 1px;
}

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}

.btn-small [class^="icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}

.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  background-color: #0074cc;
  *background-color: #0055cc;
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}

.btn-warning {
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  background-color: #414141;
  *background-color: #222222;
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

/*	Search Box edits	*/

div#search { padding:10px 17px 10px 10px; }
.crumbs { padding:5px 15px !important; }

table.extension-table {
	width:693px;
	border: 1px solid #777777;
}
table.extension-table th { border: 1px solid #777777; text-align:left; padding:5px; background-color:#E4E4E4; }
table.extension-table td { padding:5px; background-color:#F4F4F4; }

#zombie-geek { bottom:0; left:0; position: fixed; }

/* Guaranteed de-hack service - 'star' */
#guaranteed { background-color:#227AB4; }
#guaranteed .one {
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
	-o-transform:rotate(45deg); /* Opera */
	width:100px;
	height:100px;
}
#guaranteed .two {
	transform:rotate(315deg);
	-ms-transform:rotate(315deg); /* IE 9 */
	-moz-transform:rotate(315deg); /* Firefox */
	-webkit-transform:rotate(315deg); /* Safari and Chrome */
	-o-transform:rotate(315deg); /* Opera */
	width:100px;
	height:100px;
}

/* New call2action */
.call2action-outer { width:90%; display: block; background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
/*background:#000000;*/ border-radius:7px; color:#ffffff; margin:10px auto; padding:5px; }

.call2action-inner { background: none repeat scroll 0 0 #227AB4; border-radius: 4px 4px 4px 4px; display: block; font-size: 20px; margin: 0; overflow: hidden; padding: 7px 0 6px; text-align: center; }
.call2action-inner-inner { display: block; font-size: 12px; line-height: normal; padding-top: 4px; text-align: center; }


/*#navbar-content ul.menu li { float:left; border-right:1px solid #525252; }
#navbar-content a, #navbar-content  a:visited { padding:10px 15px; color:#fff; text-decoration:none; }
#navbar-content ul.menu li:hover { cursor:pointer; background:#227AB4; }*/

#system-message-container #system-message .alert {
	background: url("../images/tools/box_info.png") no-repeat scroll 0 0 #EBF5FA;
    color: #1D5E80;
	padding:13px 0 13px 50px;
	border-radius: 2px 2px 2px 2px;
	border:1px solid #D2DCE1;
}

#system-message-container #system-message .alert a { display:none; }
#system-message-container #system-message .alert h4 { margin-top:0;}
#system-message-container #system-message .alert p { margin:0; }

/* Akeeba Subs */
.akeebasubs-awesome-footer {
    float: right;
    margin-right: 10px;
    padding-bottom: 15px;
}
.akeebasubs-awesome-description {
    min-height: 155px;
    padding: 10px;
}
.column-middle .akeebasubs-awesome-image img { padding:37px 0; }
div.akeebasubs-awesome-column {
    margin-bottom: 0;
}

#akeebasubs div.akeeba-bootstrap img { display:block; margin:0 auto; }
div.akeeba-bootstrap p { padding:5px; }
.akeebasubs-strappy-subscribe button { float:right; }
/* Font colour */
.menu-sidebar a, .menu-sidebar li > span, body#page {
    color: #333333;
}

/* Background colour */
#content, #menublock, .mod-box { background:#F2F2F2; }
.mod-box .module-title { border-bottom: 1px solid #BBBBBB; }


.menu-dropdown li.level1.parent.item144:hover .level1, .menu-dropdown li.level1.item144.parent.active a.active {
    border-bottom: 2px solid #FF0000;
}

/* Akkeba Releases System (category) 'dmc-extensions' */
.dmc-extensions .akeeba-bootstrap h2 { font-size:28px; font-weight:normal; line-height:28px; }
.dmc-extensions .akeeba-bootstrap h3 { font-size:26px; margin-bottom:0; font-weight:normal; text-transform:none; }
.dmc-extensions #maininner #content .akeeba-bootstrap .mod-box { padding-top:0; }

.dmc-extensions .akeeba-bootstrap .ars-list-release h3 { line-height:21px; }
.dmc-extensions .akeeba-bootstrap .ars-releases h3 { line-height:21px; margin-bottom:10px; }
.dmc-extensions .akeeba-bootstrap .ars-browse-category div { display:block; overflow:hidden; }
.dmc-extensions .akeeba-bootstrap  .ars-browse-category a.goright { float:right; }

/* Akeeba Tickets */
.wrapper table.table-striped h4 { margin: 0 0 10px; }
.wrapper table.table-striped .badge { margin-right:10px !important; }
.wrapper div.akeeba-bootstrap table.table-striped .ats-category-desc p { display:inline-block; padding:4px; width:78%; }
.ats-button.ats-button-action-newticket { float:left; }
div.ats-post-userinfo { background:#e9e9e9; width:150px; border-left:thin dashed #333333; }
div.ats-post { background:#e9e9e9; }
div.ats-post-content-signature { border-top:thin dashed #333333; }
.ats-ticket-replyarea-content.bbcode .markItUp { width:auto; }
.ats-ticket-replyarea-content.bbcode div.markItUpContainer { border-radius:5px; border:1px solid #CCCCCC; }
.ats-ticket-replyarea-content.bbcode #markItUpBbcode textarea, .ats-ticket-replyarea-content.bbcode #markItUpBbcodemn textarea { width:98%; background:#f5f5f5; }
.ats-buttonbar .btn-primary { float:right; }

/* General styling */
.moduletable.downloadid { text-align:center; }
.moduletable.downloadid p { display:inline; }

/* Firewall Stats - Front End */
#innertop-firewallstats .module.mod-box { background:none repeat scroll 0 0 #47AEEA; color:#000000; font-size:21px; line-height:25px; padding:10px 0; text-align:center; }

/* LHM SEO Help
-----------------------------*/
.nav-stacked li:first-child, .nav-stacked li:last-child {display: none;}
li.toclink .active {display: none;}