/*
# ------------------------------------------------------------------------------------------------------------------------
# Identity - Business Joomla 2.5 Template
# ------------------------------------------------------------------------------------------------------------------------
# Copyright (C) 2011 Twincore All Rights Reserved.
# @license - PHP files are GNU/GPL V2 bound by Proprietary License of Joomlart.com.
# CSS / JS are Copyrighted Commercial, bound by Proprietary License of Twincore. 
# Author: Twincore
# Websites:  http://identity.twincores.com
# Redistribution, Modification or Re-licensing of this file in part of full, is bound by the License applied. 
# For details on licensing, Please Read Terms of Use at http://themeforest.net/wiki/support/legal-terms/licensing-terms/
# -----------------------------------------------------------------------------------------------------------------------
*/


/* PREFORMATTED TEXT
-------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code {
  background: url("../images/pre_bg.png") repeat scroll left top;
  border-top:none !important;
  border-right:none !important;
  border-bottom:none !important;
  color: #ffffff !important;
  text-shadow:none;
  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;
}



/* Inline Words Hilite ---*/
.highlight {
	background: #ffffdd;
	font-weight: bold;
	padding: 1px 5px;
}

/* Dropcap ---*/
.dropcap {
	display: block;
	float: left;
	font: 60px/40px Georgia, Times, serif;
	padding: 7px 8px 0 0;
}

/* Blockquote ---*/
blockquote { font-family: Georgia, Times, serif; font-size: 100%; }

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

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

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

