@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
body{
	font-family: 'Open Sans Condensed';
	font-size: 17px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	-webkit-font-smoothing: antialiased;
}
.componentheading, h1, h1 a:link {
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
}
h2, h2 a:link {
    font-size: 28px;
    line-height: 32px;
    font-weight: bold;
}
h3 , h3 a:link{
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}
h4, h4 a:link{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
} 
h5, h5 a:link{
	font-size: 18px;
	font-weight: bold;
}
h6, h6 a:link {
	font-size: 14px;
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, .componentheading{
	margin: 5px 0 10px;
	color: #464646;
}
.text-drop-cap:first-letter {
	float: left;
	font-size: 60px;
	line-height: 18px;
	margin: 10px 5px 0 0;
	text-transform: uppercase;
}
.title_line {
border-bottom: solid 1px #eeeeee;
}
ul{
	padding-left: 0;
}
img{
	max-width: 100%;
}
/* FONT */
/*box message*/
.box-confirm,
.box-system,
.box-info,
.box-error,
.box-warning,
.box-download{
	padding :15px 15px 15px 60px;
}
.box-confirm{
	border: solid 1px #76db73;
	background: url('../images/icons/typo/box_confirm.png') 15px center no-repeat #e0ffdf;
	color: #4d7c4c;
}
.box-info{
	border: solid 1px #9bc8e4;
	background: url('../images/icons/typo/box_info.png') 15px center no-repeat #d0edff;
	color: #4a9cce;
}
.box-error{
	border: solid 1px #e6bbbb;
	background: url('../images/icons/typo/box_error.png') 15px center no-repeat #ffe3e3;
	color: #be0c0c;
}
.box-warning{
	border: solid 1px #e6bbbb;
	background: url('../images/icons/typo/box_warning.png') 15px center no-repeat #feedc8;
	color: #ce7605;
}
.box-system{
	border: solid 1px #b1a3f3;
	background: url('../images/icons/typo/box_system.png') 15px center no-repeat #e7e2ff;
	color: #7568b0;
}
.box-download{
	border: solid 1px #d7d7d7;
	background: url('../images/icons/typo/box_download.png') 15px center no-repeat #f1ffd0;
	color: #797c72;
}
/*icon style*/
.a-icon-warning,
.a-icon-info,
.a-icon-cart,
.a-icon-tool,
.a-icon-write,
.a-icon-system,
.a-icon-search,
.a-icon-attach,
.a-icon-image,
.a-icon-phone,
.a-icon-diagram,
.a-icon-edit{
	padding-left: 30px;
}
.a-icon-warning{
	background: url('../images/icons/typo/icon_warning.png') 5px top no-repeat;
	color: #eb9853;
}
.a-icon-info{
	background: url('../images/icons/typo/icon_info.png') 5px top no-repeat;
	color: #1292cc;
}
.a-icon-cart{
	background: url('../images/icons/typo/icon_cart.png') 5px top no-repeat;
}
.a-icon-tool{
	background: url('../images/icons/typo/icon_tool.png') 5px top no-repeat;
}
.a-icon-write{
	background: url('../images/icons/typo/icon_write.png') 5px top no-repeat;
}
.a-icon-system{
	background: url('../images/icons/typo/icon_system.png') 5px top no-repeat;
}
.a-icon-search{
	background: url('../images/icons/typo/icon_search.png') 5px top no-repeat;
}
.a-icon-attach{
	background: url('../images/icons/typo/icon_attach.png') 5px top no-repeat;
}
.a-icon-image{
	background: url('../images/icons/typo/icon_image.png') 5px top no-repeat;
}
.a-icon-phone{
	background: url('../images/icons/typo/icon_phone.png') 5px top no-repeat;
}
.a-icon-diagram{
	background: url('../images/icons/typo/icon_diagram.png') 5px top no-repeat;
}
.a-icon-edit{
	background: url('../images/icons/typo/icon_edit.png') 5px center no-repeat;
}
/*list style*/
.the-arrow,
.the-double-arrow,
.the-square,
.the-green,
.the-blue,
.the-red,
.the-star{
	list-style: none;
}
.the-arrow > li,
.the-double-arrow > li,
.the-square > li,
.the-green > li,
.the-blue > li,
.the-red > li,
.the-star > li{
	padding: 4px 0 0 25px;
}
.the-arrow > li{
	background: url('../images/icons/typo/list_arrow_2.png') no-repeat 0px 7px;
}
.the-double-arrow > li{
	background: url('../images/icons/typo/list_arrow.png') no-repeat 0px 7px;
}
.the-square > li{
	background: url('../images/icons/typo/list_square.png') no-repeat 0px 7px;
}
.the-green > li{
	background: url('../images/icons/typo/list_green.png') no-repeat 0px 7px;
}
.the-blue > li{
	background: url('../images/icons/typo/list_blue.png') no-repeat 0px 7px;
}
.the-red > li{
	background: url('../images/icons/typo/list_red.png') no-repeat 0px 7px;
}
.the-star > li{
	background: url('../images/icons/typo/list_star.png') no-repeat 0px 7px;
}
/*table*/
.table th{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}
.table-heading{
	border-collapse: separate;
	border: 1px solid #dddddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-left: none;
}
.table-heading tr:nth-child(2n+1){
	background: #f9f9f9;
}
.table-heading th, 
.table-heading td {
	border-left: 1px solid #dddddd;
}
.table-heading tbody tr:first-child th, 
.table-heading tbody tr:first-child td,
.table-heading tbody tr:last-child th, 
.table-heading tbody tr:last-child td {
	border-left: none;
}
.table-heading caption+thead tr:first-child th, 
.table-heading caption+tbody tr:first-child th, 
.table-heading caption+tbody tr:first-child td, 
.table-heading colgroup+thead tr:first-child th, 
.table-heading colgroup+tbody tr:first-child th, 
.table-heading colgroup+tbody tr:first-child td, 
.table-heading thead:first-child tr:first-child th, 
.table-heading tbody:first-child tr:first-child th, 
.table-heading tbody:first-child tr:first-child td {
	border-top: 0;
}
/*block number*/
.block-number{
	padding: 10px 10px 10px 65px;
	position: relative;
}
.block-number:hover .block-circle-black,
.block-number:hover .block-circle-blue,
.block-number:hover .block-circle-red,
.block-number:hover .block-circle-green{
	font-size: 55px;
	-webkit-transition: font-size 500ms ease-in-out;
	-moz-transition: font-size 500ms ease-in-out;
	-ms-transition: font-size 500ms ease-in-out;
	-o-transition: font-size 500ms ease-in-out;
	transition: font-size 500ms ease-in-out;
}
.block-circle-black,
.block-circle-green,
.block-circle-blue,
.block-circle-red{
	left: 5px;
	position: absolute;
	height: 37px;
	width: 37px;
	text-align: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	color: #fff;
	font-size: 20px;
	line-height: 37px;
	-webkit-transition: font-size 500ms ease-in-out;
	-moz-transition: font-size 500ms ease-in-out;
	-ms-transition: font-size 500ms ease-in-out;
	-o-transition: font-size 500ms ease-in-out;
	transition: font-size 500ms ease-in-out;
	overflow: hidden;
}
.block-circle-black{
	background: #393939;
}
.block-circle-green{
	background: #12901b;
}
.block-circle-blue{
	background: #12a8eb;
}
.block-circle-red{
	background: #bb211a;
}
input{
	border-width: 1px;
	padding: 2px 5px;
}
input:focus,
textarea:focus,
select:focus{
	box-shadow: none;
	outline: 0 none;
}
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #BEBEBE;
}
input[type="reset"],
input[type="submit"],
button[type="submit"],
.btn, .btn-primary{
	background: #434343 !important;
	color: #e6e6e6 !important;
	border: 1px solid #434343;
	text-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 18px;
}
input[type="submit"]:hover,
button[type="submit"]:hover{
	background: #575757;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
input[type="reset"]:hover{
	background: #f5f5f5;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
.btn, .btn *{
	color: #e6e6e6 !important;
}
.even{
	background-color: transparent;
}
blockquote{
	font-size: 18px;
	font-style: italic;
    font-weight: bold;
}
.btn.jmodedit{
	width: 38px !important;
	height: 40px !important;
}
span.highlight{
	background-color: transparent;
	text-decoration: underline;
}