/* template.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */

/* reset.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */

/*
 * 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; }

 
html { min-height: 100%; }

 
body { overflow-y: scroll; }

/*
 * default values
 */

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

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

dl { margin: 0px 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: 0px 0 0px 0; }

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

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;
	outline: 2px solid #dcdcdc;
}

 
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, Copyright (C) 2007 - 2010 YOOtheme GmbH */

 
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
	position: relative;
}

 

.wrapper { margin: auto; }

#header {
	position: relative;
	z-index: 10;
	clear: both;
	min-height: 125px;
	margin: 0px 15px 0px 15px;
}

#top {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	clear: both;
}

#middle {
	clear: both;
	min-height: 300px;
}

#bottom {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	clear: both;
}

#bottom2 {
	margin: 20px 0px 20px 0px;
	padding: 0px 13px 0px 13px;
	overflow: hidden;
	clear: both;
}

#footer {
	padding: 0px 0px 40px 0px;
	clear: both;
	text-align: center;
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

 
 
#middle {
	width: 100%;  
	 
	overflow: hidden;  
	position: relative;  
}

#middle-expand {
	width: 200%;
}

 
#main {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#main-shift {
	position: relative;
	left: -100%;
	 
	 
	overflow: hidden;
}

 
#left {
	position: relative;
	left: -50%;
	 
	float: left;
	overflow:hidden;
}

 
#right {
	 
	 
	float: left;
	overflow:hidden;
}

 

div#maintop,
div#contenttop {
	margin: 0px 0px 14px 0px;
	overflow: hidden;
}

div#contentbottom,
div#mainbottom {
	margin: 14px 0px 0px 0px;
	overflow: hidden;
}

 
 
#mainmiddle {
	width: 100%;  
	 
	overflow: hidden;  
	position: relative;  
}

#mainmiddle-expand {
	width: 200%;
}

 
#content {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#content-shift {
	position: relative;
	left: -100%;
	 
	 
	overflow: hidden;
}

 
#contentleft {
	position: relative;
	left: -50%;
	 
	float: left;
	overflow:hidden;
}

 
#contentright {
	 
	 
	float: left;
	overflow:hidden;
}

 

.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

 

body.yoopage { background: #5995C9; }
#page-body { background: #FAFBFC url(images/page_bg.png) 50% 0 repeat-x; }
.page-body-2 { background: url(images/page_bg_img.jpg) 50% 0 no-repeat; }

#page-footer { background: url(images/page_footer_bg.png) 50% 0 repeat-x; }
.page-footer-2 {
	min-height: 162px;
	padding-top: 38px;
	background: url(images/page_footer_bg_img.jpg) 50% 0 no-repeat;
}

 

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

 
#breadcrumbs {
	margin: 0px 10px 10px 10px;
	overflow: hidden;
	font-size: 11px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	line-height: 20px;
}

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

#breadcrumbs a,
#breadcrumbs span.separator {
	margin-right: 3px;
	padding-right: 15px;
	background: url(images/breadcrumbs.png) 100% 50% no-repeat;
	text-decoration: none;
	color: #646464;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

#breadcrumbs span.current { color: #2B5891; }

#breadcrumbs a { }
#breadcrumbs a:hover  {	color: #000000; }

 

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

#date {
	position: absolute;
	bottom: -10px;
	left: 20px;
	font-size: 9px;
	color: #57789D;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.9);
}

#search {
	position: absolute;
	bottom: -12px;
	right: 10px;
	z-index: 12;
}

#logo {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -54px;
	text-align: center;
}





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

 

#footer a.anchor {
	position: absolute;
	left: 50%;
	margin-left: -17px;
	bottom: 0px;
	width: 34px;
	height: 25px;
	background: url(images/footer_anchor.png) 0 0 no-repeat;
	display: block;
	text-decoration: none;
}

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

#page-footer a { color: #ffffff; }

 

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

div.wrapper-t2 {
	padding: 0px 20px 0px 20px;
	background: url(images/wrapper_corners.png) 100% -75px no-repeat;
}

div.wrapper-t3 {
	height: 70px;
	background: url(images/wrapper_corners.png) 0 -150px repeat-x;
}

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

div.wrapper-2 {
	padding: 0px 10px 0px 10px;
	background: url(images/wrapper_edges.png) 100% 0 repeat-y;
}

div.wrapper-3 { 
	padding: 0px 3px 0px 3px;
	background: #FDFEFF;
}


div.wrapper-b1 { background: url(images/wrapper_corners.png) 0 -225px no-repeat; }

div.wrapper-b2 {
	padding: 0px 20px 0px 20px;
	background: url(images/wrapper_corners.png) 100% -250px no-repeat;
}

