/*

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

# 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 {

    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: #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/style3/typography/number-1.png) no-repeat 0 0

    }



p.num-2 span {

    background: url(../../images/style3/typography/number-2.png) no-repeat 0 0

    }



p.num-3 span {

    background: url(../../images/style3/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/style3/typography/buble_arrow.png) no-repeat 0 0;

    color: #333 !important

    }



/*blockquote*/

blockquote div.gkBlockquote1 {

    background: url(../../images/style3/typography/open1.png) no-repeat left bottom

    }



blockquote div.gkBlockquote1 div {

    background: url(../../images/style3/typography/close1.png) no-repeat right top

    }



blockquote div.gkBlockquote2 {

    background: url(../../images/style3/typography/open1.png) no-repeat left top

    }



blockquote div.gkBlockquote2 div {

    background: url(../../images/style3/typography/close1.png) no-repeat right top

    }



blockquote div.gkBlockquote3 {

    background: url(../../images/style3/typography/open2.png) no-repeat left bottom

    }



blockquote div.gkBlockquote3 div {

    background: url(../../images/style3/typography/close2.png) no-repeat right top

    }



blockquote div.gkBlockquote4 {

    background: url(../../images/style3/typography/open2.png) no-repeat left top

    }



blockquote div.gkBlockquote4 div {

    background: url(../../images/style3/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 #8ed1ff;

    background: #FFFEF4;

    color: #333

    }



.gkCode2 {

    background: #fff;

    border: 1px solid #eee;

    border-left: 4px solid #4da8e6

    }



.gkCode3 {

    border: 1px solid #eee;

    background: #fff

    }



.gkCode3 h4 {

    background: #4da8e6;

    color: #fff;

    text-align: center;

    text-shadow: none

    }



/* Warning message */

p.gkInfo1 {

    background: url(../../images/style3/typography/info_small.png) no-repeat 0 0

    }



p.gkTips1 {

    background: url(../../images/style3/typography/tips_small.png) no-repeat 0 0;

    color: #8ed1ff

    }



p.gkWarning1 {

    background: url(../../images/style3/typography/warning_small.png) no-repeat 0 0;

    color: #f53c00

    }



/* Legends */

div.gkLegend1 {

    border: 1px solid #e5e5e5

    }



div.gkLegend2 {

    border: 1px solid #8ed1ff

    }



div.gkLegend3 {

    border: 1px solid #4da8e6

    }



div.gkLegend4 {

    border: 4px double #e5e5e5

    }



div.gkLegend1 h4 {

    background: #fff;

    color: #333

    }



div.gkLegend2 h4 {

    background: #fff;

    color: #8ed1ff

    }



div.gkLegend3 h4 {

    background: #fff;

    color: #4da8e6

    }



.gkHighlight1 {

    background: #ffd

    }



.gkHighlight2 {

    background: #eee;

    color: #353639

    }



.gkHighlight3 {

    background: #353639;

    color: #fff

    }



.gkHighlight4 {

    background: #4da8e6;

    color: #fff

    }



/* Blocks */

.gkblock-1 {

    border: 2px dotted #ddd

    }



.gkblock-2 {

    border: 2px dotted #4da8e6

    }



.gkblock-3 {

    border: 2px dotted #8ed1ff

    }



.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: #4da8e6;

    color: #fff !important

    }



.gkblock-9 {

    background: #8ed1ff;

    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: #4da8e6

    }



.bubble-6 {

    color: #fff !important;

    background: #8ed1ff

    }



.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/style3/typography/bullet1.png) no-repeat 0 8px !important

    }



ul.gkBullet2 li {

    background: url(../../images/style3/typography/bullet2.png) no-repeat 0 8px !important

    }



ul.gkBullet3 li {

    background: url(../../images/style3/typography/bullet3.png) no-repeat 0 6px !important

    }



ul.gkBullet4 li {

    background: url(../../images/style3/typography/bullet4.png) no-repeat 0 7px !important

    }



ul.gkCircle1 li {

    background: url(../../images/style3/typography/bullet-circle1.png) no-repeat 0 6px !important

    }



ul.gkCircle2 li {

    background: url(../../images/style3/typography/bullet-circle2.png) no-repeat 0 6px !important

    }



ul.gkSquare1 li {

    background: url(../../images/style3/typography/bullet-square1.png) no-repeat 0 8px !important

    }



ul.gkSquare2 li {

    background: url(../../images/style3/typography/bullet-square2.png) no-repeat 0 8px !important

    }



.gkBlockTextLeft, .gkBlockTextRight, .gkBlockTextCenter {

    color: #4da8e6

    }



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 !important

    }



/* Social icons */

.gkFacebook, .gkTwitter, .gkRSS {

    background: transparent url(../../images/style3/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;

    line-height: 46px;

    margin-top: 30px

    }



h2.gkTypo {

    color: #8ed1ff;

    font-size: 20px;

    font-weight: 400;

    line-height: 40px;

    margin-bottom: 40px

    }



h1.gkTypo a {

    color: #fff

    }



h2.gkTypo a {

    color: #8ed1ff

    }



h1.gkTypo a:active, h1.gkTypo a:focus, h1.gkTypo a:hover {

    color: #8ed1ff

    }



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: #4da8e6 !important

    }



p.tabContent {

    font-size: 16px;

    color: #7d7b7a

    }



div.tabImage {

    width: 200px;

    height: 200px;

    background: transparent url(../../images/style3/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

    }