/**
 * ------------------------------------------------------------------------
 * JA Teline III 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.
 * ------------------------------------------------------------------------
 */ 


/* ----------------------------- Css 3 for Typography page ------------------------------------*/

/* BUBBLES
-----------------------------------------------------------------*/
/* Common Style + Style 1 */
.ja-typo-bubblect {
	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);
}

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

/* 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 {
	text-shadow: 0 1px 2px rgba(255,255,255,.8);
	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);
}

/* Common style for Dark Buttons --- */
a.btn-blue,
a.btn-red,
a.btn-green,
a.btn-orange,
a.btn-black {
	text-shadow: 0 1px 2px rgba(0,0,0,.8);
}

/* 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 {
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}

span.tag-grey { 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; 
}

/* FORM
--------------------------------------------------*/
/* Fieldset ----*/

/* Style 2 */
fieldset.fieldset-2 {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; 
}

/* TYPO PAGE LAYOUT
-------------------------------------------------------------*/
.ja-typo-blockswrap h2.ja-typo-title span {
	text-shadow: 0 -1px 1px rgba(255,255,255,.8);

}

/* ----------------------------- Css 3 for Mega menu ------------------------------------*/

/* lv - 0
-----------------------------------*/
/* Styling ---*/
.ja-megamenu ul.level0 li.mega span.menu-desc {
	text-shadow: 1px 1px 0 #fff;
}

.ja-typo-bubblect {
	*zoom: 1;
}

body.contentpane .formelm input {
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}

#frame {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
}

#frame #form-login .inputbox {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

#frame #form-login .inputbox:focus {
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#frame #form-login .button {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}

#frame #form-login .button:hover {
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}