/* layout for CSA -- for presentation see below */
body, h1, h2, h3, h4, h5, h6, a, ul, li, p, div, span, table, td, tr, blockquote, dl, dt, dd { margin: 0; padding: 0; }
table { border-collapse: collapse; clear: both; float: none; width: 100%; }
td, th { border-width: 0px; border-style: solid; padding: 0.2em; }
body { font-size: 76%; }
h1 { font-size: 1.6em; margin-bottom: 0.5em; width:20em; }
h2 { font-size: 1.3em; margin-bottom: 0.57em; margin-top: 1em; }
h3 { font-size: 1.1em; margin-bottom: 0.57em; }
h4 { font-size: 1em; margin-bottom: 0.57em; }
p { line-height: 1.4em; margin-bottom: 1em;}
.hide { display: none; }
#main { min-height: 400px; min-width: 400px; }
#header { position: relative; width: 80.5em; margin: 0 auto; position: relative; top: 0; left: 0; z-index: 2; }
#logo { position: absolute; left: 9px; top: 13px; width: 336px; height: 141px; z-index: 4; }
#header #logo a { display: block; width: 336px; height: 141px; }
#dateBar { font-size: 1.1em; height: 2em; left: 630px; position: absolute; top: 212px; width: 20em; z-index: 3; }
#outer { width: 80.5em; position: relative; top: 0; left: 12px; z-index: 1; margin-top: 0; overflow: hidden; }
#inner { margin-top: 24px; min-height: 44em; }
#contentPane { margin-left: 16em; min-height: 48em; width: 692px; padding-bottom:1em; }
#modules { height: 1.4em; position: absolute; left:58em; top: 20px; vertical-align: middle; }
#obj1 { position: absolute; width: 100px; height: 100px; left: 414px; top: 34px; }
#sponsors { position: absolute; width: 120px; height: 150px; left: 15px; top: 630px; z-index: 5; }

#extra1 { position: absolute; width: 100px; height: 100px; left: 700px; top: 0; }
#recentArticles h1 { font-size: 1.4em; width: 200px; height: 30px;}
#recentDocuments,
#recentPress,
#header #logo img,
#subTitle,
#extra2,
#extra3 { display: none; }
#recentArticles .articleDate { display: none; }
#recentArticles li { list-style: none; }

#header #siteSearchForm { height: 1.4em; position: absolute; left:57em; top: 125px; vertical-align: middle; }
#header #siteSearchForm .button { height: 30px; letter-spacing: -1000em; text-indent: -500em; width: 37px; border: none; }
#header #siteSearchForm label { margin-right: 0.5em; }
#header #siteSearchForm input.input { line-height: 1; margin-right: 0.5em; padding: 0.3em; width: 9em; border-width: 1px; font-size:1.2em}
#header #siteSearchForm #searchErrors { position: absolute; right: 0pt; top: 2.5em; width: 23em; }

#header #listSearchForm { position: absolute; top: 155px; height: 10em; width: 13em; padding: 1em; margin: 1em; z-index: 4; }
#header #listSearchForm label { display: none; }
#header #listSearchForm input.input { width: 11.5em; }
#header #listSearchForm button { margin-top: .5em; border-width: 1px; border-style: solid; }

#header #siteMenu { position: absolute; left:68em; top: 25px; }
#header #siteMenu ul { list-style:none }
#header #siteMenu li.firstItem { border-width: 0; }
#header #siteMenu li { float: left; padding: 0 0.5em; clear:left; line-height:2; }
#header #siteMenu li a { text-align: right; width: 8em; display: block; padding-right:1em;}

#listFilter { display: block; margin: 1em 0 0; width: 100%; float:left; height:2.5em; }
#selectCategory { padding-top: 0.4em; float:left; height:2em; }
#selectCategory span { margin: 0 .5em 1em 0; float:left; }
#selectCategory span.label { color:white; }
#selectCategory .fauxSelect { display: block; margin-right: 0.5em; float:left; }
#selectCategory .fauxSelect a { padding-left: 15px; display: block; }
#selectCategory .fauxSelect a.submenu { padding-left: 0; }
#selectCategory .fauxSelect ul { margin: 0 0 0 0; padding: 0 0 0 0; }
#selectCategory .fauxSelect li { float: none; margin: 0 0 0 1.2em; padding: 0 0 0 0; }
#selectCategory .fauxSelect span { float: left; margin: 0 0 0 0; }
#selectCategory .fauxSelect span.fold { display: block; width: 16px; height: 16px; }
#selectCategory .fauxSelect span.collapsed { display: block; width: 16px; height: 16px; }

