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

# 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

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



/* ==========================================================================

   TEMPLATE styles

   ========================================================================== */



/**registration, login**/



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;

}



.registration dl dt:first-child {

    width: 100% !important;

}



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;

}



div.registration label {

    display: inline-block;

    min-width: 200px;

}



.login-fields label#password-lbl,

.login-fields label#username-lbl {

    min-width: 100px;

    display: inline-block;

}



/**buttons, inputs**/



input.button, button.validate, button {

    font-weight: normal;

    font-size: 1.4em;

    font-family: Arial;

    margin: 0 5px;

    cursor: pointer;

    color: #fff;

    padding: 0 15px 4px;

    border: none;

    height: 32px;

    line-height: 32px;

    vertical-align: middle;

    -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:hover, button.validate:hover, button:hover{

    opacity: .75;

    -webkit-opacity: .75;

    -moz-opacity: .75;

    filter: alpha(opacity=75);

}



input.button:active, button.validate:active, button: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-size: 1em;

    margin: 2px 0;

    padding: 0 0 0 8px;

    font-family: Arial;

    height: 30px;

    line-height: 30px;

    vertical-align: middle;

    border: none;

    border: 1px solid #cacaca;

}



input[type=file]{

    height: auto;

}



select {

    padding: 7px;

    height: 34px;

    line-height: inherit;

}



textarea {

    padding: 8px;

    height: auto;

    line-height: 1.5em;

}



input#modlgn-remember,

input#remember{

    margin: 0 10px 0 0;

    padding: 0;

    border: 0;

    height: auto;

}





#form-login-username label,

#form-login-password label {

    width: 100px;

    display: 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;

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

}



ul.pagenav li a:hover  {

    background: #f5f5f5;

    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;

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

}



div.pagination ul li a.pagenav:link,

div.pagination ul li a.pagenav:visited {

    margin: 0;

}



div.pagination ul li a:hover  {

    background: #f5f5f5;

    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: 15px 0;

    background: #cacaca;

}



.row-separator {

    clear: both;

    display: inline-block;

    width: 100%;

    height: 1px;

    margin: 17px 0;

    background: #cacaca;

}



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

    display: none;

}



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

}



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;

}



/**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 #mod-search-searchword{

}



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

    display: none;

}



div.search input.button{

    margin: 5px 0 0;

}



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 {

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

    color: #fff;

}



table.category th a {

    text-decoration: none;

    color: #fff;

}



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-fulltext-left {

  float: left;

  margin-right: 10px;
  
  }

.img-intro-left{

  width: 150px;
  
  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;

    text-align: right;

}



p.readmore a:link,

p.readmore a:visited,

a.readmore:link,

a.readmore:visited,

a.readon:link,

a.readon:visited{

    font-size: 1.2em;

    line-height: 1.4em;

    cursor: pointer;

    display: inline-block;

    padding: 4px 15px;

    color: #fff;

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

}



p.readmore a:hover,

a.readmore:hover,

a.readon:hover{

    text-decoration: none;

    opacity: .75;

    -webkit-opacity: .75;

    -moz-opacity: .75;

    filter: alpha(opacity=75);

}



/************************ 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 #eee;

    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: 1em;

    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;

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

}



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

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



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

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

}



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 {

    display: block;

}



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;

}