div.wrapper-b3 {
	height: 25px;
	background: url(images/wrapper_corners.png) 0 -275px repeat-x;
}

.column-left div.left-bg,
.column-contentleft div.contentleft-bg { background: url(images/sidebar_bg.png) 0 0 repeat-y; }

.column-right div.right-bg,
.column-contentright div.contentright-bg { background: url(images/sidebar_bg.png) 100% 0 repeat-y; }

#component { margin: 0px 10px 0px 10px; }
/* typography.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */

/*
 * headings
 */

h1, h2, h3, h4, h5, h6 { font-family: Georgia,"Times New Roman",Times,serif; }

h1 {
	font-weight: normal;
	color: #3489c8;
}

#page h1 a {
	color: #3489c8;
	text-decoration: none;
}

h2 { color: #164e78; }
h3 { color: #3489c8; }
h4 { color: #164e78; }
h5 { color: #3489c8; }
h6 { color: #164e78; }

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

/*
 * anchor
 */

a:link,
a:visited { color: #3489c8; }
a:hover { color: #164e78; }

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;
}



.mod-rear em.box {
	background: #323232;
	border: 1px dotted #646464;
}

.mod-rear em.box {
	background: #323232;
	border: 1px dotted #646464;
}

/*
 * 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: 14px;
	height: 30px;
	line-height: 30px;
	background: url(images/typography/list_links.png) 0px 0 no-repeat;
	cursor: pointer;
}

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

#page ul.links li a {
	display: block;
	color: #646464;
	text-decoration: none;
}
#page ul.links li a:hover { color: #3489c8; }


/* 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;
}


/*
 * module headers
 */

.module h3.header {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 22px;
	color: #3489C8;
	font-weight: normal;
}

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

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

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

/*
 * space between modules
 */

#left .module,
#right .module,
#contentleft .module,
#contentright .module { margin-bottom: 14px; }

#left div.last,
#right div.last,
#contentleft div.last,
#contentright div.last { margin-bottom: 0px; }

#top .module,
#left .module,
#right .module,
#maintop .module,
#contenttop .module,
#contentleft .module,
#contentright .module,
#contentbottom .module,
#mainbottom .module,
#bottom .module,
#bottom2 .module { 
	margin-left: 7px;
	margin-right: 7px;
}

#top .topblock .module { margin-bottom: 14px; }
#top .topbox { padding-bottom: 14px; }

#bottom .bottomblock .module,
#bottom .bottombox .module { margin-top: 14px; }

/*
 * 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;
}

/*
 * bottom 2
 */

#bottom2 .module,
#bottom2 .module h3.header {
	color: #ffffff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
#bottom2 .module em.box { border: 1px dotted #A0CEE9; background: #74b5da; }

/*
 * badge styles
 */
 
div.module { position: relative; }
 
div.module div.badge {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 46px;
	height: 46px;
	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 -50px; }
div.module div.badge-pick { background-position: 0 -100px; }
div.module div.badge-new { background-position: 0 -150px; }

/*
 * icon styles
 */
 
div.module h3.header span.icon {
	display: block; 
	position: relative;
	top: -3px;
	left: 0px;
	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; }

/*
 * 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: frame
 */
 
div.mod-frame div.box-t1 { background: url(images/module_frame_corners.png) 0 0 no-repeat; }

div.mod-frame div.box-t2 { 
	padding: 0px 15px 0px 15px;
	background: url(images/module_frame_corners.png) 100% -20px no-repeat;
}

div.mod-frame div.box-t3 { 
	height: 15px;
	background: url(images/module_frame_corners.png) 0 -40px repeat-x;
	overflow: hidden;
}

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

div.mod-frame div.box-2 { 
	padding: 0px 12px 0px 12px;
	background: url(images/module_frame_edges.png) 100% 0 repeat-y;
}

div.mod-frame div.box-3 { 
	padding: 5px;
	background: #E1E2E3 url(images/module_frame_bg.png) 50% 100% repeat-x;
	overflow: hidden;
}

div.mod-frame div.box-b1 { background: url(images/module_frame_corners.png) 0 -60px no-repeat; }
div.mod-frame div.box-b2 { 
	padding: 0px 15px 0px 15px;
	background: url(images/module_frame_corners.png) 100% -80px no-repeat;
}
div.mod-frame div.box-b3 { 
	height: 15px;
	background: url(images/module_frame_corners.png) 0 -100px repeat-x;
	overflow: hidden;
}

div.mod-frame h3.header { 
	margin-bottom: 8px; 
	text-shadow:0px 1px 0px rgba(255,255,255,0.6);
	color: #505050;
}
div.mod-frame h3.header span.title { line-height: 18px; }
div.mod-frame h3.header span.subtitle { margin-top: 2px; letter-spacing: 1px; }

/* color: color2 */
div.mod-frame-color2 div.box-t1,
div.mod-frame-color2 div.box-t2,
div.mod-frame-color2 div.box-t3,
div.mod-frame-color2 div.box-b1,
div.mod-frame-color2 div.box-b2,
div.mod-frame-color2 div.box-b3 { background-image: url(images/module_frame_color2_corners.png); }

div.mod-frame-color2 div.box-1,
div.mod-frame-color2 div.box-2 { background-image: url(images/module_frame_color2_edges.png); }

div.mod-frame-color2 div.box-3 { 
	background: #3269AA url(images/module_frame_color2_bg.png) 50% 100% repeat-x;
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
}

div.mod-frame-color2 h3.header { 
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
}

div.mod-frame-color2 em.box { border: 1px dotted #A0CEE9; background: #4984c9; }

div.mod-frame-color2 a {
	color: #ffffff;
	text-decoration: underline;
}

div.mod-frame-color2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

/*
 * module: line
 */

div.mod-line div.box-1 { padding-bottom: 20px; }

div.mod-line h3.header { 
	margin-bottom: 3px;
	padding-bottom: 12px;
	background: url(images/article_separator.png) 50% 100% repeat-x;
	line-height: 24px;
	font-size: 20px;
	text-align: center;
	text-shadow:0px 1px 0px rgba(255,255,255,0.6);
}

div.mod-line h3.header span.title { line-height: 18px; }
div.mod-line h3.header span.subtitle { line-height: 12px; margin-top: 0px; }

div.mod-line h3.header span.icon { top: -2px; margin-right: -32px; }

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

div.mod-rounded div.box-t2 { 
	padding: 0px 5px 0px 5px;
	background: url(images/module_rounded.png) 100% -10px no-repeat;
}

div.mod-rounded div.box-t3 { 
	height: 5px;
	background: url(images/module_rounded.png) 0 -20px repeat-x;
	overflow: hidden;
}

div.mod-rounded div.box-1 { 
	border-left: 1px solid #B9BABB;
	border-right: 1px solid #B9BABB;
	background: #EBECED url(images/module_rounded.png) 0 -60px repeat-x;
	
}

div.mod-rounded div.box-3 {
	padding: 10px 9px 6px 9px;
	overflow: hidden;
}

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

div.mod-rounded div.box-b2 { 
	padding: 0px 5px 0px 5px;
	background: url(images/module_rounded.png) 100% -40px no-repeat;
}

div.mod-rounded div.box-b3 { 
	height: 5px;
	background: url(images/module_rounded.png) 0 -50px repeat-x;
	overflow: hidden;
}

/* header */
div.mod-rounded.with-header { padding-top: 28px; }

div.mod-rounded div.header-1 {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background: url(images/module_rounded_header.png) 0 0 no-repeat;
}

div.mod-rounded div.header-2 {
	padding: 0px 90px 0px 90px;
	background: url(images/module_rounded_header.png) 100% -50px no-repeat;
}

div.mod-rounded div.header-3 {
	height: 45px;
	background: url(images/module_rounded_header.png) 0 -100px repeat-x;

}

div.mod-rounded h3.header { text-shadow: 0px 1px 0px rgba(255,255,255,0.6); }

div.mod-rounded h3.header {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 40px;
	color: #ffffff;
	padding: 0px 15px 0px 15px;
	line-height: 40px;
	text-align: center;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
	overflow: hidden;
}

div.mod-rounded h3.header span.title { line-height: 32px; }
div.mod-rounded h3.header span.subtitle { margin-top: -8px; }

div.mod-rounded h3.header span.icon { top: 6px; margin-right: -32px; }
div.mod-rounded.with-header div.badge { top: 40px; }

/* menu */
div.mod-rounded.mod-menu.with-header  { padding-top: 38px; }
div.mod-rounded.mod-menu div.header-1 {	background-position: 0 -150px; }
div.mod-rounded.mod-menu div.header-2 { background-position: 100% -210px; }
div.mod-rounded.mod-menu div.header-3 {
	height: 55px;
	background-position: 0 -270px;
}

div.mod-rounded.mod-menu h3.header {
	height: 50px;
	line-height: 60px;
}

div.mod-rounded.mod-menu h3.header span.title { line-height: 42px; }
div.mod-rounded.mod-menu h3.header span.subtitle { margin-top: -10px; }

div.mod-rounded.mod-menu h3.header span.icon { top: 16px; }
div.mod-rounded.mod-menu.with-header div.badge { top: 50px; }

/*
 * module: border
 */

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

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

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

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

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

div.mod-border div.box-3 {
	padding: 8px 12px 8px 12px;
	overflow: hidden;
}

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

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

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

div.mod-border 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-border div.badge { top: 2px; right: 2px; }

/*
 * module: polaroid
 */

div.module.mod-polaroid { overflow: hidden; }

div.mod-polaroid div.badge-tape {
	position: absolute;
	top: 0px;
	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;
}

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;
}

/*
 * 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;
}

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;
}
/* joomla.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */

/*
 * global CSS
 * not inside joomla CSS class
 */

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

#page a.readmore {
	display: block;
	width: 125px;
	height: 30px;
	background: url(images/readmore.png) 0 0 no-repeat;
	float: left;
	line-height: 30px;
	text-indent: 15px;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}

#page a.readmore:link,
#page a.readmore:visited { color: #ffffff; }

#page a.readmore:hover {
	line-height: 32px;
	background-position: 0 -35px;
	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(images/selector-arrow.png) no-repeat;
}

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

/*
 * general
 * used by Jommla core components
 */

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 0px 15px 0px;
	padding-bottom: 20px;
	background: url(images/article_separator.png) 50% 100% no-repeat;
}

div.joomla div.leadingarticles { overflow: hidden; }
div.joomla div.teaserarticles { overflow: hidden; }

div.joomla div.item { margin-bottom: 15px; }

div.joomla div.item-bg {
	padding-bottom: 15px;
	background: url(images/article_separator.png) 50% 100% no-repeat;
	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;
	font-size: 80%;
	font-style: italic;
	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_search
 */

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

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

.default-search div.searchbox input {
	width: 94px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #c8c8c8;
	font-size: 11px;
	text-transform: uppercase;
}

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

.default-search div.searchbox button.search-magnifier { background: url(images/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(http://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;}

/*
 * Joomla! system CSS file: 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(images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

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

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

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

.button2-left .pagebreak {
	background: url(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(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(images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* extensions.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */

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

/*
 * YOOsearch
 */

#page div.default div.yoo-search { height: 22px; }
#page div.default div.yoo-search div.searchbox {
	height: 22px;
	background: url(images/searchbox_bg.png) 0 0 no-repeat;
}
#page div.default div.yoo-search div.searchbox:hover  { background-position: 0 -32px; }
#page div.default div.yoo-search div.searchbox:hover input { color: #323232; }
#page div.default div.yoo-search div.searchbox input:focus { color: #323232; }

#page div.default div.yoo-search div.searchbox input {
	width: 76px;
	height: 22px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 22px;
	color: #969696;
}
#page div.default div.yoo-search div.searchbox button {
	width: 22px;
	height: 22px;
}
#page div.default div.yoo-search div.searchbox button.search-magnifier { background: url(images/magnifier_icon.png) 0 0 no-repeat; }
#page div.default div.yoo-search div.searchbox button.search-close { background: url(images/close_icon.png) 0 0 no-repeat; }
#page div.default div.yoo-search div.searchbox button.search-loader { background-position: 2px 3px; }

#page div.yoo-search div.resultbox {
	position: absolute;
	right: -6px;
	top: 25px;
	z-index: 20;
}

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

#page div.default div.yoo-search h3.search-header {
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
}

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

#page div.default div.yoo-search h3.search-header { 
	font-size: 15px;
	font-weight: normal;
	color: #323232;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}
#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 h3 { 
	color: #323232;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}
#page div.default div.yoo-search .resultbox-bg a:hover,
#page div.default div.yoo-search .resultbox-bg a:hover h3 { color: #323232; }

#page div.default div.yoo-search a.search-more { color:#323232; text-shadow: 0 1px 0 rgba(255,255,255,1); }

/*
 * YOOtweet
 */

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

#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;
}
/*
 * This CSS file is for customization purpose only
 */ 

#logo a.logo-icon {
	display: block;
	width: 302px;
	height: 133px;
	margin: auto;
	background: url(images/logo.png) 0 0 no-repeat;
}

.mod-frame-custom h3.header {
	text-align: center;
	font-size: 35px;
	line-height: 60px;
}

#top .yoo-carousel .frontpage {
	display: block;
	width: 800px;
	height: 250px;
}

#top .yoo-carousel .frontpage1 { background: url(images/yoocarousel/royal_icon1.jpg) 0 0 no-repeat; }
#top .yoo-carousel .frontpage2 { background: url(images/yoocarousel/royal_icon2.jpg) 0 0 no-repeat; }
#top .yoo-carousel .frontpage3 { background: url(images/yoocarousel/royal_image.jpg) 0 0 no-repeat; }