#contentPane #itemsPerPageField { float: right; }
#contentPane #itemsPerPage select.input { width: 4em; }
#contentPane .pageLinks { margin: 1em 0; }
#contentPane .pageLinks .pageNumbers { display: inline; font-size: 2em; margin: 0 0.2em; }
#contentPane .pageLinks .pageNumbers a { font-size: 0.5em; margin-left: 0.5em; }
.searchResults #contentPane dt { margin-bottom: 0.5em; }
.searchResults #contentPane #listFilter { float: right; }

#featuredArticles { /*height: 34em;*/ left: 58em; position: absolute; top: 0; width: 17em; padding:1em}
#featuredArticles h1 { width: 200px; height: 30px; }
#featuredArticles hr { height: 1px; display: none; }
#featuredArticles h2 { font-size:.9em; }
#featuredArticles img { width:auto; height: auto; }
#featuredArticles .article {border-width:0 0 1px 0; padding-bottom:1em}

#contentPane li { margin-left: 1.2em; }
#contentPane ul { margin-bottom: 0.57em; }
#contentPane img { margin: 0.5em 1em; }
#contentPane .mceToolbarTop img { margin: 1px 1px 1px 1px; }
#contentPane img.logo { padding: 2px; }

#breadcrumbs { display: none; left: 0; margin-bottom: -3000px; padding-bottom: 3000px; position: absolute; top: 0; width: 11em; }

#contactForm { padding-top: 1em; width: 20em; }
#contactForm label { clear: left; display: inline; float: left; line-height: 2em; width: 10em; }
#contactForm input, #contactForm select { display: inline; float: left; margin-left: 11em; margin-top: -2em; }
#contactForm .required { clear: none; float: right; margin-top: -1.5em; }
#contactForm input.button { margin: 0; }

#dynamicMenu { position: absolute; top: 180px; left: 37px; z-index: 2; width: 14.5em; font-size: .95em; }
#dynamicMenu ul.level1 { width: 16em; }
#dynamicMenu ul ul li { display:none; }
#dynamicMenu ul { margin: 0 0 0 0; }
#dynamicMenu ul li { float: left; padding:.5em 0; list-style: none; display: block; }
#dynamicMenu ul li a { padding:.5em 0; border-width: 0; border-style: solid; display: block; width: 8em; padding-left: 2em; vertical-align: top; }
#dynamicMenu ul ul li a { padding-left:10px; }
#dynamicMenu ul.level2 { position: absolute; padding-left:2em; left: 12em; top:auto; margin-top:-3.5em; }
#dynamicMenu ul.level2 a { font-size:.9em; width:154px; }
#dynamicMenu li:hover li { display:block; }
#dynamicMenu li.firstItem {padding-top:10px; }
#dynamicMenu li.lastItem {padding-bottom:10px; }

#footer { margin-top: -12px; line-height: 1em; height: 111px; font-size: 0.8em; clear: both; position: relative; top: 0; left: 12px; z-index: 0; }
#footer #footerText { float: left; width: 980px; margin-top:62px}
#footer #copyright, #footer #poweredby { display: block; float: left; width: 44%; margin: 0 1%; }
#footer #footerText #poweredby span { display: none; }

.menushim, #onlineShop, #frontpage, #bankNews, #languageSelection, .menushim, #headerEnd, #contentEnd, #footerMenu, #footerEnd, #subTitle span, #extra4, #extra5, #extra6, #styleswitcher, div.adr { display: none; }
.sitePage li { list-style-position: inside; }

/* search results */
.searchResults dl { padding-top: 2em; }
.searchResults dt { margin-top: 1em; line-height: 1.5em; }
.searchResults dd { width: auto; margin: 0; padding: 0; font-size: .9em; }

/* search results */
.searchResults dl { padding-top: 2em; }
.searchResults dt { margin-top: 1em; line-height: 1.5em; }
.searchResults dd { width: auto; margin: 0; padding: 0; font-size: .9em; }

