/*

#------------------------------------------------------------------------

# Black and White - October 2010 template (for Joomla 1.6)

#

# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.

# License: Copyrighted Commercial Software. It is based on GavickPro's GAVERN framework. 

  NOTE: It is not free or public. This theme is for members of the GavickPro club only.

# Website: http://www.gavick.com

# Support: support@gavick.com 

*/



input,

select,

textarea,

.inputbox { background:#fff; border: 1px solid #e5e5e5; color: #666; padding:5px 10px;  }

select { padding: 5px 6px; }

input:focus,

select,

textarea:focus,

.inputbox:focus { background:#fff; border: 1px solid #e5e5e5; color: #666;  }

#mod_search_button { float: right; }

#mod-search-searchword { background:#fff url('../images/style1/search_icon.png') no-repeat 140px 10px;height: 14px; width: 140px; border:1px solid #DFDED1; color:#9B9B91; text-transform: lowercase}

#mod-search-searchword:focus { background:#fff url('../images/style1/search_icon.png') no-repeat 140px 10px;height: 14px; width: 140px; border:1px solid #DFDED1; color:#9B9B91; }

input#mod-search-searchword:focus { background:#fff url('../images/style1/search_icon.png') no-repeat 140px 10px;height: 14px; width: 140px; border:1px solid #DFDED1; color:#9B9B91; }

.button,

button,

a.readon,

.pagenav-next a,

.pagenav-prev a,

input[type="submit"],

input[type="button"],

div.mobileSwitch > a { display:block; border: 1px solid #9b9886; float: left;  height:24px !important; line-height: 24px; color:#fff; background:#a8a592; padding:0 8px; margin: 0; font-size: 10px; font-weight: bold; text-transform: uppercase; font-family: Arial   }



.adminform button:hover,

.adminform button:focus,

#adminForm button:hover,

#adminForm button:focus,

button:hover,

button:focus,

.button:hover,

.button:focus,

a.readon:hover,

a.readon:focus,

.pagenav-next a:hover,

.pagenav-prev a:hover,

.pagenav-next a:focus,

.pagenav-prev a:focus,

input[type="submit"]:hover,

input[type="submit"]:focus,

input[type="button"]:hover,

input[type="button"]:focus,

div.mobileSwitch > a:focus,

div.mobileSwitch > a:hover { background: #373636; border-color: #222; cursor:pointer; text-decoration: none; color: #fff }





a.readon,

.pagenav-next a,

.pagenav-prev a { display:block; }

a.readon,

.button,

.pagenav-next a,

.pagenav-prev a { height: 23px; line-height: 23px; }

.pagenav-next a,

.pagenav-prev a { float: left; }



input[type=checkbox],

.checkbox,

input[type=radio],

.radio { height:auto !important; background:transparent!important; border: none!important; }

select[size] { height:auto;}



small,

.small,

.smalldark,

.img_caption,

.contenttoc { font-size:90%; }



th { font-weight:normal; padding:5px 0; text-align:left; }

td { font-size:100%; padding:6px; }

fieldset { border:none; padding: 0; }

fieldset a { font-weight:bold; }

fieldset.input { padding:0; }



hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #ddd; height:1px; }

/* Article, Categorie title */

#gkComponent > div > h1 a,

#gkComponent > div > h2 a {font-size: 100%; color: #373636; font-weight: bold; line-height:normal;  clear:both; overflow:hidden; padding-bottom: 12px;margin:10px 0 0 0;}



#gkComponent > div > h1,

#gkComponent > div > h2 {font-size:250%; color: #373636; font-weight: bold; line-height:normal;  clear:both; overflow:hidden; padding-bottom: 12px;margin:10px 0 0 0;}

/* Print, email Buttons */

.articleContent { clear: both; border-top: 1px solid #E5E5E5; padding-top: 35px }

.articleContent p {margin: 10px 0}

ul.actions { display: block; margin: 0 0 10px; padding: 0 0 5px; height: 15px; float: right  }

ul.actions li { float: right; display: block; width: 24px; height: 17px; padding: 3px 0 0;  border: 1px solid #e5e5e5; margin-left: 4px; margin-top: -8px; text-align: center}

/* Articles Details */



dl.article-info a {color: #9C7127}

dl.article-info dt.article-info-term { display: none; }

dl.article-info { overflow: hidden; padding:0; font-size:85%; }

dl.article-info dt,

dl.article-info dd { float: left; margin-right: 16px; }

/* images */

.articleContent img,

.feed-item-description img { float: left; margin: 0 10px 10px 0; display: block; padding: 5px; background:#fff; }

img.caption { margin-top:5px; padding: 0; }

.img_caption { margin-bottom:10px; background: #fff; padding:5px; }

.article-content img { margin:5px; }

.img_caption img { margin:0; }

p.img_caption { margin:0 10px; padding:6px 6px 0; text-align:center; border: none; color: #2d2d2d; clear: both; }

.img_caption.left { float:left; margin-right:23px; }

.img_caption.right { float:right; margin-left:23px; }

.img-fulltext-left { float: left; margin: 0 23px 7px 0; }

.img-fulltext-right { float: right; margin: 0 0 7px 23px; }

.img-fulltext-none { float: none; margin: 0 auto 7px auto; }

.img-fulltext-none .img_caption { margin: 0 auto; }

.img-fulltext-left .img_caption,

.img-fulltext-right .img_caption { margin: 0!important; }

/* bottom nav */

ul.pagenav { margin: 20px 0; overflow: hidden; }

.pagenav .pagenav-prev { float: left; }

.pagenav .pagenav-next { float: right; }

/* Social API */

#gkSocialAPI { clear: both; line-height: 34px; padding: 12px 0 0; margin: 12px 0 26px; border-top: 1px solid #E5E5E5 }

#gkSocialAPI .clr { clear:both; }

#gkSocialAPI > iframe,

#gkSocialAPI > span,

#gkSocialAPI > a,

#gkSocialAPI .fb_iframe_widget { display: block!important; float:left!important; margin-right:5px; }

#gkSocialAPI .google-buzz-button { margin-top: 0px; }

#gkSocialAPI .db-count { line-height:18px; }

#gkSocialAPI .fb_iframe_widget { height: 27px!important; }

.deliciousBtn,

.instapaperBtn { height:20px; width:24px; line-height: 20px; font-size: 11px; margin-top: -1px }

.deliciousBtn { background:transparent url('../images/delicious_icon.gif') no-repeat left center; }

.instapaperBtn { background:transparent url('../images/instapaper_icon.png') no-repeat left center; }

#___plusone_0 { float: left!important; }

#gkSocialAPI > div,

#gkSocialAPI > iframe,

#gkSocialAPI > span,

#gkSocialAPI > a { margin-bottom: 10px; }

/* pagination */

#article-index {margin: 10px auto 15px; padding:3px 0 0; width:100%; text-align: center;}

div.pagination ul,

.k2Pagination ul { margin:10px 0 0; padding:3px 0 0; width:auto; text-align: center }

div.pagination ul li,

#article-index ul li,

.k2Pagination ul li { display:inline-block; }

div.pagination ul li span,

#article-index ul li span,

.k2Pagination ul li span {  margin:2px 5px; overflow:hidden; color: #999; background: #fff!important; border:none; padding:5px 10px!important; cursor:pointer; border: 1px solid #d7d7d7; font-weight: bold; font-size:85%  }

div.pagination ul li a,

#article-index ul li a,

.k2Pagination ul li a { margin:2px 5px; overflow:hidden; color: #858585; background: #fff!important; border:none; padding:5px 10px!important; cursor:pointer; border: 1px solid #d7d7d7; font-weight: bold; font-size:85%}

div.pagination ul li a:hover,

#article-index ul li a:hover

.k2Pagination ul li a:hover { background: none !important}

#article-index ul li {display: inline; }

.pagenavcounter {font-size: 10px; text-align: right; color: #878787; font-weight: bold;}

div.pagination p.counter { margin: 24px 0 6px!important; padding: 16px 0 0 !important; text-align: center; font-size: 11px; color: #878787; border-top: 1px solid #f0f0f0; }

/* blog more */

div.items-more {clear: both; display: block; width: 100%}

div.items-leading > div,

div.items-row .item {border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; padding-bottom: 10px} 

.items-more h3 { font-size:150% !important; margin:0 0 10px !important; }

.items-more ol { padding-left: 0; }

/* categories list */

.categories-list { font-size: 90%; }

.categories-list a {font-size: 120%}

.categories-list dt { float: left; }

.categories-list dd { text-indent: 4px; }

.categories-list ul ul { margin-left: 20px; }

/* messages */

#system-message { margin: 0 0 23px 0; }

#system-message dt { display: none; }

#system-message dd { padding:0!important; background:none!important; }

#system-message dd.message ul,

#system-message dd.error ul,

#system-message dd.notice ul {background: none; border: none; margin: 0; padding: 0;  color: #ede8ce}

#system-message dd.message ul { background: none; border: none; margin: 0; padding: 0;  color: #ede8ce }

#system-message dd.error ul { background: none; border: none; margin: 0; padding: 0;  color: #ede8ce }

#system-message dd.notice ul {background: none; border: none; margin: 0; padding: 0;  color: #ede8ce }

#system-message dd.message ul li { background: #A39F8C; margin: 0; padding: 8px 16px; text-indent:0; text-align: center; font-weight: bold; list-style-type: none; list-style-position: inside; padding-left:  10px; }

#system-message dd.error ul li { background: #454545; margin: 0; padding: 8px 16px; text-indent:0; text-align: center; font-weight: bold; list-style-type: none; list-style-position: inside; padding-left:  10px;  }

#system-message dd.notice ul li { background: #FFFFDD; margin: 0; padding: 8px 16px; text-indent:0; text-align: center; font-weight: bold; list-style-type: none; list-style-position: inside; padding-left:  10px;color: #444 }

/* wrapper 

iframe { border:none; }



/* mod_mainmenu */

.box_menu div.content { padding: 0; background: #fff}

.box_menu ul.menu li { background:transparent url('../images/style1/arrow.png') no-repeat 18px 17px; padding: 5px 0}

.box_menu ul.menu li a { padding: 0 0 0 36px; font-size: 10px; text-transform: uppercase; font-weight: bold;}

.box_menu ul.menu li.active>a { color:#333;  }

.box_menu ul.menu > li.active { background-color: #f0efea}



/* mod_banners */

div.banneritem { border-top: 1px solid #d7d7d7; padding: 5px 0}

div.bannerfooter {border-top: 1px solid #d7d7d7;  margin: 10px 0 0; font-size:11px; font-style:italic; padding: 5px}



/* com_search */



form#searchForm { margin-top: 20px; }

div.search a {color: #9C7127}

div.search a:hover {color: #373636}

div.search p.counter {text-align: center}

.searchintro { margin: 14px 0; }

.search-results { margin:0 0 20px 0; padding: 0 0 24px 0; }

dd.result-text,

dd.result-created {margin-left: 18px}

.search .form-limit { margin: 10px auto 5px; text-align: center }

div.search .button {float: none; display: inline}

fieldset.phrases,

fieldset.only { border-bottom: 1px dotted #DADADA; padding: 14px 10px }

.phrases-box { float: left; }

.ordering-box { float: left; margin: -2px 0 0 20px; }

.search-results dt.result-title { text-transform:none; font-size:110%; font-weight: normal; display: inline; border-top: 1px dotted #DADADA; margin: 20px 0 0 0; padding-top: 20px; width:100%; display: block; }

.search-results dd.result-category { margin-left: 16px; }

.search-results dd.result-created,

.search-results dd.result-url { font-size: 10px; }

.search-results dt.result-title:first-child { border-top: none; }

.search-results p { color: #878787; font-size: 11px; margin: 0 0 10px 26px; }

.search-results p span { font-size: 11px; }

#search-searchword { width: 260px; }

/* hide label */

.hidelabeltxt { display: none; }

/* tooltips */

.tip { background: #fff; padding:5px; color: #666; max-width:250px; border: 1px solid #E5E5E5}

.tip-title { background: #424242; color:#fff; font-weight:bold; padding:3px 6px; text-transform:uppercase; }

.tip-text { padding:3px; }

.tip-wrap { z-index:1000003; }

label.hasTip { margin-left:0; }

/* system readmore */

#system-readmore { display:none; }

/* necessary for font-size work */

#gkComponentWrap { font-size: 100%; }

/* Contact */

.contact { padding:0 5px }

.contact h3 { font-size: 110%; }

.contact-category { padding:0 10px }

.contact-category #adminForm fieldset.filters { border:0; padding:0 }

.contact-image { margin:10px 0; border: 6px solid #fff; overflow:hidden; float: right; background: #fff; }

.contact-image img { height: auto; width: 350px; display:block; padding: 6px; border: 1px solid #e5e5e5; margin-top:20px;}

address { font-style:normal; margin:10px 0;  border-bottom: 1px dotted #dadada;   border-top: 1px dotted #dadada; width: 35% }

address span { display:block; }

span.contact-image { margin-bottom:10px; overflow:hidden; display:block }

.contact-address { margin:20px 0 10px 0; }

.contact-email div { padding:2px 0; margin:0 0 10px 0; }

.contact-email label { width:17em; float:left; }

#contact_textmsg { padding: 2px 0 10px 0 }

#contact-email-copy { float:left; margin-right:10px; }

.contact .button { float:none !important; clear:left; display:block; margin:20px 0 0 0 }

.jicons-icons { display: none; }

.contact-email input,

.contact-email textarea { clear: both; display:block; }

.contact h3 {margin: 15px 0 10px}

.contact label#jform_contact_email_copy-lbl {margin-left: 20px; position: absolute;}

/* User profile */



#users-profile-core,

#users-profile-custom { margin:10px 0 15px 0; padding:15px; }

#users-profile-core dt,

#users-profile-custom dt, .formelm label { float:left; width:12em; padding:3px 0; }

#users-profile-core dd,

#users-profile-custom dd { padding:3px 0; }

#member-profile fieldset,

.registration fieldset { margin:10px 0 15px 0; padding:15px 2px; }

#users-profile-core legend,

#users-profile-custom legend,

.profile-edit legend,

.registration legend { font-weight:bold }

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

.registration form#member-registration fieldset dd, .formelm { float:none; padding:5px 0 }

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

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

.registration form#member-registration fieldset dd input { width:17em }

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

.registration form#member-registration fieldset dt {  float:left; clear: both; padding:5px 5px 5px 0; width:22em;  }

span.optional { font-size:0.9em }

.registration dl dt:first-child { width: 100%!important; }

.registration span.spacer {font-size: 85%}



/* Tables */

td.num { vertical-align:top; text-align:left; }

td.hits { vertical-align:top; text-align:center }

td p { margin:0; line-height:1.3em }

.filter { margin:10px 0 }

.display-limit,

.filter { text-align:right; margin-right:7px } 

table,

table td { border-collapse:collapse }

table.weblinks,

table.category { font-size:1em; margin:10px 10px 20px 0px; width:99%; }

table th { background: #EFEEE9;  font-family:Georgia,"Times New Roman",Times,serif;font-size:19px;font-style:italic; line-height:32px; padding:5px 10px; }



table td,

.cat-list-row0 td,

.cat-list-row1 td { padding: 6px 10px; border-bottom: 1px dotted #dadada; border-left: 1px dotted #dadada; }

.cat-list-row1 td { background: #F9F9F9 }

table tr:hover { background: transparent url('../images/style1/white_bg.png') repeat 0 0; }

table tr td:first-child { border-left: none; }

/* Category table */

table.category th a img { padding:2px 10px }

.filter-search { float:left; }

.filter-search .inputbox { width:6em }

legend.element-invisible { position:absolute; margin-left:-3000px; margin-top:-3000px; height:0px; }

.cat-items { margin-top:20px }

/* newsfeed */

.newsfeed ol { padding: 0; }

.newsfeed ol li { clear: both; overflow:hidden; }

.newsfeed ol > li > a { font-size: 20px; line-height: 72px; }

/* remind & reset */

.reset button {margin-top: 28px; margin-left: 5px}

.remind button {margin-top: 37px; margin-left: 5px}

.reset input,

.remind input {float: left; display: inline}

.reset form > div { margin-top: 10px; }

.reset fieldset,

.remind fieldset { margin-top: 10px; float: left; display: inline }

#user-registration > div {float: left}

div.reset {min-height: 120px}

div.remind {min-height: 100px}

/* com_login */

#com-login-form {padding-bottom: 25px}

#com-login-form .login-fields label {float: left; width:12em; padding:3px 0;}

#com-login-form .login-fields { margin: 0 0 10px}

#com-login-form .button { margin: 0 10px 0 15.6em}

#recaptcha_area { margin: 0 0 20px}

input#recaptcha_response_field { border-color: #DFDFDF !important }

div.registration button {margin-right: 8px}

.invalid { border-color:#e33!important; }

/* blog view */



.article-meta { margin:0 0 10px 0; overflow: hidden; }

.article-meta h2 { line-height:40px; float: left; }

.article-meta.blog { margin-left: 0px; }

.article-meta dl.article-info { clear:both; }

.article-meta ul { clear: none; margin-top: 12px; }

.blog .items-row .item,

.blog .items-leading > div,

.blog-featured .items-row .item,

.blog-featured .items-leading > div { margin-bottom: 30px; }



/* archive */

div.archive button {margin-right: 6px}



/* slider */

.panel { border:solid 1px #ddd; margin-top:-1px }

.panel h3 a { display:block; padding:6px; text-decoration:none; color:#444; padding:6px;}

.panel h3.pane-toggler a { background:#f5f5f5; }

.panel h3.pane-toggler-down a { background: url("../images/style1/bg.jpg") repeat scroll 0 0 transparent; border-bottom:solid 1px #ddd; }

.panel h3 span {margin-left: 10px}

.pane-slider { border:solid 0px; padding:0px 10px !important; margin:0; }

.panel .contact-form,

.panel  .contact-miscinfo { padding:10px }

.contact .panel .contact-form form,

.contact .panel .contact-address { margin:20px 0 0 0 }



/* tabs */

dl.tabs { float: left; margin: 50px 0 -1px 0; z-index: 50; clear:both; }

dl.tabs dt { float: left; padding: 4px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; margin-right: 3px; background: #f0f0f0; color: #666;}

dl.tabs dt.open { background: #F9F9F9; border-bottom: 1px solid #F9F9F9; z-index: 100; color: #000; }

div.current { clear: both; border: 1px solid #ccc; padding: 10px 10px; }

div.current dd { padding: 0; margin: 0; }

dl#content-pane.tabs { margin: 1px 0 0 0; }



/* switch to mobile version button */

div.mobileSwitch {display: block; clear: both; min-height: 60px; width: 100%}

div.mobileSwitch > a {float: none; width: 166px; margin: 0 auto}



/* com_finder */

#finder-search fieldset.word > * { float: left; }

#finder-search fieldset.word > label { line-height: 25px; margin-right: 10px; }

#finder-search button {height: 28px !important; margin-left: 6px}

.search-pagination .search-pages-counter { font-size: 11px; font-style: italic; text-align: center; }

#search-results { clear: both; }

#advanced-search { padding: 20px; font-size: 85%; }

.filter-branch select { margin-top: 6px; margin-left: 7px }



/* com_finder & mod_finder autocompleter */ 

body ul.autocompleter-choices { position:absolute; margin:0; padding:0; list-style:none; border:1px solid #EEE; background-color:white; border-right-color:#DDD; border-bottom-color:#DDD; text-align:left; font-size: 11px; z-index:50; }

body ul.autocompleter-choices li { background:none; position:relative; padding:0.1em 1.5em 0.1em 1em; cursor:pointer; font-weight:normal; font-size:1em; }

body ul.autocompleter-choices li.autocompleter-selected { background-color:#eee; color: #666; }

body ul.autocompleter-choices span.autocompleter-queried { font-weight:bold; }

body ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color:#373636; }

body ul#finder-filter-select-list { top: 4em !important; }

/* Fix for the editor */.item-page.edit .formelm {
     clear: both;
     float: left;
}
.item-page.edit .formelm .button2-left {
     margin-top: 6px;
}
.item-page.edit .formelm-area label {
     display: block;
     width: 100%;
}
.item-page.edit .formelm-buttons {
     margin-top: 5px;
}
.item-page.edit .fltlft {
     float: left;
}
.item-page.edit legend {
     font-size: 140%;
     font-style: italic;
}
.item-page.edit .toggle-editor {
     margin-top: -5px;
}

/* Buttons */
#editor-xtd-buttons {
     padding: 5px;
}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
     float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
     display: block;
     height: 22px;
     float: left;
     line-height: 22px;
     font-size: 11px;
     color: #666;
     cursor: pointer;
}
.button2-left span,
.button2-right span {
     cursor: default;
     color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
     padding: 0 6px;
}
.button2-left a:hover,
.button2-right a:hover {
     text-decoration: none;
     color: #0B55C4;
}

.button2-left a,
.button2-left span {
     padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
     padding: 0 6px 0 24px;
}
.button2-left {
     background: url(../images/joomla/j_button2_left.png) no-repeat;
     float: left;
     margin-left: 5px;
}
.button2-right {
     background: url(../images/joomla/j_button2_right.png) 100% 0 no-repeat;
     float: left;
     margin-left: 5px;
}
.button2-left .image {
     background: url(../images/joomla/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore,
.button2-left .article {
     background: url(../images/joomla/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak {
     background: url(../images/joomla/j_button2_pagebreak.png) 100% 0 no-repeat;
}
.button2-left .blank {
     background: url(../images/joomla/j_button2_blank.png) 100% 0 no-repeat;
}
/* Calendar */
a img.calendar {
     width: 16px;
     height: 16px;
     margin-left: 3px;
     background: url(../images/joomla/calendar.png) no-repeat;
     cursor: pointer;
     vertical-align: middle;
}
#jform_articletext {width: 98% !important}
span#jform_articletext_parent {width: 90%; display: block; clear: both; float: none }

