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

.ja-typo-blockrow {
	padding: 5px 0;
}

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

.ja-typo-blockswrap .cols-1 .ja-typo-block { width: 100%; float: none; }
.ja-typo-blockswrap .cols-2 .ja-typo-block { width: 49.9%; 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; }

/* Basic typography options
-------------------------------------*/
.heading-blue {
	color: #359cd2;
	font-weight: normal;
}

.heading-white {
	color: #fff;
	font-weight: normal;
}

.heading-green {
	color: #5a9c14;
	font-weight: normal;
}

.heading-title {
	color: #0479b6;
}

.heading-desc {
	display: block;
	margin-top: -15px;
	font-size: 92%;	
	color: #bab4b0;	
}

.highlight-1 {
	background: #fdf6ca;
	font-weight: normal
}

.highlight-2 {
	background: #dffdca;
	font-weight: normal
}

.highlight-3 {
	background: #d5f9f2;
	font-weight: normal
}

.listing,
.ja-moduletable ul.listing li,
.ja-module ul.listing li,
.ja-content-main ul.listing li,
.ja-tabswrap .ja-tab-content ul.listing li {
	background: url(../images/typo/arrow-bg.png) left 10px no-repeat;
	padding-left: 15px;
}

.text-link {
	color: #5a9c14;	
}

.underline-dashed {
	border-bottom: 1px dashed #5a9c14;
}

.underline-dashed:hover {
	text-decoration: none;
}

.underline-solid {
	text-decoration: underline;
}

.underline-solid:hover {
	text-decoration: none;
}

del {
	color: #bab4b0;	
}

.quote-author {
	font-style: italic;
	color: #bab4b0;
	display: block;
	font-size: 85%;
}

blockquote {
	color: #426a7e;
}

.blockquote-1 {
	font-size: 120%;
	margin: 20px 0 !important;
}

.blockquote-2 {
	width: 30%;
	padding-right: 10px !important;
	float: left;
}

.blockquote-1 span.open {
	background: url(../images/typo/so-q-1.png) left top no-repeat;
	padding-left: 30px;
}

.blockquote-2 span.open {
	background: url(../images/typo/so-q-2.png) left top no-repeat;
	padding-left: 23px;
}

.ja-typo-desc {
	color: #4ea4d0;
	border-bottom: 1px solid #efede8;
	font-size: 115%;
	margin-bottom: 20px;
}