/* events */
.addEvent fieldset, .eventList fieldset { border-width: 0px; }
.addEvent #selectCategory span.label { margin-right:0;}
#eventListForm { padding-bottom:2em; }
/*.eventList #buttons { clear: both; }*/
.addEvent .field { clear: left; margin-bottom: .5em; }
.addEvent .label,
.addEvent .field label { width: 10em; float: left; display: inline; }
.addEvent legend { font-size: 1.5em; }
.addEvent .checkbox{ float: right; width: 34em; }
.addEvent .checkbox input,
.addEvent .checkbox label { float: left; width: auto; }

/* documents */
.viewDocument #contentPane dt { float:left; }

/* site pages */

/* -- home */

#recentArticles, #recentDocuments {display:none}
#recentItems { display: none; }
.home #recentItems { /*min-height: 30em;*/ margin-left: 16em; display:block; float:left;}
.home #recentItems li { list-style:none; margin-bottom:1em; }
.home #contentPane { min-height: 1em; }

/* listings module */
.listingItemList #contentPane h1,
.listingItemList th.field_main_picture a { display: none; }
.listingItemList #contentPane h2 { margin-top: 0; }
.listingItemList table {text-align:center;}

/* -- details page */
.listingItemDetails .buttons { width: 8em; clear: left; }
.listingItemDetails .buttons form input.button { font-weight: bold; }
.listingItemDetails .buttons button.back {margin-top:2em;}

.listingItemDetails #item_1 {padding-top: 3em;}
.listingItemDetails #item_1 div { margin: .5em 0; width: 25em}
.listingItemDetails #item_1 .group_mainpicture .field_main_picture img { width:300px; }
.listingItemDetails #item_1 .group_mainpicture .field_main_picture { float: none; }
.listingItemDetails #item_1 .field_main_picture { float:right; }
.listingItemDetails #item_1 .field_main_picture .label,
.listingItemDetails #item_1 .field_address .label { display: none; }
.listingItemDetails #item_1 .label { width: 14em; float: left; }
.listingItemDetails #item_1 .field_description .label { display: block; float: none; }
.listingItemDetails #item_1 .field_description { margin-bottom: 1em; }
.listingItemDetails #item_1 .field_address { position: absolute; top: 1em; font-size: 1.4em; }

/* .listingItemDetails #item_1 {min-height: 58em} */
.listingItemDetails #item_1 .group_heading,
.listingItemDetails #item_1 .group_mainpicture,
.listingItemDetails #item_1 .group_pictures,
.listingItemDetails #item_1 .group_pricing,
.listingItemDetails #item_1 .group_details
{ float: left; width: 25em; }

.listingItemDetails #item_1 .group_pricing { padding-top: 12px; }
.listingItemDetails #item_1 .group_details { padding-top: 12px; }
.listingItemDetails #item_1 .group_pictures img { width: 80px; }

.listingItemDetails #item_1 th.field_main_picture a { display: none; }
.listingItemDetails #item_1 .group_mainpicture { float: right; clear: right; width: 330px; }
.listingItemDetails #item_1 .group_mainpicture img { border-width: 5px; border-style: solid; }
.listingItemDetails #item_1 .group_pictures { float: right; clear: right; width: 300px; }
.listingItemDetails #item_1 .group_pictures div { float: left; width: 80px; height: 60px;  margin-right:14px; padding:2px; }
.listingItemDetails #item_1 .group_pictures div .label { display: none; }
.listingItemDetails #item_1 .group_pictures div img { margin: 0; }

.listingItemDetails #backlink { float: left; margin-top:-2em}
.listingItemDetails #listingItemForm { display: none; }

.calendarButton { width: 26px; height: 26px; display: inline; }

#loginForm label { float: left; width: 10em; }
#logoutForm { display: inline; margin-left: 2em; }

/* PRESENTATION ============================================================================ */

