/*
Theme Name: New Line Typography Elements
Description: Typography & Elements
Version: 1.0 alpha
Author: Smartik
Author URI: http://a-smartik.com
Tags: link, heading, button, colors, background, 
*/

/*-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/

html, body, div, p{
	margin: 0;
	padding: 0;
	border: 0;
  }

* {
	color: #333;
	font-size: 1em;
}

body {
	color: #333;
	font: 13px/1.6 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a, a:hover {
	color: #CD5C5C;
}

a:hover {
	text-decoration: underline
}

a, h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration:none;
}

hr {
	border: 0 solid #eee;
	border-bottom-width: 1px;
	clear: both;
	height: 1px;
	background: #ccc;
}

.text-red {color: #FF0000 !important;}
.text-white {color: #FFF !important;}
.text-black {color: #000 !important;}
.text-green {color: #008000 !important;}
.text-blue {color: #0000FF !important;}
.text-yellow {color: #FFFF00 !important;}
.text-orange {color: #FFA500 !important;}
.text-purple {color: #800080 !important;}
.text-cadetblue {color: #5F9EA0 !important;}
.text-coral {color: #FF7F50 !important;}
.text-lightblue {color: #6495ED !important;}
.text-darkcyan {color: #008B8B !important;}
.text-indianred {color: #008B8B !important;}
.text-olive {color: #808000 !important;}
.text-slategray {color: #708090 !important;}
.text-tomato {color: #FD6347 !important;}

.subtip {
font-size: 10px;
margin: 0 !important;
color: #777;
text-align: left;
}


p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
margin-bottom: 20px;
}

/* Headings 
-----------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin-top:20px;
	margin-bottom:7px;
	font-weight:700;
	font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #444;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration:none;
}

h1 a:hover {	text-decoration:none;}

h1 {	font-size:30px;}

h2 {	font-size:26px;}

h3 {	font-size:21px;}

h4 {	font-size:19px;}

h5 {	font-size:17px;}

h6 {	font-size:15px;}

/*  List, alignment, images
-----------------------------------------------------*/

p {
	margin-bottom:20px;
	margin-top:7px;
	line-height: 1.6em;
	
}

ol {
margin-left:35px;
}

ul {
margin-left:30px;
}

strong {
font-weight:700;
}

em {
font-style:italic;
}


strong {
font-weight: 700;
}

.alignleft {
float:left;
margin-right:10px;
}

