/* template.css */

/* reset.css */

/*
 * reset
 */

 
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }

 
a:focus { outline: none; }

 
body { overflow-y: scroll; }

/*
 * default values
 */

p {
	margin-top: 10px;
	margin-bottom: 15px;
}

 
ul, ol, dl {
	margin: 10px 0;
	padding-left: 30px
}

dl { margin: 10px 0; }
dd { padding-left: 40px; }

 
td, th { padding: 1px; }

 
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

 
fieldset {
	margin: 10px 0 10px 0;
	padding: 0 10px 10px 10px;
	border: 1px solid #c8c8c8;
}

legend {
	padding: 0 10px 0 10px;
	background: #ffffff;
}

form div { margin: 0 0 0 0; }

textarea { padding: 1px 0 1px 1px; }

option { padding: 0 0 1px 5px; }

input[type='hidden'] { display: none; }

input[type='text'],
input[type='password'] { padding: 1px 0 1px 5px; }

button,
input[type='button'],
input[type='submit'] {
	padding: 2px 4px 2px 1px;
	line-height: 100%;
}

input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button { cursor: pointer; }

 
textarea,
input[type='text'],
input[type='password'],
select {
	border: 1px solid #c8c8c8;
	background: #ffffff;
}

 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-color: #aaaaaa; }

 
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
	border-color: #8c8c8c;
}

 
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	font-weight: normal;
}

h1 { font-size: 36px; line-height: 36px; margin-top: 25px; }
h2 { font-size: 24px; line-height: 24px; margin-top: 25px; }
h3 { font-size: 18px; line-height: 18px; margin-top: 15px; }
h4 { font-size: 16px; line-height: 16px; margin-top: 15px; }
h5 { font-size: 14px; line-height: 14px; margin-top: 10px; }
h6 { font-size: 14px; line-height: 14px; margin-top: 10px; }

 
hr {
	margin: 15px 0 15px 0;
	display: block;
	background: #c8c8c8;
	height: 1px;
	border: none;
}

 
q { font-style: italic; }

blockquote {
	margin: 10px 0 10px 15px;
	font-style: italic;
	font-size: 130%
}
blockquote > *:first-child:first-letter { font-size: 150% }

 
pre {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #fafafa;
	font-size: 90%;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	white-space: pre-wrap;
}

 
acronym, abbr {
	border-bottom: 1px dashed #969696;
	cursor: help;
	font-variant: small-caps;
	text-transform: lowercase;
}
/* layout.css */

 
 


 

body.yoopage { background: #2E3C48; }
#page-body {
	padding-bottom: 30px;
	background: #3C4C5A url("http://sim-racing.at.ua/images/yootheme/crysisbg.jpg") 50%  0 fixed;
}
#page-footer {
	padding-top: 35px;
	background: url("../../images/page_footer_bg.png") 50% 0 repeat-x;
}

 

#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}

 
#breadcrumbs {
	padding: 10px 0px 0px 20px;
	overflow: hidden;
	font-size: 10px;
}

#breadcrumbs span {
	display: block;
	float: left;
}

#breadcrumbs a,
#breadcrumbs span.separator {
	text-decoration: none;
	color: #646464;
}

#breadcrumbs span.current { color: #969696; }

#breadcrumbs .box-1 { 
	margin-right: 5px;
	background: url("../../images/breadcrumbs.png") 0 0 no-repeat;
}

#breadcrumbs .box-2 {
	padding: 0px 10px 0px 10px;
	background: url("../../images/breadcrumbs.png") 100% -25px no-repeat;
}

#breadcrumbs .box-3 {
	height: 20px;
	background: url("../../images/breadcrumbs.png") 0 -50px repeat-x;
}

#breadcrumbs a.box-1:hover  {
	background-position: 0 -75px;
	color: #404040;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}
#breadcrumbs a:hover .box-2 { background-position: 100% -100px; }
#breadcrumbs a:hover .box-3 { background-position: 0 -125px; }



 

 
#toolbar {
	height: 25px;
	padding-top: 5px;
	overflow: hidden;
	line-height: 30px;
	font-size: 9px;
	color: #ffffff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

#toolbar a { color: #ffffff; }

#date {
	margin: 0px 10px 0px 0px;
	float: left;
}

#headerbar {
	min-height: 120px;
	padding: 0px 0px 0px 300px;
	overflow: hidden;
}

 
#logo {
	position: absolute;
	top: 30px;
	left: 0px;
}

#menu {
	position: absolute;
	bottom: -65px;
	left: 20px;
	z-index: 11;
}
.column-left #menu { left: 300px; }

#search {
	position: absolute;
	top: 155px;
	right: 5px;
	z-index: 12;
	width: 266px;
	height: 45px;
	padding: 15px 0px 0px 20px;
	background: url("../../images/searchbox.png") 0 0 no-repeat;
}
.column-right #search { background: none; }
.column-left #search {
	left: 5px;
	right: auto;
	background: none;
}

#banner {
	position: absolute;
	top: 150px;
	right: -15px;
	width: 0px;
	z-index: 3;
}

 

#footer a.anchor {
	position: absolute;
	right: 0px;
	top: 2px;
	width: 11px;
	height: 6px;
	background: url("../../images/footer_anchor.png") 0 0 no-repeat;
	display: block;
	text-decoration: none;
}

#footer a.anchor:hover { background-position: 0 -15px; }

#footer a { color: #c8c8c8; }
#footer a:hover { color: #ffffff; }

 

div.content-wrapper-t1 { background: url("../../images/content_wrapper_corners.png") 0 0 no-repeat; }

div.content-wrapper-t2 {
	padding: 0px 290px 0px 290px;
	background: url("../../images/content_wrapper_corners.png") 100% -80px no-repeat;
}

div.content-wrapper-t3 {
	height: 75px;
	background: url("../../images/content_wrapper_corners.png") 0 -160px repeat-x;
}

div.content-wrapper-1 { background: url("../../images/content_wrapper_edges_shadow.png") 0 0 repeat-y; }

div.content-wrapper-2 {
	padding: 0px 5px 0px 5px;
	background: url("../../images/content_wrapper_edges_shadow.png") 100% 0 repeat-y;
}

div.content-wrapper-3 { background: #FAFBFC; }

div.content-wrapper-4 {
	 
}

div.content-wrapper-b1 { background: url("../../images/content_wrapper_corners.png") 0 -240px no-repeat; }

div.content-wrapper-b2 {
	padding: 0px 290px 0px 290px;
	background: url("../../images/content_wrapper_corners.png") 100% -255px no-repeat;
}

div.content-wrapper-b3 {
	height: 10px;
	background: url("../../images/content_wrapper_corners.png") 0 -270px repeat-x;
}

.column-left div.content-wrapper-t1 { background-position: 0 -285px; }
.column-left div.content-wrapper-3 { background-image: url("../../images/content_wrapper_edges_with.png"); }
.column-left div.content-wrapper-b1 { background-position: 0 -445px; }

.column-right div.content-wrapper-t2 { background-position: 100% -365px; }
.column-right div.content-wrapper-4 { background: url("../../images/content_wrapper_edges_with.png") 100% 0 repeat-y; }
.column-right div.content-wrapper-b2 { background-position: 100% -460px; }

#left,
#right { background: url("../../images/content_wrapper_sidebar.png") 0 0 repeat-x; }

.component-bg {
	margin-bottom: -2px;
	padding: 20px 20px 0px 20px;
	background: url("../../images/module_gradient.png") 0 100% repeat-x;
}

.component-bg.last {
	margin: 0px;
	background: none;
}
/* typography.css */

/*
 * headings
 */

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }

