/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	color: #000;
	background: #FFF;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}




/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

body {
	/* For breathing room between content and viewport. */
	margin:10px;
}

h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}

h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #000;
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

/*
Grids CSS without yui-3 namespace
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0pr1
build: 2430
*/
.grid {
    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}

.unit, .unit-1, .unit-1-2, .unit-1-3, .unit-2-3, .unit-1-4, .unit-3-4, .unit-1-5, .unit-2-5, .unit-3-5, .unit-4-5, .unit-1-6, .unit-5-6, .unit-1-8, .unit-3-8, .unit-5-8, .unit-7-8, .unit-1-12, .unit-5-12, .unit-7-12, .unit-11-12, .unit-1-24, .unit-5-24, .unit-7-24, .unit-11-24, .unit-13-24, .unit-17-24, .unit-19-24, .unit-23-24 {
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}

.unit-1 {display: block;}
.unit-1-2 {width: 50%;}
.unit-1-3 {width: 33.33333%;}
.unit-2-3 {width: 66.66666%;}
.unit-1-4 {width: 25%;}
.unit-3-4 {width: 75%;}
.unit-1-5 {width: 20%;}
.unit-2-5 {width: 40%;}
.unit-3-5 {width: 60%;}
.unit-4-5 {width: 80%;}
.unit-1-6 {width: 16.656%;}
.unit-5-6 {width: 83.33%;}
.unit-1-8 {width: 12.5%;}
.unit-3-8 {width: 37.5%;}
.unit-5-8 {width: 62.5%;}
.unit-7-8 {width: 87.5%;}
.unit-1-12 {width: 8.3333%;}
.unit-5-12 {width: 41.6666%;}
.unit-7-12 {width: 58.3333%;}
.unit-11-12 {width: 91.6666%;}
.unit-1-24 {width: 4.1666%;}
.unit-5-24 {width: 20.8333%;}
.unit-7-24 {width: 29.1666%;}
.unit-11-24 {width: 45.8333%;}
.unit-13-24 {width: 54.1666%;}
.unit-17-24 {width: 70.8333%;}
.unit-19-24 {width: 79.1666%;}
.unit-23-24 {width: 95.8333%;}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 16, 2012 */
@font-face {
    font-family: 'ArimoBold';
    src: url('arimo-bold-webfont.eot');
    src: url('arimo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('arimo-bold-webfont.woff') format('woff'),
         url('arimo-bold-webfont.ttf') format('truetype'),
         url('arimo-bold-webfont.svg#ArimoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoBoldItalic';
    src: url('arimo-bolditalic-webfont.eot');
    src: url('arimo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('arimo-bolditalic-webfont.woff') format('woff'),
         url('arimo-bolditalic-webfont.ttf') format('truetype'),
         url('arimo-bolditalic-webfont.svg#ArimoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoItalic';
    src: url('arimo-italic-webfont.eot');
    src: url('arimo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('arimo-italic-webfont.woff') format('woff'),
         url('arimo-italic-webfont.ttf') format('truetype'),
         url('arimo-italic-webfont.svg#ArimoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoRegular';
    src: url('arimo-regular-webfont.eot');
    src: url('arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('arimo-regular-webfont.woff') format('woff'),
         url('arimo-regular-webfont.ttf') format('truetype'),
         url('arimo-regular-webfont.svg#ArimoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{margin: 0; padding: 0;}
html, body{height: 100%;}

/*HTML Elements*/
html {background: #000;}
body {margin: 0; padding: 0; font: 15px/1.231 'Arimo', Arial, sans-serif;}
/*header {padding-top: 50px; position: fixed; height: 100%; background: transparent url('/img/portal/side-overlay.png') repeat-y;}*/
header{margin-top: 51px;}
header .static-items {position: static;}
a {color: #D75D00; text-decoration: none;}
a:hover {text-decoration: none;}
h1, h2, h3, h4 {padding: 0; margin: 0;}
h1 a, h2 a, h3 a, h4 a {color: #FFF;}
input, textarea, select {font: 12px/1.231 Arial, sans-serif; color: #333333;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
article {padding-bottom: 15px;}
pre {color: #fff;}

h2, h3 {padding-bottom: 10px;}

li a.selected 	{color: #D75D00 !important; background: transparent url('/img/portal/menu-selected.png') left no-repeat; padding-left: 18px;}

/* Elements */
#wrapper-body{background: transparent url(img/portal/side-overlay.png) repeat-y 0 0; min-height: 100%; position: relative; width: 1041px;}
#gral-bkg-img {}
/*#main {padding: 0 0 35px 319px;}*/
#main{margin-top: 32px; padding-bottom: 35px;}
#main .yui3-widget-mask{opacity: 0.9;}
.grid {}

/* Google translate */
#google-translate {color: #FFF; padding-top: 20px; margin-bottom: 20px;}
#google-logo {vertical-align: middle;}
#google-translate .goog-te-gadget-simple {background: none; border: 1px solid #FFF; padding: 7px 10px; width: 90%;}
#google-translate span {color: #fff;}
#google_translate_element img {display: none; height: 34px;}


/* Logo */
#company-logo{margin: 0 0 42px 0;}

/* Menu */
.menu {width: 195px; color:#FFF; font-weight: bold; margin: 0; font-size: 12px; text-transform: uppercase;}
.menu li {list-style: none; margin-bottom: 12px;}
.menu li a {display: block; color: #FFF;}
.menu li a:hover {color: #D75D00; text-decoration: none;}
.menu .submenu {}
.menu .hide-submenu {display: none;}

.icons {float: left; margin: 0;}
.icons li {float: left; list-style: none; margin-right: 10px; line-height: normal;}
.icons a {float: left; display: block; height: 16px; width: 16px; overflow: hidden; text-indent: -10000px;}

/* Document */
.unit-a{width: 205px; padding: 0 28px 0 52px;}
.unit-b{width: 756px;}

/* Header */
.doc-header {background-color: #FFFFFF; color: #333333; line-height: 32px; font-size: 12px;}
.doc-header .hide-info {float: right;}
.doc-header a {color: #333333; text-decoration: none;}
.doc-header h2 {text-transform: lowercase; display: inline; font-weight: normal; font-size: 12px;}

/* Body */
.content {padding: 0 28px;}
.doc-body {padding-bottom: 35px; background: transparent url('/img/portal/doc-body-background.png') repeat; color: #fff; overflow: hidden;}
.doc-body h1 {padding: 30px 0; font-size: 36px;}
.doc-body .picture {position: relative; margin-bottom: 25px;}
.doc-body .picture img {display: block;}
.doc-body .view-gallery {position: absolute; bottom: 0; right: 0; width: 80px; line-height: 32px; background: #D75D00 url('/img/portal/view-gallery.png') no-repeat 14px 11px; color: #FFF; padding-left: 37px; text-transform: lowercase; z-index: 100;}
.doc-body a.more {font: 14px/1.231 sans-serif; font-style: italic;}
.doc-body-closed {padding-bottom: 0; overflow: hidden;}

/* Layouts */
.doc-body .box {margin: 0 0 25px 0;}
.doc-body .box-center {margin: 0 0 25px 0; text-align: center;}
.doc-body .box-left {float: left; margin: 0 10px 25px 0;}
.doc-body .box-right {float: right; margin: 0 0 25px 10px;}

.page-element {margin-bottom: 30px;}
.page-content {padding: 23px 28px;}
.webpage-section {padding: 0 18px;}
.webpage-content {padding: 0 10px;}
.webpage-element .break-line {clear: both;}
.webpage-content .element-description {text-align: center;}

/* Home page stuff */
.main-page {margin-top: 30px;}
.main-page .border {border: 10px solid #FFF;}
.main-page .bottom {padding-top: 30px;}
.main-page .bottom a {color: #000;}
.main-page .bottom .item {background-color: #FFF; float: left; margin-right: 20px; padding: 10px; position: relative; width: 200px; min-height: 270px;}
.main-page .bottom .title {min-height: 35px;}
.main-page .bottom .item.last {margin-right: 0px;}
.main-page .bottom .more {background-color: #000; bottom: 10px; cursor: pointer; right: 10px; position: absolute; padding: 5px; width: 80px;}
.main-page .bottom .more a {color: #FFF;}
.main-page .bottom .text-container {padding-top: 5px;}

.center-frame {margin: 0 0 15px 0; text-align:center;}
.left-frame {float: left; margin: 0 10px 10px 0;}
.right-frame {float: right; margin: 0 0 10px 10px;}

.has-left-padding-10{padding-left: 10px;}
.fixed-footer{bottom: 0; left: 0; position: fixed;}
.hidden-footer{opacity: 0;}

.download {background: transparent url('/img/portal/download-icon.png') left center no-repeat; padding: 8px 30px; font-style: italic;}
.download-description {padding-top: 10px;}

/* Slideshow with Overlay */
.yui3-skin-sam .yui3-panel-content{box-shadow: none!important;}
.yui3-widget.yui3-panel.yui3-widget-positioned.yui3-widget-stacked.yui3-widget-modal.yui3-panel-focused:focus{outline: none;}
#overlay-slideshow{background: none;}

#overlay-slideshow .yui3-widget-hd{background: none;}
#overlay-slideshow .yui3-widget-hd .overlay-close-button{background: transparent url(/img/portal/sprite-buttons-slideshow.png) no-repeat 0 -80px; height: 40px; width: 40px;}
#overlay-slideshow .caption{background: #000; color: #FFF; font-family: Arimo, sans-serif; font-size: 13px; margin: 10px auto; padding: 10px; width: 980px;}

#overlay-slideshow {position: relative; overflow: hidden; width: 100%; border: 0;}
#overlay-slideshow .data  {width: 100%; margin: 0; overflow: hidden;}
#overlay-slideshow .data .item {list-style: none; display: none;}
#overlay-slideshow .data .spotlight {z-index: 100; display: block; *display: inline; width: 100%;}
#overlay-slideshow .data .item .description {display: none;}
#overlay-slideshow .data img {display: block;}

#overlay-slideshow ul.data a {width: 100%; height: 700px !important; text-align: center; vertical-align: middle; line-height: 700px; overflow: hidden; display: block;}
#overlay-slideshow ul.data a img {display: inline-block !important; vertical-align: middle; max-width: 100%; max-height: 900px; overflow: hidden;}

/* search */
#search-keywords {width: 203px; height: 32px; border: 1px solid #FFF;}
#search-keywords form {padding: 0;}
#search-keywords input {padding: 8px 0; margin-top: 2px;  width: 95%; background: transparent; color: #FFF; margin: 0 5px; border: 0; outline: 0;}

/* Pagination */
.pagination {height: 30px; font: 12px/1.321 Arial, sans-serif; font-weight: bold; line-height: 24px;}
.pagination .numbers {text-align: center; color: #fff;}
.pagination .numbers a {background-color: #333333; color: #FFF; width: 24px; height: 24px; display: block;}
.pagination .numbers a:hover {background-color: #CC4707; color: #fff; text-decoration: none;}
.pagination .numbers span {margin-right: 8px; width: 24px; height: 24px; display: inline-block;}
.pagination .numbers .current {padding-top: 1px; background: #CC4707; color: #fff;}

/* Footer */
/*.doc-footer {position: absolute; bottom: 0;}*/

/* Bottom menu */
/*#bottom-menu {margin: 0; position: absolute; bottom: 65px;}*/
#bottom-menu a{display: block;}
#bottom-menu .publicity {margin: 10px 0 15px;}

#bottom-menu .social-networks{margin-bottom: 21px;}
#bottom-menu .social-networks ul li {display: block; height: 24px;}
#bottom-menu .social-networks li {margin-right: 10px; list-style: none; float: left;}
#bottom-menu .social-networks a {background: url(/img/portal/social-icons.png) 0 0 no-repeat; height: 26px; width: 26px;}
#bottom-menu .social-networks a.twitter {background-position: 0 -25px;}
#bottom-menu .social-networks a.youtube {background-position: 0 -50px;}
#bottom-menu .social-networks a.google {background-position: 0 -76px;}

/* Services & Credits */
.doc-footer .icons a {background: url(/img/portal/brands-icons.png) 0 0 no-repeat;}
.doc-footer .credits {}
.doc-footer .credits .affenbits {background-position: 0 -16px;}
.doc-footer .services {}
.doc-footer .services .facebook {background-position: 0 -32px;}

/* sharging */
.share-it{position:absolute; width:50%; z-index:9999;}
/*.fb_edge_widget_with_comment {bottom: 4px; position: relative; right: 20px;}*/


/* Debugger Cake SQL */
.cake-sql-log {margin-left: 347px;}
.cake-sql-log {width:900px;  background: url('img/portal/doc-body-background.png') repeat;}
.cake-sql-log td {color:#fff;}

time {color: #A0A0A0; position: relative; top: -30px; font-size: 12px;}

/* Slideshow */
.slideshow {position: relative; overflow: hidden; width: 100%;}
.slideshow .data {width: 700px; margin: 0; overflow: hidden;}
.slideshow .data .item {list-style: none; display: none;}
.slideshow .data .spotlight {z-index: 100; display: block; *display: inline; width: 100%;}
.slideshow .data .item .description {display: none;}
.slideshow .data img {display: block;}

.slideshow ul.data a {width: 700px; height: 500px !important; text-align: center; vertical-align: middle; line-height: 500px; overflow: hidden; display: block;}
.slideshow ul.data a img {display: inline-block !important; vertical-align: middle; max-width: 700px; max-height: 500px; overflow: hidden;}