/* 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-image: url(../../images/icons/icons-sprites-tango.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;}

/* 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-image: url(../../images/icons/icons-sprites-tango.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	span.icon { background:url("../images/typo_icons/alert-inv.png") no-repeat 0 0;}
p.icon-message	span.icon { background:url("../images/typo_icons/info-inv.png") no-repeat 0 0;}
p.icon-tips 	span.icon { background:url("../images/typo_icons/idea-inv.png") no-repeat 0 0;}
p.icon-key 		span.icon { background:url("../images/typo_icons/uc-scope-component-use-case-inv.png") no-repeat 0 0;}   
p.icon-tag 		span.icon { background:url("../images/typo_icons/tag-inv.png") no-repeat 0 0;}
p.icon-cart 	span.icon { background:url("../images/typo_icons/media-inverse-inv.png") no-repeat 0 0;}   
p.icon-doc 		span.icon { background:url("../images/typo_icons/document-inv.png") no-repeat 0 0;}
p.icon-note 	span.icon { background:url("../images/typo_icons/pencil-inv.png") no-repeat 0 0;}  
p.icon-photo 	span.icon { background:url("../images/typo_icons/photo-inv.png") no-repeat 0 0;}  
p.icon-mobi 	span.icon { background:url("../images/typo_icons/picture-inv.png") no-repeat 0 0;}


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 #9daab5;
	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: #9daab5; text-shadow:none; color:#16171A; }
.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 #9daab5;
	padding: 10px 10px 10px 50px;
}

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

p.box-download { background-image:url("../images/typo_icons/download-inv.png") ; }

p.box-sticky { background-image:url("../images/typo_icons/cloud-inv.png") ; }

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

p.box-grey-1 { background: #16171A; border-color: #9daab5; }
p.box-hilite-1 { background: #272C32; border-color: #9daab5; }

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

p.box-grey-2 { background: #16171A; border-color: #9daab5; border-style: dotted; }
p.box-hilite-2 { background: #272C32; border-color: #9daab5; 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 #9daab5;
	margin: 20px 0;
	padding: 20px 15px 15px;
	position: relative;
}

.ja-typo-legend .legend-title {
	/*background: #fff;*/
	background: #16171A;
	display: block;
	float: left;
	font-family: 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-1 .legend-title { color: #9daab5; }

/* 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 #9daab5;
	padding: 20px;
	background: none;
}

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

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 solid #444444;
	padding: 0 0 20px;
}

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

.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%;
	padding: 14px 16px 5px;
	margin: 0;
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	color: #ffffff;
	background:#272C32;
    border-left: 1px solid #343434;
    border-right: 1px solid #121212;
    border-top: 1px solid #383838;
	border-bottom: 1px solid #121212 ;
   	          -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

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

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

.ja-typo-blockswrap h2.ja-typo-title span {
	background: none;
	color: #ffffff;
	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: none;
	color: #9daab5;
}

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

label[for="input"] {
  bottom: 6px;
  position: relative;
}

label[for="radio"] {
  padding-left: 5px;
  padding-right: 10px;
}

label[for="checkbox"] {
  padding-left: 6px;
  padding-right: 10px;
}

label[for="select"] {
  display: inline-block;
  height: 17px;
  padding-bottom: 6px;
}

label[for="textarea"] {
  bottom: 2px;
  line-height: 2.2;
  position: relative;
}




/* 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: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #c00;
	text-decoration: none;
}




/* -------------------------------------------------------------  IDENTITY TYPO ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


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

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

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

.highlightOrange, .highlightGreen {
	color: #16171A;
	font-weight: bold;
	padding: 2px 5px;
	text-shadow:none;
	}
	
.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:#9daab5;
	font-style:italic ;
	}

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

blockquote span.close {
	background: url(../images/sc-q.png) 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:#9daab5;
	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,
.dropcap-1, .dropcap-2, .dropcap-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:15px;
	line-height:44px !important;
	position:absolute;
	text-align:center;
	width:44px;
	}

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


.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; }

p.blockdropcap { padding:0 0 0 60px;}

	
.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: 9px 15px 2px;
	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 {
	background: none repeat scroll 0 0 #111214;
    border-color: #090909 #202020 #202020 #090909;
    border-style: solid;
    border-width: 1px;
  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

div.iLegendBlack1 {
	border: 3px solid #272C32;
	color: #9DAAB5;
		  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	
div.iLegendBlack2 {
    background: none repeat scroll 0 0 #272C32;
    color: #9DAAB5;
	  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

div.iLegendBlue1 {
	border:3px solid #53A3B4;
	color:#53A3B4;
			  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	
div.iLegendBlue2 {
	background:none repeat scroll 0 0 #53A3B4;
	color:#000000;
	text-shadow:none;
		  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

div.iLegendRed1 {
	border:3px solid #dc3522;
	color:#dc3522;
			  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	
div.iLegendRed2  {
	background:none repeat scroll 0 0 #dc3522;
	color:#000000;
	text-shadow:none;
			  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	
div.iLegendOrange1 {
	border:3px solid #FFBF00;
	color:#FFBF00;
				  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	
div.iLegendOrange2 {
	background:none repeat scroll 0 0 #FFBF00;
	color:#000000;
	text-shadow:none;
			  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

div.iLegendGreen1 {
	border:3px solid #97C02F;
	color:#97C02F;
				  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	
div.iLegendGreen2 {
	background:none repeat scroll 0 0 #97C02F;
	color:#000000;
	text-shadow:none;
			  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

div.iLegend1 h4  { 
    background: none repeat scroll 0 0 #272C32;
    border-color: #383838 #121212 #111111 #343434;
    border-style: solid;
    border-width: 1px; 
	}

div.iLegendBlack1 h4, div.iLegendBlack2 h4 {
	background:none repeat scroll 0 0 #16171A;
	color:#9DAAB5;
	border:3px solid #272C32;
		  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

div.iLegendBlue1 h4, div.iLegendBlue2 h4 {
	background:none repeat scroll 0 0 #16171A;
	color:#53A3B4;
	border:3px solid #53A3B4;
		  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

div.iLegendRed1 h4, div.iLegendRed2 h4  {
	background:none repeat scroll 0 0 #16171A;
	color:#dc3522;
	border:3px solid #dc3522;
			  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

	
div.iLegendOrange1 h4, div.iLegendOrange2 h4 {
	background:none repeat scroll 0 0 #16171A;
	color:#FFBF00;
	border:3px solid #FFBF00;
			  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

div.iLegendGreen1 h4, div.iLegendGreen2 h4 {
	background:none repeat scroll 0 0 #16171A;
	color:#97C02F;
	border:3px solid #97C02F;
				  	 -moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	
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 {
	color:#9DAAB5;
	border:2px solid #272C32;
	}

span.iNoteBlue {
	color:#53A3B4;
	border:2px solid #53A3B4;
	}

span.iNoteRed {
	color:#dc3522;
	border:2px solid #dc3522;
	}
	
span.iNoteOrange {
	color:#FFBF00;
	border:2px solid #FFBF00;
	}
	
span.iNoteGreen {
	color:#97C02F;
	border:2px solid #97C02F;	
	}

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; 
	}


/* -------------------------------------------------------------------------------- IDENTITY BUTTON ------------------------ */


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

a.specialButton ,a.specialButtonRed, a.specialButtonBlack, a.specialButtonBlue, 
a.specialButtonOrange, a.specialButtonGreen, a.specialButtonGrey   {
	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;
	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, a.specialButtonBlack { background:url(../images/buttonGradient.png) repeat-x #444d55 ; }
a:hover.specialButton, a:hover.specialButtonBlack { background-color: #333c44; }
	
a.specialButtonRed { background:url(../images/buttonGradient.png) repeat-x #dc3522 ; }
a:hover.specialButtonRed { background-color: #C1210F; }

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; }

a.specialButtonGrey { background:url(../images/buttonGradient.png) repeat-x #dddddd; }
a:hover.specialButtonGrey { background-color: #eeeeee; }


/* ---------------- 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; }

a.colorButtonGrey, a.colorButtonGrey:hover {	color: #344451 !important; }
	
.colorButtonBlack, .colorButtonBlue,
.colorButtonOrange, .colorButtonGreen,
.colorButtonRed, .colorButtonGrey {
	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 #444d55; }
.colorButtonBlack:hover { background-color: #333c44; }

.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; }

.colorButtonGrey { background:url(../images/buttonGradient.png) repeat-x #e8e8ea; }
.colorButtonGrey:hover { background-color: #dddddd; }


/*------------------------------------------------------------------------------------- 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;
	color:#53A3B4;
	}

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

div.iBoxWarning {
	border: 2px solid #FF4744;
    color: #FF4744;
	margin:25px 0;
	padding:0 25px;
	}

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

div.iBoxCaution span { 
	background:url(../images/iconCaution.png) no-repeat center center #16171A;
	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 {
	background: none repeat scroll 0 0 #111214;
    border-color: #090909 #202020 #202020 #090909;
    border-style: solid;
    border-width: 1px;
    color: #9DAAB5;
	margin:25px 0;
	padding:0 25px;
	}

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-color: #383838 #121212 #111111 #343434;
    border-style: solid;
    border-width: 1px;
	}

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


/* ----------------------------------------------------------------------------------- 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 #444d55; }
.actionButtonBlack:hover { background-color: #333c44; }

.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 {
	background: none repeat scroll 0 0 #272C32;
    border-bottom: 1px solid #111111;
	}

#horizontalZebraColor {
	font-family: "Helvetica", Arial, sans-serif
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	}
	
#horizontalZebraColor th {
	font-size: 14px;
	font-weight: normal;
	padding: 20px 8px;
	color: #ffffff;
	text-shadow:1px 1px 0 #111111;
	}
	
#horizontalZebraColor td {
	padding: 8px;
	color: #9DAAB5;
	text-shadow:none;
	}

#horizontalZebraColor .oddRow { background:#111214 !important; }

#horizontalZebraColor tr:hover td {
	background: none repeat scroll 0 0 rgba(39, 44, 50, 0.4);
    color: #FFFFFF;
	}

/*--------------------- 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;
	color: #FFFFFF;
	}
	
#verticalZebraColor td {
	padding: 8px 15px;
	/*border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;*/
	color: #9DAAB5;
	text-shadow:none;
	}
	
.verticalZebraColor-odd { background:none; }

.verticalZebraColor-even { background:#111214; }

#verticalZebraColor #verticalZebraColor-even {
	background:#272C32;
	/*border-bottom: 1px solid #C9CACF;
	text-shadow:0 1px 0 #121212;*/
	}
	
#verticalZebraColor #verticalZebraColor-odd {
	background:#383D43;
	/*border-bottom: 1px solid #E0E1E7;
	text-shadow:0 1px 0 #545454;*/
	}
	
#verticalZebraColor tr:hover td {
	color: #ffffff;
	}

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

#oneColumnColor thead tr th {
	background: none;
	}
		
#oneColumnColor {
	font-family: "Helvetica", Arial, sans-serif
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	background: none repeat scroll 0 0 #111214;
    border-color: #090909 #202020 #202020 #090909;
    border-style: solid;
    border-width: 1px;
	}

#oneColumnColor th {
	font-size: 17px;
	font-weight: normal;
	padding: 15px;
	color: #ffffff;
	text-shadow:1px 1px 0 #000000;
	}
	
#oneColumnColor td {
	padding: 10px 15px;
	color: #9DAAB5;
	text-shadow:1px 1px 0 #000000;
	background:url(../images/shadowLineMod.png) repeat-x left top;
	}

