/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


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

body { font: normal 13px/20px Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5 {
    margin: 20px 0 10px 0;
    text-transform: uppercase;
}

h1 { font-size: 28px; line-height: 28px; }
h2 { font-size: 24px; line-height: 24px; }
h3 { font-size: 18px; line-height: 18px; }
h4 { font-size: 16px; line-height: 16px; }
h5 { font-size: 14px; line-height: 14px; }

h2,
h5 { color: #444; }

small { color: #aaa; }

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

pre {
    border: 1px solid #e2e2e2;
    background: #fafafa;
}


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

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

a:not([class]):active > *,
a:not([class]):focus > * {
    position: relative;
    top: -1px;
}
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



/* 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;width:980px; }

#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(../../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);
}



/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

body#page { background: #ededed; }

#headerbar,
#footer,
.mod-plain a { color: #777; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

body { font-family: "DroidSansRegular"; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */




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

/* Level 1 */
.menu-dropdown li.level1 {
    padding: 0 2px 3px 0;
    background: url(../../images/menu_dropdown_level1.png) 100% 0 no-repeat;
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
    font-size: 15px;
    text-shadow: 0 1px rgba(0,0,0,0.2);
}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
    padding: 11px 15px 10px 15px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

/* Set Active */
.menu-dropdown li.active .level1 { text-shadow: 0 1px 0 rgba(255,255,255,0.1); }

/* Drop-Down */
.menu-dropdown .dropdown { top: 57px; }

.menu-dropdown .dropdown-bg > div {
    padding: 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);
}

.menu-dropdown .dropdown .module { padding: 5px; }

/* Level 2 */
.menu-dropdown .column ul.level2 {
    padding: 5px;
    border-left: 1px solid #e2e2e2;
}
.menu-dropdown .column:first-child ul.level2 { border-left: none; }

.menu-dropdown li.level2 { 
    margin: 0 5px;
    border-top: 1px solid #ddd;
}
.menu-dropdown li.level2:first-child { border: none; }

.menu-dropdown a.level2,
.menu-dropdown span.level2 {
    font-size: 13px;
    text-transform: uppercase;
    color: #444;
}

.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span { padding: 4px 0; }

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

/* Level 3 */
.menu-dropdown a.level3 {
    padding-left: 12px;
    color: #666;
}

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

/* Set Current */
.menu-dropdown a.current.level3 { font-weight: bold; } 

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

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

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

/* Subtitles */
.menu-dropdown span.subtitle {
    font-size: 12px;
    text-transform: none;
}
.menu-dropdown .level1 .level1 span.title { line-height: 18px; }
.menu-dropdown .level1 .level1 span.subtitle { margin-top: 0; }

.menu-dropdown .level2 .level2 span.subtitle { color: #888; }

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

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

.mod-box-black .menu-sidebar a,
.mod-box-black .menu-sidebar li > span { color: #aaa; }

.menu-sidebar li.level1 > a > span,
.menu-sidebar li.level1 > span > span { text-transform: uppercase; }

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

.mod-box-black .menu-sidebar a:hover,
.mod-box-black .menu-sidebar li > span:hover { color: #ddd; }

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

/* Current */
.menu-sidebar a.current {
    color: #444;
    font-weight: bold;
}

/* Level 1 */
.menu-sidebar li.level1 { border-top: 1px solid #ddd; }
.menu-sidebar li.level1:first-child { border-top: none; }

.mod-box-black .menu-sidebar li.level1 { border-top-color: #4b4b4b; }

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

.mod-box-color .menu-sidebar li.parent .level1 > span,
.mod-box-black .menu-sidebar li.parent .level1 > span { background-image: url(../../images/menu_sidebar_parent_color.png); }

/* Level 2-4 */
.menu-sidebar ul.level2 ul { padding-left: 10px; }

.menu-sidebar .level2 a { padding-left: 18px; }
.mod-box-color .menu-sidebar .level2 a,
.mod-box-black .menu-sidebar .level2 a { background-image: url(../../images/menu_sidebar_level2_color.png); }

.menu-sidebar .level2 a:hover { background-position: 0 -50px; }

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


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

#toolbar .menu-line li {
    margin-left: 10px;
    padding-left: 12px;
}

#toolbar .menu-line li:hover { background-position: 0 -50px; }

#toolbar .menu-line li:first-child { margin-left: 0; }

.menu-line li {
    margin-left: 7px;
    padding-left: 8px;
    background: url(../../images/menu_line.png) 0 50% no-repeat;
    text-transform: uppercase;
}

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


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



/* 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(../../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;
}
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



/* 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(../../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);
    max-width: 60px;
}


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

/* border code because of RTL */
dl.separator dd {
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #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 3px;
    line-height: 26px;
}

.social-icons-special li a {
    display: inline-block;
    width: 26px;
    height: 26px;
    float: right;
   /* background-image: url(../../images/tools/icons_social_special.png);*/
   background-image: url(../../images/tools/icons_social_special2.png);
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 0px;
    background-color: rgba(0, 0, 0, 0.1);
    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; }
.social-icons-special .newsletter a { background-position: 0 -189px; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* 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; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* 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); 
 height: 30px;
    margin: 10px 10px 0 0;
    padding: 0 25px;
    width: 130px;
    }

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

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 @import url(warp/css/system.css);
 @import url(warp/systems/joomla/css/system.css);
 @import url(blue/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;
}
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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

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

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(../../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); }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * 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: relative;
    top: 5px;
    left: 0px;
    max-height: 90px;
    max-width: 250px;
}

.frontpage-slideset h3 { margin: 0; }

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

.wk-slideset .sets{
    min-height: 160px;
}

.wk-slideset-revista .wk-content { 
    margin: 15px;
    text-align: left;
    margin-top:10px;
}

/* 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: 10px 0 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;
}

/*Aggiunto da Giacomo Picciani | 27-02-2012*/
#sidebar-a{
    width:245px;
}
#sidebar-b{
    width:245px;
}


#searchbox input[type="submit"] {
    padding: 0px;
    width: 70px;
    height: 22px;
    line-height: 14px;
    font-size: 14px;
    border: 1px solid gray;
}

/* Breadcrumb */
.breadcrumb {
    float:left;
    width: 700px;
}


/* Time */
.time {
    float:right;
    width: 220px;
}

.time time {
    text-align:right;
}


/* Componente list */
.list img.list-image-preview {
    max-width: 700px;   
}

.list .list-item-preview-sezione {
    margin: 10px 0px;
    border-bottom:1px dotted #d5d5d5;
}

.list img.teaser {
     float:left;
     margin-right:5px;
     border:1px solid black;
     width:48px;
     height:48px;
}

.list span.teaser-title {
     font-size:18px;
     line-height:48px;
     vertical-align: middle;
}

.list .teaser-time-container {
     margin: 10px 0px;
}
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */