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

 # 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

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

/****general styles of joomla****/

/**registration, login**/

span.star, strong.red, .invalid {

    color: #ff0000;

}



div.login fieldset {

    border: none;

}



div.registration fieldset, 

div.profile fieldset, 

div.profile-edit fieldset, 

div.remind fieldset, 

div.reset fieldset, 

div.login fieldset, 

div.edit fieldset {

    border: 1px solid #e3e3e3;

    margin: 0 0 10px 0;

    padding: 5px;

}



div.registration fieldset legend, 

div.profile fieldset legend, 

div.profile-edit fieldset legend,

div.edit fieldset legend {

    font-weight: bold;

}



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;

    min-width: 120px;

    line-height: 26px;

}



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;

    line-height: 26px;

}



.registration dl dt:first-child {

    width: 100% !important;

}



div.formelm label,

div.formelm-area label {

    display: inline-block;

    min-width: 120px;

}



div.formelm img {

	vertical-align: middle;

	margin: 0 5px;

}



div.formelm-buttons {

	padding: 10px 0;

}



div.login-fields {

    padding: 5px 0;

}



div.contact-email div {

    display: block;

    clear: both;

}



fieldset.userdata {

    border: none;

    padding: 0;

    margin: 0;

}



div.registration label {

    display: inline-block;

    min-width: 120px;

}



.login-fields label#password-lbl,

.login-fields label#username-lbl {

	min-width: 100px;

	display: inline-block;

}



label#area-categories-lbl, label#area-contacts-lbl, label#area-content-lbl, label#area-newsfeeds-lbl, label#area-weblinks-lbl {

    margin: 2px 0 0;

}



.category-name a:link,

.category-name a:visited,

.parent-category-name a:link,

.parent-category-name a:visited {

	display: inline-block;

}



/**buttons, inputs**/

input.button, button.validate, button {

	background: url(../images/button-bg.jpg) left bottom repeat-x #82cb1e; 

    border: solid 1px #66ae29;

    color: #fff;

    cursor: pointer;

    font-weight: bold;

    font-size: 11px;

    margin: 4px;

    padding: 2px 10px 1px;

    vertical-align: middle;

}



.inputbox, input.validate-password, input.required, textarea, input, select, .formelm input {

    background: #fff;

    border: 1px solid #e3e3e3;

    font-size: 11px;

    font-weight: normal;

    margin: 3px 0;

    padding: 3px 10px 2px;

    vertical-align: middle;

    color: #000000;

}



input#modlgn-remember {

    margin: 0 10px 0 0;

    padding: 0;

    border: 0;

    background: none;

}



#form-login-username, 

#form-login-password, 

#form-login-remember {

    display: block;

    overflow: hidden;

}



#form-login-username label, 

#form-login-password label, 

#form-login-remember label {

	width: 120px;

	display: inline-block;

}



.userdata input.button {

	margin: 10px 0;

}



/*** email form ***/

#mailtoForm p {

    clear: both;

}



div.formelm {

    padding: 3px 0;

}



div.formelm img {

    margin: 0 10px;

    vertical-align: middle;

}



div.formelm input {

    clear: right;

}



div.formelm label {

    clear: left;

}



div.formelm label, div.formelm-area label {

    display: inline-block;

    min-width: 120px;

}



#mailto-window button {

    color: #000;

}



/**page navigation**/



ul.pagenav {

	clear: both;

    list-style-type: none;

    padding: 0;

    margin: 10px 0 0 0;

}



ul.pagenav:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



ul.pagenav {

	display: inline-block;

}



/* Hides from IE-mac \*/ * html ul.pagenav {

    height: 1%;

}



ul.pagenav {

    display: block !important;

}



ul.pagenav li {

    display: inline;

    padding: 0;

    margin: 0;

	background: none;

}



ul.pagenav li a {

	text-decoration: none;

    font-weight: bold;

	vertical-align: middle;

    padding: 3px 5px;

    cursor: pointer;   

	display: block;

}



ul.pagenav li.pagenav-prev {

    float: left;

}



ul.pagenav li.pagenav-next {

    float: right;

}



/**pagination**/



div.pagination {

    margin: 0;

    padding: 10px 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;

    padding: 0;

    margin: 0 3px 0 0;

	background: none;

	font-weight: bold;

}



div.pagination ul li span {

    padding: 3px 7px;

    line-height: 20px;

    background: #7fc4e8;

    color: #fff;

}



div.pagination ul li a:link,

div.pagination ul li a:visited {

	background: #008ad1;

    color: #fff;

    padding: 3px 7px;

    text-decoration: none;

}



div.pagination ul li a.pagenav:link, 

div.pagination ul li a.pagenav:visited {

   background: #008ad1;

    color: #fff;

    padding: 3px 7px;

    text-decoration: none;

}