h1 {
	font-weight: normal;
	color: #3C4C5A;
}

#page h1 a {
	color: #3C4C5A;
	text-decoration: none;
}

h2 { color: #497496; }
h3 { color: #3C4C5A; }
h4 { color: #497496; }
h5 { color: #3C4C5A; }
h6 { color: #497496; }

h1 { font-size: 26px; line-height: 26px; }
h2 { font-size: 22px; line-height: 22px; }

#left h1, #left h2, #left h3, #left h4, #left h5, #left h6 { color: #dcdcdc; }
#right h1, #right h2, #right h3, #right h4, #right h5, #right h6 { color: #dcdcdc; }

/*
 * anchor
 */

a:link,
a:visited { color: #000; }
a:hover { color: #B34437; }

.sidebar a:link,
.sidebar a:visited { color: #c8c8c8; text-decoration: underline;}
.sidebar a:hover { color: #ffffff; }

a.icon-folder {
        padding-left: 17px;
        background: url("../../images/typography/icon_folder.png") 0 40% no-repeat;
}

a.icon-file {
        padding-left: 17px;
        background: url("../../images/typography/icon_file.png") 0 40% no-repeat;
}

a.icon-download {
        padding-left: 17px;
        background: url("../../images/typography/icon_download.png") 0 40% no-repeat;
}

a.icon-external {
        padding-left: 17px;
        background: url("../../images/typography/icon_external.png") 0 40% no-repeat;
}

a.icon-pdf {
        padding-left: 17px;
        background: url("../../images/pdf_button.png") 0 40% no-repeat;
}

/*
 * emphasis
 */

em.box { 
	padding: 0px 3px 0px 3px;
	border: 1px dotted #aaaaaa;
	background: #f5f6f7;
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	white-space: nowrap;
}

#left em.box,
#right em.box,
#bottom em.box {
	background: #232328;
	border: 1px dotted #3C3C50;
}

/*
 * unsorted lists
 */

/* icon style */
ul.arrow,
ul.checkbox,
ul.check,
ul.star {
	margin: 10px 0px 10px 0px;
	padding-left: 20px;
	list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
	margin: 5px 0px 5px 0px;
	padding-left: 35px;
	font-weight: bold;
	line-height: 26px;  
}

ul.arrow li { background: url("../../images/typography/list_arrow.png") 0 0 no-repeat; }
ul.checkbox li { background: url("../../images/typography/list_checkbox.png") 0 0 no-repeat; }
ul.check li { background: url("../../images/typography/list_check.png") 0 0 no-repeat; }
ul.star li { background: url("../../images/typography/list_star.png") 0 0 no-repeat; }

/* links style */
ul.links {
	margin: 10px 0px 20px 0px;
	padding-left: 0px;
	list-style: none;
}

ul.links li {
	padding-left: 15px;
	height: 25px;
	line-height: 25px;
	background: url("../../images/typography/list_links.png") 0px 0 no-repeat;
	cursor: pointer;
}

ul.links li:hover { background-position: 0px -35px; }

#page ul.links li a { text-decoration: none; }

/* table style */
ul.table {
	margin: 20px 0px 20px 0px;
	padding-left: 0px;
	list-style: none;
}

ul.table li {
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
}

ul.table li:nth-child(odd) { background: #f0f0f0; }
ul.table li:nth-child(even) { background: #ffffff; }
ul.table li:last-child { border: none; }

/*
 * ordered lists
 */

ol.disc {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 45px;
	background: url("../../images/typography/list_disc.png") 20px 0px repeat-y;
}

ol.disc li {
	margin: 5px 0px 5px 0px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 26px;  
}

/*
 * horizontal rule
 */
 
hr.dotted {
	margin: 15px 0px 15px 0px;
	display: block;
	background: url("../../images/typography/line_dotted.png") 0 0 repeat-x;
	height: 1px;
	border: none;
}


/*
 * highlighted div and span tags
 */

span.note,
span.info,
span.alert,
span.download,
span.tip { display: block; }

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #E4EBF1;
	border-top: 1px solid #D4D9DE;
	border-bottom: 1px solid #D4D9DE;
	text-align:justify;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 40px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

div.info, span.info {
	background: #E4EBF1 url("../../images/typography/box_info.png") 8px 5px no-repeat;
	border-top: 1px solid #D4D9DE;
	border-bottom: 1px solid #D4D9DE;
}

div.alert, span.alert {
	background: #FFE6DF url("../../images/typography/box_alert.png") 8px 5px no-repeat;
	border-top: 1px solid #FFD9CF;
	border-bottom: 1px solid #FFD9CF;
}

div.download, span.download {
	background: #f5faeb url("../../images/typography/box_download.png") 8px 5px no-repeat;
	border-top: 1px solid #D6EBCD;
	border-bottom: 1px solid #D6EBCD;
}

div.tip, span.tip {
	background: #FDF9E3 url("../../images/typography/box_tip.png") 8px 5px no-repeat;
	border-top: 1px solid #FAE7BE;
	border-bottom: 1px solid #FAE7BE;
}

/*
 * p tag with dropcaps
 */
 
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*
 * tables
 */
 
table.listing {
	width: 100%;
	margin-bottom: 30px;
	font-size: 11px;
}

table.listing thead th {
	height: 30px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
	background: none;
	vertical-align: top;
	font-size: 14px;
	font-weight: normal;
}

table.listing tbody td {
	height: 20px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
}

table.listing tr.odd td { background: #f0f0f0; }
table.listing tr.even td { background: #ffffff; }

table.listing td.bold {
	font-weight: bold;
	font-size: 12px;
}

/*
 * blockquotes
 */

blockquote { font-family: Georgia, "Times New Roman", Times, serif; }

q.blockquote {
	margin: 10px 0 10px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 130%;
}

q.blockquote:first-letter { font-size: 150%; }

q.blockquote:before,
q.blockquote:after { content: ""; }

blockquote.quotation {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	border: none;
	background: url("../../images/typography/blockquote_start.png") 0 0 no-repeat;
	text-align:justify;
}

blockquote.quotation p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url("../../images/typography/blockquote_end.png") 100% 100% no-repeat;
}

/*
 * floating boxes
 */

body .inset-left {
	margin: 15px 15px 10px 0px;
	float: left;
}

body .inset-right {
	margin: 15px 0px 10px 15px;
	float: right;
}
/* menus.css */

/*
 * top and footer menu
 */

 
#toolbar ul.menu,
#footer ul.menu {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer ul.menu {
	display: block;
	line-height: 14px;
}

#toolbar .menu li,
#footer .menu li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#toolbar .menu li a,
#footer .menu li a {
	display: inline-block;
	padding: 0px 10px 0px 15px;
	background: url("../../images/topmenu_item_bg.png") 0 50% no-repeat;
	overflow: hidden;  
	color: #ffffff;
}

#footer .menu li a {
	background: url("../../images/footermenu_item_bg.png") 0 50% no-repeat;
	color: #c8c8c8;
}
#footer .menu li a:hover { color: #ffffff; }

#toolbar .menu a.first,
#footer .menu a.first {
	padding-left: 0px;
	background: none;
}

#toolbar .menu a.last,
#footer .menu a.last { padding-right: 0px; }


/*
 * menu
 */

 
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	position: relative;
	z-index: 5;  
	margin: 0px;
	padding: 0px;
}

#menu a,
#menu span { display: block; }
#menu a { text-decoration: none; }

 
#menu span.icon {
	background-repeat: no-repeat;
	background-position: 0 50%;
}

 
#menu ul.menu { float: left; }

#menu li.level1 {
	height: 45px;
	float: left;
}

#menu a.level1,
#menu span.level1 {	float: left; }

#menu a.level1 span.bg,
#menu span.level1 span.bg {
	height: 30px;
	padding: 0px 15px 0px 15px;
	float: left;
	line-height: 30px;
	font-size: 14px;
	color: #515966;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
}

 
#menu li:hover .level1 span.bg,
#menu li.remain .level1 span.bg,
#menu li.active .level1 span.bg {
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 5px rgba(0, 0, 0, 0.5);
}

 
#menu a.level1 span.title,
#menu span.level1 span.title {
	font-size: 14px;
	line-height: 21px;
}

 
#menu a.level1 span.subtitle,
#menu span.level1 span.subtitle {
	margin-top: -3px;
	font-size: 9px;
	font-weight: normal;
	line-height: 10px;
	text-transform: none;
}

 
#menu div.fancy {
	position: absolute;
	top: 1px;
	z-index: 4;
	overflow: hidden;
}