.firstColumn { 
    background: none repeat scroll 0 0 #272C32;
    border-bottom: 1px solid #111111;
    border-left: 1px solid #343434;
    border-top: 1px solid #383838;
 	}

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

#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,#pricingTableRedBestValue, #pricingTableRedMulti {
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 28px;
	line-height: 33px; 
	}
	
#pricingTableBlue,#pricingTableBlueBestValue ,#pricingTableBlueMulti  {
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 28px;
	line-height: 33px; 
	}

#pricingTableGreen,#pricingTableGreenBestValue,#pricingTableGreenMulti {
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 28px;
	line-height: 33px; 
	}

#pricingTableOrange,#pricingTableOrangeBestValue,#pricingTableOrangeMulti {
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 28px;
	line-height: 33px; 
	}

.pricing {
	display: block;
	text-align: center;
	}

span.bestValue {
  background: url("../images/ribbon.png") no-repeat scroll 0 0 transparent;
  clear: both;
  float: left;
  font-size: 14px;
  height: 84px;
  left: -4px;
  margin: 0;
  position: relative;
  top: -5px;
  width: 84px;
  z-index: 1;
}

span.bestValue p {
	  color: #eee;
  position: relative;
  left: -5px;
  top: -5px;
     -moz-transform: rotate(-45deg);  /* FF3.5+ */
       -o-transform: rotate(-45deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-45deg);  /* Saf3.1+, Chrome */
      -ms-transform: rotate(-45deg);  /* IE9 */
          transform: rotate(-45deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ 
                     M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');
               zoom: 1;

}


div.bestValue {
position:absolute;
}

.category  {
	background-color: #272C32;;
	border: 1px solid #000000;
		-moz-border-radius: 3px 3px 0 0; /* FF1-3.6 */
  -webkit-border-radius: 3px 3px 0 0; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px 3px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

.category h3 {
  border-left: 1px solid #555555;
  border-top: 1px solid #5C5C5C;
  color: #FFFFFF;
  margin: 0;
  padding-top: 10px;
  text-shadow: 0 1px 1px #000000;
  		-moz-border-radius: 3px 3px 0 0; /* FF1-3.6 */
  -webkit-border-radius: 3px 3px 0 0; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 3px 3px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}


#pricingTableRed .price, #pricingTableRedBestValue .price, #pricingTableRedMulti .price {
	background-color: #dc3522;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	clear: both;
	height: 100px;
	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;
}

#pricingTableBlue .price,#pricingTableBlueBestValue .price,#pricingTableBlueMulti .price {
	background-color: #53A3B4;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	clear: both;
	height: 100px;
	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;
}

