/*
#------------------------------------------------------------------------
# AppsPro Tech - March Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* headings */
 
p.gkHeadline { margin: 5px 0 0 !important; text-align: center; font: normal 2em/1.9 "Lucida Grande", Tahoma; color: #222; }
p.gkSubHeadline { margin: 0 0 24px!important; letter-spacing: 0.3em; text-align: center; text-transform: uppercase; font: lighter 0.75em/1em "Lucida Grande", Tahoma; color: #666; }
p.gkSmallHeadline { margin: 1em 0 !important; letter-spacing: 2px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #bbb }
p.gkLargeHeadline { margin: 0 !important; padding: 0px 0px 6px 0px; letter-spacing: -2px; font: normal 44px/38px Arial, Helvetica, sans-serif; color: #444; }
/*icons*/

.gkfile1,
.gkfile2,
.gksearch,
.gkzoomminus,
.gkzoomplus,
.gkerror,
.gktick,
.gkbook,
.gkmap,
.gktag,
.gkstats,
.gkstar,
.gkribbon,
.gknav,
.gkgraph,
.gkflash,
.gklocation,
.gklocationminus,
.gklocationplus,
.gkbulb { min-height: 68px !important; padding: 0 0 2px 98px!important; background-repeat: no-repeat !important }
/*blocks*/ 

p.gkInfo1,
p.gkTips1,
p.gkWarning1 { padding: 8px 8px 8px 98px; min-height: 68px; line-height: 26px; }
/*highlight*/

.gkHighlight1,
.gkHighlight2,
.gkHighlight3,
.gkHighlight4 { padding:1px 5px; text-shadow: none; cursor: default }
.gkHighlight1:hover { background:#fff; }
.gkHighlight2:hover { background:#333; color: #fff }
.gkHighlight3:hover { background:#fff; color: #000 }
.gkHighlight4:hover { background: #fff; color: #000 }
/*code */

pre,
.gkCode1,
.gkCode2,
.gkCode3 { margin:10px 0 15px!important; padding:10px 15px!important; font: normal 0.92em/18px 'Curier New', monospace!important; }
pre,
.gkCode1,
.gkCode2 { opacity: 1; }
.gkCode3 { padding-left: 82px !important; }
.gkCode3 h4 { width:35px; position:relative; top: 0; margin: 0 0 0 -64px!important; padding: 2px 5px 0; font-size: 13px; }
pre:hover,
.gkCode1:hover { background: #fff; }
div.gkCode2:hover,
div.gkCode3:hover { color: #000; }
/* lists */

ol { margin: 2em 0; padding: 0; list-style-position:inside }
ol.gkDec { list-style-type:decimal; }
ol.gkRoman { list-style-type:upper-roman; }
ol.gkAlpha { list-style-type:lower-alpha; }
ol.gkDecimalLeadingZero { list-style-type:decimal-leading-zero; }
/* unordered lists */

ul.gkBullet1,
ul.gkBullet2,
ul.gkBullet3,
ul.gkBullet4,
ul.gkCircle1,
ul.gkCircle2,
ul.gkSquare1,
ul.gkSquare2,
ul.gkSquare3 { margin: 2em 0; padding: 0; }
ul li { list-style-position:outside }
ul.gkBullet1 li,
ul.gkBullet2 li,
ul.gkBullet3 li,
ul.gkBullet4 li,
ul.gkCircle1 li,
ul.gkCircle2 li,
ul.gkSquare1 li,
ul.gkSquare2 li { margin: 0!important; padding: 2px 0 2px 28px; line-height: 1.8em!important; list-style: none; overflow:inherit; }
/* Definition lists */
dl.gkDef1 dt,
dl.gkDef2 dt,
dl.gkDef3 dt { margin:10px 0 5px 0 }
dl.gkDef1 dd,
dl.gkDef2 dd,
dl.gkDef3 dd { padding:10px; }
dl.gkDef2 dt { text-decoration:underline }
dl.gkDef3 dt { margin-top: 10px; letter-spacing: 0.3em; text-transform: uppercase; font: lighter 1.1em/1.2em "Lucida Grande", Tahoma; font-variant: normal; color: #666666; }
/* acronyms and abbrs */
acronym,
abbr { border-bottom-width:1px; border-bottom-style:dotted; }
acronym:hover,
abbr:hover { border-bottom-style:solid; cursor:pointer }
/* Legends */

div.gkLegend1 h4,
div.gkLegend2 h4,
div.gkLegend3 h4,
div.gkLegend4 h4 { float:left; position:relative; top: -18px; left:11px; margin:0 0 -9px!important; padding: 0 10px; line-height: 18px; font-weight:normal; background: #fff; text-shadow: none; }
div.gkLegend1,
div.gkLegend2,
div.gkLegend3,
div.gkLegend4 { margin: 25px 0; padding: 6px; }
div.gkLegend1 p,
div.gkLegend2 p,
div.gkLegend3 p,
div.gkLegend4 p { margin:7px; clear:both; }
/* Dropcaps */

span.gkDropcap1,
span.gkDropcap2,
span.gkDropcap3 { display:block; float:left; line-height:1.0em; font-size: 5.0em; color: #333; }
span.gkDropcap1 { height:61px; margin:-4px 5px -3px 0 }
p.gkDropcap2 { padding:0 0 0 50px }
span.gkDropcap2 { height:61px; margin:-4px 0 0 -50px }
p.gkDropcap2 { padding-left: 50px; }
p.gkDropcap3 { margin-top:32px }
span.gkDropcap3 { height:61px; margin:-32px 5px 0 0 }
/* Blockquotes */

blockquote { margin:20px 0; font-style:italic; }
blockquote div { display:block; }
blockquote div.gkBlockquote1 div,
blockquote div.gkBlockquote2 div { padding:0 24px; }
blockquote div.gkBlockquote3 { padding-bottom: 1px }
blockquote div.gkBlockquote3 div { padding: 5px 48px 0 }
blockquote div.gkBlockquote4 div { padding: 0 48px }
/* Floated blocks */

.gkBlockTextLeft,
.gkBlockTextRight,
.gkBlockTextCenter { display: block; font-size: 16px; font-style: italic; line-height: 150%; padding: 30px; width: 38%; }
.gkBlockTextLeft { float:left; text-align:left }
.gkBlockTextRight { float:right; text-align:right }
.gkBlockTextCenter { margin:0 auto; text-align:center }
/* numBlocks*/

p.numblocks { position: relative; min-height: 62px; margin: 30px 0; padding: 0 0 0 92px !important; }
p.numblocks span { position: absolute; top: 4px; left: 0; height: 62px; width: 62px; color: #fff; display: block; font-size: 28px; line-height: 62px; text-align: center; }
p.num-1 span { background: url('../../images/style1/typography/number-1.png') no-repeat 0 0; }
p.num-2 span { background: url('../../images/style1/typography/number-2.png') no-repeat 0 0; }
p.num-3 span { background: url('../../images/style1/typography/number-3.png') no-repeat 0 0; }
/* Blocks*/

.gkblock-1,
.gkblock-2,
.gkblock-3,
.gkblock-4,
.gkblock-5,
.gkblock-6,
.gkblock-7,
.gkblock-8,
.gkblock-9 { margin: 20px 0; padding: 15px 20px; }
/* Blocks*/

.bubble-1,
.bubble-2,
.bubble-3,
.bubble-4,
.bubble-5,
.bubble-6 { position: relative; margin: 20px 0 40px; padding: 15px 20px; border-radius: 8px; }
.bubble-1 cite,
.bubble-2 cite,
.bubble-3 cite,
.bubble-4 cite,
.bubble-5 cite,
.bubble-6 cite { height: 17px; position: absolute; bottom: -17px; display: block; left: 26px; font-size: 11px; font-weight: bold; line-height: 22px; padding-left: 30px; background: url('../../images/style1/typography/buble_arrow.png') no-repeat 0 0; color: #333 !important }
/*blockquote*/
blockquote div.gkBlockquote1 { background: url('../../images/style1/typography/open1.png') no-repeat left bottom }
blockquote div.gkBlockquote1 div { background: url('../../images/style1/typography/close1.png') no-repeat right top }
blockquote div.gkBlockquote2 { background: url('../../images/style1/typography/open1.png') no-repeat left top }
blockquote div.gkBlockquote2 div { background: url('../../images/style1/typography/close1.png') no-repeat right top }
blockquote div.gkBlockquote3 { background: url('../../images/style1/typography/open2.png') no-repeat left bottom }
blockquote div.gkBlockquote3 div { background: url('../../images/style1/typography/close2.png') no-repeat right top }
blockquote div.gkBlockquote4 { background: url('../../images/style1/typography/open2.png') no-repeat left top }
blockquote div.gkBlockquote4 div { background: url('../../images/style1/typography/close2.png') no-repeat right top }
/*tables*/
.gkTable { border-collapse: collapse; font-style: normal }
.gkTable thead { padding:5px 10px; text-align: left; font: normal 19px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.gkTable td { padding: 10px; }
.gkTable tfoot { margin-bottom: 10px; margin-top: 0px; padding:0px; text-align: right; font-size: 0.8em; font-style: italic }
.gkTable2 { border-collapse: collapse; font-style: normal }
.gkTable2 thead { text-align: left; font: normal 20px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:5px 10px; }
.gkTable2 td { padding: 10px; }
.gkTable2 tfoot { margin-bottom: 10px; margin-top: 0px; padding:0px; text-align: right; font-size: 0.8em; font-style: italic }
/*tooltips*/

.gkTooltip { position: relative; outline: none; cursor: help; text-decoration: none; color: #000; text-shadow: none }
.gkTooltip span { position: absolute; margin-left: -999em; font-size: 11px; line-height: 16px; }
.gkTooltip:hover span { position: absolute; left: 0.5em; top: 1em; z-index: 99; width: 250px; margin-left: 0; }
.gkTooltip:hover em { display: block; padding: 0; font-size: 16px; line-height: 30px; text-decoration: none!important; text-shadow: none; font-style: normal !important }
.classicTooltip { padding: 0.6em 0.8em; text-shadow: none }
.customTooltip { padding: 0.6em 0.8em; text-shadow: none }
/** 
 * 
 * colors 
 * 
 * --------------------------------------------------------------------------------------------------------
 *
 *
 *
 **/

pre,
.gkCode1,
.gkCode2 { padding-left: 32px; border: 1px solid #EAE8CC; border-left: 4px solid #f89a4f; background: #FFFEF4; color: #333; }
.gkCode2 { background: #fff; border: 1px solid #eee; border-left: 4px solid #e25527; }
.gkCode3 { border: 1px solid #eee; background: #fff }
.gkCode3 h4 { background: #e25527; color:#fff; text-align: center; text-shadow: none; }
/* Warning message */
p.gkInfo1 { background: url('../../images/style1/typography/info_small.png') no-repeat 0 0; }
p.gkTips1 { background: url('../../images/style1/typography/tips_small.png') no-repeat 0 0; color: #f89a4f }
p.gkWarning1 { background: url('../../images/style1/typography/warning_small.png') no-repeat 0 0; color: #f53c00; }
/* Legends */

div.gkLegend1 { border: 1px solid #e5e5e5 }
div.gkLegend2 { border: 1px solid #f89a4f }
div.gkLegend3 { border: 1px solid #e25527 }
div.gkLegend4 { border: 4px double #e5e5e5 }
div.gkLegend1 h4 { background: #fff; color: #333; }
div.gkLegend2 h4 { background: #fff; color: #f89a4f; }
div.gkLegend3 h4 { background: #fff; color: #e25527; }
div.gkLegend4 h4 { }
.gkHighlight1 { background: #ffd; }
.gkHighlight2 { background:#eee; color: #353639 }
.gkHighlight3 { background: #353639; color:#fff; }
.gkHighlight4 { background:#e25527; color:#fff; }
/* Blocks */

.gkblock-1 { border: 2px dotted #ddd }
.gkblock-2 { border: 2px dotted #e25527 }
.gkblock-3 { border: 2px dotted #f89a4f }
.gkblock-4 { border: 1px solid #eee; background: #fff }
.gkblock-5 { border: 1px solid #EAE8CC; background: #FFFEF4; }
.gkblock-6 { border: 1px solid #e5e5e5; background: #f8f8f8; }
.gkblock-7 { background: #353639; color: #fff !important }
.gkblock-8 { background: #e25527; color: #fff !important }
.gkblock-9 { background: #f89a4f; color: #fff !important }
/* Bubbles */

.bubble-1 { border: 1px solid #eee; background-color: #fff; }
.bubble-2 { border: 1px solid #EAE8CC; background: #FFFEF4; }
.bubble-3 { border: 1px solid #e5e5e5; background: #f8f8f8; }
.bubble-4 { color: #fff !important; background: #353639; }
.bubble-5 { color: #fff !important; background: #e25527; }
.bubble-6 { color: #fff !important; background: #f89a4f; }
.bubble-1 cite { }
.bubble-2 cite { background-position: 0 -17px }
.bubble-3 cite { background-position: 0 -34px }
.bubble-4 cite { background-position: 0 -51px }
.bubble-5 cite { background-position: 0 -68px }
.bubble-6 cite { background-position: 0 -86px }
/* list */

ul.gkBullet1 li { background: url('../../images/style1/typography/bullet1.png') no-repeat 0 8px!important; }
ul.gkBullet2 li { background: url('../../images/style1/typography/bullet2.png') no-repeat 0 8px!important; }
ul.gkBullet3 li { background: url('../../images/style1/typography/bullet3.png') no-repeat 0 6px!important; }
ul.gkBullet4 li { background: url('../../images/style1/typography/bullet4.png') no-repeat 0 7px!important; }
ul.gkCircle1 li { background: url('../../images/style1/typography/bullet-circle1.png') no-repeat 0 6px!important; }
ul.gkCircle2 li { background: url('../../images/style1/typography/bullet-circle2.png') no-repeat 0 6px!important; }
ul.gkSquare1 li { background: url('../../images/style1/typography/bullet-square1.png') no-repeat 0 8px!important; }
ul.gkSquare2 li { background: url('../../images/style1/typography/bullet-square2.png') no-repeat 0 8px!important; }
.gkBlockTextLeft,
.gkBlockTextRight,
.gkBlockTextCenter { color: #e25527; }
span.classicTooltip { background-color: #ffffdd; color: #656565 }
span.criticalTooltip { background:#cb260a; color:#fff; }
span.helpTooltip { background: #333; color:#fff; }
span.infoTooltip { background: #F0F0F0; color: #5b5b5b; border: 1px solid #dedede; }
span.warningTooltip { background: #fff; color: #F93B3B; border: 1px solid #fff; }
/* Social Icons */

.iconDigg,
.iconDelicious,
.iconTwitter,
.iconMobyPicture,
.iconYoutube,
.iconVimeo,
.iconFacebook { display: block; height: 32px; line-height: 32px !important; background: transparent url('../../images/social_icons.png') no-repeat; padding: 0 0 0 46px; margin: 0 0 12px; font-size: 12px !important; }
.iconFacebook { background-position: 0 0; }
.iconTwitter { background-position: 0 -32px; }
.iconVimeo { background-position: 0 -64px; }
.iconMobyPicture { background-position: 0 -96px; }
.iconYoutube { background-position: 0 -128px; }
.iconDigg { background-position: 0 -160px; }
.iconDelicious { background-position: 0 -192px; }
/* demo */
ul#demo-typography { background: transparent; overflow: hidden; padding: 10px 30px 30px 30px; }
ul#demo-typography li { list-style-position: none; list-style-type: disc; line-height: 24px; width: 23.9%; float: left; color: #cb260a; font-size: 11px; }
ul#demo-typography li a { font-size: 11px; text-shadow: 2px 2px 0 #fff }
.demo-typoDiv { clear: both; overflow: hidden; margin: 0 0 30px }
h4.demo-typo { font-size: 20px; font-weight: normal; color: #333; margin: 30px 0; border-bottom: 1px solid #eee; }
.demo-typo-col2 { width: 50%; float: left; }
.demo-typo-col3 { width: 33%; float: left; }
.demo-typo-col4 { width: 25%; float: left; }
.demo-typo_padd { padding: 0 30px 0 0; }
#warnings .demo-typo_padd p { margin: 1em 0 1.6em; }
.typoDesc small { font: normal 10px Monaco, Consolas, "Courier News", monospace; color: #999 }
.gkblock-7 small,
.gkblock-9 small,
.bubble-4 small,
.bubble-5 small,
.bubble-6 small,
.gkblock-8 small { color: #fff !important; }
/* Social icons */
.gkFacebook,
.gkTwitter,
.gkRSS { background: transparent url('../../images/style1/social_icons.png') no-repeat 0 0; display: inline-block; height: 33px; margin-right: 10px; width: 33px; text-indent: -9999px; transform: scale(1.0); transition: transform 0.1s ease-out; }
.gkFacebook { background-position: 0 -34px; }
.gkTwitter { background-position: 0 0; }
.gkRSS { background-position: 0 -67px; }
.gkFacebook:hover,
.gkTwitter:hover,
.gkRSS:hover { transform: scale(0.85); }
/**
 * 
 * Special typography elements 
 *
 **/
 
h1.gkTypo,
h2.gkTypo { display: block;  text-align: center; }
h1.gkTypo { color: #fff;  line-height: 46px; margin-top: 30px; }
h2.gkTypo { color: #ffc9b1; font-size: 20px; font-weight: 400; line-height: 40px; margin-bottom: 40px; }
h1.gkTypo a { color: #fff; }
h2.gkTypo a { color: #ffc9b1; }
h1.gkTypo a:active,
h1.gkTypo a:focus,
h1.gkTypo a:hover { color: #ffc9b1; }
h2.gkTypo a:active,
h2.gkTypo a:focus,
h2.gkTypo a:hover { color: #fff; }
h2.tabTitle { color: #a6a6a6!important; font-size: 56px; line-height: 52px !important; margin: 0 0 26px; }
h2.tabTitle span { color: #e25527!important; }
p.tabContent { font-size: 16px; color: #7d7b7a; }
div.tabImage { width: 200px; height: 200px; background: transparent url('../../images/style1/tabs_big_icons.png') no-repeat 0 0; margin: 0 60px 0 0; float: left; text-indent: -9999px; }
div.tabImage.gkTab-1 { background-position: 0 0; }
div.tabImage.gkTab-2 { background-position: -200px 0; }
div.tabImage.gkTab-3 { background-position: -400px 0; }
div.tabImage.gkTab-4 { background-position: -600px 0; }
div.tabImage.gkTab-5 { background-position: -800px 0; }
div.tabImage.gkTab-6 { background-position: -1000px 0; }
div.tabImage.gkTab-7 { background-position: -1200px 0; }
div.tabImage.gkTab-8 { background-position: -1400px 0; }