/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
 */ 
 
a:link,
a:visited { 
	color: #6C9790;
	text-decoration: none; 
	}
	
a:hover {
	color: #C60;
	text-decoration: underline;
}

.style-black #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_black.png); }

.iconbox { 
	padding: 10px;
	border: 1px solid #EDEEEF;
	background: #ffffff;
	overflow:hidden; 
}

.style-black .iconbox { 
	background: #2C2B2A;
	border: 1px solid #43413D;
}

#system .item > .date + .title { 
	margin: 0 0 15px 0;
	font-size: 20px;
	line-height: 20px;
}

h1 { font-size: 22px; line-height: 22px; }
h2 { font-size: 18px; line-height: 18px; }
h3 { font-size: 16px; line-height: 16px; }
h4 { font-size: 14px; line-height: 14px; }
h5 { font-size: 13px; line-height: 13px; }

/* typography */
.color-green h2,
.color-green h4,
.color-green h6,
.color-green a:hover { color: #6C9790; }

#yoo-zoo .details h1.title {
	margin: 0px 0px 5px 0px;
	font-size: 24px;
	color: #505050;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: -1px;
}

table.zebra tbody { font-size: 14px; }

div.topbox div.last {
	padding-left:10px !important;
}
div.topbox div.first {
	padding-left:0px !important;
}
div.topbox {
	overflow:hidden;
	max-height: 212px; 
}
td {
vertical-align:top;
}

body.yoopage { background: #FAFBFC url(../images/bg-rice.png) repeat-x center top; }
.custom .moduletable h3{
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #E1E1E2;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
}
#top .module,
#maintop .module { 
	padding-left: 0px;
	padding-right: 0px;
	
}
#top .module,
#maintop .module { margin-bottom: 0px; }
div.mod-box div.box-1 { 
	padding: 0;
	border: none;
	background: none;
	overflow: hidden;
}
div.mod-line div.box-1 { 
	padding: 20px 20px 0 20px;
}
#header { margin: 0px 0px 30px 0px;}
#footer {
	margin: 20px 0px 0px 0px;
	background:#333435;
	color:#efefef;
}
#toolbar {
	height: 42px;
	line-height: 42px;
}
.middle-wrapper { margin: 0 0px 0 0px; }
p.links {
	display:block;
	height: 25px !important;
	width: 120px !important;
	padding: 0 !important;
	border: none;
	}
a.readmore, p.links a, p.mod-articles-category-readmore  a {
	display:block;
	height: 25px !important;
	width: 120px !important;
	padding: 0 !important;
	border: none;
	background: url(../images/color/green/readmore.png) 0 0 no-repeat;
	line-height: 25px !important;
	text-indent: 8px !important;
	font-size: 11px !important;
	color: #646566;
	text-transform: uppercase;
}

#page a.readmore:hover, p.links a:hover,  p.mod-articles-category-readmore  a:hover {
	background-position: 0 -40px !important;
	color: #FFFFFF; 
}
.breadcrumbs strong {

color: #999;

}
p.img_caption 
{
font-size:11px; 
line-height:12px;
font-family:Arial, Helvetica, san-serif;
color:#666666;
font-weight:bold;

} 
ul.category-module {
	list-style:none;
	margin:0;
	padding:0;
}
ul.category-module li {
	margin:0;
}
span.mod-articles-category-writtenby, span.mod-articles-category-date {
	margin-top: 5px;
	font-size: 12px;
	color: #858586;
	line-height: 16px;
	display:block;
}
span.mod-articles-category-date {
margin-top: 0;
	margin-bottom: 5px;
}
form#adminForm { margin-top:-25px;}

.slides li {
text-align:center !important;
}
.slides li  img{
margin:0 auto;
width:auto;
}
.jg_category div.sectiontableheader{
font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	color: #333435;
	font-weight:bold;
	text-align:left;
}

label.fabrikLabel {
font-weight:bold;
font-size:110%;
}
.fabrikElementContainer label span{
padding-left:0 !important;
}

form div { margin: 0px 0 0px 0; }
#component h1 {
text-transform: uppercase;
  font-weight: bold;
  }
  
legend {
background:none transparent;
}

span.addbutton a, a.related_data{
display:block;
width:100%;
margin:0 auto;
text-align:center;
}

.color-green #menu li.level1.active:hover,
.color-green #menu li.active.remain { background: #6C9790; }
.color-green #menu li.active a.level1 > span,
.color-green #menu li.active span.level1 > span { color: #6C9790; }
.color-green #menu li.parent a.level1,
.color-green #menu li.parent span.level1 { background-image: url(../images/color/green/menu_level1_item_parent.png); }