/* Table styling
-------------------------------------*/
.ja-typo-table {
	border-collapse: separate;
	border-bottom: 1px solid #e4e2df;
	background: #F7F7F7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#efefef));
	background: -moz-linear-gradient(#F7F7F7, #efefef);
	background: linear-gradient(#F7F7F7, #efefef);
}

.ja-typo-table td {
	border: 1px solid #dee0e0;
	padding: 5px 10px;
	border-top: 1px solid #fdfcfb;
	border-left: none;
}

.ja-typo-table tr.last td {
	border-bottom: 1px solid #fdfcfb;
}

.ja-typo-table thead th {
	background:#f5f5f2 url(../images/typo/grad-grey.gif) left bottom repeat-x;
	border-right: 1px solid #dcdbda;
	border-bottom:  1px solid #bab5ab;
	padding: 5px 10px;
	color:#685d54;
	line-height:30px;
}

.ja-typo-table td.last,
.ja-typo-table th.last {
	border-right: 0;
}

/* Message boxes
-------------------------------------*/
.ja-typo-box {
	padding: 10px;
	position: relative;
	padding-left: 55px;
	margin: 5px 0;
}

.ja-typo-box h4 {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
}

.ja-typo-box .icon {
	background: url(../images/typo/icon-msg.png) left 5px no-repeat;
	position: absolute;
	left: 15px;
	padding-left: 30px;
	padding-top: 30px;
}

.ja-typo-box .icon-error {
	background-position: left -50px;
}

.ja-typo-box .icon-warning {
	background-position: left -105px;
}

.ja-typo-box .icon-information {
	background-position: left -160px ;
}

.ja-typo-box .icon-system {
	background-position: left -218px;
}

.box-rounded {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.box-green {
	 background: #70c108 url(../images/typo/grad-box-green.gif) left bottom repeat-x;
	 color: #c2fa98;
}

.box-red {
	 background: #dd3e0a url(../images/typo/grad-box-red.gif) left bottom repeat-x;
	 color: #facf98;
}

.box-orange {
	 background: #f39519 url(../images/typo/grad-box-orange.gif) left bottom repeat-x;
	 color: #facf98;
}

.box-blue {
	 background: #07b4e4 url(../images/typo/grad-box-blue.gif) left bottom repeat-x;
	 color: #98e9fa;
}

.box-purple {
	 background: #9090fe url(../images/typo/grad-box-purple.gif) left bottom repeat-x;
	 color: #c2c9fe;
}

/* Message boxes-1 */
.ja-typo-box-1 {
	padding: 10px;
	position: relative;
	padding-left: 40px;
}

.ja-typo-box-1 .icon {
	background: url(../images/typo/icon-msg-1.png) left 2px no-repeat;
	position: absolute;
	left: 15px;
	padding-left: 20px;
}

.ja-typo-box-1 .icon-error {
	background-position: left -42px;
}

.ja-typo-box-1 .icon-warning {
	background-position: left -20px;
}

.ja-typo-box-1 .icon-information {
	background-position: left -65px;
}

.ja-typo-box-1 .icon-system {
	background-position: left -87px;
}

.box-green-1 {
	 background: #e4f2d4;
	 color: #4e8904;
}

.box-red-1 {
	 background: #f2dbd4;
	 color: #be4b22;
}

.box-orange-1 {
	 background: #fbebc1;
	 color: #ca7326;
}

.box-blue-1 {
	 background: #d4e6f2;
	 color: #1e81af;
}

.box-purple-1 {
	 background: #ccd4fa;
	 color: #626ccb;
}

/* Buttons style options
-------------------------------------*/
a.ja-typo-btn {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #ccc;
	line-height: normal;
	margin: 10px 10px 10px 0;
	color: #51900f;
}
a.ja-typo-btn:hover,
a.ja-typo-btn:active,
a.ja-typo-btn:focus {
	border: 1px solid #aaa;
	text-decoration: none;
	color: #5a9f11;
}

a.ja-typo-btn span,
a.ja-typo-btn-medium span {
	display: inline-block;
	border: 1px solid #fff;
	padding: 3px 10px;
	text-shadow: 0 1px 2px rgba(255,255,255,.2);
}

a.ja-typo-btn-rounded,
a.ja-typo-btn-rounded span {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

a.ja-typo-btn-whitetext span {
	color: #fff;
}

/* btn color options
-------------------------------*/
/* btn grey */
a.ja-typo-btn-grey {
	border: 1px solid #ccc;
	color: #51900f;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfc), to(#EBEBEB));
	background: -moz-linear-gradient(#fdfdfc, #EBEBEB);
	background: linear-gradient(#fdfdfc, #EBEBEB);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}


/* btn green */
a.ja-typo-btn-green {
	color: #233d04;
	border: 1px solid #6f8e4a;
	background: #97D615;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97D615), to(#62a80e));
	background: -moz-linear-gradient(#97D615, #62a80e);
	background: linear-gradient(#97D615, #62a80e);
}

a.ja-typo-btn-green:hover,
a.ja-typo-btn-green:active,
a.ja-typo-btn-green:focus {
	border: 1px solid #42542b;
	color: #365e06;
}

a.ja-typo-btn-green span {
	border: 1px solid #c5e969;
}

a.ja-typo-btn-green.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-03.png);
}

a.ja-typo-btn-green.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-04.png);
}

/* btn purple */
a.ja-typo-btn-purple {
	color: #fff;
	border: 1px solid #7e78f4;
	background: #8779F8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8779F8), to(#5850f1));
	background: -moz-linear-gradient(#8779F8, #5850f1);
	background: linear-gradient(#8779F8, #5850f1);
}

a.ja-typo-btn-purple:hover,
a.ja-typo-btn-purple:active,
a.ja-typo-btn-purple:focus {
	border: 1px solid #4d4b72;
	color: #ded9fe;
}

a.ja-typo-btn-purple span {
	border: 1px solid #bdb4fb;
}

a.ja-typo-btn-purple.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-05.png);
}

a.ja-typo-btn-purple.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-06.png);
}

/* btn blue */
a.ja-typo-btn-blue {
	color: #fff;
	border: 1px solid #4296c5;
	background: #08C3E5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#08C3E5), to(#0580cd));
	background: -moz-linear-gradient(#08C3E5, #0580cd);
	background: linear-gradient(#08C3E5, #0580cd);
}

a.ja-typo-btn-blue:hover,
a.ja-typo-btn-blue:active,
a.ja-typo-btn-blue:focus {
	border: 1px solid #22465b;
	color: #b4eafd;
}

a.ja-typo-btn-blue span {
	border: 1px solid #5fdef1;
}

a.ja-typo-btn-blue.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-05.png);
}

a.ja-typo-btn-blue.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-06.png);
}

/* btn red */
a.ja-typo-btn-red {
	color: #fff;
	border: 1px solid #b85a43;
	background: #E2410A;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E2410A), to(#bf2a07));
	background: -moz-linear-gradient(#E2410A, #bf2a07);
	background: linear-gradient(#E2410A, #bf2a07);
}

a.ja-typo-btn-red:hover,
a.ja-typo-btn-red:active,
a.ja-typo-btn-red:focus {
	border: 1px solid #4d241a;
	color: #fcddd3;
}

a.ja-typo-btn-red span {
	border: 1px solid #ef8a60;
}

a.ja-typo-btn-red.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-05.png);
}

a.ja-typo-btn-red.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-06.png);
}

