/*
#------------------------------------------------------------------------
# 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: 0 0 6px 0;
    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 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    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,#k2Container .itemFullText ul,
#k2Container .itemIntroText ul {
    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, #k2Container .itemFullText ul li,
#k2Container .itemIntroText ul 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: #666
    }
/* 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: 1em;
    font-size: 5em;
    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
    }
p.numblocks span.highlight {
    font-size: 15px;
    position: static;
    width: auto;
    display: inline;
	background:none;
	color:#7D7B7A;
	line-height:30px;
	height:auto;
	font-weight:bold;
}
/* 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;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    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: 0;
    padding: 0;
    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: 0;
    padding: 0;
    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 */
    color: #85BF92
    }
.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: #85BF92 !important
    }
.gkblock-8 {
    background: #e25527;
    color: #85BF92 !important
    }
.gkblock-9 {
    background: #f89a4f;
    color: #85BF92 !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-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,#k2Container .itemFullText ul li,
#k2Container .itemIntroText ul 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 */
    color: #85BF92
    }
span.classicTooltip {
    background-color: #ffd;
    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; */
    color: #68A36C; !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;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.1s ease-out;
    -o-transition: -o-transform 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    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 {
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform: scale(0.85)
    }
/**
 * 
 * Special typography elements 
 *
 **/
h1.gkTypo, h2.gkTypo {
    display: block;
    text-align: center
    }
h1.gkTypo {
    /* color: #fff; */
    color: #68A36C;
    line-height: 46px;
    margin-top: 30px
    }
h2.gkTypo {
    color: #DCE9BE;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 40px
    }
h1.gkTypo a {
        /* color: #fff; */
    color: #68A36C;
    }
h2.gkTypo a {
    color: #DCE9BE
    }
h1.gkTypo a:active, h1.gkTypo a:focus, h1.gkTypo a:hover {
    color: #DCE9BE
    }
h2.gkTypo a:active, h2.gkTypo a:focus, h2.gkTypo a:hover {
        /* color: #fff; */
    color: #68A36C;
    }
h2.tabTitle {
    color: #a6a6a6 !important;
    font-size: 56px;
    line-height: 52px !important;
    margin: 0 0 26px
    }
h2.tabTitle span {
    /* color: #e25527 */
    color: #85BF92 !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
    }