/*
#------------------------------------------------------------------------
# pixellove - June 2011 (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software. It is based on GavickPro's GAVERN framework. 
  NOTE: It is not free or public. This theme is for members of the GavickPro club only.
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Basic elements */

body { line-height:1.8; background: #292929 url('../images/dark/main_bg.png') repeat 0 0; color: #777; min-height: 100%; font-size: 13px}
a { color: #fff; text-decoration: none; -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;  }
a:hover,
a:active,
a:focus { color: #6b9ccf; }
.column p,
.column pre,
.column blockquote,
.column ol,
.column ul { margin:0; padding:0; }
h1,
h2,
h3,
h4,
h5 { font-weight: normal; color: #fff; }
h1 { font-size:380%; }
h2 { font-size:350%; }
h3 { font-size:135%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
ul { list-style:none; }
ul li { line-height:2.6; }
p { margin: 0.5em 0 }
strong { color: #aaa; }
p { margin: 0.8em 0 }

div.content a.digg,
div.content a.buzz,
div.content a.twitter,
div.content a.dribble,
div.content a.stumbleupon,
div.content a.lastfm,
div.content a.tuuumblr,
div.content a.youtube,
div.content a.vimeo,
div.content a.skype,
div.content a.facebook,
div.content a.ichat,
div.content a.myspace,
div.content a.dropbox { background-image: url('../images/dark/social_icons.png'); }

/* containers */
#gkLeft,
#gkRight { background: transparent url('../images/dark/column_bg.png') repeat-y right 0; box-shadow: 0 0 9px #000; -moz-box-shadow: 0 0 9px #000; -webkit-box-shadow: 0 0 9px #000; }
#gkNav { position: absolute; z-index: 1; height: 56px; background: transparent url('../images/dark/top_bg.jpg') repeat-x 0 0; width: 100%; box-shadow:0 0 9px #000; -moz-box-shadow:0 0 9px #000; -webkit-box-shadow:0 0 9px #000;  }
#gkLeft,
#gkRight { margin-bottom: -22px; }

#gkContent { float: left; }
#gkContentWrap { padding: 20px; overflow: hidden; }
#gkCurrentContent { float: right; }
#gkNavWrap {margin: 0 auto !important}
/* equal columns */
#mainPage { height:100%; min-height: 100%; }
#gkMainbodyWrap { display: table; height: 100%; min-height: 100%; margin: 0 auto }
#gkLeft,
#gkRight,
#gkMain { display: table-cell; vertical-align: top; height: 100%; min-height:100%; }
#gkLeft > .inner-wrap,
#gkRight > .inner-wrap,
#gkMain > .inner { padding-top: 76px; }
/* top */
#gkMainnav { float: right; }
#gkFooter {width: 100%; clear: both; display: block}
/* logo */
#gkLogo { margin: 0; padding: 0; float: left; }
h1#gkLogo a img { display: block; height: 46px; margin: 5px 0; max-width:350px; top: 0; left:0; }
h1#gkLogo a.cssLogo { background: url('../images/dark/logo.png') no-repeat 0 0; display: block; height: 56px; margin: 0; text-indent: -999em; width:260px; top: 0; left:0; z-index: 1001; }
#gkLogo.text { width: auto; margin: 0; }
#gkLogo.text a,
#gkLogo.text .gkLogoSlogan { display: block; background:none!important; color: #777; font: normal 26px/56px Arial, serif; text-indent: 0; text-align: center; float:left; margin-right: 5px; }
#gkLogo.text a { padding: 0; width: auto!important; }
#gkLogo.text .gkLogoSlogan { font-size: 10px; }
.gkLogoText {margin-right: 15px; padding-right: 15px; border-right: 1px solid #333}
.gkLogoSlogan {text-transform: uppercase; letter-spacing: 1px }
#gkFrameworkLogo { display: block; width: 130px; height: 42px; margin: 50px auto 46px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; }
#gkHeader .nsp {padding-bottom: 20px}
#gkHeader .nsp .nspTopInterface {margin: 15px 0}

/* Bottom  section */
#gkBottom1,
#gkBottom2 { overflow:hidden; font-size: 12px}
#gkBottom1 .box > div > h3,
#gkBottom2 .box > div > h3 { color: #b9b9b9;border-bottom: 1px solid #333; font-size: 24px; line-height:34px;}
#gkBottom1 .box > div,
#gkBottom2 .box > div { padding: 20px 0; }
#gkBottom1 a,
#gkBottom2 a { color: #555}
#gkBottom1 a:hover,
#gkBottom2 a:hover { color: #b9b9b9}
#gkBottom1 .box ul li,
#gkBottom2 .box ul li { list-style: disc inside; border-top: none; }
/* Footer */
#gkStyle7, #gkStyle8 { display: block; float: right; height: 17px; width: 17px; margin: 12px 0 0 6px; text-indent: -99999em; background: transparent url('../images/theme_schwitcher.png') no-repeat 100% 0;}
#gkStyle8 { background-position: 0 0;}
#gkFooter { margin: 36px 0 0 0; width: auto; border-top: 1px solid #292929; line-height: 40px; color: #5e5e5e; font-family: Verdana, sans-serif; }
#gkFooter a{ color: #5e5e5e; }
#gkFooter a:hover { color: #888; }
#gkFooter li { float: left; font-size: 11px; border-top: none!important; margin-right: 10px; line-height:40px; }
#gkStyleArea { margin-left: 20px; }
#theme_switcher1, #theme_switcher2 { display: block; float: right; height: 17px; width: 17px; margin: 12px 0 0 6px; text-indent: -99999em; background: transparent url('../images/theme_schwitcher.png') no-repeat 100% 0;}
#theme_switcher2 { background-position: 0 0;}
#gkStyleArea a { float: left; background: transparent url('../images/styleswitcher.png') no-repeat 0 0; width:8px; height: 8px; cursor: pointer; display: block; margin-left: 6px; text-indent:-999em; margin-top: 17px; }
#gkStyleArea #gkStyle2 { background-position: -8px 0; }
#gkStyleArea #gkStyle3 { background-position: -16px 0; }
#gkStyleArea #gkStyle4 { background-position: -24px 0; }
#gkStyleArea #gkStyle5 { background-position: -32px 0; }
#gkStyleArea #gkStyle6 { background-position: -40px 0; }
#gkStyleArea,
#gkStyleAreaExt,
#gkCopyrights { float:right; font-size: 11px; line-height: 40px; margin: 0 }
#gkContent {width: 100% !important; background: #000;}
#gkCopyrights {margin-right: 20px}
/* breadcrumb */
#gkTopNav { width: 100%; font-size: 12px; color: #aaa; background: transparent; height: 32px; line-height: 32px; border-bottom: 1px solid #252525}
#gkBreadcrumb {float: left}
#gkBreadcrumb a { color: #777; }
#gkBreadcrumb a:hover { color: #6b9ccf; }
#gkBreadcrumb .separator { margin: 0 6px; }
#gkTools { float: right; width: auto; margin-top:8px; }
#gk-fp {position: absolute; top: 0px; left: -5000px;}
#gkTools a { background:url("../images/tools.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; float:left; height:16px; text-indent:-999em; width:16px; opacity:0.5; }
#gkTools a:hover { opacity: 1.0; }
#gkToolsReset { background-position: -16px 0!important; }
#gkToolsDec { background-position: -32px 0!important; }
/* Module styles */
.box,
.box_menu,
.box_text { overflow: hidden; margin-top: 20px !important; color: #777; font-size: 11px; }
.box:first-child,
.box_menu:first-child,
.box_text:first-child { margin-top: 0!important; }
.box > div,
.box_menu > div,
.box_text > div { margin: 0px; }
.box div.content { padding: 0; }
.box li,
.box_menu li,
.box_text li { }
.box li:first-child,
.box_menu li:first-child,
.box_text li:first-child { }
/* suffixes -------------*/

/*--- default */
.box > div,
.box_menu > div,
.box_text > div { padding: 10px; }
#gkContentWrap .box > div,
#gkContentWrap .box_menu > div,
#gkContentWrap .box_text > div { padding: 0; } 
.box > div > h3,
.box_menu > div > h3,
.box_text > div > h3 { color: #fffefe; font-size: 18px; line-height: 34px; /* margin-bottom: 18px; */ }
.box ul { }
.box ul li { border-top: 1px solid #252525; }
.box ul li:first-child { border-top: none; }
/* _text */
#mainPage .box_text .group > h3 { font-weight: normal; font-size:115%; }
#mainPage .box_text .footer { font-size: 85%; text-align: right; font-style: italic; }
#mainPage .box_text .item { border-bottom: 1px solid #252525; margin-top:10px; padding-bottom: 10px; }
/* - clear */
.box.clear,
.box.clear > div,
.box.clear > div > .box div.content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
/* - small */
.box.small > div > h3 {  color: #777; font-size: 18px; line-height: 19px; }
ul.latestnews.small {font-size: 100%}
/* - color */
.box.color > div > h3 {  color: #6b9ccf; }
/* - subtitle */
.box.subtitle > div > h3 > span { color: #777; display: block; font-size: 18px; line-height: 32px; }
.box.subtitle > div > h3 { color: #fff; font-size: 48px; line-height: 40px; }
/* - subtitle + color */
.box.subtitle.color > div > h3 > span { color: #fff; }
.box.subtitle.color > div > h3 {  color: #6b9ccf; font-size: 72px; line-height: 64px; margin-bottom: 5px; }
/* - big */
.box.big > div > h3 {  color: #fff; font-size: 72px; line-height: 64px; }
/* - lines */
.box.lines > div > h3 { display: table; height: 1px; line-height: 1px; }
.box.lines > div > h3 > span,
.box.lines > div > h3 > strong { display: table-cell; line-height:1px; height:1px; }
.box.lines > div > h3 > span { width: 50%; border-top: 1px solid #777; border-right: 1px solid #777; text-indent: -999em; font-size: 1px; line-height: 1px; }
.box.lines > div > h3 > span:first-child { border-left: 1px solid #777; border-right: none; }
.box.lines > div > h3 > strong { padding: 0 15px; font-size: 18px; font-weight: normal; line-height: 1px; white-space: pre; }
.box.lines.color > div > h3 > span { border-top: 1px solid #6b9ccf; border-right: 1px solid #6b9ccf; }
.box.lines.color > div > h3 > span:first-child { border-left: 1px solid #6b9ccf; border-right: none; }
.box.lines.color > div > h3 > strong { color: #fff; }
/* - nopad */
.box.nopad > div { padding: 0!important; }
/* - menu */
.box.menu li:first-child { border-top: 1px solid #252525; }
.box.menu li { border-bottom: 1px solid #252525; border-top: none; }
.box.menu li > a,
.box.menu li > span { display: block; color: #fff!important; line-height: 38px; padding-left: 24px; font-size: 18px; -webkit-transition:color,background-color 0.6s ease-in; -moz-transition:color,background-color 0.6s ease-in; -o-transition:color,background-color 0.6s ease-in; transition:color,background-color 0.6s ease-in; }
.box.menu li.active > a,
.box.menu li > a:hover,
.box.menu li.active > span,
.box.menu li > span:hover { color: #6b9ccf!important; background-color: #000; }
.box.menu li ul { display: none; }


/* skills */
.skill { color: #3f3f3f; font-size:11px; padding:3px 0; line-height:11px; cursor: default; }
.skill > .bar{ float: left; display: block; margin-right: 10px; height: 11px; text-indent: -999em; }
.skill,
.skill > .bar { -webkit-transition:color 1s linear; -moz-transition:color 1s linear; -o-transition:color 1s linear; transition:color 1s linear; }
.skill > .bar.w5 { width: 5%; }
.skill > .bar.w10 { width: 10%; }
.skill > .bar.w15 { width: 15%; }
.skill > .bar.w20 { width: 20%; }
.skill > .bar.w25 { width: 25%; }
.skill > .bar.w30 { width: 30%; }
.skill > .bar.w35 { width: 35%; }
.skill > .bar.w40 { width: 40%; }
.skill > .bar.w45 { width: 45%; }
.skill > .bar.w50 { width: 50%; }
.skill > .bar.color1 { background: #6b9ccf; }
.skill > .bar.color2 { background: #777;  }
.skill > .bar.color3 { background: #fff;  }
.skill > .bar.color4 { background: #333;  }
.skill:hover { color: #fff; }
/* social icons */
.box div.content a.digg,
.box div.content a.buzz,
.box div.content a.twitter,
.box div.content a.dribble,
.box div.content a.stumbleupon,
.box div.content a.lastfm,
.box div.content a.tuuumblr,
.box div.content a.youtube,
.box div.content a.vimeo,
.box div.content a.skype,
.box div.content a.facebook,
.box div.content a.ichat,
.box div.content a.myspace,
.box div.content a.dropbox { width: 50px; height: 50px; display: block; float: left; text-indent: -999em; opacity: 0.4; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; filter:alpha(opacity=40)}
.box div.content a.digg:hover,
.box div.content a.buzz:hover,
.box div.content a.twitter:hover,
.box div.content a.dribble:hover,
.box div.content a.stumbleupon:hover,
.box div.content a.lastfm:hover,
.box div.content a.tuuumblr:hover,
.box div.content a.youtube:hover,
.box div.content a.vimeo:hover,
.box div.content a.skype:hover,
.box div.content a.facebook:hover,
.box div.content a.ichat:hover,
.box div.content a.myspace:hover,
.box div.content a.dropbox:hover { opacity: 1.0; filter:alpha(opacity=100)}

.box div.content a.buzz { background-position: -50px 0; }
.box div.content a.twitter { background-position: -100px 0; }
.box div.content a.dribble { background-position: -150px 0; }
.box div.content a.stumbleupon { background-position: 0 -50px; }
.box div.content a.lastfm { background-position: -50px -50px; }
.box div.content a.tuuumblr { background-position: -100px -50px; }
.box div.content a.youtube { background-position: -150px -50px; }
.box div.content a.vimeo { background-position: 0 -100px; }
.box div.content a.skype { background-position: -50px -100px; }
.box div.content a.facebook { background-position: -100px -100px; }
.box div.content a.ichat { background-position: -150px -100px; }
.box div.content a.myspace { background-position: 0 -150px; }
.box div.content a.dropbox { background-position: -50px -150px; }

table.productTable {font-size: 16px;}
table.productTable td {border: 2px solid #EEE;}

table.productTable a.price { display: block; width: 160px; background: url('../images/excel_logo.png') no-repeat 0 0; }

.table_data
{
	/* border-style:ridge;
	border-width:1; */
	border: 1px solid;
}
.tab_base
{
	background:#C5D0DD;
	font-weight:bold;
	border-style:ridge;
	border-width:1;
	cursor:pointer;
}
.table_sub_heading
{
	background:#CCCCCC;
	font-weight:bold;
	/* border-style:ridge;
	border-width:1; */
	border: 1px solid;
}
.table_body
{
	background:#F0F0F0;
	font-wieght:normal;
	font-size:12;
	font-family:sans-serif;
	border-style:ridge;
	border-width:1;
	border-spacing: 0px;
	border-collapse: collapse;
}
.tab_loaded
{
	background:#222222;
	color:white;
	font-weight:bold;
	border-style:groove;
	border-width:1;
	cursor:pointer;
}

.priceblock {
	border: 2px solid #555; 
	display: block; 
	overflow: auto; 
	width: 99%; 
	height: 200px;
}