/* btn orange */
a.ja-typo-btn-orange {
	color: #fff;
	border: 1px solid #cb7e4c;
	background: #FBA319;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FBA319), to(#f76b11));
	background: -moz-linear-gradient(#FBA319, #f76b11);
	background: linear-gradient(#FBA319, #f76b11);
}

a.ja-typo-btn-orange:hover,
a.ja-typo-btn-orange:active,
a.ja-typo-btn-orange:focus {
	border: 1px solid #642b07;
	color: #fce4cd;
}

a.ja-typo-btn-orange span {
	border: 1px solid #fdcd6c;
}

a.ja-typo-btn-orange.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-05.png);
}

a.ja-typo-btn-orange.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-06.png);
}

/* btn-1
-------------------------------*/
a.ja-typo-btn-1 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	display: inline-block;
	text-decoration: none;
	border: 2px solid #ccc;
	line-height: normal;
	margin: 10px 10px 10px 0;
	color: #51900f;
	cursor: pointer;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ebebeb));
	background: -moz-linear-gradient(#ffffff, #ebebeb);
	background: linear-gradient(#ffffff, #ebebeb);
}
a.ja-typo-btn-1:hover,
a.ja-typo-btn-1:active,
a.ja-typo-btn-1:focus {
	border: 2px solid #aaa;
	text-decoration: none;
	color: #5a9f11;
}

a.ja-typo-btn-1 span {
	display: inline-block;
	border: 1px solid #fff;
	padding: 2px 10px;	
	text-shadow: 0 1px 2px rgba(255,255,255,.2);
}

a.ja-typo-btn-1 span.icon {
	border: 0;	
}

/* btn-1 color options
-------------------------------*/
/* btn-1-green */
a.ja-typo-btn-1.ja-typo-btn-green {
	border-color: #97ce46;
	color: #51900f;
}

a.ja-typo-btn-1.ja-typo-btn-green.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-green-01.png);
}

a.ja-typo-btn-1.ja-typo-btn-green.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-green-02.png);
}

/* btn-1-red */
a.ja-typo-btn-1.ja-typo-btn-red {
	border-color: #dd6542;
	color: #c93108;
}

a.ja-typo-btn-1.ja-typo-btn-red.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-red-01.png);
}

a.ja-typo-btn-1.ja-typo-btn-red.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-red-02.png);
}

/* btn-1-blue */
a.ja-typo-btn-1.ja-typo-btn-blue {
	border-color: #46ccce;
	color: #0e82cb;
}