#pricingTableGreen .price,#pricingTableGreenBestValue .price,#pricingTableGreenMulti .price {
	background-color: #97C02F;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	clear: both;
	height: 100px;
	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;
}

#pricingTableOrange .price,#pricingTableOrangeBestValue .price,#pricingTableOrangeMulti .price {
	background-color: #FFBF00;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	clear: both;
	height: 100px;
	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;
}

.priceWrapRed {
  border-top: 1px solid #DB5D4F;
  border-left: 1px solid #DB5D4F;
  display: block;
  height: 98px;
  position: relative;
}

.priceWrapBlue {
  border-top: 1px solid #6cafbd;
  border-left: 1px solid #6cafbd;
  display: block;
  height: 98px;
  position: relative;
}

.priceWrapGreen {
  border-top: 1px solid #b1d655;
  border-left: 1px solid #b1d655;
  display: block;
  height: 98px;
  position: relative;
}

.priceWrapOrange {
  border-top: 1px solid #f9cd48;
  border-left: 1px solid #f9cd48;
  display: block;
  height: 98px;
  position: relative;
}

.twoDigit,.fourDigit,.threeDigit,.fourDigit,.fiveDigit { margin: 25px auto; }
.twoDigit { width: 155px;}
.threeDigit { width: 175px;}
.fourDigit { width: 195px;}
.fiveDigit { width: 220px;}

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

