/*--------------------------------------------------------------

# Copyright (C) joomla-monster.com

# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License

# Website: http://www.joomla-monster.com

# Support: info@joomla-monster.com

---------------------------------------------------------------*/



/*********************** DEFAULT JOOMLA STYLES ***********************/



/**registration, login**/



span.star, strong.red, .invalid {

    color: #ff0000;

}



div.registration form#member-registration fieldset dl, 

div.profile form#member-profile fieldset dl,

div.profile fieldset#users-profile-core dl,

div.profile fieldset#users-profile-custom dl,

div.profile-edit form#member-profile fieldset dl, 

div.remind fieldset dl, 

div.reset fieldset dl {

	margin: 0;

}



div.registration form#member-registration fieldset dt, 

div.profile form#member-profile fieldset dt,

div.profile fieldset#users-profile-core dt,

div.profile fieldset#users-profile-custom dt,

div.profile-edit form#member-profile fieldset dt, 

div.remind fieldset dt, 

div.reset fieldset dt {

    float: left;

    clear: both;

    padding: 2px;

	margin: 0;

	min-width: 250px;

	min-height: 38px;

	line-height: 38px;

}



div.registration form#member-registration fieldset dd, 

div.profile form#member-profile fieldset dd, 

div.profile fieldset#users-profile-core dd,

div.profile fieldset#users-profile-custom dd,

div.profile-edit form#member-profile fieldset dd, 

div.remind fieldset dd, div.reset fieldset dd {

    float: none;

    padding: 2px;

	margin: 0;

	min-height: 38px;

	line-height: 38px;

}



div.formelm label,

div.formelm-area label {

    display: inline-block;

    min-width: 200px;

}



div.formelm img {

	vertical-align: middle;

	margin: 0 5px;

}



div.formelm-buttons {

	padding: 10px 0;

}



div.login-fields {

    padding: 5px 0;

}



fieldset.userdata {

    border: none;

    padding: 0;

    margin: 0;

}



.login-fields label#password-lbl,

.login-fields label#username-lbl {

	min-width: 100px;

	display: inline-block;

}



/**buttons, inputs**/



input.button, button.validate, button,

#djcatalog .djc_producer_items_link span, #djcatalog .djc_atoz a span.btn,  #djcatalog .djc_atoz span.btn {		

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

    font-size: 1.4em;

    margin: 0 5px;

    vertical-align: middle;

    cursor: pointer;

	color: #fff;

	padding: 0 15px;

	height: 38px;

	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);

	border-radius: 5px;

	-webkit-border-radius: 5px;

    box-shadow:  inset 1px 1px 0 rgba(255, 255, 255, 0.3);

	-webkit-box-shadow:  inset 1px 1px 0 rgba(255, 255, 255, 0.3);

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	border-style: solid;

	border-width: 1px;

}



input.button:hover, button.validate:hover, button:hover,

#djcatalog .djc_producer_items_link span:hover, #djcatalog .djc_atoz a span.btn:hover, #djcatalog .djc_atoz span.btn {

	-webkit-transition: all 0.2s ease-in;

	-moz-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;

}



input.button:active, button.validate:active, button:active,

#djcatalog .djc_producer_items_link span:active, #djcatalog .djc_atoz a span.btn:active {

	position: relative;

	top: 1px;

    box-shadow: none;

	-webkit-box-shadow: none;

}



form#login-form div.logout-button input.button {

	margin: 0;

}



input, select, textarea {

	font-family: Arial, Helvetica, sans-serif;

    font-size: 1.4em;

    color: #4b4b4b;

    margin: 2px 0;

    padding: 0 0 0 8px;

	height: 36px;

	line-height: 36px;

    vertical-align: middle;

	border: 1px solid #d2d2d2;

	background: #ffffff;

}



textarea {

	height: auto;

	line-height: 1.5em;

}



select {

    padding: 7px;

	height: 38px;

	line-height: inherit;

}



input, select, textarea, button {

	border-radius: 5px;

	-webkit-border-radius: 5px;

} 



