/* Theme Mode | Ver 1 | 07-04-2011*/

body { font-size: 14px; color: #333; font-family: Arial, Helvetica, sans-serif} 

/* `Headings */
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family:"Chaparral Pro", Georgia, "Times New Roman", Times; color:#4D704D}
/*h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family:"LeagueGothicRegular"; color:#999999; text-transform:uppercase;}*/

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: .85em; }

p {	line-height:1.5; }

a, a:link, a:visited, a:active {
    color:#333;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
.bullets li{ font-size:8px !important; color:#900; line-height:1.4; margin-bottom:5px}
.bullets li *{ font-size:14px;}

label { font-weight:bold}
label span{ font-weight:normal}

input, select, textarea, button, label { padding:inherit; }
input[type=radio], input[type=checkbox], label { display:inline-block; padding:3px 0; vertical-align:middle }


input[type=text], input[type=password], input[type=email], select, textarea { 
	font-family:Arimo, Arial, Helvetica; 
	color:#990606; background-color:#fff; border:1px solid #eee;
	padding:6px 4px; font-size:20px;
	box-shadow:0 0 9px rgba(0,0,0,0.25) inset; 
	display:inline-block;
	}
select{ padding:7px 4px!important; color:#666;font-size:16px; font-weight:bold}
textarea { overflow:auto; resize:none; color:#666}

.fcbg:focus{background-color:#CCCCCC; } /* Apply this class to any html tag if desire and change its style accordingly. Try div containg group of form fields*/
/* remember to define focus styles but it should be for some form fields! ie 7 or below :focus have only outline style to apply */

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus{
	border:1px solid #666 !important; /* ie 7 and below; enable apllying outline style*/
	box-shadow:none; color:#333; border-radius:3px;
}

/* Some Handy Classes */
hr.black 	{ border: 0 #111 solid; }
hr.grey 	{ border: 0 #bbb solid; }
hr.white 	{ border: 0 #fff solid; }
hr.black, hr.grey, hr.white{
	border-top-width: 1px;
	clear: both;
	height: 1x;
	background-color:rgba(255,255,255,0.5)
}
/* Button with 3 size */

input[type=button], input[type=submit], input[type=reset], button,
.btn-green, .btn-orange, .btn-red, .btn-turq, .btn-grey, .btn-black {
    background-image: url("../images/bg_sprite.png");
    background-repeat: repeat-x;
    background-color:transparent;
	border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
	text-align:center;
	padding:9px 10px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	border-radius:5px;
	box-shadow:0 0 4px rgba(0,0,0,0.3)inset
	}

input[type=button], input[type=submit], input[type=reset], button{	*padding-left:0 !important;	*padding-right:0 !important} /*Below ie 7 Extra Padding*/

[type=button]:hover, [type=submit]:hover, [type=reset]:hover, button:hover,
.btn-green:hover, .btn-orange:hover, .btn-red:hover, .btn-turq:hover, .btn-grey:hover, .btn-grey:hover {
	text-decoration:none;
	filter:alpha(opacity=80);
	opacity:0.8;
}
input[type=button]:active, input[type=submit]:active, input[type=reset]:active, button:active,
.btn-green:active, .btn-orange:active, .btn-red:active, .btn-turq:active, .btn-grey:active, .btn-grey:active {
	position:relative;
	top:1px;
}


.btn-green 	{background-position:left 0px;}
.btn-orange	{background-position:left -42px;  text-shadow:1px 1px 1px #f93}
.btn-red 	{background-position:left -84px}
.btn-turq	{background-position:left -132px}
.btn-grey 	{background-position:left -168px; color:#000 !important}
.btn-black 	{background-position:left -210px; }

form p.title {border-bottom:2px groove #ddd; padding:5px 0; font-weight:bold; line-height:1}

input.left-arrow[type=submit]
{
    background-image:none;
    background: url("../images/left-arrow.gif") no-repeat center;
    background-repeat:no-repeat;
    background-color:transparent;
    border-radius: 0;
    box-shadow: none;
}

input.right-arrow[type=submit]
{
    background-image:none;
    background: url("../images/right-arrow.gif") no-repeat center;
    background-repeat:no-repeat;
    background-color:transparent;
    border-radius: 0;
    box-shadow: none;
}