#menu div.fancy div.fancy-1 { background: url("../../images/menu_fancy.png") 0 0 no-repeat; }

#menu div.fancy div.fancy-2 {
	padding: 0px 10px 0px 10px;
	background: url("../../images/menu_fancy.png") 100% -35px no-repeat;
}

#menu div.fancy div.fancy-3 {
	height: 30px;
	background: url("../../images/menu_fancy.png") 0 -70px repeat-x;
}

 
#menu .dropdown {
	position: absolute;
	top: 44px;
	left: -999em;  
	z-index: 100;
	 
}

#menu li:hover .dropdown,
#menu li.remain .dropdown { left: 0px; }

#menu .dropdown-t1 { background: url("../../images/menu_dropdown_corners.png") 0 0 no-repeat; }

#menu .dropdown-t2 {
	padding: 0px 6px 0px 6px;
	background: url("../../images/menu_dropdown_corners.png") 100% -11px no-repeat;
}

#menu .dropdown-t3 {
	height: 6px;
	background: url("../../images/menu_dropdown_corners.png") 0 -22px repeat-x;
}

#menu .dropdown-1 { background: url("../../images/menu_dropdown_edges.png") 0 0 repeat-y; }

#menu .dropdown-2 {
	padding: 0px 3px 0px 3px;
	background: url("../../images/menu_dropdown_edges.png") 100% 0 repeat-y;
}

#menu .dropdown-3 {
	padding: 0px 0px 0px 0px;
	background: #D8DEE2;
	overflow: hidden;
}

#menu .dropdown-b1 { background: url("../../images/menu_dropdown_corners.png") 0 -33px no-repeat; }

#menu .dropdown-b2 {
	padding: 0px 6px 0px 6px;
	background: url("../../images/menu_dropdown_corners.png") 100% -44px no-repeat;
}

#menu .dropdown-b3 {
	height: 6px;
	background: url("../../images/menu_dropdown_corners.png") 0 -55px repeat-x;
}

 
#menu ul.level2 { background: url("../../images/menu_level2_line_v.png") 100% 0 repeat-y; }
#menu ul.last { background: none; }

#menu .hover-box1 { overflow: hidden; }

 
#menu li.level2 {}

#menu a.level2 { background: #D8DEE2 url("../../images/menu_level2_line_h.png") 0 0 repeat-x; }
#menu a.level2.first { background-image: none; }

#menu a.level2 span.bg,
#menu span.level2 span.bg {
	padding-left: 10px;
	line-height: 24px;
	color: #515966;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
	font-size: 14px;
}

#menu a.level2:hover span.bg { color: #141414; }

 
#menu li.level2.parent,
#menu a.level2.parent { background: none; }

#menu li.level2.parent { padding: 5px 10px 5px 10px; }

#menu .hover-box4 { overflow: hidden; }

#menu li.level2.parent .hover-box1 { background: #D8DEE2 url("../../images/menu_level2_item.png") 100% 100% no-repeat; }
#menu li.level2.parent .hover-box2 { background: url("../../images/menu_level2_item.png") 100% 0 no-repeat; }
#menu li.level2.parent .hover-box3 { background: url("../../images/menu_level2_item.png") 0 100% no-repeat; }
#menu li.level2.parent .hover-box4 { background: url("../../images/menu_level2_item.png") 0 0 no-repeat; }

#menu li.level2.parent .hover-box1:hover,
#menu li.level2.parent .hover-box1:hover .hover-box2,
#menu li.level2.parent .hover-box1:hover .hover-box3,
#menu li.level2.parent .hover-box1:hover .hover-box4 { background-image: url("../../images/menu_level2_item_hover.png"); }

#menu li.level2.parent.separator .hover-box1:hover,
#menu li.level2.parent.separator .hover-box1:hover .hover-box2,
#menu li.level2.parent.separator .hover-box1:hover .hover-box3,
#menu li.level2.parent.separator .hover-box1:hover .hover-box4 { background-image: url("../../images/menu_level2_item.png"); }

 
#menu li.level2 a.current span.bg { font-weight: bold; } 

 
#menu a.level2 span.subtitle,
#menu span.level2 span.subtitle {
	margin-top: -10px;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
}

 
#menu a.level2 span.icon,
#menu span.level2 span.icon {
	min-height: 45px;
	padding-left: 50px;
	line-height: 45px;
}
#menu a.level2 span.icon span.title,
#menu span.level2 span.icon span.title { line-height: 33px; }
#menu a.level2 span.icon span.subtitle,
#menu span.level2 span.icon span.subtitle { line-height: 12px; }

 
#menu .sub { padding: 5px 0px 0px 0px; }

#menu a.level3 { background: url("../../images/menu_level3_item.png") 5px 7px no-repeat; }
#menu a.level3:hover { background-position: 5px -8px; }

#menu a.level3 span.bg,
#menu span.level3 span.bg {
	padding-left: 15px;
	line-height: 17px;
	font-size: 11px;
	color: #515966;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}

#menu a.level3:hover span.bg { color: #141414; }

 
 
 
 

#menu .columns2 ul.level2,
#menu .columns3 ul.level2,
#menu .columns4 ul.level2 { float: left; }

#menu .columns2 ul.level2 {	width: 50%; }

#menu .columns3 ul.level2 { width: 34%; }
#menu .columns3 ul.first,
#menu .columns3 ul.last { width: 33%; }

#menu .columns4 ul.level2 { width: 25%; }

#menu .columns2 li.level2 .group-box1,
#menu .columns3 li.level2 .group-box1,
#menu .columns4 li.level2 .group-box1 { margin-right: 2px; }

