/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

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

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

#system small { color: #999; }


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

#system .item > header .meta { color: #999; }

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

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


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

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

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


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

#system .pagination a,
#system .pagination strong { border: 1px solid #ddd; }


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

.searchbox {
  background: url("../images/searchbox_magnifier.png") no-repeat scroll 0 50% #000000;
  border: medium none;
  border-radius: 0 0 0 0;
  height: 30px;
  margin-right: 12px;
  margin-top: 10px;
  padding: 0 0 0 25px;
  width: 130px;
}

.searchbox input {
  background: url("../images/input.png") repeat-x scroll 0 0 #F2F2F2;
  border: 1px solid #E0D9D9;
  color: #808080;
  font-size: 12px;
  height: 28px;
  padding-left: 2px;
}

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

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

/* Drop-Down Results */
.searchbox .results {
	top: 41px;
	right: -1px;
	width: 300px;
	border: 1px solid #ddd;
	background: #ffffff;
}

.searchbox .results li.results-header { 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.results-header + li.result { border-top: none; }

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


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

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

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

#system .author-box {
	padding: 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
}

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

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


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

/* Head */
#system #comments .comment-head {
	padding: 5px;
	border: 1px solid #e6e6e6;
	background: #fafafa;
}

#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 #ddd; }
.comments-list > article:first-child { border: none; }

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

/* Buttons */