a.ja-typo-btn-1.ja-typo-btn-blue.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-blue-01.png);
}

a.ja-typo-btn-1.ja-typo-btn-blue.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-blue-02.png);
}

/* btn-1-orange */
a.ja-typo-btn-1.ja-typo-btn-orange {
	border-color: #dd9d42;
	color: #c97e08;
}

a.ja-typo-btn-1.ja-typo-btn-orange.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-orange-01.png);
}

a.ja-typo-btn-1.ja-typo-btn-orange.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-orange-02.png);
}

/* btn-1-purple */
a.ja-typo-btn-1.ja-typo-btn-purple {
	border-color: #9642dd;
	color: #8308c9;
}

a.ja-typo-btn-1.ja-typo-btn-purple.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-purple-01.png);
}

a.ja-typo-btn-1.ja-typo-btn-purple.ja-typo-btn-huge.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-purple-02.png);
}

/* btn has icon
-------------------------------*/
a.ja-typo-btn-hasicon .icon {
	background-image: url(../images/typo/icon-msg-3.png);
	padding: 2px 0 2px 18px;
	margin-right: 5px;
	-moz-border-radius: 0;
	border: 0;
}

a.ja-typo-btn-hasicon .icon-done {
	background-position: left 3px;
}

a.ja-typo-btn-hasicon .icon-delete {
	background-position: left -23px;
}

a.ja-typo-btn-hasicon .icon-download {
	background-position: left -48px;
}

a.ja-typo-btn-hasicon .icon-subscribe {
	background-position: left -80px;
}

a.ja-typo-btn-hasicon .icon-rate {
	background-position: left -113px;
}

/* btn size options
-------------------------------*/
/* small button */
a.ja-typo-btn-small span {
	padding: 2px 8px;
	font-size: 85%;
	text-transform: uppercase;
}

/* big button */
a.ja-typo-btn-big span {
	padding: 4px 12px 6px;
	font-size: 105%;
}

/* bold button */
a.ja-typo-btn-bold span {
	font-weight: bold;
}

/* button-icn */
a.ja-typo-btn-icn span {
	background: url(../images/typo/arrow-01.png) 90% center no-repeat;
	padding-right: 20px;
}

/* big bold icn button */
a.ja-typo-btn-big.ja-typo-btn-icn span {
	background-image: url(../images/typo/arrow-01.png);
	padding-right: 25px;
}

/* huge button */
a.ja-typo-btn-huge span {
	text-transform: uppercase;
	padding: 7px 20px;
	font-size: 125%;
}

/* huge icn button */
a.ja-typo-btn-huge.ja-typo-btn-icn span {
	background: url(../images/typo/arrow-02.png) 90% center no-repeat;
	padding-right: 30px;	
}

/* block hasline
-----------------------------------------------------------*/
.block-hasline .ja-typo-blockrow {
	border-top: 1px solid #efede8;
	padding: 15px 0;
}

/* IMAGES STYLING OPTIONS
-----------------------------------------------------------*/
.ja-typo-img-wrap {
	background: #efede8;
	padding: 10px;
	float: left;
}

.ja-typo-img-wrap.left {
	margin-bottom: 15px;
	margin-right: 15px;
}

.ja-typo-img-wrap.right {
	margin-bottom: 15px;
	margin-left: 15px;
	float: right;
}

.ja-typo-img-wrap.center {
	clear: both;
	float: none;
	text-align: center;
	margin: 0 auto;
}

.ja-typo-img-wrap div.text_caption {
	border: 0;
	padding: 0;
	margin-top: 10px;
}

.ja-typo-img-wrap span {
	color: #a39991;
	display: block;
	font-size: 92%;
	margin-top: 10px;
}

.ja-typo-img-wrap div.text_caption span {
	margin-top: 0;	
}

.ja-typo-img-wrap img {
	border: 1px solid #fff;
	background: #fff;
}

.img-wrap-2 {
	padding: 0;	
}

.img-wrap-2 img {
	border: 1px solid #efede9;
	padding: 10px;
	box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
}

.img-wrap-2 span {
	margin: 10px;	
}

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