#menu .columns2 ul.last li.level2 .group-box1,
#menu .columns3 ul.last li.level2 .group-box1,
#menu .columns4 ul.last li.level2 .group-box1 { margin-right: 0px; }

/*
 * sub menus
 */
 
 
div.mod-menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
}

div.mod-menu ul.menu li {
	margin: 0px;
	padding: 0px;
}

div.mod-menu ul.menu a,
div.mod-menu ul.menu span { display: block; }
div.mod-menu ul.menu a { text-decoration: none; }

 
div.mod-menu ul.menu span.icon {
	background-repeat: no-repeat;
	background-position: 5px 50%;
	text-indent: 35px;
}

 
div.mod-menu ul.menu li.parent span.separator { cursor: pointer; }

 
div.mod-menu ul.menu span.subtitle { display: none; }


/*
 * sub menu: mod-sidebar
 */

div.mod-sidebar ul.menu span.bg {
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	color: #c8c8c8;
}

 
div.mod-sidebar ul.menu a.current span.bg { font-weight: bold; }

 
div.mod-sidebar ul.menu a:hover span.bg,
div.mod-sidebar ul.menu span:hover span.bg { color: #ffffff; }

 
div.mod-sidebar ul.menu li.level1 { margin-bottom: 5px;}
div.mod-sidebar ul.menu li.level1.last { margin-bottom: 0px;}

div.mod-sidebar ul.menu a.level1,
div.mod-sidebar ul.menu span.level1 { background: url("../../images/submenu_level1.png") 0 0 no-repeat; }

div.mod-sidebar ul.menu a.level1:hover,
div.mod-sidebar ul.menu span.level1:hover { background-position: 0 -35px; }

div.mod-sidebar ul.menu li.parent a.level1 span.bg,
div.mod-sidebar ul.menu li.parent span.level1 span.bg { background: url("../../images/submenu_level1_parent.png") 100% 0 no-repeat; }

div.mod-sidebar ul.menu li.parent a.level1:hover span.bg,
div.mod-sidebar ul.menu li.parent span.level1:hover span.bg { background-position: 100% -35px; }

div.mod-sidebar ul.menu li.parent a.level1.active span.bg,
div.mod-sidebar ul.menu li.parent span.level1.active span.bg { background-position: 100% -70px; }

div.mod-sidebar ul.menu li.parent a.level1.active:hover span.bg,
div.mod-sidebar ul.menu li.parent span.level1.active:hover span.bg { background-position: 100% -105px; }

div.mod-sidebar ul.menu li.parent a.level1.active,
div.mod-sidebar ul.menu li.parent span.level1.active  { margin-bottom: 5px; }

 
div.mod-sidebar ul.menu ul.level2 {}
div.mod-sidebar ul.menu li.level2 {}

div.mod-sidebar ul.menu li.level2 a { background: #2B2F32 url("../../images/submenu_level2_line.png") 0 0 repeat-x; }
div.mod-sidebar ul.menu li.level2 a.level2.last { background: none; }

div.mod-sidebar ul.menu li.level2 span.bg {
	height: 25px;
	background: url("../../images/submenu_level2_item.png") 5px 0 no-repeat;
	line-height: 25px;
	text-indent: 25px;
}

div.mod-sidebar ul.menu li.level2 a:hover span.bg { background-position: 5px -25px; }

 
div.mod-sidebar ul.menu a.level3 span.bg {
	background-position: 15px 0;
	text-indent: 35px;
}

div.mod-sidebar ul.menu li.level3 a:hover span.bg { background-position: 15px -25px; }

 
div.mod-sidebar ul.menu a.level4 span.bg {
	background-position: 25px 0;
	text-indent: 45px;
}

div.mod-sidebar ul.menu li.level4 a:hover span.bg { background-position: 25px -25px; }
/* modules.css */

/*
 * module headers
 */

.module h3.header {
	margin: 0px;
	padding: 0px;
	font-size: 19px;
	line-height: 24px;
	font-weight: normal;
}

#left .module h3.header,
#right .module h3.header,
#bottom .module h3.header { color: #dcdcdc; }

.module span.header-2,
.module span.header-3 { display: block; }

 
.module h3.header span.title {
	display: block;
	font-size: 19px;
	line-height: 20px;
}

.module h3.header span.subtitle {
	display: block;
	margin-top: 1px;
	line-height: 10px;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0px;
	text-indent: 1px;
	text-transform: lowercase;
}

/*
 * space between modules
 */

.module {
	margin-left: 7px;
	margin-right: 7px;
}

#left .module,
#right .module,
#maintop .maintopblock .module,
#mainbottom .mainbottomblock .module,
#bottom .bottomblock .module {
	margin-left: 15px;
	margin-right: 15px;
}

#left .module,
#right .module { margin-bottom: 25px; }

#left .module.last,
#right .module.last { margin-bottom: 0px; }

#maintop .maintopbox .module.first,
#mainbottom .mainbottombox .module.first,
#bottom .bottombox .module.first { margin-left: 15px; }

#maintop .maintopbox .module.last,
#mainbottom .mainbottombox .module.last,
#bottom .bottombox .module.last { margin-right: 15px; }

#maintop .maintopblock .module,
#maintop .maintopbox .module { margin-top: 15px; }

#mainbottom .mainbottomblock .module,
#mainbottom .mainbottombox .module { margin-top: 15px; }

#bottom .bottomblock .module { margin-top: 15px; }

/*
 * header module positions
 */

#toolbar .left .module,
#headerbar .left .module {
	margin-right: 15px;
	float: left;
}

#toolbar .right .module,
#headerbar .right .module {
	margin-left: 15px;
	float: right;
}

/*
 * badge styles
 */
 
div.module div.badge {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url("../../images/module_badges.png") 0 0 no-repeat;
	overflow: hidden;
	z-index: 1;
}
 
div.module div.badge-hot { background-position: 0 0; }
div.module div.badge-top { background-position: 0 -40px; }
div.module div.badge-pick { background-position: 0 -80px; }
div.module div.badge-new { background-position: 0 -120px; }

/*
 * icon styles
 */
 
div.module h3.header span.icon {
	display: block; 
	position: relative;
	left: 0px;
	top: -3px;
	width: 32px;
	height: 30px;
	background: url("../../images/module_icons.png") 0 0 no-repeat;
	overflow: hidden;
	float: left;
}

div.module h3.header span.icon-feed { background-position: 0 0; }
div.module h3.header span.icon-download { background-position: 0 -30px; }
div.module h3.header span.icon-twitter { background-position: 0 -60px; }
div.module h3.header span.icon-mail { background-position: 0 -90px; }
div.module h3.header span.icon-message { background-position: 0 -120px; }
div.module h3.header span.icon-users { background-position: 0 -150px; }
div.module h3.header span.icon-shopping { background-position: 0 -180px; }
div.module h3.header span.icon-lock { background-position: 0 -210px; }

/*
 * module: blank
 */
 
div.mod-blank { overflow: hidden; }

div.mod-blank h3.header { margin-bottom: 10px; }

/*
 * module: dropdown
 */

#menu ul.mod-dropdown {
	padding-left: 0px;
	background: none;
}

#menu .mod-dropdown .module {
	padding: 5px;
	overflow: hidden;
}

#menu .mod-dropdown .dropdown { width: 300px; }

/*
 * module: toolbarmodule
 */