input#modlgn-remember {

    margin: 0 10px 0 0;

    padding: 0;

    border: 0;

    background: none;

	height: auto;

}



#form-login-username label,

#form-login-password label {

	width: 100px;

	display: inline-block;

}



div.login-greeting {

	padding-bottom: 10px;

}



div.login button.button {

	margin: 10px 0 0;

}



.userdata input.button {

	margin: 10px 0;

}



/**page navigation**/



ul.pagenav {

    list-style-type: none;

    padding: 0;

    margin: 20px 0 0 0;

    clear: both;

	display: inline-block;

	width: 100%;

}



ul.pagenav li {

	line-height: 30px;

    padding: 0;

    margin: 0;

	background: none;

	color: #999999;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	border: 1px solid #d2d2d2;

}



ul.pagenav li a:link,

ul.pagenav li a:visited {

    display: inline-block;

    padding: 0 10px;

    border: none;

}



ul.pagenav li a:hover  {

	background: #f5f5f5;

	-webkit-transition: background 0.2s ease-in;

	-moz-transition: background 0.2s ease-in;

	-o-transition: background 0.2s ease-in;

	transition: background 0.2s ease-in;

	border-radius: 5px;

	-webkit-border-radius: 5px;

}



ul.pagenav li.pagenav-prev {

    float: left;

}



ul.pagenav li.pagenav-next {

    float: right;

}



/**pagination**/



div.pagination {

    margin: 0;

    padding: 10px 0 0;

    text-align: center;

    clear: both;

    display: inline-block;

    width: 100%;

}



div.pagination ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



div.pagination li {

    display: inline-block;

	line-height: 30px;

    padding: 0;

    margin: 0;

	background: none;

	color: #999999;

	border: 1px solid #d2d2d2;

	border-right: none;

}



div.pagination li:first-child {

	border-radius: 5px 0 0 5px;

	-webkit-border-radius: 5px 0 0 5px;

	padding: 0 10px;

}



div.pagination li:first-child a:hover {

	border-radius: 5px 0 0 5px;

	-webkit-border-radius: 5px 0 0 5px;

}



div.pagination li:last-child {

	border-radius: 0 5px 5px 0;

	-webkit-border-radius: 0 5px 5px 0;

	border: 1px solid #d2d2d2;

	padding: 0 10px;

}



div.pagination li:last-child a:hover {

	border-radius: 0 5px 5px 0;

	-webkit-border-radius: 0 5px 5px 0;

}



div.pagination ul li span {

	background: #f5f5f5;

	display: inline-block;

	padding: 0 10px;

}



div.pagination ul li a:link,

div.pagination ul li a:visited {

	display: inline-block;

	padding: 0 10px;

	margin: 0 -10px;

}



div.pagination ul li a.pagenav:link,

div.pagination ul li a.pagenav:visited {

	margin: 0;

}



div.pagination ul li a:hover  {

	background: #f5f5f5;

	-webkit-transition: background 0.2s ease-in;

	-moz-transition: background 0.2s ease-in;

	-o-transition: background 0.2s ease-in;

	transition: background 0.2s ease-in;

	text-decoration: none;

}



div.pagination ul li.pagination-start,

div.pagination ul li.pagination-prev,

div.pagination ul li.pagination-next, 

div.pagination ul li.pagination-end {

	padding: 0;

}



div.pagination ul li.pagination-start span,

div.pagination ul li.pagination-prev span,

div.pagination ul li.pagination-next span, 

div.pagination ul li.pagination-end span {

	background: none;

	padding: 0 10px;

}



.pagenav {

    padding: 2px;

}



p.counter {

    text-align: center;

	margin: 0 0 10px;

}



/****content****/



div.items-leading {

	display: inline-block;

	width: 100%;

}



div.items-row {

	display: inline-block;

	width: 100%;

}



.items-leading .item-separator {

	clear: both;

	display: inline-block; 

	width: 100%;

	height: 1px; 

	margin: 25px 0;

	background: #ededed;

}



.row-separator {

	clear: both;

	display: inline-block; 

	width: 100%;

	height: 1px; 

	margin: 25px 0;

	background: #ededed;

}



