/*

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

# 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"Courier 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/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 #7bc462
}
.gkCode3 {
	border: 1px solid #eee;
	background: #fff
}
.gkCode3 h4 {
	background: #7bc462;
	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 #7bc462
}
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: #7bc462
}
.gkHighlight1 {
	background: #ffd
}
.gkHighlight2 {
	background: #eee;
	color: #353639
}
.gkHighlight3 {
	background: #353639;
	color: #fff
}
.gkHighlight4 {
	background: #7bc462;
	color: #fff
}
/* Blocks */
 .gkblock-1 {
	border: 2px dotted #ddd
}
.gkblock-2 {
	border: 2px dotted #7bc462
}
.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: #7bc462;
	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: #7bc462
}
.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, #k2Container .itemFullText ul li, #k2Container .itemIntroText ul li, #k2Container ul.gkBullet1 li {
	background: url(../../images/style3/typography/bullet1.png) no-repeat 0 8px !important
}
ul.gkBullet2 li, #k2Container ul.gkBullet2 li {
	background: url(../../images/style3/typography/bullet2.png) no-repeat 0 8px !important
}
ul.gkBullet3 li, #k2Container ul.gkBullet3 li {
	background: url(../../images/style3/typography/bullet3.png) no-repeat 0 6px !important
}
ul.gkBullet4 li, #k2Container ul.gkBullet4 li {
	background: url(../../images/style3/typography/bullet4.png) no-repeat 0 7px !important
}
ul.gkCircle1 li, #k2Container ul.gkCircle1 li {
	background: url(../../images/style3/typography/bullet-circle1.png) no-repeat 0 6px !important
}
ul.gkCircle2 li, #k2Container ul.gkCircle2 li {
	background: url(../../images/style3/typography/bullet-circle2.png) no-repeat 0 6px !important
}
ul.gkSquare1 li, #k2Container ul.gkSquare1 li {
	background: url(../../images/style3/typography/bullet-square1.png) no-repeat 0 8px !important
}
ul.gkSquare2 li, #k2Container ul.gkSquare2 li {
	background: url(../../images/style3/typography/bullet-square2.png) no-repeat 0 8px !important
}
.gkBlockTextLeft, .gkBlockTextRight, .gkBlockTextCenter {
	color: #7bc462
}
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: #7bc462 !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
}