/**
 * Author Dan Partac
 * Copyright (C) 2005 - 2012 Dan Partac. All rights reserved.
 * @license	commercial
 * Template Typography Styling
 */
 
 /* text allignments */
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}


/* preformats */
/* Pre, Code ---*/
.typo-pre-title {
	background: #f6f6f6 ;
	background-image: -webkit-linear-gradient(top,  #fff,  #ddd);
	background-image: -moz-linear-gradient(top,  #fff,  #ddd);
	background-image: -ms-linear-gradient(top,  #ffffff,  #dddddd);
	background-image: -o-linear-gradient(top,  #fff,  #ddd);	
	line-height: 32px; font-size: 14px;
	border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; 
	margin:1.5em 0 0;
	color:#333; text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.9), 1px 1px 0px rgba(255, 255, 255, 0.5);
	padding: 0 15px;
	box-shadow: 0 0 0 1px #bbb inset, 0 1px 0 1px #fff inset;
	-webkit-box-shadow: 0 0 0 1px #bbb inset, 0 1px 0 1px #fff inset;
	position: relative; overflow:hidden;
    font-family: Helvetica, Verdana, Arial, sans-serif;
	clear:both;
}


pre, .code, .contents {
	background: url(../images/pre.png) repeat #F9F7F8 !important;
	border: 1px solid #ccc !important;
	border-left-width: 3px !important;
	border-top: none !important;
	border-radius: 0 0 5px 8px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 4px 4px;
	font: 1em/1.5 Monaco, Consolas, "Courier News", monospace !important;
	margin: 0 0 3em !important;
	position:relative;
}

pre, .code {padding: 0.75em 15px !important; overflow-x: auto;}

.contents {
	border-left-width: 1px !important;
	font: 1em Helvetica, Verdana, Arial, sans-serif !important;
	overflow: hidden;
	padding: 0 15px;
	background: none !important;
}

.contents img {border-radius: 4px;-webkit-border-radius: 4px;}

.codediv {display:none;margin:0;padding:0; position: relative; }


/* Inline Words Hilite ---*/
span.highlight, .highlight {
	background: #666; color: #fff; font-weight:normal;
	padding: 0px 5px;
}

/* Dropcap ---*/
.dropcap {
	display: block;
	float: left;
	font: 40px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 7px 8px 0 0;
	color:inherit;
}

/* Blockquote ---*/
blockquote { font-size: 100%; font-style:italic; color:#909090; }

blockquote.left {
	width:48%;
	padding: 0 2% 0 0;
	float:left;
}

blockquote.background {
	background:#f3f3f3;
	border: 0; box-shadow: 0 0 0 1px #ccc inset; -webkitbox-shadow: 0 0 0 1px #ccc inset;
	padding: 1.45em 15px !important;
	margin: 1.5em 0 !important;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
}
blockquote {margin-top:0 !important}

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

blockquote.background span.open {}

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

blockquote.background span.close {
	background-image: url(../images/sc-q1.png);
}


/* sub & sup tags ---*/ 
sub, sup { font-size: 11px; font-weight: normal; }

/* list styles */
ol, ul, dl {margin: 1.5em 0; padding: 0}
ul li {/*margin-left:5px; fix*/}

ol li {
    line-height: 1.5em;
    list-style: decimal inside none;
    margin-left: 0;
}

ul li {
	background: url(../images/bullet.png) no-repeat 0 7px;
    padding-left: 10px;
}

dl dt {font-style: italic}
dl dd {padding-left: 10px}

/* Special list style ---*/
ul.typo-list {line-height:1.5; margin: 1.5em 0;}

ul.typo-list li {
	background: none !important;
	margin-left: 0/*8px*/;
	padding: 0 !important;
	position: relative;
	overflow: hidden !important;
	line-height: 1.5;
}

/* FONTAWESOME */
@font-face {
  font-family: "FontAwesome";
  src: url('../fonts/icons/fontawesome-webfont.eot');
  src: url('../fonts/icons/fontawesome-webfont.eot?#iefix') format('eot'), url('../fonts/icons/fontawesome-webfont.woff') format('woff'), url('../fonts/icons/fontawesome-webfont.ttf') format('truetype'), url('../fonts/icons/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.nav-tabs [class^="icon-"],
.btn [class*=" icon-"],
.nav-tabs [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
  height: 1.5em;
  float:left
}
li .icon-large:before,
li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -0.8em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .8em;
}
ul.icons li .icon-large:before,
ul.icons li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */

  vertical-align: initial;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before {
  content: "\f01e";
}
/* \f020 is not a valid unicode character. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-user-md:before {
  content: "\f200";
}
.icon-apple-logo:before {
  content: "\f500";
}
.icon-windows-8:before {
  content: "\f501";
}
.icon-js-fiddle:before {
  content: "\f502";
}
.icon-skype:before {
  content: "\f503";
}
.icon-youtube-sign:before {
  content: "\f504";
}
.icon-youtube:before {
  content: "\f505";
}
.icon-vimeo-sign:before {
  content: "\f506";
}
.icon-vimeo:before {
  content: "\f507";
}
.icon-lastfm-sign:before {
  content: "\f508";
}
.icon-lastfm:before {
  content: "\f509";
}
.icon-rss-sign:before {
  content: "\f50a";
}
.icon-reddit:before {
  content: "\f50b";
}
.icon-delicious-sign:before {
  content: "\f50c";
}
.icon-wordpress-sign:before {
  content: "\f50d";
}
.icon-wordpress:before {
  content: "\f50e";
}
.icon-git-fork:before {
  content: "\f50f";
}
.icon-blogger-sign:before {
  content: "\f510";
}
.icon-blogger:before {
  content: "\f511";
}
.icon-tumblr-sign:before {
  content: "\f512";
}
.icon-tumblr:before {
  content: "\f513";
}
.icon-flickr-sign:before {
  content: "\f514";
}
.icon-flickr:before {
  content: "\f515";
}
.icon-picasa-sign:before {
  content: "\f516";
}
.icon-picasa:before {
  content: "\f517";
}
.icon-amazon-sign:before {
  content: "\f518";
}
.icon-amazon:before {
  content: "\f519";
}
.icon-yelp-sign:before {
  content: "\f51a";
}
.icon-yelp:before {
  content: "\f51b";
}
.icon-soundcloud:before {
  content: "\f51c";
}
.icon-spotify:before {
  content: "\f51d";
}
.icon-yahoo-sign:before {
  content: "\f520";
}
.icon-yahoo:before {
  content: "\f521";
}
.icon-evernote-sign:before {
  content: "\f522";
}
.icon-evernote:before {
  content: "\f523";
}
.icon-google-sign:before {
  content: "\f524";
}
.icon-google:before {
  content: "\f525";
}
.icon-hacker-news:before {
  content: "\f526";
}
.icon-map:before {
  content: "\f529";
}
.icon-bus-sign:before {
  content: "\f52a";
}
.icon-bike-sign:before {
  content: "\f52b";
}
.icon-car-sign:before {
  content: "\f52c";
}
.icon-taxi-sign:before {
  content: "\f52d";
}
.icon-truck-sign:before {
  content: "\f52e";
}
.icon-handicap-sign:before {
  content: "\f52f";
}

h1 .icon,
h2 .icon,
h3 .icon,
h4 .icon { margin-right: 0.2em; line-height:1 }

/* menu */
div.moduletable.menu h3 {padding: 9px 20px 8px; background: #ccc;}
div.moduletable.hilite p {margin-bottom: 0 !important;}
div.moduletable.menu,
div.moduletable.hilite {margin-bottom:4.5em;}


/* Hilite ---*/
div.moduletable.hilite .inner{margin: 0 !important;}
div.moduletable.hilite {background: #eee; padding: 1.5em 15px /*1.5em*/ !important; border-radius: 4px; -webkit-border-radius: 4px;}
div.moduletable.hilite h3 ,div.moduletable.hilite strong {background: none; color:#333 !important/*padding: 0.5em 0 0 0;*/}

div.moduletable.hilite p:last-child,
div.moduletable.hilite ol:last-child,
div.moduletable.hilite dl:last-child,
div.moduletable.hilite ul:last-child {margin-bottom:0}

/*.hilite common */
div.moduletable.hilite.brown h3, 
div.moduletable.hilite.brown strong, 
div.moduletable.hilite.brown a, 
div.moduletable.hilite.turquoise h3, 
div.moduletable.hilite.turquoise strong, 
div.moduletable.hilite.turquoise a, 
div.moduletable.hilite.yellow h3, 
div.moduletable.hilite.yellow strong, 
div.moduletable.hilite.yellow a, 
div.moduletable.hilite.magenta h3, 
div.moduletable.hilite.magenta strong, 
div.moduletable.hilite.magenta a, 
div.moduletable.hilite.purple h3,
div.moduletable.hilite.purple strong,
div.moduletable.hilite.purple a,
div.moduletable.hilite.green strong,
div.moduletable.hilite.green a, 
div.moduletable.hilite.green h3, 
div.moduletable.hilite.blue a,
div.moduletable.hilite.blue strong,
div.moduletable.hilite.blue h3 ,
div.moduletable.hilite.orange h3, 
div.moduletable.hilite.orange a, 
div.moduletable.hilite.orange strong,
div.moduletable.hilite.red h3, 
div.moduletable.hilite.red a, 
div.moduletable.hilite.red strong,
div.moduletable.hilite.pink h3, 
div.moduletable.hilite.pink a, 
div.moduletable.hilite.pink strong,
div.moduletable.hilite.black h3, 
div.moduletable.hilite.black a, 
div.moduletable.hilite.black strong
{color:#fff !important;}

div.moduletable.hilite  {margin-left:20px;}

/* purple */
div.moduletable.hilite.purple, div.moduletable.hilite.purple {background: #7630AB; color:#fff;}
div.moduletable.hilite.purple div.box-ct {}

/* magenta */
div.moduletable.hilite.magenta, div.moduletable.hilite.magenta {background: #AD278C; color:#fff;}
div.moduletable.hilite.magenta div.box-ct {}

/* green */
div.moduletable.hilite.green, div.moduletable.hilite.green {background: #74B600; color:#fff;}
div.moduletable.hilite.green div.box-ct {}

/* blue */
div.moduletable.hilite.blue, div.moduletable.hilite.blue {background: #2561A6; color:#fff;}
div.moduletable.hilite.blue div.box-ct {}

/* turquoise */
div.moduletable.hilite.turquoise, div.moduletable.hilite.turquoise {background: #10B7E1; color:#fff;}
div.moduletable.hilite.turquoise div.box-ct {}

/* yellow */
div.moduletable.hilite.yellow, div.moduletable.hilite.yellow {background: #E1CD20; color:#fff;}
div.moduletable.hilite.yellow div.box-ct {}

/* orange */
div.moduletable.hilite.orange, div.moduletable.hilite.orange {background: #FF6600; color:#fff;}
div.moduletable.hilite.orange div.box-ct {}

/* red */
div.moduletable.hilite.red, div.moduletable.hilite.red {background: #d80e0e; color:#fff;}
div.moduletable.hilite.red div.box-ct {}

/* brown */
div.moduletable.hilite.brown, div.moduletable.hilite.brown {background: #a84f00; color:#fff;}
div.moduletable.hilite.brown div.box-ct {}

/* pink */
div.moduletable.hilite.pink, div.moduletable.hilite.pink {background: #F0084F; color:#fff;}
div.moduletable.hilite.pink div.box-ct {}

/* black */
div.moduletable.hilite.black, div.moduletable.hilite.black {background: #111; color:#fff;}
div.moduletable.hilite.black div.box-ct {}

div.moduletable.hilite span.mod-desc, div.moduletable.hilite span.mod-desc {color:#666}

div.moduletable.hilite.magenta span.mod-desc, 
div.moduletable.hilite.purple span.mod-desc,
div.moduletable.hilite.turquoise span.mod-desc,
div.moduletable.hilite.blue span.mod-desc, 
div.moduletable.hilite.yellow span.mod-desc, 
div.moduletable.hilite.green span.mod-desc, 
div.moduletable.hilite.orange span.mod-desc, 
div.moduletable.hilite.black span.mod-desc, 
div.moduletable.hilite.brown span.mod-desc,
div.moduletable.hilite.red span.mod-desc, 
div.moduletable.hilite.pink span.mod-desc {color:#fff;}

dl dd {padding-left:10px;}

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

p.blocknumber .bignumber {
	background: #eee;
	color: #333; 
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px !important;
	position: absolute;
	top: 5px;
	left: 1px;
	font: bold 26px/normal Arial, sans-serif;
	text-align: center;
	border-radius:20px 20px 5px 20px; -webkit-border-radius: 20px 20px 5px 20px;
	/*letter-spacing:-1px;*/
}

p.blocknumber .bignumber.green {background: #74B600; color: #fff }
p.blocknumber .bignumber.blue {background: #2561A6; color: #fff}
p.blocknumber .bignumber.turquoise {background: #10B7E1; color: #fff}
p.blocknumber .bignumber.brown {background: #a84f00; color: #fff}
p.blocknumber .bignumber.red {background: #d80e0e; color: #fff}
p.blocknumber .bignumber.pink {background: #F0084F; color: #fff}
p.blocknumber .bignumber.orange {background: #f78d1d; color: #fff}
p.blocknumber .bignumber.yellow {background: #ecd61a; /*#bda900;*/ color: #fff}
p.blocknumber .bignumber.magenta {background: #941675; color: #fff}
p.blocknumber .bignumber.purple {background: #7630ab; color: #fff}
p.blocknumber .bignumber.black {background: #111; color: #fff}

/* ICON STYLE
-----------------------------------------------------------------*/
/* Tips, Error, Message, Hightlight ---*/
p.typo-icon {
	padding-left: 30px !important;
	position: relative;
}
p.typo-icon:hover i,
p.typo-icon:hover span.icon {color:#333}
p.typo-icon span.icon {
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	font-size: 24px;
	line-height: 24px
}

/* bubbles */
/* Common Style + Style 1 */
.typo-bubble {
	position: relative;
	margin: 0 0 1.5em 0;
}

.typo-blockrow .typo-bubble {margin: 1.5em 0;}

.typo-bubblect {
	padding: 1.5em 15px;
	border: 1px solid #ddd; 
	background: #fff;
}

.typo-bubble p.typo-bubble-meta {
	margin: 0 !important;
	height: 18px;
	padding-left: 65px;
}

.typo-bubble span.typo-bubble-author {
	font-weight: bold;
	display: block;
	padding-top: 0px;
	font-size:11px;
}

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

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

/* Style 3 --- */
.bubble-3 .typo-bubblect { border: 1px solid #B7D4E9; background:#e5f2fe; }
.bubble-3 span.typo-bubble-arrow { background-position: 0 -18px; }

/* Style 4 --- */
.bubble-4 .typo-bubblect { background: #E5F2FE; border: 0 none; border: 2px solid #B7D4E9;  }
.bubble-4 span.typo-bubble-arrow { background-position: -25px -18px; }

/* Style 5 --- */
.bubble-5 .typo-bubblect { border: 0; background: #454545; color: #fff; }
.bubble-5 span.typo-bubble-arrow { background-position: -50px -36px; }
.bubble-5 strong {color:#fff;}

/* Style 6 --- */
.bubble-6 .typo-bubblect { border: 0 !important; background: #157cbb !important; color: #fff; }
.bubble-6 span.typo-bubble-arrow { background-position: -25px -36px; }
.bubble-6 strong {color:#fff;}

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


/* image styles */
/* responsive */

/*.typo-column .typo-img-wrap {margin: 0 5px 0 0 !important} demo only */
.typo-column .typo-img-wrap {width: 95% !important}
.typo-img-wrap,
.typo-img-wrap img {width: 100%; height: auto}
.img-wrap-1, .img-wrap-2 div, .img-wrap-3 div div, .img-wrap-4, 
.img-wrap-5, .img-wrap-6, .img-wrap-7, .img-wrap-8 div div, .img-wrap-9,
.img-wrap-10, .img-wrap-11, .img-wrap-12  {width: 100%}
img.border {padding: 1px; border: 1px solid #666;}
img.round {border-radius: 3px; -webkit-border-radius: 3px;}

.typo-column div.moduletable {margin: 1.5em 0 0}
.typo-column img {width: 100%}
/* round border */
.typo-img-wrap, .img-wrap-2 div, .img-wrap-3 div div, .img-wrap-8 div div, .img-wrap-9 span, .img-wrap-9 img {border-radius: 4px; -webkit-border-radius: 4px;}
.img-wrap-7 img {border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;}
.img-wrap-7 span span {border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;}
.typo-img-wrap {
	border: 1px solid #bbb;
	display:inline-block;
	background:#fff;
	position:relative;
	
}

.typo-img-wrap img { border-radius: 0; -webkit-border-radius: 0;
	/*padding:4px;*/
}

.img-wrap-1  {padding:4px}

.img-wrap-2 {
	background: url(../images/img-shadow.png) no-repeat bottom center transparent !important;
	padding:0; padding-bottom: 10px;
	border: 0 !important;
}

.img-wrap-2 div {
	border: 1px solid #bbb; padding:4px;
	background-color: #fff;
}

.img-wrap-3, .img-wrap-8 {
	background: url(../images/img-shadow2-l.png) no-repeat 7px bottom transparent !important;
	border: 0 !important; padding:0;
}

.img-wrap-3 div {
	background: url(../images/img-shadow2-r.png) no-repeat 99% bottom;
	padding:0 0 10px;
}

.img-wrap-3 div div, .img-wrap-8 div div {
	background:#fff;
	border: 1px solid #bbb;
	background-color: #fff;
	padding:4px /*0*/;
}

.img-wrap-4 {
	border: 1px solid #bfccd4;
	background:#d6e4ec;
	padding:4px;
}

.img-wrap-5 {
	border: 1px solid #b1b1b1;
	background:#b1b1b1;
	padding:4px;
}

#bottom-wrapper .img-wrap-4,
#bottom-wrapper .img-wrap-5,
#bottom-wrapper .img-wrap-6,
#bottom-wrapper .img-wrap-10 {
    background:  #666666;
    border: 1px solid #777777;
}

.img-wrap-5 img {background:none;}

.img-wrap-6 {
	float:left;
	padding:4px;
}

.img-wrap-6 span {
	clear:both;
	display:block;
	font-size:92%;
	padding: 3px 7px 4px;
	color:#868686;
}

.img-wrap-7 {
	border: 0 !important;
	/* width: 170px; */
	position:relative;
	/*height: 100px;*/
	margin-bottom: 26px;
	padding: 0;
}
.img-wrap-7 span {
	clear:both;
	display:block;
	background:url(../images/img-wrap-7.gif) no-repeat scroll 10px 0;
	padding: 11px 0 0;
	margin: -11px 0 0;
	position:absolute;/**/
	bottom:0;
	z-index:1;
	width: 100%;
}
.img-wrap-7 span span {
	font-size:12px;
	color:#fff;
	display:block;
	/*padding: 9px 7px 7px;*/
	margin:0;
	background:#157cbb;
	bottom: auto;
	/*width: 156px;*/
	width:95.2%; /* custom */
	padding: 5px 2.5%; /* custom */
}
.img-wrap-7 img {
	padding:0;
	/*position:absolute;*/
}

.img-wrap-8 {
	position:relative;
	padding:0;
}
.img-wrap-8 span {
	position:absolute;
	background:url(../images/img-wrap-8.png);
	color:#fff;
	font-size:92%;
	/*width: 156px; custom
	width: 100%; */
	padding: 9px 7px 7px;
	top: 4px; bottom: 4px; left:4px; right:4px;
	opacity: 0; filter: alpha(opacity=0);
	-moz-transition: opacity 0.3s ease-out 0.01s; 
	-webkit-transition:  opacity 0.2s ease-out 0.01s; 
	transition:  opacity 0.3s ease-out 0.01s;	
}

.img-wrap-8:hover span { opacity: 1; filter: alpha(opacity=100); }

.img-wrap-8 div div {position:relative;}

.img-wrap-9 {
	border:none; background:none;
	padding:0;
}

.img-wrap-9 img {
	background:#d6e4ec;
	border:1px solid #bfccd4;
	padding:4px;
}

.img-wrap-9 span {
	width: 96%;
	border: 1px solid #d6e4ec;
	display:block;
	background:#edf3f7;
	margin: 10px 0 0;
	font-size:11px;
	color:#868686;
	padding: 5px 4%;
	position:relative;
}

.img-wrap-9 span span {
	border:none;
	width: 13px;
	height: 8px;
	margin: -13px auto 5px;
	padding:0;
	background:url(../images/img-wrap-9.gif) no-repeat;
}

.img-wrap-10 {
	background:#5f5f5f;
	border:none;
	padding:5px;
}

.img-wrap-10 img {
	padding: 0;
	background:none;
}

.img-wrap-10 span {
	display:block;
	padding: 5px 10px 10px;
	color:#fff;
	font-size: 11px;
}

.img-wrap-11, .img-wrap-12 a {
	position:relative;
	padding:4px;
}

.img-wrap-11 a, .img-wrap-12 a {
	display:block;
	position:absolute;
	width: 100%/*180px*/;
	height: 100%/*110px*/;
	top: -1px;
	left: -1px;
	text-indent:-9999px;
}


.img-wrap-11 a:hover,
.img-wrap-11 a:active,
.img-wrap-11 a:focus {
	background:url(../images/img-wrap-11.png) no-repeat center;
}

.img-wrap-12 a:hover,
.img-wrap-12 a:active,
.img-wrap-12 a:focus {
	background:url(../images/img-wrap-12.png) no-repeat center;
}

.img-wrap-12 {padding: 4px}
.img-wrap-12 img {padding:0}

.img-wrap-1.left, 
.img-wrap-2.left,
.img-wrap-3.left,
.img-wrap-4.left, 
.img-wrap-5.left,
.img-wrap-6.left,
.img-wrap-7.left,
.img-wrap-8.left,
.img-wrap-9.left,
.img-wrap-10.left,
.img-wrap-11.left,
.img-wrap-12 .left
{float:left; margin-right:10px; width:auto;/*margin-top:1.5em; margin-bottom:15px;*/}

.typo-img-wrap.left div,
.typo-img-wrap.left img,
.typo-img-wrap.right div,
.typo-img-wrap.right img  {width:auto}

.img-wrap-1.right, 
.img-wrap-2.right,
.img-wrap-3.right,
.img-wrap-4.right, 
.img-wrap-5.right,
.img-wrap-6.right,
.img-wrap-7.right,
.img-wrap-8.right,
.img-wrap-9.right,
.img-wrap-10.right,
.img-wrap-11.right,
.img-wrap-12 .right
{float:right; margin-left:10px; width:auto;/*margin-top:1.5em; margin-bottom:15px;*/}

/* checkboxes and radios styles */
input[type="checkbox"],
input[type="radio"] {padding:0; margin: 0 3px 0 0; vertical-align:top;}
label {}

/* buttons styles */
.button, button, input[type="button"], input[type="submit"] {
	line-height:1.8;
	color: #666;
	text-transform: uppercase; 
	border:0; 
	font-family: Helvetica, Verdana, Arial, sans-serif !important;
	font-size: 10px;
	cursor: pointer;
	/*new code
	display: inline-block;*/
	zoom: 1;
	*display: inline;
	/*vertical-align: top;*/
	outline: none;
	text-align: center;
	text-decoration: none;
	padding: 3px 8px;
	-webkit-border-radius: 3px; border-radius: 3px;
	border: 1px solid #BBBBBB;	
	/* default white */
	background: #f6f6f6;
	vertical-align:middle;
}


input[type="button"], input[type="submit"] {line-height: 1.2 !important; padding: 2px 6px;}
button {line-height: 1.2 !important}

.browserChrome input[type="button"], .browserChrome input[type="submit"],
.browserSafari input[type="button"], .browserSafari input[type="submit"] {line-height: 1.4 !important; padding: 3px 8px;}

.browserChrome button,
.browserSafari button {line-height: 1.4 !important;}

.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	color:#333;
	cursor: pointer; text-decoration: none !important;
	background: #e0e0e0;
}



/* p button wrapper */
p.buttons {line-height:3; margin: 1.5em 0;}
.browserIE9 p.buttons {line-height:1.5; margin: 1.5em 0;}

p.buttons .button {margin-right:3%;}

/* sizes */
.button.big {font-size: 14px; padding: 0.285em 1em !important; border-radius: 3px; -webkit-border-radius: 3px;}
.button.bigrounded {
	-webkit-border-radius: 2em;
	border-radius: 2em;
	font-size: 14px;
	padding: 0.285em 1em !important;
}
.button.medium {
	font-size: 12px;
}

.button.small { line-height: 1.8; text-transform: none; }

a.button { text-decoration: none !important; text-shadow: none !important}
.button i {font-size: 14px;}

/* black */
.button.black {
	color: #ccc !important; border: 1px solid #000 !important;
	text-shadow: none;-webkit-box-shadow: none; box-shadow: none;
	background: #111 !important;
}
.button.black:hover, .button.black:focus {
	color:#fff; border: 1px solid #000 !important;
	background: #000 !important;
}


/* grey */
.button.grey {
	color: #eee !important; border: 1px solid #888 !important;
	text-shadow: none !important; webkit-box-shadow: none; box-shadow: none;
	background: #999 !important;
}
.button.grey:hover, .button.grey:focus {
	color:#fff; border: 1px solid #777 !important;
	background: #858585 !important;
}

/* yellow */
.button.yellow {
	color: #666 !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #ECD61A !important/*c9b71c*/;
}

.button.yellow:hover, .button.yellow:focus {
	color:#333 !important;
	background: #e1cd20 !important;
}

/* blue */
.button.blue {
	color: #f6f6f6 !important; border: 0  !important;
	text-shadow: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #07c !important;
}
.button.blue:hover, .button.blue:focus {
	color:#fff !important;
	background: #069 !important;
}

/* turquoise */
.button.turquoise {
	color: #f6f6f6 !important; border: 0  !important;
	text-shadow: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #10B7E1 !important;
}
.button.turquoise:hover, .button.turquoise:focus {
	color:#fff !important;
	background: #11a5ca !important;
}

/* red */
.button.red {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #d80e0e !important;
}
.button.red:hover, .button.red:focus {
	color:#fff !important;
	background: #d60404;
}

/* brown */
.button.brown {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #a84f00 !important;
}
.button.brown:hover, .button.brown:focus {
	color:#fff !important;
	background: #934805 !important;
}

/* pink */
.button.pink {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #F0084F !important;
}
.button.pink:hover, .button.pink:focus {
	color:#fff !important;
	background: #d20846 !important;
}

/* orange */
.button.orange {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #f6a915 !important;
}
.button.orange:hover, .button.orange:focus {
	color:#fff !important;
	background: #f68f15 !important;
}

/* purple */
.button.purple {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #7630ab !important;
}
.button.purple:hover, .button.purple:focus {
	color:#fff !important;
	background: #60248e !important;
}

/* magenta */
.button.magenta {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #ad278c !important;
}
.button.magenta:hover, .button.magenta:focus {
	color:#fff !important;
	background: #941675 !important;
}

/* green */
.button.green {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #74B600 !important;
}
.button.green:hover, .button.green:focus {
	color:#fff !important; 
	background: #68a005 !important;
}


/* tables */
td {padding: 5px }
.vertical-table {/*min-width: 480px; overflow: auto;*/}
.typo-table thead tr th {border:0;}
.typo-table {
	border-collapse: collapse;
	margin:0 0 1.5em; padding:0;
	border-left: 1px solid #CCCCCC;
}

.typo-table td {
	padding: 0 10px;
	border: 1px solid #CCCCCC
}

.typo-table td.first {
	border-left: 1px solid #ccc;/**/
}

.typo-table thead th {
	background:#888;
	background: -webkit-linear-gradient(top,  #999,  #666);
	background: -moz-linear-gradient(top,  #999,  #666);
	background: -ms-linear-gradient(top,  #999,  #666);
	background: -o-linear-gradient(top,  #999,  #666);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')";
	border-right: 1px solid #999 !important;
	padding: 0 10px;
	color:#fff; font-weight:normal; text-shadow: 0 1px 1px rgba(0,0,0, 0.2);
	line-height:36px; font-weight:bold;
	text-align:center;
}

.typo-table thead th {text-align:center; }
.typo-table thead th.last, .typo-table tr td.last {text-align:left;}

.typo-table thead th.first {text-transform:uppercase;text-align:left; }
.typo-table tr td.first {text-align:left;}

.table-rounded thead th.first {}

.table-rounded thead th.last {}

.table-rounded tr.last td.first { border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; }

.table-rounded tr.last td.last { border-radius: 0 0 3px 0; -webkit-border-radius: 0 0 3px 0; }

.typo-row-caption td {
	background:#f6f6f6;
}

/* styles */
.table-blue .typo-row-caption td {
	background:#f0f6f9;
}
.table-blue thead th {
	background: #2561A6;
	border-right: 1px solid #42a2cf !important;
	background: -webkit-linear-gradient(top,  #2561A6,  #2884ae);
	background: -moz-linear-gradient(top,  #2561A6,  #2884ae);
	background: -ms-linear-gradient(top,  #2561A6,  #2884ae);
	background: -o-linear-gradient(top,  #2561A6,  #2884ae);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2561A6', endColorstr='#2884ae')";
}


.table-green .typo-row-caption td {
	background:#ebffc6;
}

.table-green thead th {
	background:#4d7900;
	border-right: 1px solid #81CB00 !important;
	background: -webkit-linear-gradient(top,  #81CB00,  #4d7900);
	background: -moz-linear-gradient(top,  #81CB00,  #4d7900);
	background: -ms-linear-gradient(top,  #81CB00,  #4d7900);
	background: -o-linear-gradient(top,  #81CB00,  #4d7900);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81CB00', endColorstr='#4d7900')";
}

.table-red .typo-row-caption td {
	background:#fde2e2;
}

.table-red thead th {
	background:#950101;
	border-right: 1px solid #e90000 !important;
	background: -webkit-linear-gradient(top,  #e90000,  #950101);
	background: -moz-linear-gradient(top,  #e90000,  #950101);
	background: -ms-linear-gradient(top,  #e90000,  #950101);
	background: -o-linear-gradient(top,  #e90000,  #950101);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e90000', endColorstr='#950101')";
}

.table-orange .typo-row-caption td {
	background:#fef0da;
}

.table-orange thead th {
	background: #c74900;
	border-right: 1px solid #ec9a13 !important;
	background: -webkit-linear-gradient(top,  #ec9a13,  #c74900);
	background: -moz-linear-gradient(top,  #ec9a13,  #c74900);
	background: -ms-linear-gradient(top,  #ec9a13,  #c74900);
	background: -o-linear-gradient(top,  #ec9a13,  #c74900);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec9a13', endColorstr='#c74900')";
}

/* new vertical pricing tables */
.vertical-table {
	border-left: 0;
    border-collapse: separate;
    border-spacing: 5px 0;
}

.vertical-table tr td .button {margin:0.75em auto;}
.vertical-table tr td .button.big, .vertical-table tr td .button.bigrounded {margin:0.25em auto;}

.vertical-table tr td, .vertical-table tr td.first, .vertical-table thead th  {box-shadow: none; -webkit-box-shadow: none; border:0}

.vertical-table thead th {
	padding:1.5em 10px;
	background:#e6e6e6; color:#666; text-align:center; text-transform:none; 
	-ms-filter: none;  border:0 !important;
}

.vertical-table thead th.first{text-align:right; vertical-align:bottom; background: none; width:25%; padding-right: 10px;
	color:#666; text-shadow: none;
}
.vertical-table thead th.last{}

.vertical-table thead th {line-height: normal; padding:0.75em 0;}
.vertical-table thead th span {float:left;width:100%;}
span.table-price-heading {font-size:12px; line-height:1.5;font-weight:bold;}
span.table-price {font-size:54px; line-height:1; background: url(../images/pw.png) repeat;}
span.table-price-rate {font-size:12px; line-height:1.5; text-transform:none;}
span.table-price-line {font-size:14px; line-height:1.285;}

.vertical-table tr td span.table-price-heading{color:#333;}

/* just to make them darker
.vertical-table thead th.green span.table-price {background:#4d7900;}
.vertical-table thead th.blue span.table-price {background:#0da3b3;}
.vertical-table thead th.orange span.table-price {background:#c74900;}
.vertical-table thead th.red span.table-price {background:#950101;}
.vertical-table thead th.gray span.table-price {background:#666;}*/

.vertical-table thead th.green, .vertical-table thead th.blue,
.vertical-table thead th.orange, .vertical-table thead th.red,
.vertical-table thead th.gray { border: 0; color:#fff; text-transform:uppercase;
	border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0;
}

.vertical-table thead th.green{ 
	background: #74B600;
}

.vertical-table thead th.blue{
	background:	#10B7E1;
}
.vertical-table thead th.orange{
	background: #ec9a13;
}
.vertical-table thead th.red{
	background:#e90000;
}
.vertical-table thead th.gray{
	background: #aaa;
}


.vertical-table tr td { text-align:center; text-transform:none;  padding: 0.75em 10px; background:#eee;}
.vertical-table tr.first td.first { border-radius:3px 0 0 0; -webkit-border-radius:3px 0 0 0; }
.vertical-table tr.first td {}
.vertical-table tr td.first{text-align:right; background-color:#fff;}

.vertical-table tr td.first {background:#eee}
.vertical-table tr.row2 td.first {background:#e0e0e0}

.vertical-table tr td.first.left-header { background-color: transparent !important; border-radius: 0; -webkit-border-radius: 0; }

.vertical-table tr.last td.last, .vertical-table tr td.last {text-align:center;}

.vertical-table tr td.orange {background:#fae3c0;}
.vertical-table tr td.red { background:#fddbdb;}
.vertical-table tr td.green { background:#e0ffa8;}
.vertical-table tr td.blue {	background:#D8F4FD;}
.vertical-table tr td.gray {	background:#f0f0f0;}

.vertical-table tr.row2 td {}
.vertical-table tr.row2 td.orange {background:#f8d49e;}
.vertical-table tr.row2 td.red { background:#f9cbcb;}
.vertical-table tr.row2 td.green { background:#d2f590;}
.vertical-table tr.row2 td.blue {	background:#b1e9fa;}
.vertical-table tr.row2 td.gray {	background:#e6e6e6;}

.vertical-table tr.last td.space{}
.vertical-table tr td.space.blue { background: #f0f6f9;}
.vertical-table tr td.space.green { background: #ebffc6;}
.vertical-table tr td.space.orange { background: #fef0da;}
.vertical-table tr td.space.red { background: #fdecec;}
.vertical-table tr td.space.gray { background: #f6f6f6;}


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

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

/* Style 2 */
fieldset.fieldset-2 {}

fieldset.fieldset-2 legend {}

/*Use for Demo Page Only*/
#typo fieldset {
	margin-top: 1.5em;
}

input[type="text"],
input[type="email"],
input[type="password"] {vertical-align: middle;}

/*select,*/
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	border: 1px solid #ccc; padding: 1px 5px; color: #999;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.8);
}

/*select:focus,*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: 1px solid #aaa; color: #333;
	box-shadow: 0 0 3px #ddd; -webkit-box-shadow: 0 0 3px #ddd;
}


/* content columns */
/*.typo-column div{width: 100%;}*/
.typo-column h1, .typo-column h2, .typo-column h3, .typo-column h4, .typo-column h5 {}
.typo-colswrap {/* text-align: justify; */ margin: 0 -20px; display:block; position:relative; overflow: hidden; clear:both}

.typo-column { margin: 0 /*1.5% 0 0*/; padding: 0; display:inline-block; float:left;/**/ vertical-align:top;}
.typo-column .column-inner { margin: 0 20px; float: left }

.typo-colswrap.cols-2 .typo-column { width: 49.5%; margin:0 /*1.5% 0 0*/}
.typo-colswrap.cols-3 .typo-column { width: 33%; margin:0 /*1.5% 0 0*/}
.typo-colswrap.cols-4 .typo-column { width: 24.25%; margin:0 /*1.2% 0 0*/}

div.item-page .typo-colswrap.cols-2 .typo-column { width: 49.4%; margin:0 /*1.5% 0 0*/}
div.item-page .typo-colswrap.cols-3 .typo-column { width: 33%; margin:0 /*1.5% 0 0*/}
div.item-page .typo-colswrap.cols-4 .typo-column { width: 24.7%; margin:0 /*1.2% 0 0*/}

.typo-colswrap .typo-column ul:last-child {margin: 1.5em 0 /*0*/;}
.typo-colswrap .typo-column p:last-child {margin: 1.5em 0 /*0*/;}

.typo-colswrap .typo-column.last { margin-right:0;}


/* CSS3 columns */
.css3-columns2,
.css3-columns3,
.css3-columns4 {text-align:justify;}

.css3-columns2 {
	-moz-column-count: 2;
	-moz-column-gap: 15px;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
	column-count: 2;
	column-gap: 15px;
}
.css3-columns3 {
	-moz-column-count: 3;
	-moz-column-gap: 15px;
	-webkit-column-count: 3;
	-webkit-column-gap: 15px;
	column-count: 3;
	column-gap: 15px;
}
.css3-columns4 {
	-moz-column-count: 4;
	-moz-column-gap: 15px;
	-webkit-column-count: 4;
	-webkit-column-gap: 15px;
	column-count: 4;
	column-gap: 15px;
}

/* content columns*/

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

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

.typo-blockswrap small {color:#aaa;font-size:10px;font-weight:normal;}

em {font-family:Georgia, Helvetica, Arial, sans-serif;}