.items-row:last-child .row-separator {

    margin-bottom: 0;

}





/**blog featured single**/



div.blog h2, 

div.item-page h2, 

div.blog-featured h2,

div.items-more h3,

div.item-page h2,

ul#archive-items li.row0 h2,

div.contact h2,

div.contact-category h2,

div.newsfeed-category h2 {
	margin: 0 0 15px;
	font-size: 2em;
	text-transform: none;
}



div.blog h1, 

div.blog-featured h1, 

div.item-page h1, 

div.archive h1,  

div.categories-list h1, 

div.category-list h1, 

div.search h1,

h1.componentheading {

    margin: 0 0 15px;

	font-size: 2.2em;

	line-height: 1.2em;

}



div.blog-featured h2 a:hover, 

div.blog h2 a:hover,  

div.item-page h2 a:hover,  

ul#archive-items li.row0 h2 a:hover,

#djcatalog .djc_title h3 a:hover {

	text-decoration: none;

	-webkit-transition: all 0.2s ease-in;

	-moz-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;	

}



/**blog layout**/



.item { 

	display: block;

}



.cols-1 {

    display: block;

    float: none !important;

    margin: 0 !important;

}



.cols-2 .column-1 {

    float: left;

    width: 48%;

}



.cols-2 .column-2 {

    float: right;

    width: 48%;

}



.cols-3 .column-1, 

.cols-3 .column-2, 

.cols-3 .column-3 {

    float: left;

    width: 31%;

}



.cols-3 .column-2 {

	padding: 0 3%;

}



.cols-4 .column-1, 

.cols-4 .column-2, 

.cols-4 .column-3, 

.cols-4 .column-4 {

    float: left;

    width: 23%;

}



.cols-4 .column-2 {

	padding: 0 1% 0 2%;

}



.cols-4 .column-3 {

	padding: 0 2% 0 1%;

}



.items-more {

    padding: 0 0 10px;

}



/**language**/



div.mod-languages ul li {

    background: none;

    padding: 0;

}



/**search**/



div.search label[for="mod-search-searchword"] {

	display: none;

}



div.search div.phrases-box {

	padding-bottom: 25px;

}



div.search div.phrases-box label,

div.search fieldset.only label {

	margin-right: 10px;

	vertical-align: middle;

}



div.search div.phrases-box input,

div.search fieldset.only input {

	height: auto;

	line-height: inherit;

	padding: 0;

	border: 0;

}



/**single article**/



ul.actions {

    margin: 0 0 5px;

    padding: 0;

    text-align: right;

    width: 100%;

}



ul.actions li {

    display: inline;

	background: none !important;

	margin: 0 5px;

	padding: 0;

}



.actions img {

    border: none;

}



.article-info {

    margin: 0 0 10px;

	font-size: 0.9em;

	line-height: 1.5em;

	color: #a1a1a1;

}



.article-info-term {

    font-weight: bold;

}



.archive .article-info dd, 

.article-info dd {

    margin: 0;

}



/**article categories**/



.categories-list ul {

    list-style: none;

    margin: 0;

}



dl.article-count dt, 

dl.article-count dd {

    display: inline;

    margin: 0;

}



dl.article-count dt, 

dl.article-count dd {

    display: inline;

    margin: 0;

}



/**archive**/



ul#archive-items .row0,

ul#archive-items .row1 {

	background: none;

	list-style: none;

}



ul#archive-items h2 a:link,

ul#archive-items h2 a:visited {

	border: none;

}



/**contact, article category list**/



table.category {

    width: 100%;

    margin: 0 0 10px;

	border-collapse: collapse;

	border-spacing: 0;

}



table.category th {

    font-weight: bold;

    padding: 8px;

	text-shadow: none;

	background: #eeeeee;

    color: #999999;

}



table.category th a {

    text-decoration: none;

    color: #999999;

}



table.category td {

	padding: 8px;

	border-bottom: 1px solid #dddddd;	

}



/**single contact**/



.contact-email label {

	min-width: 100px;

	display: inline-block;

	padding: 0 0 5px 0;

}