div.mod-toolbar { margin: 0px; }

div.mod-toolbar div.box-1 { background: url("../../images/module_toolbar.png") 0 5px no-repeat; }

div.mod-toolbar div.box-2 {
	padding: 0px 10px 0px 10px;
	background: url("../../images/module_toolbar.png") 100% -20px no-repeat;
}

div.mod-toolbar div.box-3 {
	height: 25px;
	background: url("../../images/module_toolbar.png") 0 -45px repeat-x;
	overflow: hidden;
}

/*
 * module: headermodule
 */

div.mod-headerbar { overflow: hidden; }

div.mod-headerbar span {
	font-size: 17px;
	line-height: 24px;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 10px rgba(255, 255, 255, 0.3);
	color: #323232;
}

div.mod-headerbar a {
	color: #c8c8c8;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8)
}

div.mod-headerbar a:hover { color: #ffffff; }

/*
 * module: gradient
 */
#page #page-body div.mod-gradient { margin: 0px; }
#page #page-body .maintopblock div.mod-gradient,
#page #page-body .mainbottomblock div.mod-gradient { margin-bottom: -2px; }
#page #page-body .maintopblock div.mod-gradient.last,
#page #page-body .mainbottomblock div.mod-gradient.last { margin-bottom: 0px; }
#page #page-body .maintopblock.not-last div.mod-gradient.last { margin-bottom: -2px; }

div.mod-gradient div.box-1 {
	padding: 30px 20px 40px 20px;
	background: url("../../images/module_gradient.png") 0 100% repeat-x;
	overflow: hidden;
}
.mainbottomblock div.mod-gradient.last div.box-1 {
	padding-bottom: 20px;
	background: none;
}

div.mod-gradient h3.header {
	margin-bottom: 10px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

/*
 * module: layer
 */

#page #page-body div.mod-layer { margin: 0px; }

div.mod-layer div.box-1 { background: #DDE1E4 url("../../images/module_layer_b.png") 0 100% repeat-x; }

div.mod-layer div.box-2 {
	padding: 30px 20px 50px 20px;
	background: url("../../images/module_layer_t.png") 0 0 repeat-x;
	overflow: hidden;
}

div.mod-layer h3.header {
	margin-bottom: 10px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
}

/*
 * module: sidebar
 */

#page #page-body div.mod-sidebar { margin: 0px; }

div.mod-sidebar div.box-1 {
	padding: 10px 15px 40px 15px;
	background: url("../../images/module_sidebar.png") 0 -258px repeat-x;
	overflow: hidden;
}
div.mod-sidebar.first div.box-1 {
	padding-top: 0px;
	background: none;
}

div.mod-sidebar h3.header {
	margin: 0px -15px 10px -15px;
	background: url("../../images/module_sidebar.png") 0 0 no-repeat;
	overflow: hidden;
	line-height: 24px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.2);
}

div.mod-sidebar span.header-2 {
	padding: 0px 20px 0px 20px;
	background: url("../../images/module_sidebar.png") 100% -43px no-repeat;
	float: left;
}

div.mod-sidebar span.header-3 {
	height: 38px;
	background: url("../../images/module_sidebar.png") 0 -86px repeat-x;
	overflow: hidden;
	float: left;
	font-size: 17px;
	line-height: 36px;
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 5px rgba(0, 0, 0, 0.5);
}

div.mod-sidebar h3.header span.icon { top: 2px; left: -2px; }
div.mod-sidebar h3.header span.title { line-height: 27px; display: inline-block; }
div.mod-sidebar h3.header span.subtitle { margin-top: -4px; white-space: nowrap; margin-left: 32px; }
div.mod-sidebar div.badge { top: 2px; }

/* color color2 */
div.mod-sidebar-color2 h3.header { background-position: 0 -129px; }
div.mod-sidebar-color2 span.header-2 { background-position: 100% -172px; }
div.mod-sidebar-color2 span.header-3 { background-position: 0 -215px; }

/*
 * module: rounded
 */

div.mod-rounded div.box-t1 { background: url("../../images/module_rounded_corners.png") 0 0 no-repeat; }

div.mod-rounded div.box-t2 {
	padding: 0px 7px 0px 7px;
	background: url("../../images/module_rounded_corners.png") 100% -12px no-repeat;
}

div.mod-rounded div.box-t3 {
	height: 7px;
	background: url("../../images/module_rounded_corners.png") 0 -24px repeat-x;
}

div.mod-rounded div.box-1 {
	background: url("../../images/module_rounded_edges.png") 0 0 repeat-y;
}

div.mod-rounded div.box-2 {
	padding: 0px 3px 0px 3px;
	background: url("../../images/module_rounded_edges.png") 100% 0 repeat-y;
}

div.mod-rounded div.box-3 {
	padding: 8px 12px 8px 12px;
	background: #faf9f8 url("../../images/module_rounded_corners.png") 0 -72px repeat-x;
	overflow: hidden;
}

div.mod-rounded div.box-b1 { background: url("../../images/module_rounded_corners.png") 0 -36px no-repeat; }

div.mod-rounded div.box-b2 {
	padding: 0px 7px 0px 7px;
	background: url("../../images/module_rounded_corners.png") 100% -48px no-repeat;
}

div.mod-rounded div.box-b3 {
	height: 7px;
	background: url("../../images/module_rounded_corners.png") 0 -60px repeat-x;
}

div.mod-rounded h3.header {
	margin-bottom: 10px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.2);
}

div.mod-rounded div.badge { top: 2px; right: 2px; }

/* position: left, right, header, bottom */
div.mod-rounded2 div.box-t1,
div.mod-rounded2 div.box-t2,
div.mod-rounded2 div.box-t3,
div.mod-rounded2 div.box-b1,
div.mod-rounded2 div.box-b2,
div.mod-rounded2 div.box-b3 { background-image: url("../../images/module_rounded2_corners.png"); }
div.mod-rounded2 div.box-1,
div.mod-rounded2 div.box-2 { background-image: url("../../images/module_rounded2_edges.png"); }
div.mod-rounded2 div.box-3 { background: none; }

div.mod-rounded2 h3.header { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); }

/*
 * module: concave
 */

div.mod-concave div.box-t1 { background: url("../../images/module_concave_corners.png") 0 0 no-repeat; }

div.mod-concave div.box-t2 {
	padding: 0px 7px 0px 7px;
	background: url("../../images/module_concave_corners.png") 100% -12px no-repeat;
}

div.mod-concave div.box-t3 {
	height: 7px;
	background: url("../../images/module_concave_corners.png") 0 -24px repeat-x;
}

div.mod-concave div.box-1 {
	background: url("../../images/module_concave_edges.png") 0 0 repeat-y;
}

div.mod-concave div.box-2 {
	padding: 0px 7px 0px 7px;
	background: url("../../images/module_concave_edges.png") 100% 0 repeat-y;
}

div.mod-concave div.box-3 {
	padding: 3px 12px 3px 12px;
	background: url("../../images/module_concave_bg.png") 0 0 repeat;
	overflow: hidden;
}

div.mod-concave div.box-b1 { background: url("../../images/module_concave_corners.png") 0 -36px no-repeat; }

div.mod-concave div.box-b2 {
	padding: 0px 7px 0px 7px;
	background: url("../../images/module_concave_corners.png") 100% -48px no-repeat;
}