.btn-base,
.btn {
  width: 100px !important;
  height: 30px;
  line-height: 30px;
  display: inline-block !important;
  cursor: pointer;
  border-radius: 0 0 0 0;
  text-align: center;
  margin: 4px 4px 4px 0;
  font-size: 14px;
  padding: 0 5px !important;
}
.btn-icon {
  width: 115px !important;
  height: 36px;
  line-height: 26px;
  display: inline-block !important;
  cursor: pointer;
  border-radius: 0 0 0 0;
  text-align: center;
  margin: 4px 4px 4px 0;
  padding: 0 !important;
  border: none;
  text-transform: capitalize;
  color: #fff !important;
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(#5e6674),to(#7d8491));
  background: -webkit-linear-gradient(top,#7d8491,#5e6674);
  background: -moz-linear-gradient(top,#7d8491,#5e6674);
  background: -ms-linear-gradient(top,#7d8491,#5e6674);
  background: -o-linear-gradient(top,#7d8491,#5e6674);
}
.btn-icon span {
  display: inline-block;
  font-size: 0;
  padding: 0;
  margin-right: 13px;
  width: 20px;
  height: 20px;
  background-image: url(../images/btn-icon.png);
  background-repeat: no-repeat;
}
.btn-icon-light {
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(#cccccc),to(#dbdbdb));
  background: -webkit-linear-gradient(top,#dbdbdb,#cccccc);
  background: -moz-linear-gradient(top,#dbdbdb,#cccccc);
  background: -ms-linear-gradient(top,#dbdbdb,#cccccc);
  background: -o-linear-gradient(top,#dbdbdb,#cccccc);
  color: #353c49 !important;
  box-shadow: 0px 2px 1px -1px #757575;
}
.btn-icon-download {
  background-position: -7px -9px;
}
.btn-icon-close {
  background-position: -40px -7px;
}
.btn-icon-checked {
  background-position: -75px -9px;
}
.btn-icon-start {
  background-position: -111px -9px;
}
.btn-icon-cart {
  background-position: -142px -9px;
}
.btn-icon-search {
  background-position: -172px -9px;
}
.btn-light-icon-download {
  background-position: -7px -42px;
}
.btn-light-icon-close {
  background-position: -40px -40px;
}
.btn-light-icon-checked {
  background-position: -75px -42px;
}
.btn-light-icon-start {
  background-position: -111px -42px;
}
.btn-light-icon-cart {
  background-position: -142px -42px;
}
.btn-light-icon-search {
  background-position: -172px -42px;
}
div .small-btn-base {
  width: 92px !important;
  text-align: center;
  height: 29px;
  line-height: 29px;
  display: inline-block !important;
  cursor: pointer;
  border-radius: 5px;
  margin: 4px 4px 4px 0;
  color: #fff !important;
}
.round-btn {
  border-radius: 25px !important;
  width: 137px !important;
  height: 40px;
  line-height: 37px;
}
.btn-base:hover,
.small-btn-base:hover {
  background: #262626 !important;
  color: #fff !important;
}
button:hover,
button,
.sidebar-nav *,
.btn-base,
.btn-base:hover,
.small-btn-base:hover,
a.btn-primary:hover,
button:hover,
.form-actions a.btn {
  -moz-transition: all 200ms linear 0s !important;
  -webkit-transition: all 200ms linear 0s !important;
  -o-transition: all 200ms linear 0s !important;
}
.btn-hot-pink {
  background-color: #EE2465;
  color: #FFFFFF;
}
.btn-pink {
  background-color: #ec6681;
  color: #FFFFFF;
}
.btn-purple-low {
  background-color: #5e5668;
  color: #FFFFFF;
}
.btn-gray {
  background-color: #9d9ea6;
  color: #FFFFFF;
}
.btn-blue-1 {
  background-color: #278aab;
  color: #FFFFFF;
}
.btn-blue-2 {
  background-color: #199dac;
  color: #FFFFFF;
}
.btn-green {
  background-color: #4c8624;
  color: #FFFFFF;
}
.btn-blue-3 {
  background-color: #7fcdcd;
  color: #FFFFFF;
}
.btn-orange {
  background-color: #e15d44;
  color: #FFFFFF;
}
.btn-red-orange {
  background-color: #dc4123;
  color: #FFFFFF;
}
.btn-yellow {
  background-color: #f9c62d;
  color: #FFFFFF;
}
.btn-blue-4 {
  background-color: #09c0be;
  color: #FFFFFF;
}
button.btn-primary,
a.btn-primary {
  background: none repeat scroll 0 0 #4C8624;
  border: medium none;
  border-radius: 25px;
  box-shadow: none;
  color: #FFFFFF;
  font-size: 14px;
  height: 40px;
  line-height: 37px;
  width: 137px;
}
a.btn-primary:hover,
button:hover,
.form-actions a.btn:hover {
  background: none repeat scroll 0 0 #262626 !important;
  color: #FFFFFF !important;
}
.btn-icon:hover {
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(#222222),to(#444444)) !important;
  background: -webkit-linear-gradient(top,#444444,#222222) !important;
  background: -moz-linear-gradient(top,#444444,#222222) !important;
  background: -ms-linear-gradient(top,#444444,#222222) !important;
  background: -o-linear-gradient(top,#444444,#222222) !important;
}

/* System Messages */
#system-message {
	margin-bottom: 10px;
	padding: 0;
}

#system-message > dt {
	font-weight: bold;
	display: none;
}

#system-message > dd {
	margin: 0;
	font-weight: bold;
	text-indent: 30px;
}

#system-message > dd > ul {
	color: #0055BB;
	background-position: 4px top;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	list-style: none;
	padding: 10px;
	border-top: 3px solid #84A7DB;
	border-bottom: 3px solid #84A7DB;
}

#system-message > dd > ul > li {
	line-height: 1.5em;
}

/* System Standard Messages */
#system-message > .message > ul {
	background-color: #C3D2E5;
	background-image: url(../images/notice-info.png);
}

/* System Error Messages */
#system-message > .error > ul,
#system-message > .warning > ul,
#system-message > .notice > ul {
	color: #c00;
}

#system-message > .error > ul {
	background-color: #E6C0C0;
	background-image: url(../images/notice-alert.png);
	border-color: #DE7A7B;
}

/* System Warning Messages */
#system-message > .warning > ul {
	background-color: #E6C8A6;
	background-image: url(../images/notice-note.png);
	border-color: #FFBB00;
}

/* System Notice Messages */
#system-message > .notice > ul {
	background-color: #EFE7B8;
	background-image: url(../images/notice-note.png);
	border-color: #F0DC7E;
}


/* `Grid >> Global
----------------------------------------------------------------------------- */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	 float: left;
	 margin-left: 10px;
	 margin-right: 10px;
	 margin-bottom: 60px;
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 {
	position: relative;
}

.infobox {
  background: url("../images/info-box.png") no-repeat scroll 0 center #E0F2FF;
  border: 1px solid #C1DEF2;
  float: left;
  margin-bottom: 10px;
  padding: 10px 25px;
  max-width: 100%;
}
p .infobox {
    background: url("../images/info-box.png") no-repeat scroll 0 center transparent;
    color: #61ADB0;
    margin: 10px;
    padding-left: 25px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.warning-box {
    background: url("../images/warning-box.png") no-repeat scroll 0 center #F8F6BC;
    border: 1px solid #E7E48B;
    float: left;
    margin-bottom: 10px;
	padding: 10px 25px;
    max-width: 100%;
}
p .warning-box  {
    background: url("../images/warning-box.png") no-repeat scroll 0 center transparent;
    color: #989426;
    margin: 10px;
    padding-left: 27px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.success-box {
    background: url("../images/success-box.png") no-repeat scroll 0 center #EBFDD7;
    border: 1px solid #CEF4A4;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin-bottom: 10px;
	padding: 10px 25px;
    max-width: 100%;
}
p .success-box  {
    background: url("../images/success-box.png") no-repeat scroll 0 center transparent;
    color: #7EB244;
    margin: 10px;
    padding-left: 25px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.error-box {
    background: url("../images/error-box.png") no-repeat scroll 0 center #FADDDD;
    border: 1px solid #FCC1C1;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin-bottom: 10px;
	padding: 10px 25px;
    max-width: 100%;
}
p .error-box  {
    background: url("../images/error-box.png") no-repeat scroll 0 center transparent;
    color: #D86D6D;
    margin: 10px;
    padding-left: 25px;
    text-shadow: 0 1px 0 #FFFFFF;
}

/* Sticky Elements */

h3.my-sticky-element {
  background: none repeat scroll 0 0 #6A6272;
  color: #EAE2F2;
  font-size: 18px;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
}

.my-sticky-element.stuck {
	position:fixed;
	top:0;
	box-shadow:0 2px 4px rgba(0, 0, 0, .3);
}