div.pagination ul a:hover, 

div.pagination ul li a.pagenav:hover  {

    background: #008ad1;

    color: #b7d5e5;

    text-decoration: none;

}



div.pagination ul li.pagination-start {

	margin: 0 3px 0 0;

}



div.pagination ul li.pagination-prev {

	margin: 0 3px 0 0;

}



div.pagination ul li.pagination-next {

	margin: 0;

}



div.pagination ul li.pagination-end {

	margin: 0 0 0 3px;

}



.pagenav {

    padding: 2px;

}



p.counter {

    text-align: center;

	margin: 10px 0;

	font-weight: bold;

}



/**search**/

fieldset.word, 

fieldset.phrases, 

fieldset.only {

    border: 1px solid #e3e3e3;

    padding: 10px;

    margin: 0 0 10px 0;

}



fieldset.phrases {

    border: 1px solid #e3e3e3;

}



fieldset.only {

    border: 1px solid #e3e3e3;

}



div.searchintro {

}



fieldset.only legend, 

fieldset.phrases legend {

    font-weight: bold;

}



/****content****/

div.items-leading {

    display: inline-block;

    width: 100%;

}



div.items-row {

    display: inline-block;

    width: 100%;

}



.row-separator {

    display: block;

    width: 100%;

    height: 1px;

    margin: 10px 0;

    clear: both;

    border-top: 1px solid #ebebeb;

    border-bottom: 1px solid #ebebeb;

}



.item-separator {

	display: block;

    height: 1px;

    margin: 0;

    width: 100%;

}



.items-leading .item-separator {

	margin: 10px 0;

	border-top: 1px solid #ebebeb;

    border-bottom: 1px solid #ebebeb;

}



.shownocolumns {

}



.category-desc {

}



/**blog featured single**/

div.blog-featured {

}



div.blog {

}



div.item-page {

}



div.category-list {

}



div.archive {

}



div.contact-category {

}



div.search {

}



div.blog h2, 

div.item-page h2, 

div.blog-featured h2 {

    color: #333333;

    font-size: 18px;

    line-height: 20px;

    margin: 0;

    padding: 0 0 10px 23px;

    background: url(../images/heading.png) 0 4px no-repeat;

}



div.blog h1, 

div.blog-featured h1, 

div.item-page h1, 

div.archive h1, 

div.contact-category h2, 

div.categories-list h1, 

div.category-list h1, 

div.search h1 {

    line-height: 23px;

    color: #333333;

    margin: 0 0 15px;

    padding: 0 0 10px;

    border-bottom: 1px solid #ebebeb;

}



div.blog-featured h2 a:link, div.blog-featured h2 a:visited, 

div.blog h2 a:link, div.blog h2 a:visited, 

div.item-page h2 a:link, div.item-page h2 a:visited {

    color: #333333;

    text-decoration: none;

}



div.blog-featured h2 a:hover, 

div.blog h2 a:hover, 

div.item-page h2 a:hover {

    text-decoration: underline;

}



div.contact h2 span.contact-name {

    color: #333333;

    font-size: 18px;

    line-height: 20px;

    margin: 0;

    padding: 0 0 10px 23px;

    background: url(../images/heading.png) 0 4px no-repeat;

}



div.items-more h3 {

   	color: #333333;

    font-size: 18px;

    line-height: 20px;

    margin: 0;

    padding: 0 0 10px 23px;

    background: url(../images/heading.png) 0 4px no-repeat;

}



div.newsfeed {

}



div.newsfeed h2.redirect-ltr {

}



div.newsfeed h2.redirect-ltr a {

}



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

}



.items-more h3 {

    font-weight: bold;

    font-size: 12px;

}



/**single article**/

ul.actions {

    margin: 0;

    padding: 0;

    text-align: right;

    width: 100%;

}



ul.actions li {

    display: inline;

    background: none;

	padding: 0 0 0 5px;

}



.actions img {

    border: none;

    padding: 0 5px;

}



.article-info {

    margin: 0 0 10px 0;

	color: #9c9c9c;

}



.article-info-term,

.archive .article-info dd, 

.article-info dd {

	margin: 0;

	font-size: 11px;

	line-height: 15px;

}



/**article categories**/

.categories-list ul {

}



.categories-list h1 {

}



dl.article-count dt, dl.article-count dd {

    display: inline;

    margin: 0;

}



/**web category list**/

.weblink-category {

}



/**archive**/

fieldset.filters {

    border: 1px solid #e3e3e3;

    padding: 10px;

    margin: 0 0 10px 0;

}



fieldset.filters legend {

    font-weight: bold;

}



ul#archive-items .row0,

