/*
#------------------------------------------------------------------------
# Black and White - October 2010 template (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* popup */
#gkPopup { background:#1c1c1c url('../images/style1/top_bg.jpg') repeat 0 0; height: 0; overflow: hidden;}
#gkPopup h3 { color: #a39f8c; font-weight: normal; padding-top: 22px; margin-bottom: 32px; border-bottom: 1px solid #a39f8c }
#gkPopup div.buttons,
#register_form p.form_buttons { margin-left: 143px; }
#loginForm { width: 45%; padding-bottom: 22px; float: left}
#registerForm { width: 45%; padding-bottom: 22px;float: left; margin-left: 95px }
#gkPopup input.inputbox,
#gkPopup input.required { background: none; border-color: #333 }
#gkPopup legend {display: none}
#gkPopup #loginForm { margin-left: 0; }
#gkPopup #loginForm p { margin-bottom: 12px; }
#gkPopup #loginForm label { display:block; float:left; width:143px; min-width: 143px; }
#gkPopup #login-form ul { border-top: 1px dotted #333; padding-top: 12px; margin-top: 32px; }
#gkPopup #login-form ul li { float: left; margin: 0 22px 0 0; }
#gkPopup #login-form.only-one,
#register_form.only-one { width: 100%!important; margin-left: 0!important; }
.information_td { font-size: 11px; margin-left: 135px; color: #A39F8C }
.gkPopupWrap { overflow:hidden; }
#registerForm dt {float: left; display: block; width: 40%; margin: 5px 0}
#registerForm dd {float: left; display: block; margin: 5px 0}
#gkPopup span.spacer {padding: 10px 0; width: 100%}
label#jform_spacer-lbl {width: 100%; clear: both}
#registerForm dt:first-child {width: 100%; color: #A39F8C; font-size: 80%}
#gkPopup button.validate {margin: 0 10px}
.gkRegistration > form > div {margin: 10px 0 0 38%}
#gkPopup input.button {margin-right:5px; margin-top: 10px; margin-bottom: -5px}
#gkPopup input.inputbox {width: 45%}
#gkPopup input#modlgn-remember {text-align: left; width: 3%; margin-top: 6px}
#gkPopup a.fb_button, 
#gkPopup a.fb_button_rtl, 
#gkPopup .fb_button, 
#gkPopup .fb_button_rtl {margin-top: -22px; margin-left: 127px}

/* 
 * News Show Pro GK4
 */
.nsp { position:relative; }
.nspMain { overflow:hidden; }
/* interface */

.nspBotInterface,
.nspTopInterface { overflow:hidden; width:auto; margin: 0 0 8px; }
.nspBotInterface { margin:0; padding-top:6px; }
.nspBotInterface div,
.nspTopInterface div { float:right; }
/* pagination */

.nspBotInterface .nspPagination li,
.nspTopInterface .nspPagination li,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li.active { float:left; border:none !important; width:12px; height:11px; background:transparent url('../images/nsp_interface.png') no-repeat 50% 0!important; text-indent: -999em!important; margin:5px 0 0 5px; cursor:pointer; padding:0 !important; }
.nspBotInterface .nspPagination li:hover,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li:hover,
.nspTopInterface .nspPagination li.active { background-position: 50% -11px!important; cursor:pointer; }
.nspTopInterface .nspPagination,
.nspBotInterface .nspPagination { border:none !important; float:left; width:auto; padding:0 16px 0 0 !important; list-style-type:none; margin:0; }
.nspBotInterface .nspCounter,
.nspTopInterface .nspCounter { padding:0 3px !important; font-size:9px; font-size:90%; font-weight:normal !important; height:14px; line-height:14px; background:#888; color:#fff !important; cursor:pointer; float:left; margin:0 0 0 16px !important; }
.nspBotInterface .nspCounter span,
.nspTopInterface .nspCounter span { color:#ffffff !important; }
/* buttons: prev & next */

.nspBotInterface .nspPrev,
.nspTopInterface .nspPrev,
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background: transparent url('../images/nsp_interface.png') no-repeat 0 -62px; float:left; border:none !important; height:20px; width:20px; margin:0 0 0 4px; cursor:pointer; text-indent:-999em; padding:0 !important; }
.nspBotInterface .nspPrev:hover,
.nspTopInterface .nspPrev:hover { background-position: 0 -82px }
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background-position: 0 -22px }
.nspBotInterface .nspNext:hover,
.nspTopInterface .nspNext:hover { background-position: 0 -42px }
/* article layout*/

.nspArts { overflow:hidden; }
.nspArt div { overflow:hidden; padding:0 10px; }
.nspArt h4.nspHeader { margin-bottom:6px; font-size:100%; }
.nspArt p.nspText { float:none; }
.nspArt p.nspInfo { font-size:80%!important; margin:6px 0; }
.nspArt .tleft { text-align:left; }
.nspArt .tright { text-align:right; }
.nspArt .tcenter { text-align:center; }
.nspArt .tjustify { text-align:justify; }
.nspArt .fleft { float:left; }
.nspArt .fright { float:right; }
.nspArt .fnone { clear:both; width:100%; float:none; }
.nspArt { float:left; }
.readon.left,
.readon.right,
.readon.center { clear:both; }
.readon.left { float:left; }
.readon.right { float:right; }
.readon.center { display:inline; float:none; }
.nspLinks ul li h4 a { }
.nspLinks ul li h4 { font-size:100%; line-height:130%; }
.nspLinks ul li p { margin:0; font-size:11px; line-height: 180% }
.nspLinks ul li { margin:0; padding:6px 0 3px; height:auto; border-bottom:none; }
.nspLinks ul { padding:0; margin:0; list-style-type:none; clear:none!important; }
.nspArts.left { float:right; }
.nspLinksWrap.left { float:left; }
.nspArts.right { float:left; }
.nspLinksWrap.right { float:right; }
.nspMain .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
.nspAvatar { margin-bottom:-5px; }
img.nspImage { border:1px solid #dadada!important; padding:6px; }
a:hover .nspImage { border:1px solid #d7d7d7; background: #edece7 }
.nspArt .readon { margin-top: 6px; }
a.nspComments { background: transparent url('../images/style1/icon_comments.png') no-repeat 0 1px; padding-left: 20px; }
/* suffix: nsp (dedicated for interface)*/

.box.nsp { position: relative; }
.nsp .nspTopInterface { position: absolute; right: 18px; top: 9px; }
.nsp .nspTopInterface .nspPagination li,
.nsp .nspTopInterface .nspPagination li.active,
.nsp .nspTopInterface .nspPrev,
.nsp .nspTopInterface .nspNext { background-image: url('../images/nsp_interface_suffix-nsp.png') !important; }
.border1 .nspTopInterface .nspPagination li,
.border1 .nspTopInterface .nspPagination li.active,
.border1 .nspTopInterface .nspPrev,
.border1 .nspTopInterface .nspNext,
.border2 .nspTopInterface .nspPagination li,
.border2 .nspTopInterface .nspPagination li.active,
.border2 .nspTopInterface .nspPrev,
.border2 .nspTopInterface .nspNext,
.border3 .nspTopInterface .nspPagination li,
.border3 .nspTopInterface .nspPagination li.active,
.border3 .nspTopInterface .nspPrev,
.border3 .nspTopInterface .nspNext,
.border4 .nspTopInterface .nspPagination li,
.border4 .nspTopInterface .nspPagination li.active,
.border4 .nspTopInterface .nspPrev,
.border4 .nspTopInterface .nspNext { background-image: url('../images/nsp_interface.png') !important; }

/* Google Maps plugin fix */
.map img { background-color:transparent!important; }
/* k2 */
#sbox-window {background-color: #000 !important;}
#sbox-window.shadow {box-shadow: 0 0 0 0 !important;}

/* Login with Facebook button */
#gkPopup #fb-auth {margin-top: 9px; }
span#fb-auth small {width: 20px; height: 16px; background: transparent url('../images/fbauth.png') no-repeat 0 0px; text-indent: -999em; display: block; float: left; -moz-box-shadow:inset 0px 1px 0px 0px #aab5cd; -webkit-box-shadow:inset 0px 0px 1px 0px #556a9a; box-shadow:1px 0px #556a9a;; border-right: 1px solid #a0aecd; margin: 2px 7px 0 0  }
span#fb-auth { -moz-box-shadow:inset 0px 1px 0px 0px #aab5cd;-webkit-box-shadow:inset 0px 1px 0px 0px #aab5cd;box-shadow:inset 0px 1px 0px 0px #aab5cd;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #798db9), color-stop(1, #556b9b) );background:-moz-linear-gradient( center top, #798db9 5%, #556b9b 100% );background-color:#798db9; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #4d576b; display:inline-block; color:#fff; font-family:arial; font-size:12px; font-weight:bold; padding:3px 24px 8px 12px; text-decoration:none; text-shadow:1px 1px 0px #445375; cursor: pointer; height: 12px; line-height: 19px}
span#fb-auth:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #556b9b), color-stop(1, #798db9) ); background:-moz-linear-gradient( center top, #556b9b 5%, #798db9 100% ); background-color:#556b9b; }