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

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

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

.margin-t-5 {
  margin-top: 5px;
}
.margin-t-10 {
  margin-top: 10px;
}
.margin-b-5 {
  margin-bottom: 5px;
}
.margin-b-10 {
  margin-bottom: 10px;
}

.color1,
.color2 {
  text-shadow: 0 1px #fff;
}

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

.button-default,
.readon,
.button-primary,
.button-black {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 4px;
  font-size: 13px;
}

form.style button,
form.style input[type="button"],
form.style input[type="submit"] {
  display: inline-block;
  padding: 6px 9px;
  border-radius: 4px;
  font-size: 12px;
}

form.style button,
form.style input[type="button"],
form.style input[type="submit"],
.button-default,
.readon,
.mod-box .button-default {
  border: 1px solid #e0e0e0;
  border-bottom-color: #cdcdcd;
  background: #f9f9f9;
  background: -webkit-linear-gradient(top, #f9f9f9, #f7f7f7);
  background: -moz-linear-gradient(top, #f9f9f9, #f7f7f7);
  background: -o-linear-gradient(top, #f9f9f9, #f7f7f7);
  background: linear-gradient(to bottom, #f9f9f9, #f7f7f7);
  box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1);
  color: #444;
}

form.style button:hover,
form.style input[type="button"]:hover,
form.style input[type="submit"]:hover,
.mod-box-color form.style button,
.mod-box-color form.style input[type="button"],
.mod-box-color form.style input[type="submit"],
.button-default:hover,
.readon:hover,
.button-primary,
.mod-box .button-primary {
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}

form.style button:active,
form.style input[type="button"]:active,
form.style input[type="submit"]:active,
.button-default:active,
.readon:active {
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1),
    inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}

.mod-box-color form.style button:hover,
.mod-box-color form.style input[type="button"]:hover,
.mod-box-color form.style input[type="submit"]:hover,
.button-primary:hover {
  box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}

.mod-box-color form.style button:active,
.mod-box-color form.style input[type="button"]:active,
.mod-box-color form.style input[type="submit"]:active,
.button-primary:active {
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2),
    inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}

.mod-box-black form.style button,
.mod-box-black form.style input[type="button"],
.mod-box-black form.style input[type="submit"],
.button-black,
.mod-box .button-black {
  border: 1px solid #4b4d51;
  border-bottom-color: #3e4144;
  background: #5b5d63;
  background: -webkit-linear-gradient(top, #5b5d63, #52555a);
  background: -moz-linear-gradient(top, #5b5d63, #52555a);
  background: -o-linear-gradient(top, #5b5d63, #52555a);
  background: linear-gradient(to bottom, #5b5d63, #52555a);
  box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #d1d1d1;
}

.mod-box-black form.style button:hover,
.mod-box-black form.style input[type="button"]:hover,
.mod-box-black form.style input[type="submit"]:hover,
.button-black:hover {
  border-color: #47494d;
  border-bottom-color: #3e4144;
  background: #4d5055;
  background: -webkit-linear-gradient(top, #4d5055, #45494e);
  background: -moz-linear-gradient(top, #4d5055, #45494e);
  background: -o-linear-gradient(top, #4d5055, #45494e);
  background: linear-gradient(to bottom, #4d5055, #45494e);
  box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #d1d1d1;
}

.mod-box-black form.style button:active,
.mod-box-black form.style input[type="button"]:active,
.mod-box-black form.style input[type="submit"]:active,
.button-black:active {
  border-color: #3e4144;
  background: #45494e;
  background: -webkit-linear-gradient(top, #45494e, #4d5055);
  background: -moz-linear-gradient(top, #45494e, #4d5055);
  background: -o-linear-gradient(top, #45494e, #4d5055);
  background: linear-gradient(to bottom, #45494e, #4d5055);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2),
    inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #d1d1d1;
}

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

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

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

/* Line */

ul.line > li {
  border-top: 1px solid #d1d1d1;
  padding-left: 20px;
  background: url(../../../images/tools/list_line_icon.png) 0 0 no-repeat;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

ul.line > li:first-child {
  border-top: none;
  box-shadow: none;
}

.mod-box-black ul.line > li,
.mod-box-color ul.line > li {
  border-top-color: rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

ul.line > li:first-child {
  border-top: none;
  padding-top: 5px;
  box-shadow: none;
}

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

/* Zebra List and Table */

table {
  border-collapse: separate;
}

table.zebra {
  border-right: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
}
table.zebra2 {
  width: 618px !important;
}

ul.zebra > li,
table.zebra tbody td {
  border-bottom: 1px solid #d1d1d1;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.mod-box-black ul.zebra > li,
.mod-box-black table.zebra tbody td,
.mod-box-color ul.zebra > li,
.mod-box-color table.zebra tbody td {
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}

ul.zebra > li:first-child,
table.zebra tbody tr:first-child td {
  border-top: 1px solid #d1d1d1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1),
    0 1px 0 rgba(255, 255, 255, 1);
}

.mod-box-black ul.zebra > li:first-child,
.mod-box-black table.zebra tbody tr:first-child td,
.mod-box-color ul.zebra > li:first-child,
.mod-box-color table.zebra tbody tr:first-child td {
  border-top: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.15);
}

ul.zebra > li.odd,
table.zebra tbody tr.odd {
  background: url(../../../images/bg_black_2.png);
}
ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.02);
}

table.zebra thead,
table.zebra tbody tr:hover,
table.zebra tbody tr.odd:hover,
.mod-box-black ul.zebra > li.odd,
.mod-box-black table.zebra tbody tr.odd,
.mod-box-color ul.zebra > li.odd,
.mod-box-color table.zebra tbody tr.odd,
table.zebra tfoot td,
.mod-box-black table.zebra tfoot td {
  background: url(../../../images/bg_black_5.png);
}

.mod-box-black ul.zebra > li:nth-of-type(odd),
.mod-box-black table.zebra tbody tr:nth-of-type(odd),
.mod-box-color ul.zebra > li:nth-of-type(odd),
.mod-box-color table.zebra tbody tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
}

table.zebra caption {
  color: #999;
}
.mod-box-black table.zebra caption {
  color: #d1d1d1;
}
.mod-box-color table.zebra caption {
  color: #fff;
}

.mod-box-black table.zebra thead,
.mod-box-color table.zebra thead,
.mod-box-black table.zebra tbody tr:hover,
.mod-box-black table.zebra tbody tr.odd:hover,
.mod-box-color table.zebra tbody tr:hover,
.mod-box-color table.zebra tbody tr.odd:hover {
  background: url(../../../images/bg_black_10.png);
}

table.zebra tbody tr:nth-of-type(odd):hover {
  background: rgba(0, 0, 0, 0.05);
}

.mod-box-black table.zebra tbody tr:nth-of-type(odd):hover,
.mod-box-color table.zebra tbody tr:nth-of-type(odd):hover {
  background: rgba(0, 0, 0, 0.1);
}

table.zebra thead th {
  border-top: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

table.zebra2 thead th {
  vertical-align: bottom !important;
}

.mod-box-black table.zebra thead th,
.mod-box-color table.zebra thead th {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

table.zebra tr td,
table.zebra tr th {
  border-left: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  padding: 5px 10px;
}

table.zebra2 tr td,
table.zebra2 tr th {
  padding: 5px 5px !important;
}

table.zebra tfoot td {
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
}

.mod-box-black table.zebra tfoot td,
.mod-box-color table.zebra tfoot td {
  background: url(../../../images/bg_black_15.png);
}

table.zebra td sup {
  vertical-align: top;
}

/* ZOO List */
ul.zoo-list > li,
.zoo-comments-list > article {
  border-top: 1px solid #d1d1d1;
  box-shadow: inset 0 1px 0 #fff;
}

ul.zoo-list > li:first-child,
.zoo-comments-list > article:first-child {
  box-shadow: none;
}

.mod-box-black ul.zoo-list > li,
.mod-box-black .zoo-comments-list > article,
.mod-box-color ul.zoo-list > li,
.mod-box-color .zoo-comments-list > article {
  border-top-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
}

.mod-box-black ul.zoo-list > li:first-child,
.mod-box-black .zoo-comments-list > article:first-child,
.mod-box-color ul.zoo-list > li:first-child,
.mod-box-color .zoo-comments-list > article:first-child {
  box-shadow: none;
}

.mod-box-color .zoo-comments-list .meta {
  color: #e1e1e1;
}
.mod-box-color .zoo-item-list p.meta {
  color: #e1e1e1;
}

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

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

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

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

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

/* Inline Text Box */
em.box {
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  background: #f1f1f1;
  padding: 1px 3px;
}

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

/* Boxes
----------------------------------------------------------------------------------------------------*/
.box-madrid,
.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
  border-radius: 4px;
  background: #f1f1f1;
  /*border: 1px solid #ddd;*/
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
  /*border-radius: 4px; 
        background: #f1f1f1 url(../images/background/congress_grey_squares_bg.jpg) 0 0 repeat;
	border: 1px solid #ddd;
	box-shadow: 0 1px 0 rgba(255,255,255,1);
        padding-left: 0px;
        padding: 10px 0 6px;*/
}
.box-madrid p,
.box-content p,
.box-note p,
.box-info p,
.box-warning p,
.box-hint p,
.box-download p {
  margin: 0px;
  vertical-align: central;
}

.box-info p:before {
  content: "";
  background: url(../../../images/tools/box_info.png) no-repeat;
  display: block;
  height: 35px;
  width: 35px;
  margin-right: 4px;
  position: relative;
  top: -11px;
  float: left;
}
.box-madrid {
  background: #ebf5fa url(../../../images/tools/box_info.png) 0 0 no-repeat;
  color: #808080;
  text-shadow: 1px 1px white;
}
.box-info {
  background: #ebf5fa url(../../../images/tools/box_info.png) 0 0 no-repeat;
  color: #808080;
  text-shadow: 1px 1px white;
}
.box-warning {
  background: #fff0eb url(../../../images/tools/box_warning.png) 0 0 no-repeat;
  color: #808080;
  text-shadow: 1px 1px white;
}
.box-hint {
  background: #fffae6 url(../../../images/tools/box_hint.png) 0 0 no-repeat;
  color: #808080;
  text-shadow: 1px 1px white;
}
.box-download {
  background: #faffe6 url(../../../images/tools/box_download.png) 0 0 no-repeat;
  color: #808080;
  text-shadow: 1px 1px white;
}

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

form.box fieldset {
  background: #f1f1f1;
  margin-bottom: 10px;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.mod-box-black form.box fieldset,
.mod-box-color form.box fieldset {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

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

form.style input[type="text"],
form.style input[type="password"],
form.style select,
form.style textarea {
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f9f9f9;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 #fff;
  color: #999;
  text-shadow: 0 1px 0 #ffffff;
}

.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 {
  background: url(../../../images/bg_black_10.png);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05),
    0 1px 0 rgba(255, 255, 255, 0.1);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}

.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 {
  border-color: #3e4144;
  background: url(../../../images/bg_black_20.png);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05),
    0 1px 0 rgba(255, 255, 255, 0.1);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  color: #999;
}

form.style input[type="text"]:focus,
form.style input[type="password"]:focus,
form.style select:focus,
form.style textarea:focus {
  outline: none;
  color: #444;
  background: #fff;
  text-shadow: none;
}

.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: rgba(0, 0, 0, 0.7);
}

form.style button:hover,
form.style input[type="button"]:hover,
form.style input.button:hover,
form.style #submit:hover {
  color: #fff;
}

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

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

.social-icons li {
  margin-left: 10px;
  line-height: 39px;
  float: left;
}

.social-icons li:first-child {
  margin-left: 0;
}

.social-icons li a {
  display: block;
  overflow: hidden;
  width: 30px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.social-icons .facebook a {
  background-position: 0 0;
}
.social-icons .facebook a:hover {
  background-position: 0 -50px;
}
.social-icons .facebook a:active {
  background-position: 0 -100px;
}

.social-icons .googleplus a {
  background-position: 0 -150px;
}
.social-icons .googleplus a:hover {
  background-position: 0 -200px;
}
.social-icons .googleplus a:active {
  background-position: 0 -250px;
}

.social-icons .twitter a {
  background-position: 0 -300px;
}
.social-icons .twitter a:hover {
  background-position: 0 -350px;
}
.social-icons .twitter a:active {
  background-position: 0 -400px;
}

.social-icons .rss a {
  background-position: 0 -450px;
}
.social-icons .rss a:hover {
  background-position: 0 -500px;
}
.social-icons .rss a:active {
  background-position: 0 -550px;
}

.social-icons .dribbble a {
  background-position: 0 -600px;
}
.social-icons .dribbble a:hover {
  background-position: 0 -650px;
}
.social-icons .dribbble a:active {
  background-position: 0 -700px;
}

/* Pricing Table 
----------------------------------------------------------------------------------------------------*/

.pricing {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background: #f7f7f7;
  background: -webkit-linear-gradient(top, #f7f7f7, #f4f4f4);
  background: -moz-linear-gradient(top, #f7f7f7, #f4f4f4);
  background: -o-linear-gradient(top, #f7f7f7, #f4f4f4);
  background: linear-gradient(to bottom, #f7f7f7, #f4f4f4);
  background-clip: padding-box;
  box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1);
  text-shadow: 0 1px 0 #fff;
  text-align: center;
  overflow: hidden;
}

.pricing .grid-box > div {
  padding: 15px;
  border: 0 solid #d1d1d1;
  border-left-width: 1px;
  box-shadow: inset 1px 0 0 #fff;
}

.pricing .grid-box div > * {
  margin: 15px 0 0 0;
}

.pricing .grid-box:first-child > div {
  border: none;
  box-shadow: none;
}

.pricing .highlighted ul.zebra > li.odd {
  background: url(../../../images/bg_white_30.png);
}
.pricing .highlighted ul.zebra > li:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.3);
}

.pricing .highlighted {
  background-color: #eaeaea;
}

.pricing .highlighted > div {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7),
    inset 1px 0 0 rgba(255, 255, 255, 0.7);
}

.pricing .price {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  background: #f1f1f1;
  background: -webkit-linear-gradient(top, #f1f1f1, #e7e7e7);
  background: -moz-linear-gradient(top, #f1f1f1, #e7e7e7);
  background: -o-linear-gradient(top, #f1f1f1, #e7e7e7);
  background: linear-gradient(to bottom, #f1f1f1, #e7e7e7);
  font: bold 30px/54px Arial, Helvetica, sans-serif;
}

.pricing .highlighted .price {
  background: #f7f7f7;
  background: -webkit-linear-gradient(top, #f7f7f7, #f4f4f4);
  background: -moz-linear-gradient(top, #f7f7f7, #f4f4f4);
  background: -o-linear-gradient(top, #f7f7f7, #f4f4f4);
  background: linear-gradient(to bottom, #f7f7f7, #f4f4f4);
}

.box-warning {
  border-radius: 0;
  padding-left: 15px;
  background: url("../images/background/congress_dark_orange_squares_bg.jpg")
    repeat scroll 0 0 #5c7535;
  color: #ffffff;
  text-shadow: 1px 1px #e85d33;
}

.box-madrid {
  border-radius: 0;
  padding-left: 15px;
  background: url("../images/background/congress_dark_red_squares_bg.jpg")
    repeat scroll 0 0 #5c7535;
  color: #ffffff;
  text-shadow: 1px 1px #c5121f;
  margin: 15px 0;
  padding: 10px;
}

.box-primary {
  border-radius: 0;
  padding-left: 15px;
  background: #014478;
}