ul#archive-items .row1 {

	background: none;

}



ul#archive-items h2 a:link,

ul#archive-items h2 a:visited {

	text-decoration: none;

}



/**contact, article category list**/

table.category {

    border-collapse: collapse;

    border-spacing: 0;

    margin: 10px 0;

    width: 100%;

}



table.category th {

    background: #008ad1;

    padding: 10px;

	color: #fff;

}



table.category th a {

    color: #fff;

}



table.category td {

    padding: 10px;

    border-bottom: 1px solid #008ad1;

}

table.category td a {

}



table.category tr.cat-list-row0 td, table.category tr.even td {

    background: none;

    padding: 10px;

}



table.category tr.cat-list-row1 td, table.category tr.odd td {

    background: #f3f3f3;

    padding: 10px;

}



.cat-children h3 {

    font-weight: bold;

    font-size: 12px;

}



div.contact-form fieldset {

    border: none;

    padding: 0;

    margin: 0;

}



form#contact-form dt, form#contact-form dd, form#contact-form button.button {

    margin: 0;

}



form#contact-form textarea {

}



/**single contact slider**/

div#contact-slider div.panel h3.title {

    border: 1px solid #ebebeb;

    margin: 0 0 3px 0;

    padding: 10px;

    font-size: 12px;

    font-weight: bold;

    color: #009aea;

    background: #a2d3ef;

    cursor: pointer;

}



div#contact-slider div.panel h3.title.pane-toggler-down {

	background: #009aea;

}



div#contact-slider h3.title.pane-toggler-down a:link,

div#contact-slider div.panel h3.title.pane-toggler-down a:visited {

    text-decoration: none;

    color: #fff;

}



div#contact-slider .panel h3#basic-details.title.pane-toggler-down a:link,

div#contact-slider .panel h3#basic-details.title.pane-toggler-down a:visited {

	color: #fff;

	text-decoration: none;

}



div#contact-slider h3.title.pane-toggler a{

    color: #fff;

    text-decoration: none;

}



div#contact-slider h3.title.pane-toggler a:hover{

    color: #009aea;

}



div.pane-slider {

}



div.pane-down {

    padding: 5px !important;

}

.contact-email label {

    min-width: 100px;

    display: inline-block;

    padding: 0 0 5px 0;

}



/**details**/

.tip {

    background: 0 0 #FFFFFF;

    border: 1px solid #CFCCCC;

    padding: 10px;

}



.tip-title {

	font-weight: bold;

}



.img_caption {

    font-size: 10px;

    background: none;

    margin: 0px;

    padding: 0px;

    border-top: none;

}



p.readmore {

	clear: both;

}



p.readmore a:link, p.readmore a:visited {    

    display: block;

    line-height: 20px;

    font-weight: normal;

   	padding: 0 0 0 20px;

    text-decoration: none;

    background: url(../images/arrow-blue.png) left no-repeat;

}



p.readmore a:hover {

    text-decoration: none;

	color: #008bd3;

}



a.readmore:link, a.readmore:visited {

	display: block;

    line-height: 20px;

    font-weight: normal;

   	padding: 0 0 0 20px;

    text-decoration: none;

    background: url(../images/arrow-blue.png) left no-repeat;

}



a.readmore:hover {

    text-decoration: none;

	color: #008bd3;

}



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



hr.system-pagebreak  {

	display: block;

    width: 100%;

    height: 1px;

    margin: 10px 0;

    clear: both;

    height: 1px;

    background: none;

    border: none;

    border-top: 1px solid #ebebeb;

    border-bottom: 1px solid #ebebeb;

}



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



div#article-index { 

	padding: 10px;

	float: right;

    border: solid 1px #009aea;

    background: #ecf4fe;

    margin: 10px 0 0 10px;

    width: 150px;

}



div.pagenavcounter {

	clear: both;

	padding: 5px;

	margin: 0 0 10px 10px;

	text-align: center;

	float: right;    

    width: 162px;

    background: #009aea;

    color: #fff;

    font-weight: bold;

    -moz-box-shadow: 3px 9px 6px -8px #000;

	-webkit-box-shadow: 3px 9px 6px -8px #000;

	box-shadow: 3px 9px 6px -8px #000;

}



div#article-index h3 { 

	font-size: 12px;

	color: #009aea;

	margin: 0 0 10px;

	font-weight: bold;

	text-align: center;

}



div#article-index ul {

	margin: 5px 0px;

    padding: 0 0 0 20px;

}



div#article-index ul li { 

	list-style: disc;

	padding: 0;

	margin: 0;

	background: none;

	color: #5b5b5b;

}



div#article-index ul li a:link,

div#article-index ul li a:visited {

	text-decoration: none;

}



div#article-index ul li a:hover {

	text-decoration: underline;

}