div.mod-concave div.box-b3 {
	height: 7px;
	background: url("../../images/module_concave_corners.png") 0 -60px repeat-x;
}

div.mod-concave h3.header {
	margin-bottom: 10px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

/*
 * module: polaroid
 */

div.mod-polaroid div.badge-tape {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 114px;
	height: 38px;
	margin-left: -57px;
	background: url("../../images/module_polaroid_tape.png") 0 0 no-repeat;
	z-index: 1;
}

div.mod-polaroid div.box-1 {
	margin-top: 13px;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	background: #ffffff url("../../images/module_polaroid_bg.png") 0 100% repeat-x;
	overflow: hidden;
}

div.mod-polaroid div.box-2 {
	margin-bottom: 5px;
	background: #000000;
}

div.mod-polaroid div.box-3 {
	padding: 10px 15px 10px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #C8C8C8;
}

div.mod-polaroid div.box-b1 {
	background: url("../../images/module_polaroid_shadows.png") 0 0 no-repeat;
}

div.mod-polaroid div.box-b2 {
	padding: 0px 70px 0px 70px;
	background: url("../../images/module_polaroid_shadows.png") 100% -5px no-repeat;
}

div.mod-polaroid div.box-b3 {
	height: 5px;
	background: url("../../images/module_polaroid_shadows.png") 0 -10px repeat-x;
}

#page div.mod-polaroid h3.header {
	height: 25px;
	margin: 0px 0px 0px 0px;
	line-height: 25px;
	text-align: center;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #323232;
	text-shadow: none;
}

#left div.mod-polaroid,
#right div.mod-polaroid { margin-top: 30px; }

/*
 * module: postit
 */

div.mod-postit div.box-1 {
	background: #FFFFAA;
	color: #323232;
}

div.mod-postit div.box-2 {
	padding: 15px 15px 0px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
}

div.mod-postit div.box-b1 {
	background: url("../../images/module_postit_shadows.png") 0 0 no-repeat;
}

div.mod-postit div.box-b2 {
	padding: 0px 90px 0px 60px;
	background: url("../../images/module_postit_shadows.png") 100% -40px no-repeat;
}

div.mod-postit div.box-b3 {
	height: 40px;
	background: url("../../images/module_postit_shadows.png") 0 -80px repeat-x;
}

#page div.mod-postit h3.header {
	height: 30px;
	margin: -15px -15px 5px -15px;
	background: #FFFFDA;
	line-height: 30px;
	text-indent: 15px;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #323232;
	text-shadow: none;
}

#page div.mod-postit div.box-2 {
	color: #646464;
	text-shadow: none;
}

#page div.mod-postit em.box {
	border: 1px dotted #aaaaaa;
	background: #f5f6f7;
}
/* joomla.css */

/*
 * global CSS
 */

/* readmore button */
p.readmore { overflow: hidden; }
div.module p.readmore {	margin-bottom: 0px; }

a.readmore {
	display: block;
	width: 110px;
	height: 25px;
	background: url("../../images/readmore.png") 0 0 no-repeat;
	float: left;
	line-height: 25px;
	text-indent: 10px;
	font-size: 90%;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
}

#page a.readmore { color: #515966; text-decoration: none; }

#page a.readmore:hover {
	background-position: 0 -30px;
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 5px rgba(0, 0, 0, 0.5);
}

#left a.readmore,
#right a.readmore {
	background-position: 0 -60px;
	color: #c8c8c8;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

#left a.readmore:hover,
#right a.readmore:hover {
	background-position: 0 -90px;
	color: #ffffff;
}

/* tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url("../../../system/images/selector-arrow.png") no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/*
 * general
 */

div.joomla h1 { letter-spacing: -1px; }

div.joomla h1.pagetitle { margin-top: 0px; }

div.joomla div.description {
	margin: 10px 0px 10px 0px;
	overflow: hidden;
}

div.joomla div.description img.left {
	margin-right: 15px;
	float: left;
}

div.joomla div.description img.right {
	margin-left: 15px;
	float: right;
}

div.joomla div.filter { margin: 10px 0px 10px 0px; }

div.joomla table.joomlatable th {
	padding: 5px 5px 5px 5px;
	background: #ebebeb;
	border-bottom: 1px solid #b4b4b4;
	font-weight : bold;
}

div.joomla table.joomlatable tr.even td {
	padding: 5px 5px 5px 5px;
	background: #f0f0f0;
	border-bottom: 1px solid #dcdcdc;
}

div.joomla table.joomlatable tr.odd td {
	padding: 5px 5px 5px 5px;
	background: #fafafa;
	border-bottom: 1px solid #dcdcdc;
}

 
div.joomla span.number {
	color: #969696;
	font-style: italic;
}

/*
 * com_content
 * blog layout (frontpage, category, section)
 * sub selectors: blog
 */

div.joomla div.blog div.description {  
	margin: 10px -20px 15px -20px;
	padding: 0px 20px 20px 20px;
	background: url("../../images/module_gradient.png") 0 100% repeat-x;
}

div.joomla div.leadingarticles {
	margin: 0px -20px 0px -20px;
	overflow: hidden;
}

div.joomla div.leadingarticles div.item-bg {
	padding: 0px 20px 20px 20px;
	background: url("../../images/module_gradient.png") 0 100% repeat-x;
}

div.joomla div.teaserarticles {
	margin: 0px -20px 0px -20px;
	overflow: hidden;
}
div.joomla div.multicolumns { margin: 0px; }

div.joomla div.item { margin-bottom: 15px; }
div.joomla div.item:last-child { margin-bottom: 0px; }
div.joomla div.item-bg { overflow: hidden; }

div.joomla div.teaserarticles div.item-bg {
	padding: 0px 20px 20px 20px;
	background: url("../../images/module_gradient.png") 0 100% repeat-x;
}
.component-bg.last div.joomla div.teaserarticles div.item:last-child div.item-bg { background: none; }

div.joomla div.multicolumns div.item-bg {
	padding: 0px 0px 15px 0px;
	background: url("../../images/article_separator.png") 50% 100% repeat-x;
	overflow: hidden;
}

div.joomla div.multicolumns div.item { margin: 0px 15px 15px 15px; }

div.joomla div.multicolumns div.first div.item { margin-left: 0px; }
div.joomla div.multicolumns div.last div.item { margin-right: 0px; }

div.joomla div.morearticles { margin: 10px 0px 10px 0px; }

div.joomla div.pagination { text-align: center; }

div.joomla div.pagination p.results {}

/*
 * com_content
 * list layout (frontpage, category, section)
 * sub selectors: sectionlist, categorylist
 */

/*
 * com_content
 * article layout
 * sub seletors: article
 */

div.joomla div.headline {
	overflow: hidden;
	margin-top: 5px;
	padding-bottom: 2px;  
}

div.joomla h1.title {
	margin: 0px;
	float: left;
}

div.joomla div.multicolumns h1.title {
	font-size: 200%;
	letter-spacing: -1px;
}

div.joomla div.icons { float: right; }

div.joomla div.icon {
	margin-top: 10px;
	float: right;
}

div.joomla div.multicolumns div.icon { margin-top: 5px; }

div.joomla div.edit {
	margin-left: 10px;
	float: left;
}