.img-wrap-3 img {
	background: url(../images/typo/img-shadow-br.png) no-repeat bottom right;
	border: 0;
	padding: 10px;
}

.img-wrap-3 span {
	margin: 0 10px;
}

.img-wrap-4 {
	border: 0;
	background:#f5f4f3;
	padding: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.img-wrap-4 div {
	border: 1px solid #d4d0c9;
	padding: 5px;
	background: #f7f5f2;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.img-wrap-4 img {
	border: 1px solid #fff;
	padding: 0;
}

.img-wrap-4 span {
	margin-bottom: 2px;	
}

.img-wrap-5 {
	background: url(../images/typo/img-shadow-br.png) no-repeat bottom right;
	border: none;
	padding: 0 5px 0 0;
}

.img-wrap-5 div {
	background: url(../images/typo/img-shadow-bl.png) no-repeat bottom left;
	border: none;
	padding: 0 0 5px 5px;
}

.img-wrap-5 div div {
	background: #fff;
	border: 1px solid #efede9;
	padding: 10px;
}

.img-wrap-5 img {
	border: 0;
}

.img-wrap-6 {
	background: url(../images/typo/img-shadow2-bl.png) no-repeat bottom left;
	padding: 10px;
}

.img-wrap-6 div {
	background: #f7f5f1;	
}

.img-wrap-6 img {
	padding: 0;
	border: 2px solid #fff;	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.img-wrap-6 span {
	color: #2f8aba;
	margin: 0;
	padding: 8px 5px;
}

/* image zoom */
.image-zoom {
	position: relative;	
}

.image-zoom .icon-zoom {
	background: url(../images/typo/icon-zoom.png) right top no-repeat;
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;	
	right: 0;
	top: 20px;
	padding: 0;
}

.image-zoom .icon-zoom:hover {
	text-decoration: none;	
}

.image-zoom .icon-zoom-2 {
	background-position: right -37px;
	top: 10px;
	right: 10px;
}

.image-zoom .icon-zoom-3 {
	background-position: right -78px;
	top: 10px;
	right: 10px;
}

/* image slider */
.ja-typo-slide-thumbs {
	margin-right: 10px;	
}

.ja-typo-slide-thumbs a {
	display: inline-block;
	width: 10px;
	height: 10px;
	line-height: 10px;
	background: url(../images/typo/bullet-grey.png) right top no-repeat;
	text-indent: -10000px;
	margin: 0 2px;
}

.ja-typo-slide-thumbs a.active {
	background-image: url(../images/typo/bullet-green.png);
}

/* FORM STYLING
-----------------------------------------------------------*/
.ja-typo-form fieldset {
	border: 1px solid #efece7;
	margin: 1px;
	background: #fcfbfa;
	padding: 10px 25px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.ja-typo-form legend {
	border: 1px solid #efece7;
	background: #fcfbfa;
	padding: 5px 15px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #0479b6;
	text-transform: uppercase;
	font-size: 100%;
}

.ja-typo-line-number {
	background: url(../images/typo/line-number.png) center center no-repeat;
	height: 33px;
	line-height: 28px;
	text-align: center;
	color: #0479b6;
	font-weight: bold;
	margin-top: 20px;
}

.label-title {
	color: #615247;
	margin-bottom: 5px;
	display: inline-block;
}

.form-desc {
	margin-bottom: 20px;
}

.ja-typo-form input.inputbox {
	width: 30%;	
}

.ja-typo-form textarea.inputbox {
	margin: 0;
	border: 0;
	border-bottom: 1px solid  #cac5be;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
}

.ja-typo-form input[type="checkbox"],
.ja-typo-form input[type="radio"] {
	vertical-align: middle;
	margin: 5px;
}

.outline-bottom {
	display: inline-block;
	background: #f0eeea url(../images/typo/grad-01.gif) left bottom repeat-x;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #d4d0c8;
}

.outline-bottom span {
	display: inline-block;
	background: url(../images/typo/icon-01.png) center 95% no-repeat;
	padding-bottom: 15px;
}

.ja-typo-form .box-red-1 {
	padding: 4px 15px 4px 35px;
	border: 1px solid #f6a992;
	display: inline-block;
	font-size: 95%;
	margin-left: 10px;
}

.ja-typo-form .icon-error {
	left: 10px;
}

.ja-typo-form .box-red-1 .arrow {
	background: url(../images/typo/arrow-07.png) left center no-repeat;
	display: inline-block;
	padding-left: 10px;
	width: 8px;
	height: 11px;
	position: absolute;
	top: 8px;
	left: -8px;
}

a.ja-typo-btn-1.ja-typo-cancel {
	background: #FCFBFA;
	color: #DC8067;
	border: 0;
}

a.ja-typo-btn-1.ja-typo-cancel:hover { }

a.ja-typo-btn-1.ja-typo-cancel span { border: 0; }

.inputbox.input_hasicon {
	background-image: url(../images/typo/icon-02.png);
	background-position: 7px 5px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.input_hasicon.your_name {
	background-position: 7px 5px;
}

.input_hasicon.email {
	background-position: 7px -34px;
}

.input_hasicon.user_name {
	background-position: 7px -68px;
}

.input_hasicon.password {
	background-position: 7px -100px;
}

.input_hasicon.phone_number {
	background-position: 7px -132px;
}

.input_hasicon.personal {
	background-position: 7px -164px;
}

/* List styles & Tabs
-----------------------------------------------------------*/
/* Unordered list */
ul.ja-typo-list li .icon {
	background: url(../images/typo/icon-03.png) 2px 4px no-repeat;
	padding:0 0 0 15px;
}

ul.ja-typo-list li {
	padding: 3px 0 !important;
	background: none !important;
}

ul.ja-typo-list li li {
	padding-left: 17px !important;
	color: #aea399;
}

ul.ja-typo-list.list-arrow .icon {
	background-position: 2px 4px;
}

ul.ja-typo-list li li .icon,
ul.ja-typo-list.list-arrow li li .icon {
	background-position: 2px -11px;
}

ul.ja-typo-list.list-check .icon {
	background-position: 2px -23px;
}

ul.ja-typo-list.list-check li li .icon {
	background-position: 2px -38px;
}

ul.ja-typo-list.list-dot .icon {
	background-position: 2px -50px;
}

ul.ja-typo-list.list-dot li li .icon {
	background-position: 2px -62px;
}


ul.ja-typo-list.list-star .icon {
	background-position: 2px -77px;
}

ul.ja-typo-list.list-star li li .icon {
	background-position: 2px -94px;
}


ul.ja-typo-list.list-square-arrow .icon {
	background-position: 2px 4px;
}

ul.ja-typo-list.list-square-arrow li li .icon {
	background-position: 2px -11px;
}


ul.ja-typo-list.list-circle .icon {
	background-position: 2px 4px;
}

ul.ja-typo-list.list-circle li li .icon {
	background-position: 2px -11px;
}


ol.ja-typo-list-number {
	list-style: decimal;
	padding: 0 20px;	
}

ol.ja-typo-list-number li {
	padding: 3px 0 !important;
}

ol.ja-typo-list-number li ol {
	padding-left: 17px;
	margin: 0;
	color: #aea399;
}

ol.ja-typo-list-number.list-peer li {
	background: url(../images/typo/grad-02.gif) left top repeat-y;
	padding-left: 15px !important;
}

ol.ja-typo-list-number.list-peer li li {
	background: none;
	padding-left: 0 !important;
}

/* TAB styling */
.ja-typo-block-tab {
	margin-bottom: 20px;
}

.ja-typo-block-tab .ja-typo-block-tab-heading {
	border: 1px solid #efece7;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #FCFCFB;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCFCFB), to(#f9f8f6));
	background: -moz-linear-gradient(#FCFCFB, #f9f8f6);
	background: linear-gradient(#FCFCFB, #f9f8f6);
}

.ja-typo-block-tab .ja-typo-tabs-title {
	margin: 0;
}

.ja-typo-block-tab .ja-typo-block-tab-heading .block-tab-inner {
	padding: 5px 25px 0;
	border: 1px solid #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.ja-typo-block-tab .ja-typo-block-tab-content .block-tab-inner {
	padding: 5px 25px 25px;
}

.ja-typo-block-tab h5.heading-blue {
	text-transform: uppercase;
	font-weight: bold;
	margin: 13px 0;
}

.ja-typo-block-tab h3.heading-green a {
	text-decoration: underline;
}

.ja-typo-block-tab h3.heading-green a:hover {
	text-decoration: none;
}

.ja-typo-tabs-title li {
	float: left;
	font-size: 92%;
	border: 1px solid #d9d6d0;
	border-top: 1px solid #bebbb6;
	border-bottom: 0;
	padding: 0 !important;
	margin: 0 5px -2px 0 !important;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.ja-typo-tabs-title li div {
	padding: 4px 10px 3px;
	border: 1px solid #f9f9f7;
	border-bottom: 0;
	background: #EEECE4;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEECE4), to(#f1f0ec));
	background: -moz-linear-gradient(#EEECE4, #f1f0ec);
	background: linear-gradient(#EEECE4, #f1f0ec);
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.ja-typo-tabs-title li div:hover,
.ja-typo-tabs-title li.active div {
	cursor: pointer;
	background: #F5F3ED;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5F3ED), to(#ffffff));
	background: -moz-linear-gradient(#F5F3ED, #ffffff);
	background: linear-gradient(#F5F3ED, #ffffff);
}

/* tab grey */
.ja-typo-block-tab.block-tab-grey .ja-typo-block-tab-heading {
	border-bottom: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: #F1F0EA;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F1F0EA), to(#e6e3dd));
	background: -moz-linear-gradient(#F1F0EA, #e6e3dd);
	background: linear-gradient(#F1F0EA, #e6e3dd);
}

.ja-typo-block-tab.block-tab-grey .ja-typo-block-tab-heading .block-tab-inner {
	border-bottom: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.ja-typo-block-tab.block-tab-grey .ja-typo-block-tab-content {
	border: 1px solid #efece7;
	border-top: 0;
	background: #FCFCFB;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCFCFB), to(#f9f8f6));
	background: -moz-linear-gradient(#FCFCFB, #f9f8f6);
	background: linear-gradient(#FCFCFB, #f9f8f6);
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.ja-typo-block-tab.block-tab-grey .ja-typo-block-tab-content .block-tab-inner {
	border: 1px solid #fff;
	border-top: 0;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.ja-typo-block-tab.block-tab-grey .ja-typo-tabs-title li {
	margin-bottom: 0 !important;	
}

.block-tab-grey .ja-typo-tabs-title li div:hover,
.block-tab-grey .ja-typo-tabs-title li.active div {
	background: #f4f1eb;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f4f1eb), to(#fcfbfa));
	background: -moz-linear-gradient(#f4f1eb, #fcfbfa);
	background: linear-gradient(#f4f1eb, #fcfbfa);
}

/* tab-round */
.ja-typo-block-tab.block-tab-round .ja-typo-block-tab-heading .block-tab-inner {
	padding: 10px 25px;
}

.ja-typo-block-tab.block-tab-round .ja-typo-block-tab-heading .ja-typo-tabs-title {
	margin-top: 5px !important;
}

.ja-typo-block-tab.block-tab-round .ja-typo-tabs-title li {
	background: none;
	border: 0;
	padding: 1px !important;
}

.ja-typo-block-tab.block-tab-round .ja-typo-tabs-title li div {
	background: none;
	border: 0;
	padding: 5px 11px 4px;
	color: #51900f;
	text-decoration: underline;
}

.ja-typo-block-tab.block-tab-round .ja-typo-tabs-title li:hover,
.ja-typo-block-tab.block-tab-round .ja-typo-tabs-title li.active {
	border: 1px solid #fff;
	padding: 0 !important;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.ja-typo-block-tab.block-tab-round .ja-typo-tabs-title li.active div,
.ja-typo-block-tab.block-tab-round .ja-typo-tabs-title li:hover div {
	border: 1px solid #b5b2ab;
	text-decoration: none;
	color: #8b8077;
	padding: 4px 10px 3px;
	background-color: #e1dfd7;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
}


/* Advanced content styling
-----------------------------------------------------------*/

/* Pre */
.ja-typo-code-title {
	border: 1px solid #d8d5cf;
	border-bottom:none;
	background:#f2f1ed;
	color: #0479b6;
	padding: 10px 0 10px 15px;
	font-weight:bold;
	text-transform:uppercase;
}

.ja-typo-code-order {
	background: url(../images/typo/code-bg.gif);
	border: 1px solid #d8d5cf;
	border-top:none;
}

pre, .code {
	background: url(../images/typo/code-order.png) repeat-y scroll 10px 3px;
	line-height: 20px;
	padding: 0 10px 0 40px !important;
	margin: 0 !important;
}

pre, .code {
	color: #b3836c;
	
}

pre .code-comment, .code .code-comment {
	color: #8ab36c;
}

pre .code-highlight, .code .code-highlight {
	color: #bd3e1c;
}

/* Dropcap */

.dropcap-light, .dropcap-dark {
	font-size: 18px;
	display:block;
	color: #258bc0;
	background:#ebedee;
	border: 1px solid #e1e1e1;
	width: 26px;
	height: 26px;
	text-align:center;
	font-weight:bold;
	float:left;
	margin:6px 8px 0 0;
	-moz-border-radius: 5px;
	
}

.dropcap-dark {
	color: #fff;
	background:#06b0de;
	border: 1px solid #06abd8;
	-moz-box-shadow: 0 0px 3px rgba(5, 120, 190, 1) inset;
}

.dropcap-narrow {
	font-size: 14px;
	color: #258bc0;
	text-transform:uppercase;
	font-weight:bold;
}

.dropcap-narrow strong {
	font-size: 36px;
	display:block;
	width: 36px;
	height: 36px;
	float:left;
	margin:-8px 5px 10px 0;
	font-weight:normal;
}

.dropcap-cicle {
	font-size: 18px;
	display:block;
	color: #258bc0;
	border: 2px solid #258bc0;
	width: 27px;
	height: 27px;
	text-align:center;
	font-weight:bold;
	float:left;
	margin:2px 6px 0 0;
	padding:2px 2px 0 0;
	-moz-border-radius: 20px;
}

/* Columns possible layout variations */

.ja-typo-blockswrap .cols-2 .ja-typo-block-wide {
	width: 66% !important;
}

.ja-typo-blockswrap .cols-2 .ja-typo-block-thin {
	width: 33% !important;
}

/* Horizontal dividers */
.ja-typo-hr {
	height: 17px;
	background: url(../images/typo/hr-bg.gif) repeat-x center;
	margin: 10px 0;
}
.ja-typo-hr span.icon {
	display:block;
	background: #fff url(../images/typo/hr-icon.png) no-repeat scroll center 0;
	width: 20px;
	height: 12px;
	margin: 0 auto;
}
.hr-dotted {
	background-image:  url(../images/typo/hr-bg-1.gif)
}
.hr-strong-solid {
	background-image:  url(../images/typo/hr-bg-2.gif)
}

.ja-typo-hr span.icon-star {
	background-position: center -12px;
}
.ja-typo-hr span.icon-check {
	background-position: center -12px;
}
.ja-typo-hr span.icon-plus {
	background-position: center -24px;
}
.ja-typo-hr span.icon-dot {
	background-position: center -36px;
}
.ja-typo-hr span.icon-exclamation {
	background-position: center -48px;
}
.ja-typo-hr span.icon-round-dot {
	background-position: center -60px;
}
.ja-typo-hr span.icon-love {
	background-position: center -72px;
}
.ja-typo-hr span.icon-email {
	background-position: center -84px;
}
.ja-typo-hr span.icon-chalice {
	background-position: center -96px;
}
.ja-typo-hr span.icon-watch {
	background-position: center -108px;
}
.ja-typo-hr span.icon-file {
	background-position: center -120px;
}
.hr-shadow-up {
	background: url(../images/typo/hr-bg-4.png) no-repeat top center;
}
.hr-shadow-down {
	background: url(../images/typo/hr-bg-3.png) no-repeat top center;
}