div#article-index ul li a.active {}



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



div#sliders.pane-sliders { }



div#sliders div.panel {

	background: #ecf4fe;

	border: solid 1px #ebebeb;

	margin: 0 0 3px 0;

}



.panel h3#basic-details.title { 

	font-size: 12px;

	font-weight: bold;	

	background: #a2d3ef;

	padding: 10px;

	margin: 0;

	border: none;

    cursor: pointer;

}

div#sliders .panel h3.pane-toggler-down{

	border-bottom: solid 1px #ebebeb;

	background: #009aea;

}



.panel h3#basic-details.title.pane-toggler {  }

.panel h3#basic-details.title.pane-toggler-down a { }



.panel h3#basic-details.title.pane-toggler-down a:link,

.panel h3#basic-details.title.pane-toggler-down a:visited {

	color: #fff;

	text-decoration: none;

}

	

.panel h3#basic-details.title a { 

	text-decoration: none; 

	color: #fff;

}

.panel h3#basic-details.title a:hover,

.panel h3#basic-details.title a:active {

	color: #009aea;

}



.panel div.pane-slider { 

	padding: 10px;

}



.panel div.pane-slider.content {}

.panel div.pane-slider.content.pane-hide {}



.panel div.pane-slider.content.pane-down { 

	border: none;

}



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



dl#tabs.tabs { 

	display: inline-block;

}



dl.tabs {

	margin: 0;

} 

.tabs dt.tabs {

	float: left;

	padding: 10px;

	background: #a2d3ef;

	border-right: solid 1px #ebebeb;

	border-left: solid 1px #ebebeb;

	border-top: solid 1px #ebebeb;

	margin: 0 3px 0 0;

}



.tabs dt.tabs.basic-details.open { 

	background: #009aea;

}



.tabs dt.tabs.basic-details.closed {

}



.tabs dt.tabs.basic-details h3 {

	margin: 0;

	font-size: 12px;

	font-weight: bold;

}

.tabs dt.tabs.basic-details.open h3 a:link,

.tabs dt.tabs.basic-details.open h3 a:visited  {

	color: #fff;

}



.tabs dt.tabs.basic-details.closed h3 a:link,

.tabs dt.tabs.basic-details.closed h3 a:visited  {

	color: #fff;

}



.tabs dt.tabs.basic-details.closed h3 a:hover  {

	color: #009aea;

}



.tabs dt.tabs.basic-details h3 a:link,

.tabs dt.tabs.basic-details h3 a:visited {

	text-decoration: none;

}



.tabs dt.tabs.basic-details h3 a:hover {

	color: #009aea;

}



div.current {}

dd.tabs { 

	clear: both;

	background: #ecf4fe;

	border: solid 1px #ebebeb;

	margin: 0; 

	padding: 10px;

	-moz-box-shadow: 3px 9px 6px -8px #000;

	-webkit-box-shadow: 3px 9px 6px -8px #000;

	box-shadow: 3px 9px 6px -8px #000;

}

div.current dd.tabs {}



/***system messages***/



/* Unpublished */

.system-unpublished {

    background: #E8EDF1;

    border-bottom: 4px solid #C4D3DF;

    border-top: 4px solid #C4D3DF;

}



/* System Messages */

#system-message {

    margin-bottom: 10px;

    padding: 0;

}



#system-message dt {

    font-weight: bold;

    text-transform: uppercase;

}



#system-message dd {

     font-weight: bold;

    margin: 0;

    text-indent: 0;

}



#system-message dd ul {

    border-bottom: 3px solid #84A7DB;

    border-top: 3px solid #84A7DB;

    color: #0055BB;

    list-style: inside;

    margin-bottom: 10px;

    padding: 10px;

}



/* System Standard Messages */

#system-message dd.message ul {

    background: #0E4185;

    border: medium none;

    color: #FFFFFF;

    font-weight: bold;

    margin: 0;

    padding: 15px 10px;

    text-align: center;

}



#system-message dd.message ul li {

    display: inline;

}



/* System Error Messages */

#system-message dd.error ul {

    background: #CE1C13;

    border: medium none;

    color: #FFFFFF;

    font-weight: bold;

    margin: 0;

    padding: 15px 10px;

    text-align: center;

}



#system-message dd.error ul li {

    display: inline;

}



/* System Notice Messages */

#system-message dd.notice ul {

     background: #0E4185;

    border: medium none;

    color: #FFFFFF;

    font-weight: bold;

    margin: 0;

    padding: 15px 10px;

    text-align: center;

}



#system-message dd.notice ul li {

    display: inline;

}



#system-message ul li {

    background: none;

    margin-left: 30px;

}



#outline {

    margin: 0 auto;

}