form#contact-form fieldset {

	border: none;

	padding: 0;

	margin: 0;

}



form#contact-form dt,

form#contact-form dd,

form#contact-form button.button {

	margin: 10px 0 0;

}



/**details**/

	

.img-intro-none,

.img-fulltext-none {

	text-align: center;

	margin-bottom: 10px;

}



.image-left,

.img-intro-left,

.img-fulltext-left {

	float: left;

	margin-right: 10px;

}



.image-right,

.img-intro-right,

.img-fulltext-right {

	float: right;

	margin-left: 10px;

}



p.img_caption {

    background: #f5f5f5;

	text-align: center;

	margin: 0 0 10px;

	padding: 5px;

}	



.tip {

    background: #f5f5f5;

	width: 250px;

    border: 1px solid #CCCCCC;

    padding: 10px;

	position: relative;

	border-radius: 5px;

	-webkit-border-radius: 5px;

}



.tip:after {

	content: '';

    position: absolute;

    left: 20px;

    top: -10px;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #f5f5f5;

}



.tip .tip-title {

	font-weight: bold;

}



p.readmore {

    display: inline-block;

	width: 100%;

	margin: 10px 0 0;

}



p.readmore a:link, 

p.readmore a:visited, 

a.readmore:link,

a.readmore:visited,

a.readon:link,

a.readon:visited,

.djf_text a.btn,

.djc_readon a:link,

.djc_readon a:visited {

	font-size: 1.4em;

	font-family: Arial, Helvetica, sans-serif; 

	float: left;

	color: #fff;

    cursor: pointer;

	padding: 9px 15px 9px 42px;

	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);

	border-radius: 5px;

	-webkit-border-radius: 5px;

    box-shadow:  inset 1px 1px 0 rgba(255, 255, 255, 0.3);

	-webkit-box-shadow:  inset 1px 1px 0 rgba(255, 255, 255, 0.3);

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	border-style: solid;

	border-width: 1px;

}



p.readmore a:hover,

a.readmore:hover,

a.readon:hover,

.djc_readon a:hover,

.djf_text a.btn:hover {

	text-decoration: none;

}



p.readmore a:active,

a.readmore:active,

a.readon:active,

.djc_readon a:active

.djf_text a.btn:active {

	position: relative;

	top: 1px;

    box-shadow: none;

	-webkit-box-shadow: none;

}



/************************ plugin page break ******************/



hr.system-pagebreak {

	display: block;

    width: 100%;

    height: 1px;

    margin: 15px 0px;

    clear: both;

    height: 1px;

    border: none;

    background: #d2d2d2;

}



/************************ Presentation Style: pages ******************/



div#article-index {

    float: right;

    margin: 0 0 0 10px;

    padding: 10px 5px;

    width: 150px;

	border: 1px solid #F3F3F3;

	border-bottom: none;

	border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	-webkit-border-radius: 5px 5px 0 0;

}



div#article-index h3 { 

	font-size: 1.2em;

	margin-bottom: 15px;

	font-weight: bold;

	text-align: center;

}



div.pagenavcounter {

    clear: both;

    float: right;

    margin: 0 0 10px 10px;

    padding: 5px;

    text-align: center;

    width: 150px;

    background: #F3F3F3;

    border: 1px solid #F3F3F3;

	border-radius: 0 0 5px 5px;

	-moz-border-radius: 0 0 5px 5px;

	-webkit-border-radius: 0 0 5px 5px;

}



/************************ Presentation Style: sliders ******************/



.pane-sliders div.panel {

	margin-bottom: 1px;

}



.pane-sliders div.panel h3.title {

	margin: 0;

	text-align: center;

	cursor: pointer;

	background: #F3F3F3;

	font-size: 1.2em;

	border-radius: 5px;

	-webkit-border-radius: 5px;

}



.pane-sliders div.panel h3.title:hover {

	-webkit-transition: background 0.2s ease-in;

	-moz-transition: background 0.2s ease-in;

	-o-transition: background 0.2s ease-in;

	transition: background 0.2s ease-in;

	background: #d2d2d2;

}



