/*
#------------------------------------------------------------------------
# appPhone - June 2011 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
*/

/*
 * Tabs Module
 */
.gk_tab_item_space { padding: 0; }
div.gkTab { position: relative; }
div.gkTabWrap { margin: 0 auto; position: relative; }
div.gkTabsWrapper { height: 89px; background: transparent url('../images/style1/tabs_bg.png') repeat-x 0 0; position: absolute; z-index: 100; left: 0; bottom: 0; width:100%; }
ul.gkTabs { list-style-type: none; margin: 0 auto; padding: 0;  }
ul.gkTabs li { background: url('../images/style1/tabs_left.png') no-repeat left top; float: left; height: 54px; cursor: pointer; border: none!important; padding: 0 0 0 5px; margin: 17px 17px 0 0; list-style-type:none!important; }
ul.gkTabs li:first-child { margin-left: 0; }
ul.gkTabs li span { background: url('../images/style1/tabs_right.png') no-repeat right top; display: block; height: 32px; padding: 0 27px; font-size: 16px; color: #585048; text-transform:uppercase; padding: 11px 11px 11px 6px; }
ul.gkTabs li.active { background-position: left bottom; }
ul.gkTabs li.active span { background-position: right bottom; }
ul.gkTabs li span strong { color: #b27354; font-size:36px; line-height:30px; font-weight:normal; padding-left:4px; display: block; float: left; text-shadow: 2px 2px 0 #23221f; }
ul.gkTabs li span dl { font-size: 22px; margin-left: 10px; display: block; float: left; padding-right: 5px; }
ul.gkTabs li span dt { line-height: 22px; color: #c4bdae; text-shadow: 2px 2px 0 #5a5650; }
ul.gkTabs li span dd { font-size: 10px; line-height: 10px; color: #726a5a;text-shadow: none !important }

ul.gkTabs li span strong,
ul.gkTabs li span dt,
ul.gkTabs li span dd { -webkit-transition:color 0.4s ease-in; -moz-transition:color 0.4s ease-in; -o-transition:color 0.4s ease-in; transition:color 0.4s ease-in; }

ul.gkTabs li.active span strong { color: #fff; }
ul.gkTabs li.active span dt { color: #fff; }
ul.gkTabs li.active span dd { color: #b27354; text-shadow: none !important	}

div.gkTabContainer0 { clear: both; }
.gkTabContainer0,
.gkTabContainer1,
.gkTabContainer2 { position:relative; }
.gkTabContainer0.loader { background: url('../images/style1/loader.gif') no-repeat center center; }
/*.gkTabItemSpace a { color: #585048; }
.gkTabItemSpace a:hover { color: #bf7233; }*/
.gkTabItem { float: left; padding: 0; }
.gkTabItem { position: absolute; left: -999em; top: 0; width: 100%; }
.gkTabItem.active { position: static; left: 0; }
.gkTabContainer0 { clear: both; }
.gkTabContainer1 { overflow: hidden; }
.gkTabContainer0,
.gkTabContainer1,
.gkTabContainer2 { position:relative; }


/*
 * News Show Pro GK4
 */

.nsp { position:relative; }
.nsp > div > h3 { margin-bottom: 15px !important;}
.nspMain { overflow:hidden; }
/* interface */
.nspBotInterface,
.nspTopInterface { overflow:hidden; width:auto; margin: 0; }
.nspBotInterface { margin:0; padding-top:6px; }
.nspTopInterface div { position: absolute; right: 12px; top: 8px; }
.nspBotInterface div { float: right; }
/* pagination */
.nspBotInterface .nspPagination li,
.nspTopInterface .nspPagination li,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li.active { display:block;  float:left; border:none !important; width: 9px; height: 10px; margin: 1px 0 0 5px;  padding:0 !important;  background: transparent url('../images/style1/nsp_interface.png') no-repeat 100% 0; text-indent: -999em!important;cursor:pointer; }
.nspBotInterface .nspPagination li:hover,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li:hover,
.nspTopInterface .nspPagination li.active { background-position: 100% 100%; cursor:pointer; }
.nspTopInterface .nspPagination,
.nspBotInterface .nspPagination { border:none !important; float:left; width:auto; padding:2px 8px 0 0 !important; list-style-type:none; margin:0; }
.nspBotInterface .nspCounter,
.nspTopInterface .nspCounter { padding:4px 8px!important; font-size:10px; font-weight:normal !important; height:10px; line-height:10px; background:transparent; color:#ccc !important; cursor:pointer; float:left; margin:2px 0 0 16px !important; }
.nspBotInterface .nspCounter span,
.nspTopInterface .nspCounter span { color:#85837F !important; }
/* buttons: prev & next */
.nspBotInterface .nspPrev,
.nspTopInterface .nspPrev,
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { display: block; float:left; border:none !important; height: 17px;  width: 16px; margin:0 0 0 4px; background: transparent url('../images/style1/nsp_interface.png') no-repeat 0 0; cursor:pointer; text-indent:-999em; padding:0 !important; }
.nspBotInterface .nspPrev:hover,
.nspTopInterface .nspPrev:hover { background-position: 0 100%; }
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background-position: -16px 0; }
.nspBotInterface .nspNext:hover,
.nspTopInterface .nspNext:hover { background-position: -16px 100%; }
/* article layout */

.nspArts { overflow:hidden; }
.nspArt div { overflow:hidden; padding:0 10px; }
.nspArt h4.nspHeader,
.nspArt h4.nspHeader a { font-size:120%; }
.nspArt h4.nspHeader { line-height:16px; margin-bottom: 12px; margin-top: 5px }
.nspArt img { padding: 3px; border: 1px solid #ddd; background: #fff; -webkit-transition:background-color 0.4s ease-in, border-color 0.4s ease-in; -moz-transition:background-color 0.4s ease-in, border-color 0.4s ease-in; -o-transition:background-color 0.4s ease-in, border-color 0.4s ease-in; transition:background-color 0.4s ease-in, border-color 0.4s ease-in; }
.nspArt img:hover { background: #ED7959; border-color: #d86849; }
.nspLinks h4 a { }
.nspLinks h4 a:hover,
.nspArt h4.nspHeader a:hover { }
.nspArt p.nspText { float:none; margin-top: 0!important; font-size: 12px; line-height: 1.7; }
.nspArt p.nspInfo { font-size:85%; 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; }
.nspReadon_class.left,
.nspReadon_class.right,
.nspReadon_class.center { clear:both; }
.nspReadon_class.left { float:left; }
.nspReadon_class.right { float:right; }
.nspReadon_class.center { display:inline; float:none; }
.nspLinks ul li { border-top: 1px solid #ddd!important; list-style-type: none!important; }
.nspLinks ul li:first-child { border-top: none!important; padding-top: 0px }
.nspLinks ul li h4 { font-size:110%; line-height:160%; font-weight: normal }
.nspLinks ul li p { margin:0; font-size:11px; line-height: 130% }
.nspLinks ul li { margin:0; padding:6px 0 9px; height:auto; border-bottom:none; }
.nspLinks ul { padding:0; margin:0; list-style-type:none!important; 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; }
.nspArt .nspReadon { margin-top: 14px; }
a.nspComments { }


/* demo */
.sun_tab { background: transparent url('../images/style1/demo/sun_bg.png') no-repeat right top; min-height: 589px; width:100%; position:relative; }
.sun_tab .iphone_element { background: transparent url('../images/style1/demo/iphone_element.png') no-repeat left top; width: 526px; height: 541px; position: absolute; z-index: 102; right: 0; top: 106px; text-indent: -999em; }
.appstoreBanner { width: 240px; height: 67px; background: transparent url('../images/style1/demo/demo_banner.png') no-repeat 0 0; text-indent: -999em; }
.sun_tab .content { width: 540px; color: #797774; font-size: 14px; }
.sun_tab .content p { margin-bottom: 20px; clear:both; line-height:1.4; overflow:hidden; }
.sun_tab h1 { color: #686b6c; font-size: 80px; line-height: 80px; text-shadow: 3px 5px 0 #fff; padding: 128px 0 20px 0; margin: 0; }
.sun_tab .content small { font-style: italic; font-size: 11px; }

.mobile_icon_iphone,
.mobile_icon_android,
.mobile_icon_blackberry,
.mobile_icon_other { width:76px; height:78px; display:block; float:left; margin-right:20px; background: transparent url('../images/style1/demo/mobile_icons.png') no-repeat 0 0; text-indent:-999em; }

.mobile_icon_iphone { background-position: 0 0; }
.mobile_icon_android { background-position: -76px 0; }
.mobile_icon_blackberry { background-position: -152px 0; }
.mobile_icon_other { background-position: -228px 0; }