span.value {
 	position: relative;
	top:5px;	
	} 
	
.priceWrapRed h2,.priceWrapBlue h2,.priceWrapGreen h2,.priceWrapOrange h2 {
	color: #FFFFFF !important;
	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;
	float: left;
	}	

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


.pricingDescription {
  background-color: #272C32;
  	-moz-border-radius: 0 0 3px 3px; /* FF1-3.6 */
  -webkit-border-radius: 0 0 3px 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 0 0 3px 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  border: 1px solid #000000;
  clear: both;
  border-top:1px solid #101010;
}

.pricingDescription ul {
	border-bottom: 1px solid #111111;
	border-left: 1px solid #555555;
	border-top: 1px solid #5C5C5C;
	font-size: 13px;
	margin: 0;
	padding: 15px 17px;
	}

.pricingDescription ul li {
	background:url("../images/listLine.png") repeat-x 0 100% !important;
	line-height: 1em;
	min-height: 18px;
	padding: 8px 0 8px 35px;
	text-align: left !important;
	text-indent:6px;
	}

.pricingDescription ul li.last { background:none !important; }

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

.pricingButton {
	background-color: rgba(200, 200, 200, 0.1);
	border-left: 1px solid #555555;
  	border-top: 1px solid #5C5C5C;
	border-bottom: 1px solid #5C5C5C;
	padding: 20px 0;
	-moz-border-radius: 0 0 3px 3px; /* FF1-3.6 */
  -webkit-border-radius: 0 0 3px 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 0 0 3px 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

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

/*------------------------------------------------------------------------- IMAGE BOX - SHORTCODES--------------------- */

.imageBox {
	background: none repeat scroll 0 0 #0A0B0F;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	margin:7px !important;
}

.imageBox img{ 
	margin: 0;
	padding: 0;
}

.imageBox p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
}

.caption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100%; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#borderImage .caption h3{ padding:20px; }

#borderImage .caption p{ 
	padding:20px;
	border:none;
}
 

/*------------------------------------------------------------------------- IMAGE BORDER - SHORTCODES--------------------- */

	
#borderImage {
	background: none repeat scroll 0 0 #0A0B0F;
	display: block;
	border: 1px solid #21242D;
	  -moz-border-radius:4px;
	  -webkit-border-radius:4px; 
	border-radius: 4px 4px 4px 4px;
	  -webkit-box-shadow:1px 1px 6px #000000; 
	  -moz-box-shadow:1px 1px 6px #000000; 
	box-shadow: 1px 1px 6px #000000;
	padding: 0;
	float:left;
	margin:5px;
	}

#borderImage:hover {
	-webkit-box-shadow:1px 1px 4px #18191C;
	-moz-box-shadow:1px 1px 4px #18191C; 
	box-shadow: 1px 1px 4px #18191C;
	
	}
 
#borderImage p {
	border: 1px solid #07080A;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px 4px 4px 4px;
	margin: 0;
	padding: 7px;
	}
 
#borderImage a { 
	display:block; 
	color:#fff; 
	padding:0; 
	text-decoration:none;  
	}

#borderImage img {
	margin: 0;
	padding: 0;
	}

#rightposition {
	float:right;
	}

/*------------------------------------------------------------------------------------------- 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:url(../images/accordviewcode.png) no-repeat 0 7px;
	}

pre.viewCodehidden {
	border-top: medium none !important;
  	margin: 1px 0 0 !important;
	}

a.viewCodeshow {
	background:none;
	border:none;
	text-shadow:none;
	background: #272C32;
	display: inline-block;
	text-decoration: none;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: bold !important;
	font-size: 12px; 
	line-height: 1;
	color: #ffffff !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/br_down_icon.png) no-repeat 2% 50%; 
	padding-left:25px;
	}

a:hover.viewCodeshow { 
	color: #cfcfcf !important;
	}