div.joomla div.pdf { margin-right: 5px; }
div.joomla div.print { margin-right: 5px; }
div.joomla div.email {}
div.joomla div.printscreen {}

div.joomla p.iteminfo {	margin: 0px 0px 15px 0px; }

div.joomla p.articleinfo {
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 80%;
	letter-spacing: 1px;
	line-height: 150%;
}

div.joomla p.articleinfo span.modified,
div.joomla p.articleinfo span.author,
div.joomla p.articleinfo span.created,
div.joomla p.articleinfo span.url {	white-space: nowrap; }

/*
 * com_content
 * editing an article
 * sub seletors: edit-article
 */

div.joomla div.edit-article fieldset { margin-bottom: 30px; }

div.joomla div.edit-article fieldset div { overflow: hidden; }

div.joomla div.edit-article label.label-left {
	display: block;
	width: 150px;
	float: left;
}

div.joomla div.edit-article div.save {
	margin: 0px;
	float: right;
}

div.joomla div.edit-article div#editor-xtd-buttons {
	margin-bottom: 0px;
	overflow: hidden;
}

div.joomla div.edit-article div#editor-xtd-buttons div { margin: 0px; }

div.joomla div.edit-article div#editor-xtd-buttons div.button2-left { margin-right: 5px; }

div.joomla div.edit-article div#editor-xtd-buttons a:link,
div.joomla div.edit-article div#editor-xtd-buttons a:visited,
div.joomla div.edit-article div#editor-xtd-buttons a:hover { color: #323232; }

/*
 * com_weblinks
 * sub seletors: weblinks
 */

div.joomla div.weblinks fieldset {}

div.joomla div.weblinks fieldset div { overflow: hidden; }

div.joomla div.weblinks label.label-left {
	display: block;
	width: 150px;
	float: left;
}

/*
 * com_search
 * sub seletors: search
 */

div.joomla div.search p.info {
	margin: 0px;
	color: #969696;
	font-style: italic;
}

div.joomla div.search span.highlight {
	background: #ffffff;
	color: #323232;
}

/*
 * com_poll
 * sub seletors: poll
 */

div.joomla div.poll fieldset { margin: 15px 0px 10px 0px; }

/*
 * com_contact
 * sub seletors: contact
 */

div.joomla div.contact h1 {
	margin-bottom: 0px;
	font-size: 250%;
	font-weight: normal;
	letter-spacing: -1px;
}

div.joomla div.contact h2 {
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
}

div.joomla div.contact div.image { float: right; }

div.joomla div.contact table { margin-bottom: 10px; }

div.joomla div.contact label.label-top { display: block; }

/*
 * com_user
 * sub seletors: user
 */

div.joomla div.user label.label-left,
div.joomla div.user span.label-left  {
	display: block;
	width: 130px;
	float: left;
}

/*
 * com_wrapper
 */

iframe.wrapper {
	width: 100%;
}

/*
 * mod_newsflash
 */

div.module-newsflash { overflow: hidden; }

div.module-newsflash div.item {
	padding-bottom: 15px;
	overflow: hidden;
}

div.module-newsflash div.last { padding-bottom: 0px; }

/*
 * mod_poll
 */

div.module-poll ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.module-poll ul li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

div.module-poll ul li input { margin-right: 5px; }

/*
 * mod_search
 */

.default-search div.searchbox {
	width: 120px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: url("../../images/searchbox_bg.png") 0 0 no-repeat; /* ie6png:crop */
}

.default-search div.searchbox:hover  { background: url("../../images/searchbox_bg.png") 0 -18px no-repeat; }
.default-search div.searchbox:hover input { color: #000000; }
.default-search div.searchbox input:focus { color: #000000; }

.default-search div.searchbox input {
	width: 102px;
	height: 15px;
	padding: 3px 0px 0px 0px;
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

.default-search div.searchbox button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	float: left;
	cursor: pointer;
	line-height: 0px;
}

.default-search div.searchbox button.search-magnifier { background: url("../../images/search_magnifier_icon.png"/*tpa=http://demo.yootheme.com/may10/templates/yoo_studio/images/search_magnifier_icon.png*/) 0 0 no-repeat; }

/*
 * legacy Joomla styling only for third party components
 */

.contentheading,
.componentheading {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 250%;
	line-height: 100%;
	font-weight: bold;
	color: #953830;
	letter-spacing: -1px;
}

/*
 * Joomla! system CSS file: system.css
 */
 
/* OpenID icon style */
input.system-openid {
   background: url("../../../../../../openid.net/login-bg.gif") no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/*
 * general.css
 */
 
 /* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url("../../../system/images/j_button2_left.png") no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url("../../../system/images/j_button2_right.png") 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url("../../../system/images/j_button2_image.png") 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url("../../../system/images/j_button2_readmore.png") 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url("../../../system/images/j_button2_pagebreak.png") 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url("../../../system/images/selector-arrow.png") no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url("../../../system/images/calendar.png") no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* extensions.css */

#left #form-login fieldset,
#right #form-login fieldset { border: none; }

/*
 * YOOsearch
 */

#page div.default div.yoo-search {
	width: 250px;
	height: 30px;
}
#page div.default div.yoo-search div.searchbox {
	width: 250px;
	height: 30px;
	background: url("../../images/yoosearch/searchbox_bg.png") 0 0 no-repeat;
}
#page div.default div.yoo-search div.searchbox:hover  { background-position: 0 0; }
#page .sidebar-search div.default div.yoo-search div.searchbox { background-position: 0 -35px; }

#page div.default div.yoo-search div.searchbox input {
	width: 185px;
	height: 30px;
	padding: 0px 0px 0px 5px;
	font-size: 13px;
	line-height: 30px;
}

#page div.default div.yoo-search div.searchbox:hover input,
#page div.default div.yoo-search div.searchbox input:focus { color: #000000; }
#page .sidebar-search div.default div.yoo-search div.searchbox:hover input,
#page .sidebar-search div.default div.yoo-search div.searchbox input:focus { color: #dcdcdc; }

#page div.default div.yoo-search div.searchbox button {
	width: 30px;
	height: 30px;
}
#page div.default div.yoo-search div.searchbox button.search-magnifier { background: url("../../images/yoosearch/magnifier_icon.png") 0 0 no-repeat; }
#page div.default div.yoo-search div.searchbox button.search-close { background: url("../../images/yoosearch/close_icon.png") 0 0 no-repeat; }
#page div.default div.yoo-search div.searchbox button.search-loader { background: url("../../images/yoosearch/loader_icon.gif") 5px 7px no-repeat; }

#page div.yoo-search div.resultbox {
	position: absolute;
	right: -16px;
	top: 44px;
	z-index: 20;
}
#page.column-left div.yoo-search div.resultbox {
	right: auto;
	left: -20px;
}

#page div.default div.yoo-search div.resultbox-bg {
	border-left: 1px solid #9AA7B0;
	border-right: 1px solid #9AA7B0;
	background: #d8dee2;
}

#page div.default div.yoo-search h3.search-header {
	height: 30px;
	line-height: 30px;
}