body { font-family: "Comic Sans MS", Arial, sans-serif; color: white; background-color: #F3EFBF;}

#dynamicMenu a, 
#contentPane a, 
#contentPane p  { color: white; }

#contentPane a:hover { color: yellow; }

#dateBar { font-family: "Comic Sans MS", Arial, sans-serif; font-weight: bold; text-align: right; color:white; }

#header { font-family: Arial, Helvetica, sans-serif; color:black; }
#header #siteSearchForm .button { background: transparent url(images/bt_search.png) no-repeat scroll center; cursor: pointer; }
#header #logo { background: url(images/logo.png) no-repeat 0 0 ; }
#header #siteSearchForm input.input { border-style: solid; border-color: #f60; }

#siteMenu li a { color: #069; font-weight: bold; letter-spacing: 1px; background: url(images/bg_triangle_icon_small.gif) no-repeat right center; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
#siteMenu li a:hover { text-decoration: underline; }

#dynamicMenu li { background: url(images/bg_line.png) no-repeat 4px bottom; }
#dynamicMenu ul ul li  { background: url(images/bg_subboard.jpg) no-repeat 0 -40px; margin: 0; padding: 0; }
#dynamicMenu ul ul li.firstItem { background-position: 0 0; }
#dynamicMenu ul ul li.lastItem { background-position: 0 -138px; }
#dynamicMenu a:hover { background: url(images/bg_triangle_icon.gif) no-repeat left top; color: yellow; }
#dynamicMenu ul ul a {background: url(images/bg_line.png) no-repeat 0 bottom;}
#dynamicMenu ul ul a:hover {background: url(images/bg_line.png) no-repeat -167px bottom; color: yellow; }

#dynamicMenu a { font-weight: bold; font-size: 1.4em; text-transform: uppercase; text-decoration:none; }
#dynamicMenu a, 
.sitePage #contentPane a, 
.sitePage #contentPane p  { font-size: 1.2em; }
h1 { color: yellow; }

#main { background: url(images/bg_main.jpg) no-repeat top left; }
#outer { background: transparent url(images/bg_top.jpg) no-repeat scroll 0 0; }
#inner { background: transparent url(images/bg_center.jpg) repeat-y scroll 0 0; }

/* make a hack until we fix the .current class name */
.home #dynamicMenu .BonBini a { color: yellow; }
.HOME #dynamicMenu .BonBini a { color: yellow; }
.historia #dynamicMenu .Historia a { color: yellow; }
.buki #dynamicMenu .BukidiInformacion a { color: yellow; }
.buki #dynamicMenu .level2 a { color: white; }

.addEvent #dynamicMenu .Agenda a, .eventList #dynamicMenu .Agenda a { color: yellow; }
.vision #dynamicMenu .level2 .Vision a { color: yellow; }
.vakantie #dynamicMenu .Vakantie a { color: yellow; }
.adicional #dynamicMenu .Informacionadicional a { color: yellow; }
.ciclo-basico #dynamicMenu .CicloBasico1y2 a { color: yellow; }
.ciclo-avansa #dynamicMenu .CicloAvansa3y4 a { color: yellow; }
.team #dynamicMenu .TeamdiDocentenan a { color: yellow; }

#header { background: url(images/clock.png) no-repeat 400px 20px; width: 100%; height: 169px; }

#searchErrors { color: red; }
#header #siteSearchForm label { color: #069; font-weight: bold; }
#footer { background: url(images/bg_bottom.jpg) no-repeat 0 bottom; }
#footer, #footer a { color: black; }
#footer #copyright { text-indent:6em; }
#footer #poweredby { text-align: right; }
#extra1 { background: url(images/bell.png) no-repeat 0 0; }

/* listFilter */
#eventForm .fauxSelect,
#selectCategory .fauxSelect { background-color:white; color: black; }
#eventForm .selectCategory,
#selectCategory .selectCategory { background-color:white; }
#eventForm #selectCategory,
#selectCategory .fauxSelect a { color:black; }
#selectCategory .fauxSelect a:hover { color:black; }
.addEvent legend { color: white; }

/* tables */
table .odd { background-color: #6c7773; }
th { background-color: white; color: black; text-align: left; }
.articleList th { cursor: pointer; }

.home #recentItems a { color: white; }
.calendarButton { background: url(images/bt_cal.gif) no-repeat 0 0; text-indent: -1000px; border: none; cursor: pointer; float:none; display:inline;}
.logoutButton { background: none; color: white; font-family: "Comic Sans MS", Arial, sans-serif; cursor: pointer; }