.pane-sliders div.panel h3.title a:link, 

.pane-sliders div.panel h3.title a:visited {

    padding: 8px;

	display: block;

}



.pane-sliders div.panel h3.title.pane-toggler-down a:link,

.pane-sliders div.panel h3.title.pane-toggler-down a:visited {

	color: #ffffff;

}



.pane-sliders div.panel h3.title:hover a:hover {

	text-decoration: none;

}



.pane-sliders div.pane-down {

    padding: 10px !important;

}



/************************ Presentation Style: tabs ******************/



dl.tabs { 

	display: inline-block;

	padding: 10px 0 0;

	margin: 0;

}



dl.tabs dt.tabs {

	float: left;

	padding: 5px 15px 6px;

	margin: 0 5px -1px 0;

	background: #fff;

	border-right: solid 1px #d2d2d2;

	border-left: solid 1px #d2d2d2;

	border-top: solid 1px #d2d2d2;

	border-bottom: none;

	border-radius: 5px 5px 0 0;

	-webkit-border-radius: 5px 5px 0 0;	

}



dl.tabs dt.tabs.closed {

	padding: 5px 15px;

	border-right: solid 1px #ffffff;

	border-left: solid 1px #ffffff;

	border-top: solid 1px #ffffff;

}



dl.tabs dt.tabs.closed:hover {

	padding: 5px 15px;

	background: #d2d2d2;

	border-right: solid 1px #d2d2d2;

	border-left: solid 1px #d2d2d2;

	border-top: solid 1px #d2d2d2;

}



dl.tabs dt.tabs h3 {

	font-size: 1.2em;

	margin: 0;

	font-weight: normal;

}



dl.tabs dt.tabs h3 a:hover {

	text-decoration: none;

}



dl.tabs dt.tabs.open h3 a:link,

dl.tabs dt.tabs.open h3 a:visited {

	color: #999999;

}



dl.tabs dt.tabs.closed h3 a:link,

dl.tabs dt.tabs.closed h3 a:visited {}



dd.tabs { 

	clear: both;

	background: #fff;

	margin: 0; 

	padding: 10px;

	border: solid 1px #d2d2d2;

	border-radius: 0 5px 5px 5px;

	-webkit-border-radius: 0 5px 5px 5px;	

}



/********** Unpublished **********/



.system-unpublished {

    background: transparent;

}



/********** System Messages **********/



#system-message {

    margin-bottom: 10px;

    padding: 0;

	text-shadow: none;

}



#system-message dt {

    display: none;

}



#system-message dd {

    margin: 0;

    font-weight: bold;

    text-indent: 0px;

}



#system-message dd ul {

    margin: 0 0 10px 0;

    padding: 10px;

    list-style: none;

    text-align: center;

}



/********** System Standard Messages **********/



#system-message dt.message {

    display: none;

}



#system-message dd.message ul {

    background: #c4e2fd;

    color: #206db5;

    text-align: center;

    margin: 0 0 10px 0;

    padding: 10px;

	border-top: 1px solid #4597e3;

	border-bottom: 1px solid #4597e3;

}



/********** System Error Messages **********/



#system-message dt.error {

    display: none;

}



#system-message dd.error ul {

    color: #fff;

    background: #f76c6d;

    text-align: center;

    margin: 0 0 10px 0;

    padding: 10px;

	border-top: 1px solid #ff0000;

	border-bottom: 1px solid #ff0000;

}



#system-message dd.error ul li {

    background: none;

    text-align: center;

    margin: 0;

    padding: 0;

}



/********** System Notice Messages **********/



#system-message dt.notice {

    display: none;

}



#system-message dd.notice ul {

    background: #c4e2fd;

    color: #206db5;

    text-align: center;

    margin: 0 0 10px 0;

    padding: 10px;

	border-top: 1px solid #4597e3;

	border-bottom: 1px solid #4597e3;

}



#system-message ul li {

    background: none;

    text-align: center;

    margin: 0;

    padding: 0;

}
.btn-group .dropdown-toggle {display:none !important;}