#page div.default div.yoo-search div.resultbox-bl { background: url("../../images/yoosearch/resultbox_bl.png") 0 100% no-repeat; }
#page div.default div.yoo-search div.resultbox-br { background: url("../../images/yoosearch/resultbox_br.png") 100% 100% no-repeat; }
#page div.default div.yoo-search div.resultbox-b { background: url("../../images/yoosearch/resultbox_b.png") 0 100% repeat-x; }
#page div.default div.yoo-search span.search-more { background: url("../../images/yoosearch/more_icon.png") 0 0 no-repeat; }
#page div.default div.yoo-search h3.search-header { background: url("../../images/yoosearch/header_bg.png") 0 0 repeat-x; }
#page div.default div.yoo-search .resultbox-bg a { background: #d8dee2; }
#page div.default div.yoo-search .resultbox-bg a:hover { background: #c8d0d7; }

#page div.default div.yoo-search h3.search-header,
#page div.default div.yoo-search .resultbox-bg a:link,
#page div.default div.yoo-search .resultbox-bg a:visited,
#page div.default div.yoo-search .resultbox-bg a:hover,
#page div.default div.yoo-search .resultbox-bg a h3,
#page div.default div.yoo-search a.search-more { color: #515966; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); }

/* search with sidebar */
#page .sidebar-search div.default div.yoo-search div.searchbox button.search-close { background-image: url("../../images/yoosearch/sidebar_close_icon.png"); }
#page .sidebar-search div.default div.yoo-search div.searchbox button.search-loader { background-image: url("../../images/yoosearch/sidebar_loader_icon.gif"); }

#page .sidebar-search div.default div.yoo-search div.resultbox-bg {
	border-left: 1px solid #1F2224;
	border-right: 1px solid #1F2224;
	background: #34383B;
}

#page .sidebar-search div.default div.yoo-search div.resultbox-bl { background-image: url("../../images/yoosearch/sidebar_resultbox_bl.png"); }
#page .sidebar-search div.default div.yoo-search div.resultbox-br { background-image: url("../../images/yoosearch/sidebar_resultbox_br.png"); }
#page .sidebar-search div.default div.yoo-search div.resultbox-b { background-image: url("../../images/yoosearch/sidebar_resultbox_b.png"); }
#page .sidebar-search div.default div.yoo-search span.search-more { background-image: url("../../images/yoosearch/sidebar_more_icon.png"); }
#page .sidebar-search div.default div.yoo-search h3.search-header { background-image: url("../../images/yoosearch/sidebar_header_bg.png"); }
#page .sidebar-search div.default div.yoo-search .resultbox-bg a { background: #34383B; }
#page .sidebar-search div.default div.yoo-search .resultbox-bg a:hover { background: #292d30; }

#page .sidebar-search div.default div.yoo-search h3.search-header,
#page .sidebar-search div.default div.yoo-search .resultbox-bg a:link,
#page .sidebar-search div.default div.yoo-search .resultbox-bg a:visited,
#page .sidebar-search div.default div.yoo-search .resultbox-bg a:hover,
#page .sidebar-search div.default div.yoo-search .resultbox-bg a h3,
#page .sidebar-search div.default div.yoo-search a.search-more { color: #c8c8c8; text-shadow: 0px 1px 0px rgba(0,0,0,0.8); }


/*
 * YOOtweet
 */

/* single */
#header div.single div.yoo-tweet {
	min-width: 200px;
	max-width: 400px;
	padding-top: 20px;
}

#header div.single div.yoo-tweet p {
	margin-top: 0px;
	text-align: center;
}

/*
 * YOOscroller: Blank Horizontal
 */

#page div.blank-h div.yoo-scroller { position: relative; }

#page div.blank-h div.yoo-scroller div.scrollarea { background: url("../../images/yooscroller/scrollarea_l.png") 0 0 no-repeat; }

#page div.blank-h div.yoo-scroller div.scrollarea-l {
	padding: 0px 30px 0px 30px;
	background: url("../../images/yooscroller/scrollarea_r.png") 100% 0 no-repeat;
}

#page div.blank-h div.yoo-scroller div.scrollarea-r { background: url("../../images/yooscroller/scrollarea_m.png") 0 0 repeat-x; }

#page div.blank-h div.yoo-scroller div.back {
	position: absolute;
	left: 20px;
	background-image: url("../../images/yooscroller/scroll_back.png");
}

#page div.blank-h div.yoo-scroller div.forward {
	position: absolute;
	right: 20px;
	background-image: url("../../images/yooscroller/scroll_forward.png");
}

#page div.blank-h div.yoo-scroller div.scrollbar {
	position: absolute;
	left: 41px;
}

#page div.blank-h div.yoo-scroller div.scrollknob {
	margin: 1px 0px 1px 0px;
	background-image: url("../../images/yooscroller/scrollknob_l.png");
}

#page div.blank-h div.yoo-scroller div.scrollknob-r { background-image: url("../../images/yooscroller/scrollknob_r.png"/); }

#page div.blank-h div.yoo-scroller div.scrollknob-m {
	height: 17px;
	background-image: url("../../images/yooscroller/scrollknob_m.png");
}

/*
 * YOOlogin
 */

 
/* quick */
#header span.quick span.yoo-login {}

#header span.quick span.yoo-login span.login { width: 231px; }

#header span.quick span.yoo-login span.login span.login-button-text,
#header span.quick span.yoo-login span.login span.login-button-icon { margin-right: 0px; }

#header span.quick span.yoo-login span.login span.lostpassword, 
#header span.quick span.yoo-login span.login span.lostusername,
#header span.quick span.yoo-login span.login span.registration { margin-top: 5px; }

#header span.quick span.yoo-login span.logout {
	margin-top: 10px;
	overflow: visible;
}

#header span.quick span.yoo-login span.logout span.logout-button-text,
#header span.quick span.yoo-login span.logout span.logout-button-icon { margin-right: 0px; }

/* nifty quick */
#header span.niftyquick span.yoo-login {}

#header span.niftyquick span.yoo-login span.login {
	width: 268px;
	height: 50px;
}

#header span.niftyquick span.yoo-login span.login span.login-button { margin-right: 0px; }

#header span.niftyquick span.yoo-login span.login span.lostpassword, 
#header span.niftyquick span.yoo-login span.login span.lostusername,
#header span.niftyquick span.yoo-login span.login span.registration { margin-top: 5px; }

#header span.niftyquick span.yoo-login span.logout {
	margin-top: 10px;
	overflow: visible;
}

#header span.niftyquick span.yoo-login span.logout span.logout-button { margin-right: 0px; }

 
#header span.niftyquick span.yoo-login span.login span.username input,
#header span.niftyquick span.yoo-login span.login span.password input {
	width: 95%;
	height: 12px;
	background: #ffffff;
	border: 1px solid #ffffff;
	overflow: hidden;
}
/* custom.css */

/*
 * This CSS file is for customization purpose only
 */ 

#logo a.logo-icon {
	display: block;
	width: 300px;
	height: 120px;
	background: url("../../images/yootheme/logo.png") 0 0 no-repeat;
}


.maintopblock div.mod-layer h3.header .title {
	text-align: center;
	font-size: 30px;
	line-height: 35px;
	font-weight: bold;
}

.maintopblock div.mod-layer h3.header .subtitle {
	text-align: center;
	font-size: 16px;
	line-height: 16px;
}

.maintopblock div.mod-layer div.blank-h div.yoo-scroller { margin: 0px 0px -20px 0px; }