/*
 * ------------------------------------------------------------------------
 * JA Ironis Template for Joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/
/* TYPO HEAD
-------------------------------------------------------------*/
/* TYPO PAGE LAYOUT
-------------------------------------------------------------*/
/* Blockswrap Actions ---*/
.ja-typo-blockrow { padding: 0; }

.ja-typo-blockct { padding-bottom: 10px; padding-top: 10px; }

.ja-typo-blockswrap h2.ja-typo-title { margin: 10px 0 0; }

/* Definition List --*/
dd,dl { padding: 5px 0; }

dd .value { color: #EC534D; }

/* Badge ---*/
.badge {
	background-image: url(../images/typo/badge.png);
	background-repeat: no-repeat;
	height: 13px;
	position: absolute;
	right: 0;
	top: 6px;
	width: 52px;
}

.badge-new 	.badge { background-position: 0 0; }

.badge-top 	.badge { background-position: 0 -26px; }

.badge-pick .badge { background-position: 0 -13px; }

.badge-hot 	.badge { background-position: 0 -39px; }

/*Use for Demo Page Only*/
#ja-typo .moduletable_badge { margin: 0; min-height: 40px; padding: 0; }

#ja-typo .moduletable_badge .ja-box-ct {
	background: #f7f7f7;
	border: 1px solid #ddd;
	padding: 20px;
}

/* FORM
--------------------------------------------------*/
/* Fieldset ----*/
/* Common Style + Style 1 */
fieldset.ja-typo-fieldset { border: 1px solid #ddd; padding: 10px 15px; }

fieldset.ja-typo-fieldset legend { padding: 0 10px; }

/* Style 2 */
fieldset.fieldset-2 { border: 1px solid #ddd; padding: 10px; }

fieldset.fieldset-2 legend {
	background: url(../images/typo/joomlart.gif) no-repeat left top;
	display: block;
	height: 20px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999em;
	width: 106px;
}

/*Use for Demo Page Only*/
#ja-typo fieldset { margin-top: 0; }

fieldset.ja-typo-fieldset-logo { border: 1px solid #ddd; padding: 10px; }

fieldset.ja-typo-fieldset-logo legend {
	background: url(../images/typo/joomlart.gif) no-repeat left top;
	height: 20px;
	text-indent: -999px;
	width: 106px;
}
 
fieldset.ja-typo-fieldset-logo ul li {
	border-bottom: 1px dashed #ddd;
	padding-bottom: 5px;
	padding-left: 15px;
}

fieldset.ja-typo-fieldset-logo ul li.last { border: none; padding-bottom: 0; }

/* Custom module high light ---*/
/* Images Style */
a.ja-typo-btn { margin-right: 25px; }

dd, dl { padding: 0; }

.ja-typo-blockct button {
	background-color: #E95450;
	border: none;
	color: #fff;
	cursor: pointer;
	margin: 0 3px 0 0;
	padding: 6px 10px;
	overflow: visible;
	font-weight: bold;
}

.ja-typo-blockct button:hover, .ja-typo-blockct button:focus, .ja-typo-blockct button:active { background-color: #3db9b1; color: #fff; }

/* Moduletable --- */
.ja-typo-blockct .ja-moduletable:first-child { margin-top: 40px; }

/* Typo Bubble --- */
.ja-typo-bubble span.ja-typo-bubble-arrow { background-image: url(../images/bubble-arrow.png); }

/* Style 7 --- */
.bubble-7 .ja-typo-bubblect { border: 3px solid #EC534D; }

.bubble-7 span.ja-typo-bubble-arrow { background-position: 0 -75px; }

/* Style 8 --- */
.bubble-8 .ja-typo-bubblect { background: #EC534D; border: 0; color: #fff; }

.bubble-8 span.ja-typo-bubble-arrow { background-position: -25px -75px; }

/* Style 9 --- */
.bubble-9 .ja-typo-bubblect { border: 3px solid #3DB9B1; }

.bubble-9 span.ja-typo-bubble-arrow { background-position: 0 -100px; }

/* Style 10 --- */
.bubble-10 .ja-typo-bubblect { background: #3DB9B1; border: 0; color: #fff; }

.bubble-10 span.ja-typo-bubble-arrow { background-position: -25px -100px; }

/* Style 11 --- */
.bubble-11 .ja-typo-bubblect { border: 3px solid #222; }

.bubble-11 span.ja-typo-bubble-arrow { background-position: 0 -125px; }

/* Style 12 --- */
.bubble-12 .ja-typo-bubblect { background: #222; border: none; color: #fff; }

.bubble-12 span.ja-typo-bubble-arrow { background-position: -25px -125px; }

/* Style 13 --- */
.bubble-13 .ja-typo-bubblect { border: 3px solid #5B3800; }

.bubble-13 span.ja-typo-bubble-arrow { background-position: 0 -150px; }

/* Style 14 --- */
.bubble-14 .ja-typo-bubblect { background: #5B3800; border: 0; color: #CEBDA0; }

.bubble-14 span.ja-typo-bubble-arrow { background-position: -25px -375px; }

/* Style 15 --- */
.bubble-15 .ja-typo-bubblect { border: 3px solid #61ACD6; }

.bubble-15 span.ja-typo-bubble-arrow { background-position: 0 -175px; }

/* Style 16 --- */
.bubble-16 .ja-typo-bubblect { background: #61ACD6; border: 0; color: #fff; }

.bubble-16 span.ja-typo-bubble-arrow { background-position: -25px -400px; }

/* Style 17 --- */
.bubble-17 .ja-typo-bubblect { border: 3px solid #F1C073; }

.bubble-17 span.ja-typo-bubble-arrow { background-position: 0 -425px; }

/* Style 18 --- */
.bubble-18 .ja-typo-bubblect { background: #F1C073; border: none; color: #554429; }

.bubble-18 span.ja-typo-bubble-arrow { background-position: -25px -650px; }

/* Red Legend */
.red-legend { border: 3px solid #EC534D; }

.legend-2.red-legend .legend-title { color: #EC534D; }

/* Blue Legend */
.blue-legend { border: 3px solid #3DB9B1; }

.legend-2.blue-legend .legend-title { color: #3DB9B1; }

/* Black Legend */
.black-legend { border: 3px solid #222; }

.legend-2.black-legend .legend-title { color: #222; }

/* Brown Legend */
.brown-legend { border: 3px solid #5B3800; }

.legend-2.brown-legend .legend-title { color: #5b3800; }

/* Green Legend */
.green-legend { border: 3px solid #61ACD6; }

.legend-2.green-legend .legend-title { color: #61acd6; }

/* Yellow Legend */
.yellow-legend { border: 3px solid #F1C073; }

.legend-2.yellow-legend .legend-title { color: #f1c073; }

legend { display: block; }