.alignright {
float:right;
margin-left:10px;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

.relative {
position:relative;
}

.left {
float:left;
}

.right {
float:right;
}

.center {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

img.center {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.img_border {
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
}


/* Code, PRE
--------------------------------------------*/
code, pre {
	display:block;
	padding:0 15px;
	border:0;
	border-top: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-left: 5px solid #ccc;
	color: #555;
	background:url('../images/pre_code_bg.png') repeat scroll 0 0 transparent;
	font-size:11px;
	line-height:22px;
	margin: 15px 0 20px;
	overflow:hidden;
	font-family:Lucida Console, "Times New Roman", Times, serif;
}

/* Blockquote
-------------------------------------------*/
blockquote {
	margin:20px 10px;
	padding-left:48px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	line-height:1.5em;
	background:transparent url(../images/quote.png) no-repeat scroll top left;
}

blockquote.style2 {
	padding-left:8px;
	background-image:url(../images/quote2.png);
}

blockquote.style3 {
	padding-left:18px;
	border-left: 7px solid #999;
	background:transparent;
}

blockquote.style4 {
	padding-left:0;
	border-top: 7px solid #999;
	border-bottom: 7px solid #999;
	background:transparent;
}

blockquote.style5 {
	padding-left:0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 7px solid #999;
	border-right: 7px solid #999;
	padding: 8px 20px 10px;
	background: #fff;
}
blockquote.style5 p {
margin: 0;
}

/* Info messages ( Alerts ) 
---------------------------------------------*/
.info_msg,.note_msg,.tip_msg,.error_msg,.succes_msg {
	padding:10px 20px;
	margin:20px 0;
	max-width: 940px;
	padding-left:55px;
	font-style:normal;
	font-family:Helvetica, Arial, "Times New Roman", Times, serif;
	font-size:13px;
	background:#eee;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 10px 8px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	-webkit-box-shadow:0 1px 4px #eee, 0 0 40px #eee inset;
	-moz-box-shadow:0 1px 4px #eee, 0 0 40px #eee inset;
	box-shadow:0 1px 4px #eee, 0 0 40px #eee inset;
}

.info_msg{
	background-color: #E3F7FC;
	background-image:url(../images/icons24/information.png);
	border:1px solid #8ed9f6;
	color:#2e6093;
}

.note_msg {
	background-color: #FFFBC8;
	background-image: url(../images/icons24/thumb-up.png);
	border:1px solid #f5d145;
	color:#8F680E;
}

.error_msg {
	background-color:#FFC8D1;  
	background-image: url(../images/icons24/cross-circle.png);
	border:1px solid #D96E66;
	color:#cd0a0a;
}

.tip_msg {
	background-color:#E6FFE9;
	background-image: url(../images/icons24/light-bulb-off.png);
	border:1px solid #BCDB58;
	color:#38762C;
}
.succes_msg {
	background-color:#DDFFCD;
	background-image: url(../images/icons24/tick.png);
	border:1px solid #b7db58;
	color:#38762C;
}

/* Drop-Cap */
.drop-cap, .drop-cap1, .drop-cap2, .drop-cap3, .drop-cap4, .drop-cap5 {
	display:block;
	float:left;
	text-align: center;
	font-size:34px;
	line-height:30px;
	color: #fff;
	padding: 9px 10px;
	margin: 5px 8px 0 2px;
	border: 2px solid #fff;
}

.drop-cap {
	background:#CD5C5C
}

.drop-cap1 {
	background:#CD5C5C;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.drop-cap2 {
	background:#CD5C5C;
	border-radius: 50% 0 50% 0;
	-moz-border-radius: 50% 0 50% 0;
	-webkit-border-radius: 50% 0 50% 0;
}

.drop-cap3 {
	background:#CD5C5C;
	border-radius: 0 50% 0 50%;
	-moz-border-radius: 0 50% 0 50%;
	-webkit-border-radius: 0 50% 0 50%;
}

.drop-cap4 {
	color: #333 !important;
	background:#fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
}

.drop-cap5 {
	color: #333 !important;
	background:#fff;
	border-radius: 50% 0 50% 0;
	-moz-border-radius: 50% 0 50% 0;
	-webkit-border-radius: 50% 0 50% 0;
	-moz-box-shadow: inset 0 0 5px #708090;
	-webkit-box-shadow: inset 0 0 5px #708090;
	box-shadow: inner 0 0 5px #708090;
}


/* Hightlight text */
mark.style1,mark.style2,mark.style3,mark.style4 {
	padding:2px 7px;
	border: 1px solid #fff;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
}

mark.style5, mark.style6, mark.style7, mark.style8 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	padding: 2px 12px;
	border: 1px solid #fff;
	text-shadow: 1px 1px 2px #333;
}

mark.style1{
	background-color:#fff;
	color:#333;
	text-shadow: 1px 1px 2px #fff;
}
mark.style2 {
	background-color:#FF6;
	color:#000;
	text-shadow: 1px 1px 2px #fff;
}
mark.style3 {
	background-color:#333;
	color:#f5f5f5;
	text-shadow: 1px 1px 2px #000;
}
mark.style4 {
	background-color:#CD5C5C;
	color:#f5f5f5;
	text-shadow: 1px 1px 2px #333;
}
mark.style5 {
	background-color:#6495ED;
	color:#fff;
}
mark.style6 {
	background-color:#008B8B;
	color:#fff;
}
mark.style7 {
	color:#fff;
	background-color:#FF8C00;
}
mark.style8 {
	background-color:#2E8B57;
	color:#fff;
}


/* Lists */
ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6,
ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12, ul.list13, ul.list14, ul.list15, ul.list16 {
	margin:0;
}
ul.list1 li, ul.list2 li, ul.list3 li , ul.list4 li, ul.list5 li, ul.list6 li,
ul.list7 li , ul.list8 li, ul.list9 li, ul.list10 li, ul.list11 li , ul.list12 li , ul.list13 li, ul.list14 li, ul.list15 li, ul.list16 li  {
	margin-bottom:10px;
	padding-left:24px;
	display:block;
	list-style: none;
}

ul.list1 li {
	background:url('../images/fugue/tick.png') no-repeat left center transparent;
}
ul.list2 li {
	background:url('../images/fugue/cross-script.png') no-repeat left center transparent;
}
ul.list3 li {
	background:url('../images/fugue/minus.png') no-repeat left center transparent;
}
ul.list4 li {
	background:url('../images/fugue/new-text.png') no-repeat left center transparent;
}
ul.list5 li {
	background:url('../images/fugue/medal-red.png') no-repeat left center transparent;
}
ul.list6 li {
	background:url('../images/fugue/hand-point.png') no-repeat left center transparent;
}
ul.list7 li {
	background:url('../images/fugue/thumb-up.png') no-repeat left center transparent;
}
ul.list8 li {
	background:url('../images/fugue/leaf.png') no-repeat left center transparent;
}
ul.list9 li {
	background:url('../images/fugue/plus.png') no-repeat left center transparent;
}
ul.list10 li {
	background:url('../images/fugue/smiley-wink.png') no-repeat left center transparent;
}
ul.list11 li {
	background:url('../images/fugue/arrow-curve-000-left.png') no-repeat left center transparent;
}
ul.list12 li {
	background:url('../images/fugue/layers-ungroup.png') no-repeat left center transparent;
}
ul.list13 li {
	background:url('../images/fugue/address-book.png') no-repeat left center transparent;
}
ul.list14 li {
	background:url('../images/fugue/mobile-phone--plus.png') no-repeat left center transparent;
}
ul.list15 li {
	background:url('../images/fugue/mail-open.png') no-repeat left center transparent;
}
ul.list16 li {
	background:url('../images/fugue/block.png') no-repeat left center transparent;
}


/* Big Icons Content */

.s_icon1 h3, .s_icon2 h3, .s_icon3 h3, .s_icon4 h3, .s_icon5 h3, .s_icon6 h3,
.s_icon7 h3, .s_icon8 h3, .s_icon9 h3, .s_icon10 h3, .s_icon11 h3, .s_icon12 h3
{
	margin-left: 47px;
	margin-top: 15px;
}

.s_icon1 p, .s_icon2 p, .s_icon3 p, .s_icon4 p, .s_icon5 p, .s_icon6 p,
.s_icon7 p, .s_icon8 p, .s_icon9 p, .s_icon10 p, .s_icon11 p, .s_icon12 p
{	}

.s_icon1, .s_icon2, .s_icon3, .s_icon4, .s_icon5, .s_icon6,
.s_icon7, .s_icon8, .s_icon9, .s_icon10, .s_icon11, .s_icon12
{
	background-position: 5px 17px;
	background-repeat: no-repeat;
}

.s_icon1{
	background-image: url('../images/icons32/monitor.png');
}
.s_icon2{
	background-image: url('../images/icons32/map.png');
}
.s_icon3{
	background-image: url('../images/icons32/script-text.png');
}
.s_icon4{
	background-image: url('../images/icons32/color-swatch.png');
}
.s_icon5{
	background-image: url('../images/icons32/card-address.png');
}
.s_icon6{
	background-image: url('../images/icons32/calendar-month.png');
}
.s_icon7{
	background-image: url('../images/icons32/magnet.png');
}
.s_icon8{
	background-image: url('../images/icons32/mail.png');
}
.s_icon9{
	background-image: url('../images/icons32/balloon.png');
}
.s_icon10{
	background-image: url('../images/icons32/database.png');
}
.s_icon11{
	background-image: url('../images/icons32/folder.png');
}
.s_icon12{
	background-image: url('../images/icons32/cross-circle.png');
}


/************************************************************************************
BUTTONS
*************************************************************************************/
.button {
text-decoration: none !important;
color: #333;	
font: 100% Arial, Helvetica, sans-serif;
padding: 5px 13px;
margin: 0 3px 5px 0;

border: solid 1px #aaa;

background: #f5f5f5;
background: -moz-linear-gradient(top, #f6f6f6 0%, #dfdfdf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dfdfdf));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dfdfdf',GradientType=0 );
background: linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);

vertical-align: middle;
display: inline-block;
zoom:1;
*display:inline;

text-shadow: 0 1px 0 rgba(255,255,255,.5);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
}
.button:hover {
text-decoration: none;
background: #f6f6f6;
}

/* color */
.button.flat {
background: #f5f5f5;
}

.button.yellow {
border-color: #edad14;
background: #ffe20b;
background: -moz-linear-gradient(top, #fff21e 0%, #ffd901 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff21e), color-stop(100%,#ffd901));
background: -webkit-linear-gradient(top, #fff21e 0%,#ffd901 100%);
background: -o-linear-gradient(top, #fff21e 0%,#ffd901 100%);
background: -ms-linear-gradient(top, #fff21e 0%,#ffd901 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff21e', endColorstr='#ffd901',GradientType=0 );
background: linear-gradient(top, #fff21e 0%,#ffd901 100%);
}
.button.yellow:hover {
background: #fff21e;
}
.button.yellow.flat {
background: #ffe20b;
}

.button.orange {
border-color: #a3620a;
background: #f9800f;
background: -moz-linear-gradient(top, #ff9a22 0%, #f46e01 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a22), color-stop(100%,#f46e01));
background: -webkit-linear-gradient(top, #ff9a22 0%,#f46e01 100%);
background: -o-linear-gradient(top, #ff9a22 0%,#f46e01 100%);
background: -ms-linear-gradient(top, #ff9a22 0%,#f46e01 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a22', endColorstr='#f46e01',GradientType=0 );
background: linear-gradient(top, #ff9a22 0%,#f46e01 100%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
.button.orange:hover {
background: #ff9a22;
}
.button.orange.flat {
background: #f9800f;
}

.button.blue {
border-color: #0076a3;
background: #49b3fc;
background: -moz-linear-gradient(top, #76c7ff 0%, #1da0fa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c7ff), color-stop(100%,#1da0fa));
background: -webkit-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
background: -o-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
background: -ms-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c7ff', endColorstr='#1da0fa',GradientType=0 );
background: linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
.button.blue:hover {
background: #76c7ff;
}
.button.blue.flat {
background: #49b3fc;
}

.button.green {
border-color: #4e7521;
background: #76ab3b;
background: -moz-linear-gradient(top, #90c356 0%, #649a27 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90c356), color-stop(100%,#649a27));
background: -webkit-linear-gradient(top, #90c356 0%,#649a27 100%);
background: -o-linear-gradient(top, #90c356 0%,#649a27 100%);
background: -ms-linear-gradient(top, #90c356 0%,#649a27 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c356', endColorstr='#649a27',GradientType=0 );
background: linear-gradient(top, #90c356 0%,#649a27 100%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
.button.green:hover {
background: #90c356;
}
.button.green.flat {
background: #76ab3b;
}

.button.red {
border-color: #9e0b0f;
background: #e41d24;
background: -moz-linear-gradient(top, #fb4e55 0%, #d7020a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb4e55), color-stop(100%,#d7020a));
background: -webkit-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
background: -o-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
background: -ms-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4e55', endColorstr='#d7020a',GradientType=0 );
background: linear-gradient(top, #fb4e55 0%,#d7020a 100%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
.button.red:hover {
background: #fb4e55;
}
.button.red.flat {
background: #e41d24;
}

.button.black {
border-color: #000000;
background: #111;
background: -moz-linear-gradient(top, #4f4f4f 0%, #030303 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#030303));
background: -webkit-linear-gradient(top, #4f4f4f 0%,#030303 100%);
background: -o-linear-gradient(top, #4f4f4f 0%,#030303 100%);
background: -ms-linear-gradient(top, #4f4f4f 0%,#030303 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#030303',GradientType=0 );
background: linear-gradient(top, #4f4f4f 0%,#030303 100%);
color: #eee !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.8);
}
.button.black:hover {
background: #4f4f4f;
}
.button.black.flat {
background: #111;
}

.button.purple {
border-color: #350d4c;
background: #7933ac;
background: -moz-linear-gradient(top, #9655c6 0%, #661e9b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9655c6), color-stop(100%,#661e9b));
background: -webkit-linear-gradient(top, #9655c6 0%,#661e9b 100%);
background: -o-linear-gradient(top, #9655c6 0%,#661e9b 100%);
background: -ms-linear-gradient(top, #9655c6 0%,#661e9b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9655c6', endColorstr='#661e9b',GradientType=0 );
background: linear-gradient(top, #9655c6 0%,#661e9b 100%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}
.button.purple:hover {
background: #9655c6;
}
.button.purple.flat {
background: #7933ac;
}

.button.gray {
border-color: #656565;
background: #888888;
background: -moz-linear-gradient(top, #adadad 0%, #707070 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(100%,#707070));
background: -webkit-linear-gradient(top, #adadad 0%,#707070 100%);
background: -o-linear-gradient(top, #adadad 0%,#707070 100%);
background: -ms-linear-gradient(top, #adadad 0%,#707070 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#707070',GradientType=0 );
background: linear-gradient(top, #adadad 0%,#707070 100%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
.button.gray:hover {
background: #adadad;
}
.button.gray.flat {
background: #888888;
}


/* button size */
.button.small {
font-size: 85%;
font-weight: normal;
padding: 3px 8px;
}
.button.large {
font-size: 120%;
font-weight: bold;
padding: 8px 20px;
}
.button.xlarge {
font-size: 150%;
font-weight: bold;
padding: 12px 26px;
}

/* button shape */
.button.rect {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.button.rounded {
-webkit-border-radius: 20em;
-moz-border-radius: 20em;
border-radius: 20em;
}

/* button embossed */
.button.embossed {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.2), inset 0 -3px 0 rgba(255,255,255,.2);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.2), inset 0 -3px 0 rgba(255,255,255,.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.2), inset 0 -3px 0 rgba(255,255,255,.2);
padding-top: 4px;
padding-bottom: 6px;
}
.button.embossed.small,
.button.small.embossed {
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 -2px 0 rgba(255,255,255,.2);
-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 -2px 0 rgba(255,255,255,.2);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 -2px 0 rgba(255,255,255,.2);
padding-top: 1px;
padding-bottom: 2px;
}
.button.embossed.large,
.button.large.embossed {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -4px 0 rgba(255,255,255,.2);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -4px 0 rgba(255,255,255,.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -4px 0 rgba(255,255,255,.2);
padding-top: 6px;
padding-bottom: 10px;
}
.button.embossed.xlarge,
.button.xlarge.embossed {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -5px 0 rgba(255,255,255,.2);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -5px 0 rgba(255,255,255,.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -5px 0 rgba(255,255,255,.2);
padding-top: 10px;
padding-bottom: 14px;
}


/* button active */
.button:active {
position: relative;
top: 1px;
}


/* Table 
---------------------------------------*/
table {
border:3px solid #D8D8D8;
border-collapse:collapse;
margin-bottom:30px;
margin-top:20px;
width: 100%;
}

table th, tfoot td {
padding:5px;
color: #555;
padding: 10px 13px;
text-align: left;
background: #f1f2f4;
border-right:1px solid #D8D8D8;
font-size:14px;
font-weight: 700;
}

.default_w_ft tfoot td {
padding: 5px 13px;
background: #f1f2f4;
}

table td {
border:1px solid #D8D8D8;
padding:5px;
padding-left:13px;
text-align: left;
background: #fff;
}

table td:hover {
background-color:#F6F7F9;
}

/* Style 2 */
table.style2 {
border:3px solid #555;
border-collapse:collapse;
margin-bottom:30px;
margin-top:20px;
width: 100%;
}

table.style2 th, table.style2 tfoot td, table.style2 tfoot td:hover {
padding:5px;
color: #eee;
padding: 10px 13px;
text-align: left;
background: #999;
border-right:1px solid #555;
font-size:14px;
font-weight: 700;
text-shadow: 0 1px 1px #555;
}

table.style2 tfoot td, table.style2 tfoot td:hover {
padding: 5px 13px;
}

table.style2 td {
border:1px solid #555;
padding:5px;
padding-left:13px;
text-align: left;
background: #eee;
}

table.style2 td:hover {
background-color:#fff;
}

/* Style 3 and 4 */
table.style3, table.style4 {
border:3px solid #555;
border-collapse:collapse;
margin-bottom:30px;
margin-top:20px;
width: 100%;
}

table.style3 th, table.style4 th {
padding:5px;
color: #eee;
padding: 10px 13px;
text-align: left;
background: #999;
border-right:1px solid #555;
font-size:14px;
font-weight: 700;
text-shadow: 0 1px 1px #555;
}

table.style3 td, table.style4 td {
border:1px solid #555;
padding:5px;
padding-left:13px;
text-align: left;
background: #eee;
}

table.style3 td:first-child, table.style4 td:last-child {
background: #999;
color: #fff;
text-shadow: 0 1px 1px #555;
font-weight: 700;
}

table.style3 th:first-child, table.style4 th:last-child {
background: #777;
}

/* Tabs 
-----------------------------------------------*/

ul.tabs {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	float: left;
	list-style: none;
	height: 38px; /*--Set height of tabs--*/
	border-bottom: 1px solid #B7B7B7;
	border-left: 1px solid #B7B7B7;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 37px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 37px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #B7B7B7;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #dedede;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#ffffff));
	background: -moz-linear-gradient(top, #dedede, #ffffff);
}
ul.tabs li a {
	text-decoration: none;
	color: #555;
	display: block;
	font-size: 12px;
	font-weight: 700;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#dedede));
	background: -moz-linear-gradient(top, #fff, #dedede);
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #F4F4F4;
	border-bottom: 1px solid #F4F4F4; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #B7B7B7;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #F4F4F4;
	margin-bottom: 30px;
}
.tab_content {
	padding: 0 20px;
	font-size: 12px;
}


/* Accordion 
--------------------------------------------*/

.accordion_place {
padding-bottom: 20px;
}

.accordion_button {	
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 38px; /*--Set height of tabs--*/
	line-height: 38px; /*--Set height of tabs--*/
	border-top: 1px solid #B7B7B7;
	border-left: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
	width: 100%;
	cursor: pointer;
	color: #555;
	font-size: 12px;
	font-weight: 700;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#dedede));
	background: -moz-linear-gradient(top, #fff, #dedede);
	}
	
.accordion_button .title {	
padding-left: 20px;
border: 1px solid #fff;
}
	
.accordion_container {	
	border: 1px solid #B7B7B7;
	border-top: none;
	border-bottom: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #F4F4F4;
}

.accordion_last {	
	border-bottom: 1px solid #B7B7B7;
}

.accordion_content {
	padding: 0 20px;
	font-size: 12px;
}

.acdn_on {
	background: #dedede;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#ffffff));
	background: -moz-linear-gradient(top, #dedede, #ffffff);
	border-bottom: 1px solid #B7B7B7;
}
	
.acdn_over {
	background: #dedede;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#ffffff));
	background: -moz-linear-gradient(top, #dedede, #ffffff);
}


.toggle_block h4 {
	margin: 0;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 42px;
	padding-left: 30px;
	border: 0;
	background: url(../images/icons24/plus-black.png) no-repeat left center;
	cursor: pointer;
}

.toggle_block h4.tgg_close {
	background: url(../images/icons24/minus-black.png) no-repeat left center;
	color: #000;
}

.toggle_block .toggle_content .inner {
	padding: 10px 20px 5px;
	font-size: 12px;
	background: #F4F4F4;
	border: 1px solid #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


/* Forms */

.form_place{
margin-bottom: 30px;
margin-top: 20px;
}


input.i-format[type="text"], input.i-format[type="password"]{
width: auto;
min-width: 100%;
height: 30px;
line-height: 26px;
padding-left: 1%;
border: 1px solid #999;
}

textarea.default{
width: auto;
min-width: 100%;
}

textarea{
height: 260px;
line-height: 24px;
padding-left: 1%;
border: 1px solid #999;
}

.field600px, .field500px, .field400px, .field300px, .field200px, .field250px, .field100px {
padding-left: 3px;
height: 26px;
line-height: 26px;
border: 1px solid #999;
}

.field600px {
width: 595px !important;
}

.field500px {
width: 495px !important;
}

.field400px {
width: 395px !important;
}

.field300px {
width: 295px !important;
}

.field200px {
width: 195px !important;
}

.field250px {
width: 245px !important;
}

.field100px {
width: 95px !important;
}

textarea.field400px {
width: 395px !important;
min-height: 200px;
}

textarea.field200px {
width: 195px !important;
min-height: 125px;
}

input[type="text"], input[type="password"], textarea{
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
}

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}

input[type="submit"]{
	cursor: pointer;
    outline: none;
}

.form_row {
margin-left: 0 !important;
margin-right: 0 !important;
} 

.form_row .grid_9 {
margin-right: 0 !important;
} 

.form_row  {
position: relative;
min-height: 30px;
line-height: 24px;
padding-top: 15px;
padding-bottom: 15px;
vertical-align: middle;
border: 0;
} 

.form_row  .grid_3{
padding-top: 2px;/*Fix to center text verticaly*/
}

.form_row  .grid_3 label, .form_row  .grid_3 .field_name {
margin-left: 0;
font-weight: 700;
}

.block_content {
margin-left: 10px;
margin-right: 10px;
}

.input_tips {
font-size: 10px;
color: #888;
}

.validEmail{
top: 22px;
right: 15px;
position: absolute;
width: 16px;
height: 16px;
}

select {
text-shadow: none !important;
}
