/*
 * ------------------------------------------------------------------------
 * Atlantis template for joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2011-2013 Primer Templates. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: Primer Templates
 * Websites: http://www.primertemplates.com/
 * ------------------------------------------------------------------------
*/


/* PREFORMATTED TEXT
-------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code {
  background: url("../images/pre_bg.gif") repeat scroll left top #FFFFFF;
  border: 1px solid #999999;
  color: #666666 !important;
  font-family: "Courier New",Courier,monospace;
  font-size: 13px;
  line-height: 18px;
  margin: 10px 0 20px !important;
  padding: 18px 10px 17px !important;
  position: relative;
  z-index: 50;
  white-space: pre-line;
}


/* sub & sup tags ---*/ 
sub, sup { color: #CC0000; font-size: 11px; font-weight: bold; }

/* LIST STYLES
-----------------------------------------------------------------*/
/* Special list style ---*/
ul.ja-typo-list li {
	background: none;
	margin-left: 8px;
	padding: 0 0 0 25px;
	position: relative;
	overflow: hidden;
}

ul.ja-typo-list span.icon {
	background-image: url(../images/icons-sprites-silk.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

ul.list-arrow 	span.icon { background-position: left top; }
ul.list-star 	span.icon { background-position: left -18px; }
ul.list-check	span.icon {	background-position: left -36px; }

ul.ja-unordered-list li {
	background: url(../images/bullet.gif) no-repeat 20px 7px;
	line-height: 160%;
	margin-bottom: 5px;
	overflow: hidden;
	padding-left: 30px;
}

ol.ja-ordered-list li { line-height: 180%; margin-left: 30px; }

dl.ja-definition-list dt { font-weight: bold; line-height: 160%; }

dl.ja-definition-list dd { margin-left: 15px; line-height: 160%; }

/* Big Number ---*/
.blocknumber {
	position: relative;
	padding: 5px 0 5px 55px !important;
	min-height: 44px;
}

.blocknumber .bignumber {
	background-image: url(../images/blocknumber-bg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	width: 44px;
	height: 44px;
	line-height: 44px !important;
	position: absolute;
	top: 0;
	left: 0;
	font: bold 20px/normal Arial, sans-serif;
	text-align: center;
}

.blocknumber-1 .bignumber { background-position: left top;}
.blocknumber-2 .bignumber { background-position: left -44px;}
.blocknumber-3 .bignumber { background-position: left -88px;}

/*------------------- list-------------------- */
ol.romanList {
	list-style-position:inside;
	list-style-type:upper-roman;
	}

ol.lowerAlphaList {
	list-style-position:inside;
	list-style-type:lower-alpha;
	}
	
ol.decZeroList {
	list-style-position:inside;
	list-style-type:decimal-leading-zero;
	}
	

/* ICON STYLE
-----------------------------------------------------------------*/
/* Tips, Error, Message, Hightlight ---*/
p.ja-typo-icon {
	padding-left: 25px;
	position: relative;
}

p.ja-typo-icon span.icon {
	background-image: url(../images/icons-sprites-silk.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}

p.icon-error	span.icon { background-position: left -54px; }
p.icon-message	span.icon { background-position: left -72px; }
p.icon-tips 	span.icon {	background-position: left -90px; }
p.icon-key 		span.icon { background-position: left -108px; }
p.icon-tag 		span.icon { background-position: left -126px;; }
p.icon-cart 	span.icon { background-position: right -54px; }
p.icon-doc 		span.icon { background-position: right -72px; }
p.icon-note 	span.icon { background-position: right -90px; }
p.icon-photo 	span.icon { background-position: right -108px; }
p.icon-mobi 	span.icon { background-position: right -126px; }

p.icon-error	{ color: #CC0000; }
p.icon-message	{ color: #2C79B3; }
p.icon-tips		{ color: #E58C00; }

/* BUBBLES
-----------------------------------------------------------------*/
/* Common Style + Style 1 */
.ja-typo-bubble {
	margin: 20px 0;
	position: relative;
}

.ja-typo-bubblect {
	padding: 15px;
	border: 3px solid #ddd;
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
}

.ja-typo-bubble p.ja-typo-bubble-meta {
	margin: -3px 0 0;
	height: 25px;
	padding-left: 65px;
}

.ja-typo-bubble span.ja-typo-bubble-author {
	font-weight: bold;
	display: block;
	padding-top: 5px;
}

.ja-typo-bubble span.ja-typo-bubble-arrow {
	display: block;
	position: absolute;
	bottom: 0;
	left: 28px;
	width: 25px;
	height: 25px;
	background: url(../images/bubble-arrow.png) 0 0;
}

/* Style 2 --- */
.bubble-2 .ja-typo-bubblect { border: 0; background: #ddd; }
.bubble-2 span.ja-typo-bubble-arrow { background-position: -25px 0; }

/* Style 3 --- */
.bubble-3 .ja-typo-bubblect { border: 3px solid #08c; }
.bubble-3 span.ja-typo-bubble-arrow { background-position: 0 -25px; }

/* Style 4 --- */
.bubble-4 .ja-typo-bubblect { border: 0; background: #08c; color: #fff; }
.bubble-4 span.ja-typo-bubble-arrow { background-position: -25px -25px; }

/* Style 5 --- */
.bubble-5 .ja-typo-bubblect { border: 3px solid #333; }
.bubble-5 span.ja-typo-bubble-arrow { background-position: -50px -50px; }

/* Style 6 --- */
.bubble-6 .ja-typo-bubblect { border: none; background: #333; color: #fff; }
.bubble-6 span.ja-typo-bubble-arrow { background-position: -25px -50px; }

/* Common Style for Rounded Bubbles --- */
.bubble-rounded .ja-typo-bubblect {
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
}

/* MESSAGE BOXES AND LEGENDS STYLE
-----------------------------------------------------------------*/
/* Box style ---*/
p.ja-typo-box {
	border: 3px solid #ddd;
	padding: 10px 10px 10px 50px;
}

/* Box with icons */
p.box-download, p.box-sticky {
	background-repeat: no-repeat;
	background-position: 10px 15px;
}

p.box-download {
	background-image: url(../images/icons/download-big.png);
}

p.box-sticky {
	background-image: url(../images/icons/sticky-big.png);
}

/* Box without icons - Style 1*/
p.box-grey-1, p.box-hilite-1 { padding: 10px 15px; }

p.box-grey-1 { background: #f7f7f7; border-color: #dddddd; }
p.box-hilite-1 { background: #ffffdd; border-color: #d2d2b6; }

/* Box without icons - Style 2*/
p.box-grey-2, p.box-hilite-2 { padding: 10px 15px; }

p.box-grey-2 { background: #f7f7f7; border-color: #dddddd; border-style: dotted; }
p.box-hilite-2 { background: #ffffdd; border-color: #d2d2b6; border-style: dotted; }

/* Rounded Box*/
.box-rounded {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
}

/* Legend ---*/
.ja-typo-legend {
	border: 3px solid #ddd;
	margin: 20px 0;
	padding: 20px 15px 15px;
	position: relative;
}

.ja-typo-legend .legend-title {
	background: #fff;
	display: block;
	float: left;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 125%;
	font-weight: bold;
	left: 10px;
	line-height: normal;
	margin: 0 !important;
	padding: 5px !important;
	position: absolute;
	top: -17px;
}

/* Legend Style 2 */
.legend-2 { border: 3px solid #08c; }

.legend-2 .legend-title { color: #08c; }

/* Rounded Box*/
.legend-rounded {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
}

/* BUTTONS
--------------------------------------------------*/
/* Common Buttons Style ---*/
a.ja-typo-btn {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid #ccc;
	color: #333;
	text-shadow: 0 1px 2px rgba(255,255,255,.8);
	background: url(../images/grad-l1-trans.png) repeat-x top #ddd;
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
}

a.ja-typo-btn:hover,
a.ja-typo-btn:active,
a.ja-typo-btn:focus {
	border: 1px solid #aaa;
	background-position: bottom;
	color: #333;
}

/*Use for Demo Page Only*/
#ja-typo a.ja-typo-btn {
	margin: 20px 30px 10px 0;
	float: left;
}

#ja-typo a.ja-typo-btn:hover,
#ja-typo a.ja-typo-btn:focus,
#ja-typo a.ja-typo-btn:active {
	text-decoration: none;
}

/* Icon Buttons ---*/
a.ja-typo-btn-icn {
	height: 30px;
	color: #333;
}

a.ja-typo-btn-icn span {
	padding: 0 15px 0 34px;
	display: block;
	background-repeat: no-repeat;
	background-position: 10px 7px;
	border: 1px solid #fff;
}

a.btn-icn-save span 	{ background-image: url(../images/icons/disk.png); }
a.btn-icn-tip span 		{ background-image: url(../images/icons/lightbulb.png); }
a.btn-icn-info span 	{ background-image: url(../images/icons/information.png); }
a.btn-icn-ok span 		{ background-image: url(../images/icons/tick.png); }
a.btn-icn-warning span 	{ background-image: url(../images/icons/exclamation.png); }

a.ja-typo-btn-icn span span {
	height: auto;
	line-height: 28px;
	padding: 0;
	display: inline;
	background: none;
	border: none;
}

/* Big Buttons ----*/
a.ja-typo-btn-big {
	text-align: center;
	border: 1px solid #ccc;
	font-size: 125%;
	line-height: normal;
	font-weight: bold;
}

a.ja-typo-btn-big span {
	padding: 8px 15px;
	border: 1px solid #fff;
	display: block;
}

/* Small Buttons --- */
a.ja-typo-btn-sm {
	text-align: center;
	border: 1px solid #ccc;
	font-size: 100%;
	line-height: normal;
}

a.ja-typo-btn-sm span {
	padding: 5px 10px;
	border: 1px solid #fff;
	display: block;
}

/* Common style for Dark Buttons --- */
a.btn-blue,
a.btn-red,
a.btn-green,
a.btn-orange,
a.btn-black {
	background-image: url(../images/grad-d1-trans.png);
	color: #fff;
	border: 1px solid #ccc;
	text-shadow: 0 1px 2px rgba(0,0,0,.8);
}

a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus,
a.btn-red:hover, a.btn-red:active, a.btn-red:focus,
a.btn-green:hover, a.btn-green:active, a.btn-green:focus,
a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus,
a.btn-black:hover, a.btn-black:active, a.btn-black:focus {
	background-image: url(../images/grad-d1-trans.png);
	background-position: bottom;
	border-color: #aaa;
}

/* Button Blue*/
a.btn-blue { background-color: #08c; border-color: #08c; }

a.btn-blue:hover,
a.btn-blue:active,
a.btn-blue:focus { border-color: #006ea6; color: #fff; }

a.btn-blue span { border-color: #6ab9e1; }

/* Button Black*/
a.btn-black { background-color: #666; border-color: #666; }

a.btn-black:hover,
a.btn-black:active,
a.btn-black:focus { border-color: #333; color: #fff; }

a.btn-black span { border-color: #999; }

/* Button green*/
a.btn-green { background-color: #669900; border-color: #669900; }

a.btn-green:hover,
a.btn-green:active,
a.btn-green:focus { border-color: #4d7300;  color: #fff; }

a.btn-green span { border-color: #b1cb7d; }

/* Button red*/
a.btn-red { background-color: #cc0000; border-color: #cc0000;  }

a.btn-red:hover,
a.btn-red:active,
a.btn-red:focus { border-color: #9a0000; color: #fff; }

a.btn-red span { border-color: #e47878; }

/* Button orange*/
a.btn-orange { background-color: #e58c00; border-color: #e58c00; }

a.btn-orange:hover,
a.btn-orange:active,
a.btn-orange:focus { border-color: #a96700; color: #fff; }

a.btn-orange span { border-color: #f1c073; }

/* Common style for Rounded Buttons --- */
.btn-rounded-icn, .btn-rounded-big, .btn-rounded-sm,
.btn-rounded-icn span, .btn-rounded-big span, .btn-rounded-sm span {
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px; 
}

.btn-rounded-sm, .btn-rounded-sm span {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; 
}

/* TAGS
--------------------------------------------------*/
span.ja-typo-tag {
	padding: 3px 12px;
	margin: 0 2px;
	display: inline-block;
	line-height: normal;
	white-space: nowrap;
	background: #666;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}

span.tag-blue 	{ background: #08c; }
span.tag-green 	{ background: #669900; }
span.tag-orange { background: #e58c00; }
span.tag-red 	{ background: #cc0000; }

span.tag-grey { background: #ccc; color: #333; 	text-shadow: 0 -1px 0 rgba(255,255,255,.8); }


/* Common style for Rounded Tags --- */
span.tag-rounded {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; 
}

/* SPECIAL MODULE STYLE
--------------------------------------------------*/
/* Badge ---*/
.badge {
	background-image: url(../images/badge.png);
	background-repeat: no-repeat;
	height: 46px;
	position: absolute;
	right: 0;
	width: 45px;
}

.badge-hot 	.badge { background-position: 0 0; }
.badge-new 	.badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top 	.badge { background-position: 0 -138px; }

/*Use for Demo Page Only*/
#ja-typo .moduletable_badge {
	margin: 0;
	padding: 0;
	min-height: 40px;
}

#ja-typo .moduletable_badge .ja-box-ct {
	border: 3px solid #ddd;
	padding: 20px;
	background: #f7f7f7;
}

/* FORM
--------------------------------------------------*/
/* Fieldset ----*/
/* Common Style + Style 1 */
fieldset.ja-typo-fieldset {
	border: 3px solid #ddd;
	padding: 10px 15px;
}

fieldset.ja-typo-fieldset legend {
	padding: 0 10px;
}

/* Style 2 */
fieldset.fieldset-2 {
	border: 3px solid #08c;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; 
}

fieldset.fieldset-2 legend {
	color: #08c;
}

/*Use for Demo Page Only*/
#ja-typo fieldset {
	margin-top: 20px;
}

/* TYPO PAGE LAYOUT
-------------------------------------------------------------*/
.ja-typo-blockswrap {
	margin: 15px 0;
}

.ja-typo-blockrow {
	border-bottom: 1px dotted #ddd;
	padding: 0 0 20px;
}

.ja-typo-block { float: left; padding-top: 20px; }
.ja-typo-blockct { padding: 0 10px; }

.ja-typo-blockswrap .cols-1 .ja-typo-block { width: 100%; float: none; }
.ja-typo-blockswrap .cols-2 .ja-typo-block { width: 50%; float: left; }
.ja-typo-blockswrap .cols-3 .ja-typo-block { width: 33%; float: left; }
.ja-typo-blockswrap .cols-4 .ja-typo-block { width: 24.9%; float: left; }

.ja-typo-blockswrap .ja-typo-block.last { float: right; }

.ja-typo-blockswrap h1.ja-typo-title {
	font-size: 175%;
	border-bottom: 8px solid #ddd;
	padding: 5px;
	margin: 0;
	font-family: "Helvetica", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	color: #666;
}

.ja-typo-blockswrap:hover h1.ja-typo-title  {
	border-color: #333;
	color: #333;
}

.ja-typo-blockswrap h2.ja-typo-title {
	font-size: 115%;
	margin: 0;
	padding: 0 10px;
	font-family: "Helvetica", Arial, sans-serif;
	text-transform: uppercase;
}

.ja-typo-blockswrap h2.ja-typo-title span {
	background: #f2f2f2;
	color: #666;
	text-shadow: 0 -1px 1px rgba(255,255,255,.8);
	padding: 3px 10px;
	display: inline-block;
}

.ja-typo-blockswrap:hover h2.ja-typo-title span  {
	background: #ddd;
	color: #333;
}

.ja-typo-blockrow > h2.ja-typo-title {
	margin-bottom: -20px;
	margin-top: 20px;
}

/* Blockswrap Actions ---*/
.ja-typo-blocks-actions {
	font-size: 85%;
	position: absolute;
	right: 5px;
	top: 5px;
	color: #999;
}

.ja-typo-blocks-actions a {
	font-size: 85%;
	text-transform: none;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: normal;
	color: #c00;
	text-decoration: none;
}

/* -------------------------------------------------------------  SOLIDPRO TYPO ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------- HIGHLIGHT----------------------- */

/* Inline Words Hilite ---*/
.highlight { 
	background: none repeat scroll 0 0 #EDF3F9;
	font-weight: bold;
	padding: 2px 5px; 
	}

.highlightBlack, .highlightBlue,
.highlightRed, .highlightOrange, .highlightGreen {
	color:#ffffff;
	font-weight: bold;
	padding: 2px 5px;
	}

.highlightBlack { background:none repeat scroll 0 0 #424141; }

.highlightBlue { background:none repeat scroll 0 0 #53a3b4; }
	
.highlightRed { background:none repeat scroll 0 0 #dc3522; }
	
.highlightOrange { background:none repeat scroll 0 0 #ffbf00; }
	
.highlightGreen { background:none repeat scroll 0 0 #97c02f; }


/*----------------------------------------------------------------------------- BLOCKQUOTE ----------------------*/

blockquote {	
	font-family: "Helvetica", Arial, sans-serif; font-size: 100%;
	color:#9A9A9A;
	font-style:italic ;
	}

blockquote span.open {
	background: url(../images/so-q.gif) no-repeat left top;
	display: inline-block;
	padding: 0 0 0 20px;
}

blockquote span.close {
	background: url(../images/sc-q.gif) no-repeat bottom right;
	display: inline-block;
	padding: 0 20px 0 0;
}

	
.iblockquote, .iblockquotePullRight, .iblockquotePullLeft  {	
	background-image:url("../images/quoteOpen.png");
	background-position:10px 0;
	background-repeat:no-repeat;
	clear:both;
	color:#9A9A9A;
	font-style:italic;
	margin:0 0 20px 0;
	min-height:65px;
	padding:0 10px 0 90px !important;
	}

blockquote.iblockquotePullRight {
	float:right;
	width:40%;
	}

blockquote.iblockquotePullLeft  {
	float:left;
	width:40%;
	}

/* ------------------------------------------------------------------------------------- DROPCAP -------------------- */


.dropcap-1, .dropcap-2, .dropcap-3 {
	background-image:url("../images/dropcap-bg.png");
	text-shadow:0 1px 0 #000000;
	}

/* --------------Dropcap - Colors----------------------- */
.dropcapRed-1, .dropcapRed-2, .dropcapRed-3,
.dropcapBlue-1, .dropcapBlue-2, .dropcapBlue-3,
.dropcapGreen-1, .dropcapGreen-2, .dropcapGreen-3,
.dropcapOrange-1, .dropcapOrange-2, .dropcapOrange-3 {
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	font-family: "Helvetica", Arial, sans-serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:44px;
	left:0;
	line-height:44px !important;
	position:absolute;
	text-align:center;
	top:0;
	width:44px;
	}

.dropcapRed-1, .dropcapRed-2, .dropcapRed-3 { 
	background-image:url("../images/dropcapRed.png"); 
	text-shadow:0 1px 0 #6F0D11;
	}
.dropcapRed-1 { background-position:left top; }
.dropcapRed-2 { background-position:left -44px; }
.dropcapRed-3 { background-position:left -88px; }

.dropcapBlue-1, .dropcapBlue-2, .dropcapBlue-3 { 
	background-image:url("../images/dropcapBlue.png");
	text-shadow:0 1px 0 #1F426F;
	}
.dropcapBlue-1 { background-position:left top; }
.dropcapBlue-2 { background-position:left -44px; }
.dropcapBlue-3 { background-position:left -88px; }

.dropcapGreen-1, .dropcapGreen-2, .dropcapGreen-3 { 
	background-image:url("../images/dropcapGreen.png"); 
	text-shadow:0 1px 0 #0D6F0A;
	}
.dropcapGreen-1 { background-position:left top; }
.dropcapGreen-2 { background-position:left -44px; }
.dropcapGreen-3 { background-position:left -88px; }

.dropcapOrange-1, .dropcapOrange-2, .dropcapOrange-3 { 
	background-image:url("../images/dropcapOrange.png"); 
	text-shadow:0 1px 0 #774600;
	}
.dropcapOrange-1 { background-position:left top; }
.dropcapOrange-2 { background-position:left -44px; }
.dropcapOrange-3 { background-position:left -88px; }
	
.dropcap {
	font-size:60px;
	line-height:40px;
	font-family: "Helvetica", Arial, sans-serif;
	color:#8d8d8d;
	}

p.dropcap2 { padding:0 0 0 50px;}

span.dropcap2 {
	display:block;
	float:left;
	font-family: "Helvetica", Arial, sans-serif;
	font-size:5em;
	line-height:1em;
	height:61px;
	margin:-4px 0 0 -50px;
	padding-top: 8px;
	color:#8d8d8d;
	}

/*------------------------------------------------------------------------------------------ lIST STYLE -----------------*/

ul.arrowlist li { background-image:url("../images/list-arrow.png") !important; }

ul.starlist li { background-image:url("../images/list-star.png") !important; }

ul.checklist li { background-image:url("../images/list-check.png") !important; }

ul.bulletlist li { background-image:url("../images/list-bullet.png") !important; }

ul.crosslist li { background-image:url("../images/list-cross.png") !important; }

ul.addlist li { background-image:url("../images/list-plus.png") !important; }

ul.checklistGreen li { background-image:url("../images/list-checkGreen.png") !important; }

ul.crosslistRed li { background-image:url("../images/list-crossRed.png") !important; }


ul.arrowlist li, ul.starlist li, ul.checklist li, ul.bulletlist li, ul.crosslist li, ul.addlist li,
ul.checklistGreen li, ul.crosslistRed li    {
	background-position:left top !important;
	background-repeat:no-repeat !important;
	margin-left:8px;
	overflow:hidden;
	padding: 2px 0 2px 26px !important;
	position:relative;
	}


/*------------------------------------------------------------------------------------------------ LEGEND ---------------- */

div.iLegend1 h4, 
div.iLegendBlack1 h4, div.iLegendBlack2 h4,
div.iLegendBlue1 h4, div.iLegendBlue2 h4, 
div.iLegendRed1 h4, div.iLegendRed2 h4, 
div.iLegendOrange1 h4, div.iLegendOrange2 h4,
div.iLegendGreen1 h4, div.iLegendGreen2 h4 {
	float:left;
	font-size:1.17em;
	font-weight:normal;
	left:11px;
	margin: -1px 0   !important;
	padding:5px 15px;
	position:relative;
	top:-15px;
	width:auto;
	}

div.iLegend1, 
div.iLegendBlack1, div.iLegendBlack2,
div.iLegendBlue1, div.iLegendBlue2,
div.iLegendRed1, div.iLegendRed2, 
div.iLegendOrange1, div.iLegendOrange2,
div.iLegendGreen1, div.iLegendGreen2 {   
	margin: 45px 0 25px;
	padding: 0 25px; 
	}

div.iLegend1 {
	border:2px dashed #A89C9C;
	}

div.iLegendBlack1 {
	background: url("../images/patternBlack.png") repeat scroll 0 0;
	border: 2px solid #A89C9C;
	color: #424141;
	}
	
div.iLegendBlack2 {
	background:url('../images/patternBlack2.png') repeat 0 0;
	color:#424141;
	}

div.iLegendBlue1 {
	border:2px solid #8AD0E7;
	color:#53A3B4;
	background: url("../images/patternBlue.png") repeat scroll 0 0;
	}
	
div.iLegendBlue2 {
	background:url('../images/patternBlue2.png') repeat 0 0;
	color:#53A3B4;
	}

div.iLegendRed1 {
	border:2px solid #E7A18A;
	color:#dc3522;
	background: url("../images/patternRed.png") repeat scroll 0 0;
	}
	
div.iLegendRed2  {
	background:url('../images/patternRed2.png') repeat 0 0;
	color:#dc3522;
	}
	
div.iLegendOrange1 {
	border:2px solid #FFD864;
	color:#FFBF00;
	background: url("../images/patternOrange.png") repeat scroll 0 0;
	}
	
div.iLegendOrange2 {
	background:url('../images/patternOrange2.png') repeat 0 0;
	color:#FFBF00;
	}

div.iLegendGreen1 {
	border:2px solid #D0E78A;
	color:#97C02F;
	background: url("../images/patternGreen.png") repeat scroll 0 0;
	}
	
div.iLegendGreen2 {
	background:url('../images/patternGreen2.png') repeat 0 0;
	color:#97C02F;
	}

div.iLegend1 h4  { background:none repeat scroll 0 0 #FFFFFF; }

div.iLegendBlack1 h4 {
	background:none repeat scroll 0 0 #424141;
	color:#FFFFFF;
	border:1px solid #A89C9C;
	}

div.iLegendBlack2 h4 {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#424141;
	border:1px solid #A89C9C;
	}


div.iLegendBlue1 h4 {
	background:none repeat scroll 0 0 #53A3B4;
	color:#FFFFFF;
	border:1px solid #8AD0E7;
	}

div.iLegendBlue2 h4 {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#53A3B4;
	border:1px solid #8AD0E7;
	}

div.iLegendRed1 h4 {
	background:none repeat scroll 0 0 #dc3522;
	color:#FFFFFF;
	border:1px solid #E7A18A;
	}

div.iLegendRed2 h4 {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#dc3522;
	border:1px solid #E7A18A;
	}
	
div.iLegendOrange1 h4 {
	background:none repeat scroll 0 0 #FFBF00;
	color:#FFFFFF;
	border:1px solid #FFD864;
	}

div.iLegendOrange2 h4 {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#FFBF00;
	border:1px solid #FFD864;
	}

div.iLegendGreen1 h4 {
	background:none repeat scroll 0 0 #97C02F;
	color:#FFFFFF;
	border:1px solid #D0E78A;
	}

div.iLegendGreen2 h4 {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#97C02F;
	border:1px solid #D0E78A;
	}
	
div.iLegend1 p, 
div.iLegendBlack1 p,
div.iLegendBlue1 p,
div.iLegendRed1 p, 
div.iLegendOrange1 p,
div.iLegendGreen1 p { margin: 40px 10px !important; }

div.iLegendBlack2 p, 
div.iLegendBlue2 p, 
div.iLegendRed2 p, 
div.iLegendOrange2 p,
div.iLegendGreen2 p { padding: 45px 10px 35px !important; }	
	
	
/*--------------------------------------------------------------------------------------- INOTE ------------------------*/

span.iNoteBlack {
	background: url("../images/patternBlack.png") repeat scroll 0 0;
	color:#424141;
	border:1px solid #A89C9C;
	}

span.iNoteBlue {
	background: url("../images/patternBlue.png") repeat scroll 0 0;
	color:#53A3B4;
	border:1px solid #8AD0E7;
	}

span.iNoteRed {
	background: url("../images/patternRed.png") repeat scroll 0 0;
	color:#dc3522;
	border:1px solid #E7A18A;
	}
	
span.iNoteOrange {
	background: url("../images/patternOrange.png") repeat scroll 0 0;
	color:#FFBF00;
	border:1px solid #FFD864;
	}
	
span.iNoteGreen {
	background: url("../images/patternGreen.png") repeat scroll 0 0;
	color:#97C02F;
	border:1px solid #D0E78A;	
	}

span.iNoteBlack, span.iNoteBlue, span.iNoteRed, span.iNoteOrange, span.iNoteGreen{
	display:block;
	margin:25px 0 10px;
	padding:5px 10px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius: 5px; 
          border-radius: 5px; 
	}


/* -------------------------------------------------------------------------------- Solidpro BUTTON ------------------------ */


/* ----------------Special Button ------------------- */

a.specialButton ,a.specialButtonRed, a.specialButtonBlack, a.specialButtonBlue, 
a.specialButtonOrange, a.specialButtonGreen   {
	background:none;
	border:none;
	display: inline-block;
	text-decoration: none;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: bold !important;
	font-size: 16px;
	line-height: 1;
	color: #ffffff !important;
	text-transform:none;
	padding:15px 0;
	right:-2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	}

.specialArrow { 
	background:url(../images/bt_arrow30.png) no-repeat 90% 50%; 
	padding: 15px 60px 15px 20px;
	}

a.specialButton { background:url(../images/buttonGradient.png) repeat-x #dc3522 ; }
a:hover.specialButton { background-color: #C1210F; }
	
a.specialButtonRed { background:url(../images/buttonGradient.png) repeat-x #dc3522 ; }
a:hover.specialButtonRed { background-color: #C1210F; }

a.specialButtonBlack { background:url(../images/buttonGradient.png) repeat-x #424141; }
a:hover.specialButtonBlack { background-color: #1C1A1A; }

a.specialButtonBlue { background:url(../images/buttonGradient.png) repeat-x #53A3B4; }
a:hover.specialButtonBlue { background-color: #007EA8; }

a.specialButtonOrange { background:url(../images/buttonGradient.png) repeat-x #FFBF00; }
a:hover.specialButtonOrange { background-color: #FF9F00; }

a.specialButtonGreen { background:url(../images/buttonGradient.png) repeat-x #97C02F; }
a:hover.specialButtonGreen { background-color: #7EA800; }


/* ---------------- Button color ------------------- */

a.colorButtonRed, a.colorButtonRed:hover,
a.colorButtonBlack, a.colorButtonBlack:hover,
a.colorButtonBlue, a.colorButtonBlue:hover,
a.colorButtonOrange, a.colorButtonOrange:hover,
a.colorButtonGreen, a.colorButtonGreen:hover {	color: #ffffff !important; }
	
.colorButtonBlack, .colorButtonBlue,
.colorButtonOrange, .colorButtonGreen,
.colorButtonRed {
	background:none;
	border:none;
	display: inline-block;
	padding: 6px 10px 5px;
	text-decoration: none;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: bold !important;
	font-size:1.0em;
	line-height: 1;
	color: #ffffff !important;
	text-transform:none;
	right:-2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	}

.colorButtonRed { background:url(../images/buttonGradient.png) repeat-x #dc3522; }
.colorButtonRed:hover { background-color: #C1210F;  }

.colorButtonBlack { background:url(../images/buttonGradient.png) repeat-x #424141; }
.colorButtonBlack:hover { background-color: #1C1A1A; }

.colorButtonBlue { background:url(../images/buttonGradient.png) repeat-x #53A3B4; }
.colorButtonBlue:hover { background-color: #007EA8; }

.colorButtonOrange { background:url(../images/buttonGradient.png) repeat-x #FFBF00; }
.colorButtonOrange:hover { background-color: #FF9F00; }

.colorButtonGreen { background:url(../images/buttonGradient.png) repeat-x #97C02F; }
.colorButtonGreen:hover { background-color: #7EA800; }


/*------------------------------------------------------------------------------------- BOX WITH ICON ---------------------- */

div.iBoxInfo span, div.iBoxWarning span, div.iBoxCaution span,
div.iBoxHelp span, div.iBoxAdd span, div.iBoxDelete span, div.iBoxBox span, div.iBoxDatabase span,
div.iBoxOptions span, div.iBoxNote span, div.iBoxSecurity span, div.iBoxSystem span, div.iBoxTip span,
div.iBoxTools span, div.iBoxTutorial span, div.iBoxNote span, div.iBoxLock span {
	float:left;
	font-weight:normal;
	left:11px;
	margin:0 0 -9px !important;
	padding:0 14px;
	position:relative;
	top:-30px;
	width:auto;
	
	width:36px;
	height:46px;
	
	-moz-border-radius:5px;
	-webkit-border-radius: 5px; /* Saf3-4 */
          border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
	}

div.iBoxInfo, div.iBoxWarning, div.iBoxCaution,
div.iBoxHelp, div.iBoxAdd, div.iBoxDelete, div.iBoxBox, div.iBoxDatabase,
div.iBoxOptions, div.iBoxNote, div.iBoxSecurity, div.iBoxSystem, div.iBoxTip,
div.iBoxTools, div.iBoxTutorial, div.iBoxNote, div.iBoxLock {	
	-moz-border-radius:5px;
	-webkit-border-radius: 5px; /* Saf3-4 */
          border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
	}
	
div.iBoxInfo p, div.iBoxWarning p, div.iBoxCaution p,
div.iBoxHelp p, div.iBoxAdd p, div.iBoxDelete p, div.iBoxBox p, div.iBoxDatabase p,
div.iBoxOptions p, div.iBoxNote p, div.iBoxSecurity p, div.iBoxSystem p, div.iBoxTip p,
div.iBoxTools p, div.iBoxTutorial p, div.iBoxNote p, div.iBoxLock p  {
	font-size:12px;
	line-height:17px;
	margin:25px 0 15px !important;
	text-indent:-67px;
	}
		
div.iBoxInfo {
	border:2px solid #8AD0E7 ;
	margin:25px 0;
	padding:0 25px;
	background:url('../images/patternBlue2.png') repeat 0 0;
	color:#53A3B4;
	}

div.iBoxInfo span {
	background:url(../images/iconInfo.png) no-repeat center center #FFFFFF;
	border:2px solid #8AD0E7;
	}

div.iBoxWarning {
	border:2px solid #E78AA1;
	margin:25px 0;
	padding:0 25px;
	background:url('../images/patternRed2.png') repeat 0 0;
	color:#dc3522;
	}

div.iBoxWarning span {
	background:url(../images/iconWarning.png) no-repeat center center #FFFFFF;
	border:2px solid #E78AA1;
	}
	
div.iBoxCaution { 
	background:url('../images/patternOrange2.png') repeat 0 0; 
	color:#737373;
	border:2px solid #FFC564;
	margin:25px 0;
	padding:0 25px;
	}

div.iBoxCaution span { 
	background:url(../images/iconCaution.png) no-repeat center center #FFFFFF;
	border:2px solid #FFC564;
	}

div.iBoxHelp, div.iBoxAdd, div.iBoxDelete, div.iBoxBox, div.iBoxDatabase,
div.iBoxOptions, div.iBoxNote, div.iBoxSecurity, div.iBoxSystem, div.iBoxTip,
div.iBoxTools, div.iBoxTutorial, div.iBoxNote, div.iBoxLock {
	border:2px solid #9c9c9c;
	margin:25px 0;
	padding:0 25px;
	background:url('../images/patternBlack.png') repeat 0 0;
	color:#737373;
	}

div.iBoxHelp span, div.iBoxAdd span, div.iBoxDelete span, div.iBoxBox span, div.iBoxDatabase span,
div.iBoxOptions span, div.iBoxNote span, div.iBoxSecurity span, div.iBoxSystem span, div.iBoxTip span,
div.iBoxTools span, div.iBoxTutorial span, div.iBoxNote span, div.iBoxLock span {
	border:2px solid #9c9c9c;
	}

div.iBoxHelp span { background:url(../images/iconHelp.png) no-repeat center center #FFFFFF;}
div.iBoxAdd span { background:url(../images/iconAdd.png) no-repeat center center #FFFFFF;}
div.iBoxDelete span { background:url(../images/iconDelete.png) no-repeat center center #FFFFFF;}
div.iBoxBox span { background:url(../images/iconBox.png) no-repeat center center #FFFFFF;}
div.iBoxDatabase span { background:url(../images/iconDatabase.png) no-repeat center center #FFFFFF;}
div.iBoxOptions span { background:url(../images/iconOptions.png) no-repeat center center #FFFFFF;}
div.iBoxNote span { background:url(../images/iconNote.png) no-repeat center center #FFFFFF;}
div.iBoxSecurity span { background:url(../images/iconSecurity.png) no-repeat center center #FFFFFF;}
div.iBoxSystem span { background:url(../images/iconSystem.png) no-repeat center center #FFFFFF;}
div.iBoxTip span { background:url(../images/iconTip.png) no-repeat center center #FFFFFF;}
div.iBoxTools span { background:url(../images/iconTools.png) no-repeat center center #FFFFFF;}
div.iBoxTutorial span { background:url(../images/iconTutorial.png) no-repeat center center #FFFFFF;}
div.iBoxNote span { background:url(../images/iconNote.png) no-repeat center center #FFFFFF;}
div.iBoxLock span { background:url(../images/iconLock.png) no-repeat center center #FFFFFF;}


/* ----------------------------------------------------------------------------------- ACTION BUTTONS ---------------------*/


a.actionButtonBlack, a.actionButtonBlack:hover, a.actionButtonRed, a.actionButtonRed:hover,
a.actionButtonBlue, a.actionButtonBlue:hover,
a.actionButtonOrange, a.actionButtonOrange:hover, a.actionButtonGreen, a.actionButtonGreen:hover   {	color: #FFFFFF !important; }
	
.actionButtonBlack, .actionButtonRed, 
.actionButtonBlue, .actionButtonOrange, .actionButtonGreen {
	display: inline-block;
	padding: 15px 15px 10px;
	text-decoration: none;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: bold !important;
	font-size:1.5em;
	line-height: 1;
	right:-2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	text-align:center;
	
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	}

.actionButtonBlack { background: url("../images/pattern3.png") repeat scroll 0 0 #424141; }
.actionButtonBlack:hover { background-color: #1C1A1A; }

.actionButtonRed { background: url("../images/pattern3.png") repeat scroll 0 0 #C93213; }
.actionButtonRed:hover { background-color: #A82A00; }

.actionButtonBlue { background: url("../images/pattern3.png") repeat scroll 0 0 #53A3B4; }
.actionButtonBlue:hover { background-color: #007EA8; }

.actionButtonOrange { background: url("../images/pattern3.png") repeat scroll 0 0 #FFBF00; }
.actionButtonOrange:hover { background-color: #FF9F00; }

.actionButtonGreen { background: url("../images/pattern3.png") repeat scroll 0 0 #97C02F; }
.actionButtonGreen:hover { background-color: #7EA800; }


.iconDownload {
	background:url("../images/iconDownload.png") no-repeat scroll center center transparent;
	display:block;
	height:32px;
	margin-top:10px;
	}
	
.iconShopping {
	background:url("../images/iconShopping.png") no-repeat scroll center center transparent;
	display:block;
	height:32px;
	margin-top:10px;
	}

.iconGo {
	background:url("../images/iconGo.png") no-repeat scroll center center transparent;
	display:block;
	height:32px;
	margin-top:10px;
	}

.iconPlus {
	background:url("../images/iconPlus.png") no-repeat scroll center center transparent;
	display:block;
	height:32px;
	margin-top:10px;
	}

.iconDownloadWhite {
	background:url("../images/iconDownloadWhite.png") no-repeat scroll center center transparent;
	display:block;
	height:32px;
	margin-top:10px;
	}
	
.iconShoppingWhite {
	background:url("../images/iconShoppingWhite.png") no-repeat scroll center center transparent;
	display:block;
	height:32px;
	margin-top:10px;
	}

.iconGoWhite {
	background:url("../images/iconGoWhite.png") no-repeat scroll center center transparent;
	display:block;
	height:32px;
	margin-top:10px;
	}

.iconPlusWhite {
	background:url("../images/iconPlusWhite.png") no-repeat scroll center center transparent;
	display:block;
	height:32px;
	margin-top:10px;
	}

.subTextLink, .subTextLinkWhite {
	display:block;
	font-size:0.58em;
	padding: 5px 0 10px;
    text-align: center;
	}
		
.subTextLinkWhite, .subTextLink  {
	background:url(../images/shadowLineAction.png) repeat-x left bottom;
	}
	
/*-------------------------------------------------------------------------------------------------- TABLE STYLE ---------------*/

/*---------------- Table Style 1 : Horizontal Zebra color ------------------- */

#horizontalZebraColor thead tr th, #horizontalZebraColor tr th {
	border-bottom:1px solid #CCCCCC;
		background-color: #FFFFFF;
	background:-moz-linear-gradient(center top , #FFFFFF, #F4F4F4 5%, #E0E0E0) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(.1, #F4F4F4),color-stop(1, #E0E0E0)); 
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E0E0E0'); 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E0E0E0')"; 
	}

#horizontalZebraColor {
  border-collapse: collapse;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	 -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: left;
}
	
#horizontalZebraColor th {
	font-size: 14px;
	font-weight: normal;
	padding: 20px 8px;
	color: #777777;
	text-shadow:1px 1px 0 #FFFFFF;
	}
	
#horizontalZebraColor td {
	padding: 8px;
	color: #777777;
	}

#horizontalZebraColor .oddRow {
  background: none repeat scroll 0 0 #3A3A3A;
  border-bottom: 1px solid #FEE5A2;
  border-top: 1px solid #FEE5A2;
}

#horizontalZebraColor tr:hover td {
	color: #1E1E1E;
	background: url("../images/pattern3.png") repeat scroll 0 0 #9fc9ff;
	}

/*--------------------- Table Style 2 : Vertical Zebra color ---------------*/

#verticalZebraColor {
	font-family: "Helvetica", Arial, sans-serif
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	}

#verticalZebraColor th {
	font-size: 17px;
	font-weight: normal;
	padding: 20px 15px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	}
	
#verticalZebraColor td {
	padding: 8px 15px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	color: #777777;
	}
	
.verticalZebraColor-odd { background: url("../images/pattern3.png") repeat scroll 0 0 #eeeeee; }

.verticalZebraColor-even { background: url("../images/pattern3.png") repeat scroll 0 0 #e2e2e2; }

#verticalZebraColor #verticalZebraColor-even {
	background-color: #474747;
	background:-moz-linear-gradient(center top ,#474747 ,#424141 50%, #2F2F2F) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #474747),color-stop(.5, #424141),color-stop(1, #2F2F2F)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#474747', EndColorStr='#2F2F2F'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#474747', EndColorStr='#2F2F2F')"; /* IE8 */
	border-bottom: 1px solid #C9CACF;
	text-shadow:0 1px 0 #121212;
	}
	
#verticalZebraColor #verticalZebraColor-odd {
	background-color: #979292;
	background:-moz-linear-gradient(center top ,#979292 ,#7F7B7B 50%, #777373) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #979292),color-stop(.5, #7F7B7B),color-stop(1, #777373)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#979292', EndColorStr='#777373'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#979292', EndColorStr='#777373')"; /* IE8 */
	border-bottom: 1px solid #E0E1E7;
	text-shadow:0 1px 0 #545454;
	}
	
#verticalZebraColor tr:hover td {
	color: #1E1E1E;
	}

/*----------- Table Style 3: One Column Emphasis ------------------- */

#oneColumnColor thead tr th {
  background: none repeat scroll 0 0 #333333;
  color: #999999;
}
		
#oneColumnColor {
	font-family: "Helvetica", Arial, sans-serif
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	background: url("../images/pattern3.png") repeat scroll 0 0 #e9e9e9;
	}

#oneColumnColor th {
	font-size: 17px;
	font-weight: normal;
	padding: 15px;
	color: #1E1E1E;
	}
	
#oneColumnColor td {
	padding: 10px 15px;
	color: #777777;
	background:url(../images/shadowLineMod.png) repeat-x left top;
	}

.firstColumn { 
	background-color: #474747;
	background:-moz-linear-gradient(center top ,#474747 ,#424141 50%, #2F2F2F) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #474747),color-stop(.5, #424141),color-stop(1, #2F2F2F)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#474747', EndColorStr='#2F2F2F'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#474747', EndColorStr='#2F2F2F')"; /* IE8 */
 }

.firstColumnSet { 
	color:#FFFFFF !important;
	text-shadow:0 1px 0 #121212;
 	}

#oneColumnColor tr:hover td {
	color: #FFFFFF !important;
	background:url(../images/blackTrans20.png) repeat 0 0;
	background:rgba(0, 0, 0, 0.2);
	text-shadow:none !important;
	}

/*------------------------------------------------------------------------------------------------------------ PRICING BOX -----------------------*/

#pricingTableRed {
	padding: 15px 15px 30px;
	width: 222px;
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 28px;
	line-height: 33px; 
	}
	
#pricingTableBlue {
	padding: 15px 15px 30px;
	width: 222px;
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 28px;
	line-height: 33px; 
	}

#pricingTableGreen {
	padding: 15px 15px 30px;
	width: 222px;
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 28px;
	line-height: 33px; 
	}

#pricingTableOrange {
	padding: 15px 15px 30px;
	width: 222px;
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 28px;
	line-height: 33px; 
	}

.pricing {
  background: none repeat scroll 0 0 transparent;
  display: block;
  text-align: center;
}


.category  {
	background: url('../images/patternPricingBlack.jpg') repeat 0 0;
	border: 1px solid #000000;
	}

.category h3 {
	border-left: 1px solid #555555;
	border-top: 1px solid #5C5C5C;
	color: #ffffff;
	font-size: 28px;
	line-height: 55px !important;
	margin: 0;
	text-shadow: 0 1px 1px #000000;
	}


#pricingTableRed .price {
  background: none repeat scroll 0 0 #DC3522;
  border-color: #DB5D4F #DC3522 #B32B1B #B32B1B;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset  0 0 25px #B32B1B;
   -o-box-shadow:  inset  0 0 25px #B32B1B;
   -webkit-box-shadow:  inset  0 0 25px #B32B1B;
   -moz-box-shadow:  inset  0 0 25px #B32B1B;
  clear: both;
  height: 100px;
}

#pricingTableBlue .price {
  background: none repeat scroll 0 0 #53A3B4;
  border-color: #6CAFBD #53A3B4 #3F7F8D #3F7F8D;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset  0 0 25px #3f7f8d;
   -o-box-shadow:  inset  0 0 25px #3f7f8d;
   -webkit-box-shadow:  inset  0 0 25px #3f7f8d;
   -moz-box-shadow:  inset  0 0 25px #3f7f8d;
  clear: both;
  height: 100px;
}

#pricingTableGreen .price {
  background: none repeat scroll 0 0 #97C02F;
  border-color: #B1D655 #97C02F #7B9C27 #7B9C27;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset  0 0 25px #7b9c27;
   -o-box-shadow:  inset  0 0 25px #7b9c27;
   -webkit-box-shadow:  inset  0 0 25px #7b9c27;
   -moz-box-shadow:  inset  0 0 25px #7b9c27;
  clear: both;
  height: 100px;
}

#pricingTableOrange .price {
  background: none repeat scroll 0 0 #FFBF00;
  border-color: #F9CD48 #D6A000 #D6A000;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset  0 0 25px #d6a000;
   -o-box-shadow:  inset  0 0 25px #d6a000;
   -webkit-box-shadow:  inset  0 0 25px #d6a000;
   -moz-box-shadow:  inset  0 0 25px #d6a000;
  clear: both;
  height: 100px;
}

.priceWrap {
	display: block;
	margin: 15px auto;
	position: relative;
	top: 15px; 
	}

.priceWrap.twoDigit { width: 154px;}
.priceWrap.threeDigit { width: 180px;}
.priceWrap.fourDigit { width: 198px;}
.priceWrap.fiveDigit { width: 230px;}

span.currency {
	color: #FFFFFF;
	float: left;
	font-size: 32px;
	margin: 1px 10px;
	position: relative;
	text-shadow: 0 1px 0 #424141;
	}

span.value {
	float: left;
 	position: relative;
	top:5px;	
	} 
	
.priceWrap h2 {
	color: #FFFFFF;
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 40px;
	line-height: 57px; 
	margin: 0;
	padding: 1px 0 0;
	text-shadow: 0 1px 0 #424141;
	}	

span.period {
  color: #FFFFFF;
  float: left;
  font-size: 18px;
  margin: 0 10px;
  position: relative;
  text-shadow: 0 1px 0 #424141;
  top: 10px;
}


.pricingDescription {
	background-color: rgba(229, 229, 229, 0.7);
	border-left: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	clear:both;
	}

.pricingDescription ul {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #F2F2F2;
	border-top: 1px solid #FFFFFF;
	font-size: 13px;
	margin: 0;
	padding: 15px 17px;
	}

.pricingDescription ul li {
	background:url("../images/list-check.png") no-repeat 7px 7px;
	border-bottom: 1px solid #D2D2D2;
	border-top: 1px solid #F5F5F5;
	line-height: 1.4em;
	min-height: 18px;
	padding: 8px 0 8px 35px;
	text-align: left !important;
	}

.pricingDescription ul li:first-child { border-top-color: transparent; }

.pricingDescription ul li.last { border-bottom-color: transparent; }

.pricingDescription li { list-style: none outside none;	}

.pricingButton {
	background-color: rgba(200, 200, 200, 0.3);
	border-left: 1px solid #E7E7E7;
	border-top: 1px solid #EEEEEE;
	padding: 20px 0;
	}

.pricingButton a.colorButtonRed, .pricingButton a.colorButtonBlue, .pricingButton a.colorButtonGreen, .pricingButton a.colorButtonOrange { font-size:20px; }


/*------------------------------------------------------------------------- IMAGE SHADOW STYLE - SHORTCODES--------------------- */


img.borderImage, a img.borderImage {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #EEEEEE;
	margin: 5px 10px;
	padding: 5px;
	}

a:hover img.borderImage {
	border: 1px solid #E28D83;
	box-shadow: 0 0 9px rgba(200, 34, 54, 0.4);
	 -o-box-shadow: 0 0 9px rgba(200, 34, 54, 0.4);
	 -webkit-box-shadow: 0 0 9px rgba(200, 34, 54, 0.4);
	 -moz-box-shadow: 0 0 9px rgba(200, 34, 54, 0.4);
	}

.size { width:95%; }
	
/*------------------------------------------------------------- IMAGE SHADOW STYLE FOR HIDDEN MODULE - SHORTCODES------------------ */


img.borderImageBothide, a img.borderImageBothide {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.15);
	margin: 5px 10px;
	padding: 5px;
	}

a:hover img.borderImageBothide {
	border: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
	 -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
	 -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
	 -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
	}


/*------------------------------------------------------------------------------------------- ACCORDION -------------------*/

.accordLeftRight { width:83%;}

.accord {padding:10px 0 10px;}

#toggle1, #toggle2, #toggle3, #toggle4, #toggle5, #toggle6, #toggle7, #toggle8, #toggle9, #toggle10,
#toggle11, #toggle12, #toggle13, #toggle14, #toggle15, #toggle16, #toggle17, #toggle18, #toggle19, #toggle20,
#toggle21, #toggle22, #toggle23, #toggle24, #toggle25, #toggle26, #toggle27, #toggle28, #toggle29, #toggle30,
#toggle31, #toggle32, #toggle33, #toggle34, #toggle35, #toggle36, #toggle37, #toggle38, #toggle39, #toggle40,
#toggle41, #toggle52, #toggle53, #toggle54, #toggle55, #toggle56, #toggle57, #toggle58, #toggle59, #toggle50 {
	padding-top:17px;
	padding-bottom:10px;
	background:url(../images/accord.png) no-repeat 0 7px;
	}

p.accordhidden {
	padding:5px;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0;
	color:#9c9c9c;
	}  

a.accordshow {
	background:none;
	border:none;
	
	background:url(../images/buttonGradient.png) repeat-x #e0e0e0 ;
	display: inline-block;
	text-decoration: none;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: bold !important;
	font-size: 12px;
	line-height: 1;
	color: #9c9c9c !important;
	text-transform:none;
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
	right:-2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	position: relative;
	cursor: pointer;
	
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	}

.accordArrow { 
	background:url(../images/accordArrowDark.png) no-repeat 2% 50%; 
	padding-left:25px;
	}

a:hover.accordshow { 
	background-color: #cccccc; 
	color: #848484 !important;
	}	


/*------------------------------------------------------------------------------------------- FAQ - Frequently Asked Questions ---------------*/

.faqLeftRight { width:83%;}

.faq {padding:10px 0 10px;}

#toggle1, #toggle2, #toggle3, #toggle4, #toggle5, #toggle6, #toggle7, #toggle8, #toggle9, #toggle10,
#toggle11, #toggle12, #toggle13, #toggle14, #toggle15, #toggle16, #toggle17, #toggle18, #toggle19, #toggle20,
#toggle21, #toggle22, #toggle23, #toggle24, #toggle25, #toggle26, #toggle27, #toggle28, #toggle29, #toggle30,
#toggle31, #toggle32, #toggle33, #toggle34, #toggle35, #toggle36, #toggle37, #toggle38, #toggle39, #toggle40,
#toggle41, #toggle52, #toggle53, #toggle54, #toggle55, #toggle56, #toggle57, #toggle58, #toggle59, #toggle50 {
	padding-top:17px;
	padding-bottom:10px;
	background:url(../images/accord.png) no-repeat 0 7px;
	}
	
.answ {
	padding-left:15px;
	width:88%;
	} 

p.faqhidden {
	padding:10px;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0;
	color:#9c9c9c;
	}  

a.faqshow {
	background:none;
	border:1px solid #efefef;
	
	background:#efefef; 
	display: inline-block;
	text-decoration: none;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: normal !important;
	font-size: 15px;
	line-height: 21px;
	color: #9c9c9c !important;
	text-transform:none;
	padding:10px 10px 10px 50px;
	margin-top:5px;
	margin-bottom:5px;
	right:-2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	position: relative;
	cursor: pointer;
	}

.faqArrow { 
	background: url("../images/question.png") no-repeat scroll 0 50% transparent;
    display: block;
    line-height: 24px;
    margin-left: -30px;
    padding-left: 40px;
	}

:hover.faqArrow  { 
	 background:url("../images/questionHover.png") no-repeat 0 50%;
  	 display: block;
 	 line-height: 24px;
 	 margin-left: -30px;
	 padding-left: 40px;
	}


a:hover.faqshow { 
	color: #848484 !important;
	border:1px solid #dddddd;
	}	



/*------------------------------------------------------------------------------------------- VIEW CODE -------------------*/

.viewCodeTwoCol { width:95%;}

.viewCode {padding:10px 0 10px;}

#toggle1, #toggle2, #toggle3, #toggle4, #toggle5, #toggle6, #toggle7, #toggle8, #toggle9, #toggle10,
#toggle11, #toggle12, #toggle13, #toggle14, #toggle15, #toggle16, #toggle17, #toggle18, #toggle19, #toggle20,
#toggle21, #toggle22, #toggle23, #toggle24, #toggle25, #toggle26, #toggle27, #toggle28, #toggle29, #toggle30,
#toggle31, #toggle32, #toggle33, #toggle34, #toggle35, #toggle36, #toggle37, #toggle38, #toggle39, #toggle40,
#toggle41, #toggle52, #toggle53, #toggle54, #toggle55, #toggle56, #toggle57, #toggle58, #toggle59, #toggle50 {
	padding-top:17px;
	padding-bottom:10px;
	background: none repeat scroll 0 0 transparent;
	}

pre.viewCodehidden {
  border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
	 -o-border-radius: 4px 4px 4px 4px;
  border-top: medium none !important;
  margin: 1px 0 0 !important;
}

a.viewCodeshow {
	background:none;
	border:none;
	
	background: none repeat scroll 0 0 transparent;
	display: inline-block;
	text-decoration: none;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: bold !important;
	font-size: 12px; 
	line-height: 1;
	color: #9c9c9c !important;
	text-transform:none;
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
	right:-2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	position: relative; 
	cursor: pointer;
	
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	}

.viewCodeArrow { 
	background:url(../images/accordArrowDark.png) no-repeat 2% 50%; 
	padding-left:25px;
	}

a:hover.viewCodeshow { 
	background-color: #cccccc; 
	color: #848484 !important;
	}