/* @override http://127.0.0.1:5000/static/css/styles.css */

/* @group CSS Reset */

/* Remove implicit browser styles to have a neutral starting point:
   - No elements should have implicit margin/padding
   - No underline by default on links (we add it explicitly in the body text)
   - When we want markers on lists, we will be explicit about it, and they render inline by default
   - Browsers are inconsistent about hX/pre/code, reset
   - Linked images should not have borders
   */

* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }
* ul,ol { list-style:none; }
* li { display: inline; }
* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* a img,:link img,:visited img { border:none } 
a { outline: none; }
table { border-spacing: 0; }
img { vertical-align: middle; }



/* @end */

/* @group Basics */

body { 
	font: 100% "Trebuchet MS", Arial, FreeSans, sans-serif;
	background: White;
	color: Black;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, FreeSans, sans-serif !important; 
	font-weight: bold;
	line-height: 125%;
	color: Black;
}
h1, h2 {
	letter-spacing: -1px;
}
h1 {
	font-size: 1.625em; /* 26px equiv */
}
h2 {
	font-size: 1.375em; /* 22px equiv */
}
h3 {
	font-size: 1.125em; /* 18px equiv */
}
h4 {
	font-size: 0.875em; /* 14px equiv */
}
h5 {
	font-size: 0.75em; /* 12px equiv */
}
h6 {
	font-size: 0.625em; /* 10px equiv */
}

p {
	font-size: 0.75em; /* 12px equiv */
}

a:link, a:visited {
	color: #205c90;
}

a:link:hover,
a:visited:hover {
	color: #75ad0a;
}

dt {
	font-weight: bold;
}
input {
	font-family: "Lucida Grande", Arial, FreeSans;
}

/* @end */

/* @group Grid */

/* Grid classes, these can also be nested */
.grid-row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}
.grid-cell {
  position: relative;
  float: left;
  left: 100%;
}

/* Widths, these are abstracted out so that pixel-based layouts or other
   similar approaches can be retrofitted without changing the markup,
   or if you want to apply rules like the Golden Ratio to your layouts */
.width-half {
	width: 50%;
}
.width-quarter {
	width: 25%;
}
.width-three-quarters {
	width: 75%;
}
.width-third {
	width: 33.33%;
}
.width-two-thirds {
	width: 66.67%;
}

/* Positioning classes, these are subtracting from a rightmost position */
.position-leftmost {
	margin-left: -100%;
}
.position-third {
	margin-left: -66.67%;
}
.position-two-thirds {
	margin-left: -33.33%;
}
.position-quarter {
	margin-left: -75%;
}
.position-half {
	margin-left: -50%;
}
.position-three-quarters {
	margin-left: -25%;
}

/* @end */

/* IE6 Warning */

#ie6WarningBox {
    background: black;
    color:white;
    border-top: 1px solid #f4efea;
    padding: 5px;
}
#ie6WarningBox a:link,
#ie6WarningBox a:visited,
#ie6WarningBox a:hover {
    color: white !important;
}
#ie6WarningBox h2.warningHeadline {
    color: white;
    font-size: 140%;
}
.whyUpgrade,
.otherBrowsers {
    text-align: left;
}

/* @group Wrappers */


html, body {
/* Sticky footer */
	height: 100%;
	background:url(../images/body-bg.png) 50% 0% no-repeat transparent;
}


#outer-wrapper {
/* Sticky footer w/IE fixes*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -16em;
	width: 960px;
}

/* @ Rounded Corners */
.rounded {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.roundedtop {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
}

/* end */

/* @css3 boxshadow */
.shadow {}
    box-shadow: 10px 10px 5px #888;
}
.shadowed {
    -moz-box-shadow: 0px 0px 4px #888; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 4px #888; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #888; /* Opera 10.5, IE 9.0 */
    filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#888888'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#888888')"; /* IE8 */
}

/* end */


#introduction {
    background: white;
    border: 1px solid #ccc;
/*    padding: 5px 15px; */
    font: "Trebuchet MS", Arial, FreeSans, sans-serif;
}

#introduction a {
    color: black;
}

#introduction .splashbox {
    padding: 5px 15px;
}

/* AllertBox */

div.allertBox {
    background-color: #ffffe3; 
    border: 0px solid #821c2e !important;
    border-width: 2px 20px 2px 20px !important;
    padding: 5px;
    color: #821c2e;
    margin-top: 15px;
}

/** @cleaup roomrates view */
.rrReview {
    color:red;
}
.rrDone {
    color: green;
    content:"√";
}


/** @ group header **/

#header {
    height: 102px;
    background:url(../images/header.png) no-repeat 50% 0% transparent;
    padding: 20px 0px 0px 0px;
}
#boomer-home {
display:block;width:380px;margin-left:20px;height:80px;text-indent:-9999px;
}

#hotline a {
    color: #821c2e;
    font-weight: bold;
    font-style: italic;
    font-size: 80%;
    padding: 0px 0px 0px 50px;
}

#hotline h4 {
    color: #d0af8c;
    font-style: italic;
    font-size: 120%;
    padding-bottom: 3px;
    margin-bottom: 3px;
    background:url(../images/line-faded-small.png) 0% 100% no-repeat transparent;
}

#inner-wrapper {
	padding: 0 0 0 0;
}

#content-wrapper {
	margin: 1em 0 0 0;
}

#logo-wrapper {
	width: 910px;
	margin: 0 auto;
}

#logo {
	margin: 0 22px 25px;
	background: 0 -775px url(../images/sprite.png);
	width: 215px;
	height: 56px;
	display: block;
	border: none !important;
}

/* @end */

/* group pathbar */

#pathbar {
    font-size: 70%;
    color: Black;
    font-style:italic;
}

#you-are-here {
    color:#d0af8c;
}

#pathbar a {
    color: #d0af8c;
    text-decoration: underline;
}

/* end */

/* @ group Teaser Block Scrollable */

#teaserblock {
    background:url(../images/teaser-bg.png) no-repeat 50% 0% transparent;
    padding: 0;
    margin: 0px;
    height: 265px;
}

#teaser_navi {
    float: right;
    padding: 10px 2em 10px 0px;
    background:transparent;
    position:absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
}

#splashlink-destinations {
    background:url(../images/icon-globe.png) 0% 0% no-repeat transparent;
    height: 25px;
    padding: 6px 0px 4px 35px;
}
#splashlink-hoteltypes {
    background:url(../images/icon-star.png) 0% 0% no-repeat transparent;
    height: 25px;
    padding: 6px 0px 4px 35px;
}
#splashlink-animaltours {
    background:url(../images/icon-dog.png) 0% 0% no-repeat transparent;
    height: 25px;
    padding: 6px 0px 4px 35px;
}
#splashlink-specials {
    background:url(../images/icon-lodge.png) 0% 0% no-repeat transparent;
    height: 25px;
    padding: 6px 0px 4px 35px;
}

#teaser_navi li {
    clear:both;
    font-size: 110%;
    margin-bottom: 0.5em;
    display: block;
    color: white;
    cursor:pointer;
    font-weight: bold;
    padding: 6px 10px 10px 52px;
}

#teaser_navi li img {
    margin-right: 10px;
}

#teaser_navi li.active {
    background:url(../images/arrow-left.png) 100% 0% no-repeat transparent;
}

#teaser_main {
    position: relative;
    overflow: hidden;
    height: 258px;
    padding: 0 1em;
    color: black;
}
#teaser_pages {
    position: absolute;
    height: 20000em;
}
.page {
    height: 263px;
    padding: 7px;
    width: 683px;
}

.page h1 {
    font-size: 160%;
    margin: 0px;
    padding: 10px 0px 0px 20px;
    color: white;
    font-style:italic;
}

.page p {
    width: 240px;
    padding-left: 20px;
    color: white;
    font-style:italic;
}

.page .counter {
    font-size: 200%;
    color: white;
    width: 240px;
    padding:20px 0px 0px 20px;
}

.page a:link,
.page a:visited {
    color: white;
}

.page a:hover {
    color: black;
}

#teaser-destination,
#teaser-hoteltypes,
#teaser-animaltours,
#teaser-specials {
    background:transparent;
    width: 683px;
    height: 249px;
    padding: 0px;
    margin: 0px;
}

#teaser-destination {
    background:url(../images/destinations-splash.png) 9px 12px no-repeat transparent;
}
#teaser-hoteltypes {
    background:url(../images/hoteltypes-splash.png) 9px 12px no-repeat transparent;
}
#teaser-animaltours {
    background:url(../images/animaltours-splash.png) 9px 12px no-repeat transparent;
}
#teaser-specials {
    background:url(../images/ferienhaeuser-splash.jpg) 9px 12px no-repeat transparent;
}

.splashpage-more {
    color: white;
    font-style:italic;
    position: absolute;
    text-align: left;
    left: 15px;
    width: 120px;
    height: 30px;
    padding: 8px 35px 0px 5px;
    margin-top:5px;
    background:url(../images/button-splashpage.png) 0% 0% no-repeat transparent;
}
.splashpage-more a {
    color: white !important;
    padding: 8px 60px 8px 5px;
}

#teaser-animaltours .splashpage-more {
    background:url(../images/button-splashpage-large.png) 0% 0% no-repeat transparent;
    width: 141px;
}

/* @end */

/** @splashboxes frontpage */

#splashbox-wrapper {
    background: transparent;
}

.splashbox {
    border: 1px solid #ccc;
    padding: 5px 5px 5px 5px;
    background: white;
    color:#821c2e;
    font-weight: bold;
    font-size: 110%;
    font-family: "Trebuchet MS", sans-serif;
}

.splashbox-content {
    background: url(../images/splashbox.png) 0% 0% repeat-x white;
    padding: 9px 7px;
    text-align:center;
}

.splashbox-content a:link,
.splashbox-content a:visited {
    color: white;
    padding:7px 0px 7px 35px;
}
.splashbox-content a:hover {
    text-decoration: underline;
}

#splashbox-destinations a {
    background:url(../images/icon-globe.png) 0% 0% no-repeat transparent;
}
#splashbox-hoteltypes a {
    background:url(../images/icon-star.png) 0% 0% no-repeat transparent;
}
#splashbox-animaltours a {
    background:url(../images/icon-dog.png) 0% 0% no-repeat transparent;
}
#splashbox-lodges a {
    background:url(../images/icon-lodge.png) 0% 0% no-repeat transparent;
}

/** end **/

/* @frontpage portlets */

#frontpage-portlets #portlet-news .cell-content {
    padding-bottom: 0px;
}
#frontpage-portlets #portlet-travelinfo .cell-content {
    padding-bottom: 0px;
}
#frontpage-portlets #portlet-specials .cell-content {
    padding-bottom: 0px;
}

.cell-inner-wrapper {
    border: 1px solid #ccc;
    padding: 5px;
    background: white;
}

.cell-content {
    background: #f4efea;
    color:#821c2e;
    font-size: 100%;
    height: 330px;
}
#ie6-warning .cell-content {
    height: 90px;
}

#frontpage-portlets #portlet-search .cell-content {
    padding-bottom: 0px;
}

.cell-header {
    padding: 5px 0px 0px 10px;
    font-weight: bold;
    font-style: italic;
    padding-left: 30px;
    margin: 0px 0px 0px 5px;
}

#portlet-search .cell-header {
    background:url(../images/icon-magnifier.png) 0% 0% no-repeat transparent;
}
#portlet-news .cell-header {
    background:url(../images/icon-roundtrip.png) 0% 0% no-repeat transparent;
}
#portlet-travelinfo .cell-header,
#ie6-warning .cell-header {
    background:url(../images/icon-info.png) 0% 0% no-repeat transparent;
}
#portlet-specials .cell-header {
    background:url(../images/icon-thumb-red.png) 0% 0% no-repeat transparent;
}

#portlet-calendar .cell-body {
    text-align:right;
}

.cell-body {
    padding: 7px;
    font-size: 100%;
    font-style:italic;
}

.cell-body p:first-letter {
    font-size: 140%;
}

.cell-body p {
    background:url(../images/line-faded-small.png) 100% 0% no-repeat transparent;
    padding: 5px 0px;
}

.cell-body a:link,
.cell-body a:visited,
.cell-body a:hover {
    color: black;
}

.cell-body a:hover {
    text-decoration: underline;
}

.cell-body .portletNewsBlock {
    background:url(../images/line-faded-small.png) 100% 0% no-repeat transparent;
    padding: 5px 0px;
    font-size: 80%;
    height: 80px;
}

#portlet-news .cell-body .portletNewsImage {
    margin: 0px 10px 10px 0px;
    width: 64px;
    padding:2px;
    text-align: center;
    float: left;
}
.portletNewsImage img {
    border:1px solid #821c2e;
}
#portlet-news .cell-body .icon-more,
#portlet-specials .cell-body .icon-more {
    background:url(../images/ui-icons_821c2e_256x240.png) 0px -190px no-repeat transparent;
    padding-left: 12px;
    padding-bottom: 5px;
}


#portlet-specials .cell-body #portletSpecialsImage {
    margin-left: -4px;
}

#portlet-forum {
    margin-top: 250px;
    height: 35px;
    padding: 5px 0px 0px 55px;
    color: white;
    background:url(../images/button-forum.png) 0% 0% no-repeat transparent;
}

#portlet-forum a {
    color: white !important;
}

#forumlink {
    margin-top:25px;
    height: 35px;
    padding: 5px 0px 0px 55px;
    color: white;
    background:url(../images/button-forum.png) 0% 0% no-repeat transparent;
}

.seperator2 {
    background:url(../images/line-faded.png) 50% 0% no-repeat transparent;
    height: 7px;
    margin: 0.5em 0 0.5em 0;
}

#sidebar #portlet-search {
    margin-bottom: 1em;
}
/* @group Navigation/search */

#nav {
/* Should be named header, but conflicts with the accordion.js for now */
	width: 910px;
	margin: 0 auto;
	font-family: "Helvetica Neue", Arial, FreeSans, sans-serif; 
}

#main-nav {
	font-size: 0.875em;
	line-height: 2.3em;
}

#main-nav li:first-child a {
	border-left: none;
}

#sub-nav {
	font: 13px/30px "Helvetica Neue", Arial;
	border-top: 1px solid #dcdcdc;
	margin-right: 210px;
}

#sub-nav li a {
	border-right: none;
}

#navigation-wrapper {
    margin-bottom: 20px;
}

ul.navigation li {
    display: block;
    background:url(../images/navitem.png) 0% 0% no-repeat transparent;
    height: 40px;
    width: 220px;
    padding: 10px 0px 0px 10px;
}

ul.navigation li.selected {
    background:url(../images/navitem-selected.png) 0% 0% no-repeat transparent;
}

ul.navigation li a,
ul.navigation li a:visited {
	padding: 6px 8px 5px 45px;
	color: #821c2e;
	font-weight: bold;
	white-space: nowrap;
	background:url(../images/icon-star-red.png) 0% 0% no-repeat transparent;
}

ul.navigation li a:hover {
	color: Black;
}

ul.navigation li.selected a,
ul.navigation li.active a {
	color: white;
	padding: 6px 8px 5px 45px;
	border: none;
	background:url(../images/icon-globe.png) 0% 0% no-repeat transparent;
}


#search {
	background: transparent;
	width: 199px;
	margin: 0px;
	padding: 0px;
}

#search .fieldLabel {
    font-size: 90%;
    font-weight: normal;
    font-style:normal;
}
#search-site {
	width: 165px;
    height: 23px;
    height: 16px;
    padding:3px 0px 4px 3px;
	background:url(../images/input-search.png) 0% 0% no-repeat transparent;
	border: none;
}
#duration {
	width: 165px;
    height: 23px;
    height: 16px;
    padding:3px 0px 4px 3px;
	background:url(../images/searchfield.png) 0% 0% no-repeat transparent;
	border: none;
}

#earliest-date {
    width: 135px;
    height: 14px;
    padding:3px 0px 4px 3px;
    margin:0px;
	background:url(../images/datefield.png) 0% 0% no-repeat transparent;
	border: none;
}

.ui-datepicker-trigger {
    vertical-align:top;
    margin-top:0px;
}

.ui-datepicker-trigger:hover,input.hasDatepicker:hover {cursor:pointer;}

#latest-date {
    width: 135px;
    height: 14px;
    padding:3px 0px 4px 3px;
    background:url(../images/datefield.png) 0% 0% no-repeat transparent;
    margin:0px;
    border: none;
}

#search .field {
    background:url(../images/line-faded-small.png) 100% 0% no-repeat transparent;
    padding: 5px 0px;
    margin: 0px;
    clear: both;
}

#search-button {
    margin-top: 25px;
}

#search .searchButton {
    width: 120px;
    height: 30px;
    padding: 5px 70px 30px 50px;
    background:url(../images/button-splashpage.png) 0% 0% no-repeat transparent;
    border: none;
    display: block;
    clear:both;
    color: white;
    font-size: 120%;
    font-style: italic;
    width: 100%;
}

#advanced-search {
    margin-bottom: 5px;
    display: none;
}

#advanced-search a {
    color:#821c2e;
    font-size: 75%;
    font-weight: normal;
    text-decoration:underline;
}

#user {
	font-size: 0.875em;
	
	overflow: hidden;
	float: right;
	line-height: 2.3em;
	white-space: nowrap;
	text-align: right;
}

#user a {
	color: #666;
	font-weight: bold;
	padding: 2px 4px;
	border-left: #666 solid 1px;
}
#user a#user-name {
    border-left: none;
}

#user a:hover {
	background-color: #666;
	color: White;
}

/* LiveSearch styles */
.LSRes {
    font-family:  'Trebuchet';
    visibility: visible;
    color: #821c2e;
    background-color: #666;
    vertical-align: middle;
    display:block;
    list-style-image: none;
    list-style-type: none;
    text-align: left;
    min-width: 16.5em;
    text-transform: none;
    margin-left: 0;
    line-height: 1.1em;
}
#LSHighlight,
.LSHighlight {
    background-color: white;
    border: 1px solid #821c2e;
    color: #821c2e;
}
.LSTable {
    margin: 1em 0;
}
.LSRow {
    border: 1px solid white;
    white-space: normal;
    padding:0;
    margin: 0;
    list-style-image: none;
    list-style-type: none;
}
.LSRow a {
    text-decoration: none;
    font-weight:bold;
    white-space:nowrap
}
.LSDescr {
    color: #ccc;
    font-size: 60%;
    font-weight: normal;
    margin-left: 2.5em;
}
.LSResult {
    position: relative;
    display: block;
    text-align: right;
    padding-top: 5px;
    margin: 0;
    left: 3px;
    z-index: 3;
}
.LSShadow {
    position: relative;
    text-align: right;
}
.livesearchContainer {
    background-color: white;
    margin-top: 0;
    padding: 0 !important;
    position: absolute;
    right: 0px;
    /* Currently exposes a rendering bug in Mozilla */
    top: 0;
    white-space: normal;
    font-family: 'Trebuchet';
    visibility: visible;
    text-align: left;
    color: #821c2e;
    border: 1px solid #821c2e;
    width: 30em;
    text-transform: none;
}
* html .livesearchContainer {
    padding: 1px !important;
    padding-top: 0 !important;
    background-color: white;
    border: 0;
}
#livesearchLegend {
    line-height: 1em;
    margin-top: -2em;
    margin-left: -0.1em;
    border: 1px solid #ccc;
    border-bottom: 0;
}
* html #livesearchLegend {
    margin-top: -1.9em;
    margin-left: -8px;
    position: relative;
}

/* Workaround for Internet Explorer's broken z-index implementation */
.LSIEFix {
    background-color: &dtml-backgroundColor;;
    padding: 0.5em !important;
    z-index: 20;
}
.LSBox {
    clear: left;
    float: left;
    text-align: left;
    padding-right: 1px;
    display:block;
}
#LSNothingFound {
    text-align: center;
    padding: 2px;
}
.LSBox label {
    font-weight: normal;
}



/* @end */


/* @group Splash pages */

div.splash {
	font-family: "Helvetica Neue", Arial, FreeSans, sans-serif; 
	background-color: #205c90;
	color: White;
	margin-bottom: 1em;
	padding: 1em 1.5em 2em;
	border-radius: 0.5em;
}

#content div.splash h1 {	
	color: White;
	letter-spacing: 0;
}


#content div.splash h2,
#content div.splash h3 {
	color: White;
	letter-spacing: 0;
	font-weight: normal;
}

#content div.splash a {
	color: White;
	border: none;
	background: transparent 0 -114px url(../images/sprite.png) no-repeat;
	padding-left: 16px;
	font-size: 1.375em;
	font-weight: bold;
}

div.pullout {
	background-color: #87B829;
	padding-left: 2.5em;
	margin-left: -1em;
}

div.pullout li {
	display: block;
}

div.pullout li a:before {
	content: "→ ";
}

.tourBlock {
    float: left;
    width: 30%;
    margin: 0px 9px 5px 0px;
    border: 1px solid #ccc;
    padding: 5px;
    background: white;
    font-family: "Trebuchet MS", sans-serif;
}

#tourfolder,
#boomerfolder,
#teaserfolder-listing
#tourfolder-listing {
    background: #f4efea;
    padding: 10px;
}

#boomerfolder #parent-fieldname-text,
#tourfolder .bodyBlock {
    padding: 0px;
    margin: 0px 7px 15px 0px;
    font-family: "Trebuchet MS", sans-serif;
}

#tourfolder .bodyBlock p:first-letter {
    font-size: 140%;
    color:#821c2e;
}

#tourfolder-listing .tourBlock,
#boomersubfolder-listing .tourBlock,
#teaserfolder-destinations .tourBlock,
#teaserfolder-hoteltypes .tourBlock,
#teaserfolder-list .tourBlock {
    width: 45%;
    margin: 0px 20px 10px 0px;
}

.tourBlockHeader {
    background: #f4efea;
    color:#821c2e;
    border-top: 1px solid #f4efea;
    padding: 5px;
}
#tour-listing .tourBlockHeader {
    height:60px;
    padding: 0px 5px 0px 5px;
}

#tourfolder-listing .tourBlockHeader,
#boomerfolder-listing .tourBlockHeader {
    height: 50px;
}

.tourBlock .tileHeadline a {
    color: #821c2e !important;
}
#teaserfolder-hoteltypes .tourImage,
#teaserfolder-list .tourImage,
#tourfolder-listing .tourImage,
#teaserfolder-destinations .tourImage {
    height: 132px;
    border: 1px solid white;
}

.infoBanner {
    background: transparent 0 0 url(../images/banner-red.png) repeat-x;
    margin-top: 108px;
    padding-left: 10px;
}

.infoBanner a {
    color: white !important;
}

.tourBlock .tileBody {
    padding: 10px;
    min-height:100px;
}

#teaserfolder-hoteltypes .tourBlock .tileBody {
    min-height: 20px;
}

.tourBlock .tileFooter .icon-more,
.tourBlock .tileBody .icon-more,
#room-no-rates .icon-more,
.hotel-map-link .icon-more {
    background:url(../images/ui-icons_821c2e_256x240.png) 0px -190px no-repeat transparent;
    padding-left: 12px;
}

.tourBlock a.more-link {
    color: #821c2e !important;
    font-style: italic;
}


/* @booking engine */

.bookingWrapper {
    background: #f4efea;
    padding: 5px 5px 10px 5px;
}

.bookingMessage {
    padding: 5px;
    margin: 10px auto;
    background: white;
    border: 2px solid #d00;
    font-size: 1em;
    font-style: italic;
    text-align: center;
}

.progressBar {
    border: 1px solid #ccc;
    font-style: italic;
    margin: 15px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    background: white;
    text-align: center;
}

.progressBar #activeStep {
    font-weight: bold;
    color:#821c2e;
    font-size: 120%;
}

.bookingBlock {
    border: 1px solid #ccc;
    padding: 5px 5px 15px 5px;
    background: white;
    margin-bottom:20px;
    font-family: "Trebuchet MS", sans-serif;
}

.bookingBoxHeader {
    background: #f4efea;
    color:#821c2e;
    border-top: 1px solid #f4efea;
    padding: 5px;
}

.bookingHotelInfo {
    background: #f4efea;
    border: 1px solid #f4efea;
    padding: 5px;
    margin-top: 10px;
}

#reservation-help {
    padding: 10px 5px;
}

#reservation-form-wrapper {
    padding: 10px;
}


.bookingDetails {
    min-height: 80px;
    padding: 10px 0px;
}

#field-arrival .ui-datepicker-trigger,
#field-departure .ui-datepicker-trigger {
    margin-top: 0px;
}

#arrival {
    width: 135px;
    height: 14px;
    padding:3px 0px 4px 3px;
    margin:0px;
	background:url(../images/datefield.png) 0% 0% no-repeat transparent;
	border: none;
}

#departure {
    width: 135px;
    height: 14px;
    padding:3px 0px 4px 3px;
    background:url(../images/datefield.png) 0% 0% no-repeat transparent;
    margin:0px;
    border: none;
}

#persons-select,
#room-select {
	width: 165px;
    height: 23px;
    padding:3px 0px 4px 3px;
	background:url(../images/searchfield.png) 0% 0% no-repeat transparent;
	border: none;
}
#room-select {
    background:url(../images/input-large.png) 0% 0% no-repeat transparent;
    width: 200px;
    border: 1px solid red;
}

#bookingRoomSelect .newListSelected {
    width:300px;
    background:url(../images/selectbox-large.png) no-repeat;
    padding:0px 0px 4px 3px;
}

#bookingActions {
    padding: 10px;
}

#bookButton,
#actionsView input {
    background: url(../images/button-splashpage-large.png) 0% 0% no-repeat transparent;
    padding: 5px 10px 10px 10px;
    border: 0px solid #75ad0a;
    width: 175px;
    text-align: left;
    font-family: "Trebuchet MS", sans-serif;
    text-transform: none;
    color: white;
    font-size: 1.2em;
}
#actionsView input {
    margin-right: 10px;
}
#bookingActions #bookButton,
#bookhotel #bookButton {
    font-size: 1em;
}

table.roomListing {
    margin: 10px 0px 20px 0px;
}

table.roomListing th,
table.roomListing td {
    border:1px solid #f4efea;
    border-collapse: collapse;
    padding: 5px;
    background: white;
}

table.roomListing td.priceInfoCell {
    text-align: right;
    color: #821c2e;
}

table.roomListing td.priceCell {
    font-size: 120%;
    color: #821c2e;
}

/*TODO: #sidebar & .sidebar need to be consolidated*/
#sidebar {
	padding-top: 0em;
	font-size: 100%;
}

div.sidebar {
	padding-top: 0em;
	margin-left: 1em;
	font-size: 100%;
}

#sidebar-frontpage {
	margin-left: 0;
}

#content div.sidebar h3 {
	margin: 0;
	font-size: 1em;
}

#content div.sidebar ul,
#content div.sidebar ol {
	list-style: none;	
	margin: 0;
}

#content div.sidebar ul li {
	margin-bottom: 0;
}

#content div.sidebar ul li a {
	line-height: 36px;
	font-size: 18px;
	display: block;
	border-top: 1px solid #eee;
	border-bottom: none;
	font-weight: bold;
	background: url(../images/sprite.png) no-repeat;
    background-position: 0 -441px;
	padding-left: 16px;
	letter-spacing: -1px;
}

div.sidebar ol li {
	line-height: 18px;
	display: block;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	clear: both;
	list-style: none;
}

div.sidebar ol li a {
	font-weight: bold;
	display: block;
}

img.book-cover {
	float: left;
	display: block;
	padding: 2px;
	border: 1px solid #ddd;
	margin: 5px 15px 10px 0;
}

/* boomer.hotel bookingwizard */

#bookingdata .bookingBoxHeader {font-weight:bold;}

#room2header_add:hover {cursor:pointer;}
#room3header_add:hover {cursor:pointer;}

.roomtype .field .newListSelected {margin-bottom:10px;}
.roomchild .field {margin-top:5px;}
.roomdescription {
background-color: #F4EFEA;
border: 1px solid #F4EFEA;
border-radius: 6px 6px 6px 6px;
font-size: 80%;
line-height: 1.5em;
padding: 1px 5px 1px 5px;
width:288px;
}

/* @end */

#boomerfolder-listing {
    margin-top: 15px;
}

/* group Hotel Views */

#hotel-content {
    background: white;
    border: 1px solid #ccc;
    padding: 5px 5px 20px 5px;
    font-family: "Trebuchet MS", Arial, FreeSans, sans-serif;
}
.seperator {
    background:url(../images/line-faded.png) 10% 0% no-repeat transparent;
    height: 7px;
    margin: 0.25em 0 0.5em 0;
}

#basic-information {
    background: #f4efea;
    background:url(../images/note.png) 98% 60px no-repeat #f4efea;
}

#basic-information .backbutton {
    margin-top: 5px;
}

#basic-information .documentFirstHeading {
    color: #821c2e;
    margin-top: 0px;
    font-size: 120%;
    padding: 5px 0px;
    background:url(../images/line-faded-content.png) 100% 100% no-repeat transparent;
}

.hotelFirstHeading {
    color: #821c2e;
    margin-top: 0px;
    font-size: 120%;
    padding: 5px 0px;
    background:url(../images/line-faded-content.png) 100% 100% no-repeat transparent;
}

.hotelSecondHeading {
    color: #821c2e !important;
    margin-top: 0px;
    font-size: 100%;
    padding: 5px 0px;
}

.hotelDescription {
    font-size: 85%;
    line-height: 110%;
    margin-top: 10px;
}

.hotelAddress {
    color: #b82837;
    font-style: italic;
}

#hotel-details {
    padding: 25px 0px 0px 5px;
    height: 243px;
}

#hotel-details h4 {
    color: #821c2e !important;
}

#hotel-details p {
    font-size: 90%;
    color: #514b42;
    line-height: 100%;
    margin: 0px !important;
    padding: 0px !important;
}

#hotel-description {
    margin-bottom: 2em;
    background: white;
}

#hotel-description .hotelSecondHeading {
    background: transparent;
}

#hotel-description .bookNow {
    padding-top: 50px;
}

#hotel-info-tabs {
    background:#f4efea;
    padding: 40px 0px 2px 45px;
}

#boomer-info-left {
    height: 250px;
    background:url(../images/boomer-waving.png) 0% 40% no-repeat transparent;
    color: white;
}
#boomer-info-box {
    border: 1px solid #ccc;
    padding: 5px;
}

#boomer-info {
    background: #dcc4ab;
    padding: 0px 0px;
}

#boomer-info td {
    padding: 7px 0px 7px 5px;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

#boomer-info .odd td {
    border-right: 1px solid white;
}

#boomer-info .odd .lastCell {
    border-width: 0px 0px 1px 0px;
    width: 50%;
}

#boomer-info .firstRow td {
    padding: 20px 0px 7px 5px;
}

#boomer-info .lastRow {
    border: none;
}

#boomer-info .lastRow td {
    padding: 7px 0px 20px 5px;
}

.boomerInfo {
    padding: 5px 0px 5px 10px;
    color: #54111d;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
}

.boomerInfo td ul li {
    font-size: 90%;
}

#boomer-info .even {
    background: #f4efea;
}

#boomer-hoteldetails,
#boomer-hoteldescription,
#boomer-map,
#boomer-infos,
#boomer-room-details {
    padding: 15px 5px;
}

#room-no-rates {
    background: url(../images/colophon.png) 100% 0% transparent no-repeat;
    height: 90px;
    font-size: 70%;
    font-style: italic;
    margin-top: 1em;
    padding: 30px 0px 0px 0px;
    color:#d0af8c;
}
#room-no-rates p {
    margin: 0px 50px 0px 180px;
}

#bookhotel #room-no-rates p {
    margin: 0px 50px 0px 200px;
}

.hotelDetails {
    border-bottom: 1px solid #ede1d3;
    margin-right: 10px;
}

div.hotel-map-link {
    padding: 25px 10px 0px 0px;
}

div.hotelMap {
    background:url(../images/button-gallery.png) no-repeat 0% 0% transparent;
    font-size: 90%;
    color: White;
    padding-left: 30px;
}

div.hotelMap a.map-link {
    color: white !important;
    font-style: italic;
    border: none !important;
}

.hotel-map-link a.more-link {
    color: #821c2e !important;
    font-style: italic;
}

#boomer-map {
    text-align: center;
}

.boomerRow {
    border-bottom: 0px solid #ccc;
}

.boomerCellOne {
    border: 0px solid #ccc;
    border-width: 0px 0px 0px 0px;
}

.boomerCellOne h3 {
    margin-top: 0 !important;
}

.boomerCellInfo {
    font-size: 90%;
}

table.roomrates {
    border-collapse: collapse;
}

table.roomrates th {
    color: #821c2e;
    padding: 5px;
    border: 1px solid #b82837;
}

table.roomrates td {
    padding: 5px;
    border: 1px solid #b82837;
}

.star-rating {
    height: 15px;
    line-height: 0%;
    text-indent:-3000px;
    overflow:hidden;
    display: inline-block;
    width: 70px;
    background:url(../images/star-rating.png) 0% 0% no-repeat transparent;
}
.zero-star-rating {
    height: 15px;
    line-height: 0%;
    text-indent:-3000px;
    overflow:hidden;
    display: inline-block;
    width: 70px;
    background:url(../images/star-rating.png) 100% 0% no-repeat transparent;
}
.one-star-rating {
    height: 15px;
    line-height: 0%;
    text-indent:-3000px;
    overflow:hidden;
    display: inline-block;
    width: 70px;
    background:url(../images/star-rating.png) 80% 0% no-repeat transparent;
}
.two-star-rating {
    height: 15px;
    line-height: 0%;
    text-indent:-3000px;
    overflow:hidden;
    display: inline-block;
    width: 70px;
    background:url(../images/star-rating.png) 60% 0% no-repeat transparent;
}
.three-star-rating {
    height: 15px;
    line-height: 0%;
    text-indent:-3000px;
    overflow:hidden;
    display: inline-block;
    width: 70px;
    background:url(../images/star-rating.png) 40% 0% no-repeat transparent;
}
.four-star-rating {
    height: 15px;
    line-height: 0%;
    text-indent:-3000px;
    overflow:hidden;
    display: inline-block;
    width: 70px;
    background:url(../images/star-rating.png) 20% 0% no-repeat transparent;
}
.five-star-rating {
    height: 15px;
    line-height: 0%;
    text-indent:-3000px;
    overflow:hidden;
    display: inline-block;
    width: 70px;
    background:url(../images/star-rating.png) 0% 0% no-repeat transparent;
}

/* @group hotel listings */

.hotellist-item {
    padding: 10px 0px 10px 0px;
}

.hotellist-item .itemTitle a {
    color: #821c2e !important;
}

#room-rates {
    background: #f4efea;
    padding: 5px;
}

#seasons {
    font-size: 90%;
}

.itemPrice {
    font-size: 120%;
    color: #821c2e;
    font-weight: bold;
    padding: 10px 0px;
}

.bookingDateInfo {
    color: #514b42;
    font-weight: normal;
    font-size: 0.9em;
}


/* end hotel listings */

/* @ iframe exernal ibe */
#windowZ {
    height: 500px;
    width: 920px;
}

/* @end */

/* @group Listings */

/* @group Pane */

div.pane {
	background-color: #eee;
	padding: 2em 0em;
	clear: left;
	border-radius: 0.5em;
}

div.pane h2 {
	font-size: 1.1em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}

a.versions {
	font-size: 12px;
	color: #555;
	padding: 2px;
}

a.versions:hover {
	background-color: #666;
	color: White;
}

div.pagesearch {
	float: right;
	font-size: 11px;
	padding-right: 10px;
}

#categories {
	background-color: white;
	padding: 0.7em; 
	/*margin-top: 8px; compensate for corners*/ 
	border-radius: 0.5em;
}

#categories h3 {
	border-top: 1px solid #ccc;
}

#categories h3 a {
	display: block;
	padding: 0.5em 0 0.5em 0;
	border: none !important;
}

#categories h3.selected a {
	/*padding-left: 1.25em;*/
	color: black;
	cursor: default;
}

#categories ul {
	margin-left: 0 !important;
}

#categories ul li {
	list-style: none;
}

div.collapsible h3 a:before {
	content: "▶ ";
}
div.collapsible h3.selected a:before {
	content: "▼ ";
}

div.collapsible p {
	font-size: 11px;	
}

ul.topic {
	font-size: 12px;
}

ul.topic li {
	display: inline-block !important;	
	vertical-align: top;
	width: 29.5%;
	margin: 0 0 1em 1.5em;
	text-align: justify;
}



/* @end */

/* @group Downloads tile */

/* TODO: Refactor these */



#sort-by {
	margin-left:.7em;
	font-size:.7em;
}

#numreleases {
	font-size:.8em;
	border-bottom:1px solid #ccc;
	display: block;
	padding:5px 0px;
}


#product-details {
	border-bottom: 1px solid #ccc;
	padding: 5px 0px;
}

.product-leadin {
	display: block;
	font-size: .9em;
	color: #666;
}

.company-logo {
	float: right;
	padding: 1em 0.5em;
}

/* @end */

/* @group Box */

div.tileSeperator {
    background:url(../images/seperator.png) 0% 0% no-repeat transparent;
    height: 23px;
}
div.tileSeperatorSmall {
    background:url(../images/seperator.png) 0% 0% no-repeat transparent;
    height: 3px;
    margin-top: 2px;
    clear:both;
}

div.tileSeperatorEnd {
    background:url(../images/seperator.png) 0% 0% no-repeat transparent;
    height: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
    clear:both;
}

div.box {
	border: 0px solid #f4efea;
	border-width: 0px 0px 25px 0px;
	padding: 0px;
	background:url(../images/line-faded.png) 0% 1% no-repeat transparent;
}

div.boxBody {
    background:url(../images/line-faded.png) 0% 100% no-repeat transparent;
    margin:0;
    padding:0;
    border: 1px solid white;
}

div.box p {
	margin: 0;
	padding: 0px;
}

#content div.box ul {
	margin: 0;
	margin-top: 0.5em;
}

div.box li {	
	list-style: none;
	display: block;
	margin: 0 -1em;
	padding: 1em;
	height: 6em;
}

div.box li:nth-child(even) {
	background-color: #fafafa;
}

#events {
	margin-right: 1.4em;
}

#current {
	border: none;
}

#current h1 {
	display: none;
}

div.box div.sources {
	font-size: 11px;
}

div.box li.spotlight {
	color: #666;
	letter-spacing: -1px;
	font: bold 1.4em/1.4em "Helvetica Neue", Arial, FreeSans, sans-serif !important;
	margin-top: -1em;
}

div.box li.spotlight strong,
div.box li.spotlight a {
	color: black !important;
}

div.box li.spotlight a:hover {
	color: #75ad0a !important;
}


#content div.box a {
	border: none;
}

div.box .info {
	display: block;
	text-align: right;
	color: #888;
}

div.box .add {
	float: right;
}


/* @end */

a.link-parent {
	font-size: 11px;
}

/* @end */

/* @searchpage */

#searchpage-top {
    background: #f4efea;
    padding: 5px 5px 10px 5px;
}

form.searchPage #searchbox-large {
    font-size: 120% !important;
    padding: 3px;
}

form.searchPage input.searchButton {
    width: 120px;
    height: 30px;
    padding: 5px 110px 30px 50px;
    margin-left: 100px;
    background:url(../images/button-splashpage.png) 0% 0% no-repeat transparent;
    border: 0px solid red;
    display: inline;
    clear:both;
    color: white;
    font-size: 120% !important;
    font-style: italic;
}

#search-no-results {
    background: url(../images/colophon.png) 100% 0% transparent no-repeat;
    height: 90px;
    font-size: 70%;
    font-style: italic;
    margin-top: 1em;
    padding: 30px 0px 0px 0px;
    color:#d0af8c;
}

#search-no-results p {
    margin-left: 200px;
}

#searchpage .documentFirstHeading {
    background:url(../images/icon-magnifier.png) 0% 0% no-repeat transparent;
    padding-left: 30px;
}

.bookNowButton {
    background: url(../images/button-splashpage-large.png) 0% 0% no-repeat transparent;
    padding: 5px 10px 10px 10px;
    border: 0px solid #75ad0a;
    width: 175px;
    text-align: left;
}

.bookNowButton a {
    color: white !important;
    font-weight: bold;
    text-decoration: none;
    border: none !important;
}

/* @group Accordion */

#accordion,
dl.portlet {
	background: #f4efea;
    color:#821c2e;
    margin: 0px;
}

#content #accordion h2 {
	cursor: pointer;
}

#content #accordion h2,
dl.portlet dt {
	border-bottom: 0em solid #ccc;
	line-height: 2em;
	height: 2em;
	padding: 0 0.5em 0 1em;
	margin: 0;
	background: #f4efea;
    color:#821c2e;
	font-size: 1em;
	letter-spacing: 0;
}

#portlet-search dt {
    background:url(../images/icon-magnifier.png) 0% 0% no-repeat transparent;
    padding-left: 30px;
}

#portlet-search .portletFooter {
    display: none;
}

#accordion h2.selected {
	cursor: inherit;
	/*padding-left: 1.6em;*/
}

#accordion h2.selected:before {
	content: "▼ ";
	/*content: " ";*/
}

#accordion h2:before {
	content: "▶ ";
}


#accordion div {
	padding: 10px;
	font-size: 12px;
}

#accordion li a:before {
	content: "→ ";
}

#accordion dl dt a {
	color: #205c90 !important;	
}


#accordion dl {
	margin-top: 0;
	line-height: 1.5em;
}

#accordion dt {
	font-weight: bold;
	font-size: 12px;
}
#content #accordion dd {
	margin-bottom: 0.3em;
}

#download-link {
	display: block;
	width: 123px;
	height: 51px;
	line-height: 1.25em;
	background: 0 -495px url(../images/sprite.png) no-repeat;
	color: white !important;
	border-bottom: none !important;
	font-weight: bold;
	padding: 142px 30px 0 14px;
	margin: 0 auto;
}

/* @end */

/* @group Portlets */

dl.portlet {
	margin: 0 0 0em 0em;
}

dl.portlet dt {
	padding-left: 1em;
}

dl.portlet dt a:link,
dl.portlet dt a:visited,
dl.portlet dt a:hover {
	color: White !important;
	border: none !important;
}

dl.portlet dd {
	font-size: 0.825em;	
	padding: 1em 1em;
}


div.managePortletsLink {
	text-align: center;
	padding: 1em;
	font-size: 0.75em;
}

#portlet-prefs strong {
	margin-left: 2em;
}

#dashboard-portlets1,
#dashboard-portlets2,
#dashboard-portlets3,
#dashboard-portlets4 {
	display: inline-block;
}

#portlet-calendar .portletHeader {
    color: black;
}

#portlet-calendar .portletHeader,
#portlet-calendar .portletItem {
    padding: 0em 0em;
    text-align: center;
    font-style: normal;
}

#portlet-calendar table.ploneCalendar {
    width: 100%;
}

#portlet-calendar table.ploneCalendar th,
#portlet-calendar table.ploneCalendar td {
    border: 1px solid #ccc;
}

/* @end */

/* @group Navigation portlet */

ul.navTree {
	margin-left: 0 !important;
}

dl.portletNavigationTree {
    background: transparent;
    border: none;
}

dl.portletNavigationTree .portletHeader {
    display: none;
}

dl.portletNavigationTree dd {
	padding: 1em 0;
	background: transparent !important;
}

dl.portletNavigationTree dd a {
	display: block;
}

dl.portletNavigationTree li {
/*	display: block; */
	list-style: none;
	background:url(../images/navitem.png) 0% 0% no-repeat transparent;
/*    height: 40px; */
    width: 220px;
    padding: 10px 0px 0px 10px;
}

dl.portletNavigationTree ul.navTreeLevel1 li {
	background:transparent;
	width: 180px;
}

dl.portletNavigationTree li img {
    display: none;
}

dl.portletNavigationTree li a {
	border: none !important;
	display: block;
	padding: 6px 8px 5px 45px;
	color: #821c2e !important;
	line-height: 1em;
	font-size: 110%;
	font-weight: bold;
	white-space: nowrap;
	background:url(../images/icon-star-red.png) 0% 0% no-repeat transparent;
}

dl.portletNavigationTree ul.navTreeLevel1 li a {
    background: transparent;
    font-weight: normal;
    font-style: italic;
    text-transform: none;
    color: #821c2e;
    border-bottom: 1px solid #ede1d3 !important;
}

dl.portletNavigationTree li a span {
	margin-left: 0.5em;
}

dl.portletNavigationTree li.navTreeCurrentNode {
    color: black;
	border: none;
	background:url(../images/navitem-selected.png) 0% 0% no-repeat transparent;
}

dl.portletNavigationTree .navTreeCurrentItem {
	background:url(../images/icon-globe.png) 0px -5px no-repeat transparent;
}

dl.portletNavigationTree li.navTreeItemInPath {
	background:url(../images/navitem-selected.png) 0% 0% no-repeat transparent;
}

dl.portletNavigationTree .navTreeLevel0 li a.navTreeItemInPath {
    color: white !important;
}

dl.portletNavigationTree .navTreeLevel1 li a.navTreeItemInPath {
    color: black !important;
}

dl.portletNavigationTree li a.navTreeCurrentItem span {
	color: white;
}
dl.portletNavigationTree .navTreeLevel1 li a.navTreeCurrentItem span {
	color: black;
}

dl.portletNavigationTree ul {
	margin: 0 !important;
}
dl.portletNavigationTree .navTreeLevel0 li a {
	padding-left: 2em;
}
dl.portletNavigationTree .navTreeLevel1 li a {
	padding-left: 1em;
}
dl.portletNavigationTree .navTreeLevel2 li a {
	padding-left: 3em;
}
dl.portletNavigationTree .navTreeLevel3 li a {
	padding-left: 4em;
}

/* @end */

/* @group Content Area */

#main-content {
    border: 1px solid #ccc;
    padding: 10px;
    background: white;
    display: block;
}

#region-content {
}

#content {
	line-height: 1.5em;
	clear: both;
	color: #453e34;
	font-size: 100%;
}

#content h1,
#archetypes-fieldname-title input {
	margin-top: 0.5em;
}

#content h1.documentFirstHeading {
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #821c2e;
	font-style: italic;
	border-color: #d0af8c;
}

#content h2,
#content h3,
#content h4,
#archetypes-fieldname-text h2,
#archetypes-fieldname-text h3,
#archetypes-fieldname-text h4 {
	margin-top: 0.5em;
	color: #821c2e;
}

#content h2 {
    font-size: 110%;
    background:url(../images/line-faded.png) 50% 100% no-repeat transparent;
}

#content h3 {
    font-size: 100%;
}


#content p,
#content ul,
#content ol,
#content table,
#content dl,
#content dt,
#content dd,
dl.portlet p,
dl.portlet ul {
	margin-bottom: 1em;
	line-height: 1.25em;
	font-size: 13px;
}


/*#content p,
#content dl,
#content ul,
#content ol {
	text-align: justify;	
}*/

#content a:link,
dl.portlet a:link {
	color: black;
	border-bottom: 1px solid #ccc;
}

#content a:link:hover,
dl.portlet a:link:hover {
	color: #ccc;
}

#content a:visited, 
dl.portlet a:visited {
	color: #427597;
	border-bottom: 1px solid #ccc;
}
#content a:target {
	background-color: #ffb !important;
}

#content img {
	max-width: 100%;
}

/* @googleMapPane image Fix */
#content .mapsWrapper img {
    max-width: none;
}
/* @end */

#content ul,
dl.portlet ul,
#archetypes-fieldname-text ul {
	list-style-type: disc;
	margin-left: 2em;
}

#content ol,
dl.portlet ol {
	list-style-type: decimal;
	margin-left: 2em;
}

#content li,
dl.portlet li {
	margin-bottom: 0.25em;
	line-height: 1.5em;
	display: list-item;
}

#content dt {
	font-weight: bold;
	margin-bottom: 0;
	margin-right: 0;
}
#content dd {
	margin: 0 0 1em 1em;
}

#content pre,
#archetypes-fieldname-text pre {
	background-color: #222;
	color: White;
	font-family: Consolas, Inconsolata, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;	
	padding: 10px;
	overflow-x: auto;
	font-size: 90%;
	margin-bottom: 1em;
	line-height: 1em;
	width: 90%;
}

#content code {
	font-family: Monaco, Consolas, Inconsolata, "Courier New", monospace;
}

#content div.documentByLine {
	margin-bottom: 10px;
	font-size: 11px;
	display: block;
	margin-top: -0.5em;
	color: gray;
}

#content .discreet,
#sidebar .discreet {
	color: #666;
	font-size: 11px;
	font-weight: normal;
}

#content .visualHighlight {
    color: #821c2e;
    font-style: italic;
}

#content .pullquote {
    padding: 0 1em 0 1em;
    margin: 0 0 1em 1em;
    font-weight: bold;
    float: right;
    width: 35%;
    clear: right;
    border-left: 1px solid #888;
	color: #888;
	background: white;
}
#content .callout,
#archetypes-fieldname-text .callout {
    color: #666;
    padding: 1em;
	border: 1px solid #666;
	border-style: solid none;
	clear:  both;
}

#content .image-right,
#archetypes-fieldname-text .image-right {
    float:right;
    margin: 0px 0px 10px 10px;
}
#content .image-left,
#archetypes-fieldname-text .image-left {
    float:left;
    margin: 0px 10px 10px 0px;
}

#content table {
	width: 100%;
	text-align: left;
}

#content p.documentDescription,
#description {
	color: gray !important;
	font: bold 1em "Trebuchet MS", Arial, FreeSans, sans-serif !important;
	margin-left: 0;
}

#content img.tileImage,
#content div.newsImageContainer {
	float: right;
	margin: 0 1em 0.5em 1em;
}
#content div.newsImageContainer {
	width: 200px;
}
#content div.newsImageContainer p.discreet {
	margin: 0;
	padding: 0.5em;
	background-color: #666;
	background-color: rgba(40,40,40,0.7);
	color: White;
	font-weight: bold;
	position: relative;
	top: -3em;
}

#content .documentActions {
    display: none;
}


#content div.ArchetypesBooleanWidget label.formQuestion {
    margin-left: 5px;
}

#content .pfg-form .formControls input {
    color: white;
    font-style:italic;
    font-weight: bold;
    text-align: right;
    font-size: 120%;
    width: 120px;
    height: 30px;
    padding: 8px 85px 30px 70px;
    background:url(../images/button-splashpage.png) 0% 0% no-repeat transparent;
    border: 1px solid white;
}

#content .pfg-form fieldset.PFGFieldsetWidget {
    margin-top: 20px;
}

#infobox-specials {
    background:url(../images/specials-splash.png) 0% 0% no-repeat transparent;
    height: 249px;
    border: 1px solid #ccc;
    margin-bottom: 25px;
}

#infobox-specials-left {
    border: 0px solid white;
    margin: 0px;
    padding:0px;
}

#infobox-specials-left h1 {
    font-size: 160%;
    margin: 0px;
    padding: 10px 0px 0px 10px;
    color: white;
    font-style:italic;
}

#infobox-specials-left p {
    width: 240px;
    padding-left: 10px;
    color: white;
    font-style:italic;
}

#infobox-specials-left .counter {
    font-size: 200%;
    color: white;
    width: 240px;
    padding:20px 0px 0px 10px;
}

.backbutton {
    border: 0px solid blue;
    float: right;
}
.backbutton a {
    background: url(../images/backbutton.png) no-repeat 0% 0% transparent;
    padding: 7px 10px 9px 50px;
    font-size: 70%;
    color: white !important;
    text-decoration: none;
    border: none !important;
}


/* @end */

/* @group Editing */

/* @group Tabs */

/* Color differences between the two tab types */
#content ul.formTabs {
    background-color: #ddd;
    border: 0.3em solid #ddd;
}
#editbar-wrapper {
    width: 960px;
    margin: 0px auto;
}
#edit-bar {
    background-color: #75ad0a;
    background-color: #000;
    border: 0.25em solid #000;
    font-size: 80%;
    min-height: 2em;
    margin-bottom: 1em;
    padding-top: 0.05em;
}
#content-views {
    float: left;
    background-color: #75ad0a;
    background-color: #000;
}
#content-views a {
    color: White;
}

/* Shared CSS between the two tab types */
#edit-bar,
#content ul.formTabs {
    display: block;
    border-style: solid solid none solid;
    margin-left: 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
}
#content li.formTab {
    display: inline;
    margin-right:0.25em;
}
#content-views a,
#content li.formTab a {
    /* this isn't supported by all browsers, so we keep it in a separate rule */
    display: inline-block;
}
#content-views a,
#content li.formTab a {
    line-height: 2em;
    padding: 0 0.75em;
    text-decoration: none;
    border: none;
    margin: 0 ;
}
#content-views li.selected a,
#content li.formTab a.selected {
    font-weight: bold;
}
#content-views li.selected a,
#content-views li a:hover,
#content li.formTab a.selected,
#content li.formTab a:hover {
    background: White;
    color: Black;
}
#content-views li.selected a,
#content-views li a:hover,
#content li.formTab a.selected,
#content li.formTab a:hover {
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
}
#content li.formTab a.notify {
    background-color: red;
    color: White;
}
#content li.formTab a.required span {
    background-image: url(../../required.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 1em;
}
#content fieldset.formPanel {
    border: none;
    font-size: 12px;
}
#content fieldset.formPanel.hidden {
    display: none;
}
#content div.formControls input.hidden {
    display: none;
}

/* @end */

/* @group Pulldown menus */

/* @group Personal tools pulldown */
#portal-personaltools dl {
}
#portal-personaltools dt {
    font-weight: normal;
}
#portal-personaltools dt.actionMenuHeader a:after {
    content: " ▼";
}
#portal-personaltools dd {
    right: 0;
    padding-top: 0.5em;
}
#portal-personaltools dd {
    background: #e3e3e3;
    padding-bottom: 0.5em;
}
#portal-personaltools dd a {
    line-height: 2em;
    padding: 0 0.75em;
}
#portal-personaltools dd a:hover {
    background: #205c90;
    color: White;
}

/* @end */

/* @group Content pulldowns */

#contentActionMenus dl.actionMenu a,
#contentActionMenus dl.actionMenu.activated dd {
    background-color: #75ad0a;
    background-color: #000;
    color: White;
    z-index: 5;
}
#contentActionMenus dl.actionMenu.activated dd {
    border-bottom: 0.5em solid #000;
        right: -3px;
}
#contentActionMenus dl.actionMenu.activated dd a:hover,
#contentActionMenus dl.actionMenu.activated dd .actionMenuSelected {
    background-color: White !important;
    color: #666;
}
#contentActionMenus dl.actionMenu a,
#contentActionMenus dl.actionMenu div {
    line-height: 2em;
}

#folderHeader, #contextHeader {
        border-bottom: 2px solid white;
}

#contextHeader { margin-top: 5px; }


/* @end */

#contentActionMenus {
    float: right;
    background: #75ad0a;
    background: #000;
    margin: 0;
    position: relative;
    top: -0.23em;
    right:-0.24em;
    padding: 0.1em 0.24em 0 0;
    border-radius: 0.5em;
    border-top-left-radius: 0;
    -webkit-border-radius: 0.5em;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 0.5em;
    -moz-border-radius-topleft: 0;
}

.actionMenuContent {
    padding: 0 0.25em;
}

dl.actionMenu {
    float: right;
    white-space: nowrap;
    position: relative;
    margin-left: 0.5em;
}
dl.actionMenu a,
dl.actionMenu div {
    display: block !important;
    white-space: nowrap;
}
dl.actionMenu dt {
    font-weight: normal;
}
span.arrowDownAlternative {
    font-size: 80%;
}
dl.actionMenu.deactivated dt {
    margin: 0 0.25em;
}
dl.actionMenu.deactivated dd {
    display: none;
}
dl.actionMenu.activated dd {
    position: absolute;
    width: auto;
    min-width: 100%;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
}
dl.actionMenu.activated dt a,
dl.actionMenu.activated dd a,
dl.actionMenu.activated dd div {
    margin: 0 0.25em;
}

/* @end */


/* @group Data tables */

table.listing {
	width: 100%;
	border-spacing: 0; 
}

table.listing td, 
table.listing th {
	padding: 0.5em;
	vertical-align: top;
}

table.listing td.listingCheckbox, 
table.listing th.listingCheckbox {
	text-align: center;
}

table.listing thead th {
	text-align: left;
	color: #666;
	border-bottom: 1px solid #e7e7e7;
	padding-left: 0;
}
table.listing tbody th {
	font-weight: bold;
}
table.listingtbody tr {
	text-align:left;
}
table.listing tbody tr.odd {
	background: #f9f9f9;
}
table.listing tbody tr td { 
	background: transparent;
}
table.listing tbody tr.odd td { 
	background: #f9f9f9;
}
table.listing a { 
	border: none !important;
}

div.listingBar {
	font-size: 13px;	
	margin: 1em 0;
}

div.listingBar .next {
	display: inline-block;
	float: right;
}

div.listingBar .previous {
	display: inline-block;
}

div.listingBar .current {
    padding: 0.5em 0.75em;
	border: 1px solid #821c2e !important;
}

div.listingBar a {
	display: inline-block;
	padding: 0.25em 0.75em;
	border: 1px solid #ccc;
}

div.listingBar a:hover {
	color: White !important;
	background-color: #821c2e !important;
	border-color: #821c2e !important;
}



/* @end */

/* @group Status messages */

dl.portalMessage {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 12px;
    background-color: #F4EFEA; 
    border: 1px solid #ccc;
    margin-bottom: 1em;
}

dl.portalMessage a {
    color: black !important;
    border: none !important;
    text-decoration: underline;
}
dl.portalMessage dt {
    background-color: #821C2E;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-weight: bold;
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
    color: White;
    line-height: 1.25em;
}
dl.portalMessage dd {
    padding: 0.5em 0.5em 0.5em 2em; 
    margin: 0;
    line-height: 1.25em;
    color:#821C2E;
}
dl.warning {
    border-color: #d80;
}
dl.warning dt {
    background-color: #d80;
}
dl.error {
    border-color: #d00;    
}
dl.error dt {
    background-color: #d00; 
}
dl.warning {
    border-color: #d80;    
}
dl.warning dd {
    background-color: #fd7; 
}
dl.error {
    border-color: #d80;    
}
dl.error dd {
    background-color: #fd7; 
}



/* @end */

/* @group Editing */


/* @group Control panel */

ul.configlets {
    margin: 1em 0;
    list-style-image: none;
    list-style: none;
}

.configlet .contentViews {
    font-size: 90%;
}

ul.configlets li {
    margin-bottom: 1em;
}
ul.configlets li a {
    text-decoration: none;
    border: none;
}
ul.configlets li a:visited {
    color: #436976;
    background-color: transparent;
}
ul.configlets li a:active {
    color: #436976;
    background-color: transparent;
}
ul.configlets li label {
    font-weight: bold;
}
ul.configletDetails {
    margin: 0em 1em 1em 4em;
    list-style-image: none;
    list-style: none;
}
ul.configletDetails li {
    margin-bottom: 1em;
    display: inline;
}
ul.configletDetails li a {
	text-decoration: none;
}
ul.configletDetails li label {
    font-weight: bold;
}
ul.configletDetails li.configletDescription {
    display: block;
    color: #76797c;
    font-size: 90%;
    margin: 0;
}
.inlineDisplay {
display:inline
}
table.controlpanel-listing {
width:100%;
}
table.controlpanel-listing td, table.controlpanel-listing th {
font-size:120%;
}
table.controlpanel-listing dl {
margin-top:0;
}
table.controlpanel-listing dd {
margin-left: 1em;
}
table.controlpanel-listing dl dt a .trigger{
font-weight:normal;
}
table .controlpanel-listing td {
vertical-align:top;
}
table.controlpanel-listing td.checker{
text-align:center;
}
table.controlpanel-listing th.smallcolumn {
width:1.5em;
}
.chooser-right {
float:right;
margin-right:0 !important;
margin-bottom:0 !important;
}
.rule-element {
background-color:#EEF3F5;
margin:0.5em 0pt 0.5em;
padding:0.3em 1em 0.3em 1em;
width:auto;
}
.rule-element dl {
}
.rule-element dl dd {
margin-left:1em;
}
.rule-updown, .rule-operations {
float:right;
padding-top:0.8em;
}
/* @end */

/* @group Collapsible */
dl.collapsible {
    border: 0px solid #8cacbb !important;
    margin: 0.5em 0 0 0;
    padding: 0;
}
dl.collapsible dt.collapsibleHeader {
    display: block;
    float: left;
    line-height: 1.2em;
    vertical-align: middle;
    font-size: 120% !important;
    font-weight: bold;
    position: relative;
    top: -0.6em;
    width: auto;
    color: #821c2e;
    margin: 0 0 -0.6em 0em;
    padding: 0.5em 0.5em 1em 0em;
}
dl.collapsible dd.collapsibleContent {
    margin: 0;
    padding: 0 1em 0 0;
    clear: left;
}

dl.collapsible dd.collapsibleContent ul li {
    line-height: 100% !important;
    font-size:90% !important;
}

/* for IE the following isn't needed, that's why the css2 selector is used */
dl.collapsible dd.collapsibleContent > dl {
    margin: 0;
    padding: 0;
}

dl.expandedInlineCollapsible dt.collapsibleHeader,
dl.expandedBlockCollapsible dt.collapsibleHeader {
    padding: 0 6px 0 22px;
    background: transparent url(../../treeExpanded.gif) no-repeat 6px 50%;
    cursor: pointer;
}

dl.collapsedBlockCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
}
dl.collapsedBlockCollapsible dt.collapsibleHeader {
    float: none;
    position: static;
    margin: 0;
    padding: 2px 0 22px 12px;
    line-height: 1em;
    cursor: pointer;
}
dl.collapsedInlineCollapsible dd.collapsibleContent,
dl.collapsedBlockCollapsible dd.collapsibleContent {
    display: none;
}
dl.collapsedInlineCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
    display: inline;
}
dl.collapsedInlineCollapsible dt.collapsibleHeader {
    position: static;
    float: none;
    margin: 0;
    padding: 0 0 22px 12px;
    line-height: 1em;
    cursor: pointer;
    display: inline;
}

/* @end */

/* @group Comments */

.comment {
	border: 1px solid #eee;
	background-color: #f6f6f6;
    padding: 0.25em 1em 1em 1em;
    margin-bottom: 1em;
}
.comment h1,
.comment h2,
.comment h3,
.comment h4, 
.comment h5,
.comment h6 {
    border-bottom: 1px solid #76797c;
    font-weight: normal;
}
.commentBody {
	font-size: 13px;
}

/* @end */

/* Additional STX workaround classes */
.stx table p {
    margin: 0;
    padding: 0;
}
.stx table {
    border: 1px solid #8cacbb ! important;
}
.stx table td {
    border-bottom: 1px solid #8cacbb;
}

.reviewHistory,
.contentHistory {
    display: inline;
    font-size: 110% !important; 
    color: Black;
}
.spacer {
    margin: 1em;
}

.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}
.optionsToggle {
    border: 1px solid #8cacbb;
    color: Black;
    background-color: #dee7ec;
    font-weight: normal !important;
    font-size: 90%;
} 

#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
    border-color: #ffa500;
    border-width: 1px;
}

/* for highlighting of search terms */
.highlightedSearchTerm {
   background-color: #ffa;
}

dl.searchResults .highlightedSearchTerm {
    background-color: transparent;
    font-weight: bold;
}
/* for greying out inherited roles */
.noInheritedRoles {
    color: #a0a0a0;
}
/* for highlighting current items, like the language or today in the calendar */
.currentItem {
    border-collapse: collapse;
    border: 2px solid #ffa500;
    padding: 1px;
}
.managePortletsLink {
    display:  block;
    color: #76797c;
    font-size: 90%;
    font-weight: normal;
}


/* @end */

/* @group Tabbed form fieldsets */

ul.formTabs {
    position: relative;
    display: block;
    list-style-type: none;
    text-align: center;
	background-color: #329fd7;
	border-top: 3px solid #329fd7;
	margin-left: 0 !important;
}
li.formTab {
    display: inline !important;
    margin: 0;
    padding: 0;
}
li.formTab a {
    /* this isn't supported by all browsers, so we keep it in a separate rule */
    display: inline-block;
}
li.formTab a {
	background-color: #329fd7;
    color: White !important;
    padding: 0.125em 0.75em;
    text-decoration: none;
	border: none !important;
	font-weight: bold;
}
li.formTab a:visited {
}
li.firstFormTab a {
}
li.lastFormTab a {
}
li.formTab a.selected,
li.formTab a:hover {
    background: White;
    color: #329fd7 !important;
}
li.formTab a.notify {
    background-color: #ffce7b;
    color: Black;
}
li.formTab a.required span {
    background-image: url(../../required.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 8px;
}
li.formTab a.notify:hover {
    background-color: #ffa500;
}
.formPanel {
	margin-top: -1.5em;
    border: 1px solid #8cacbb;
    padding-top: 1em;
}
.formPanel.hidden {
    display: none;
}
div.formControls input.hidden {
    display: none;
}

/* @end */

/* @group Forms */

div.formControls {
	margin-top: 1em;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background-color: #ffffe0;
	/* outline: none; */
}

#content textarea {
font: 100% Monaco, "Courier New", Courier, monospace;
width: 100%;
}
#content select {
vertical-align: top;
}
#content fieldset {
border: 1px solid #d0af8c;
border-style: solid none none none;
}
#content legend {
padding: 0.5em 0.5em 0.5em 0;
font-size: 90%;
}
label {
font-weight: bold;
}
#content optgroup {
font-style: normal;
font-weight: bold;
color: #999;
padding-left: 0.25em;
}
#content option {
color: black;
}
#content optgroup > option {
padding: 0 0.25em 0 1em;
}
dl.enableFormTabbing dd {
margin-left: 0;
padding-top: 2em;
}
#content input.searchButton {
}
.searchSection {
color: #76797c;
margin-top: 0.25em;
}
.searchSection label:hover {
color: Black;
}
.field {
clear: both;
margin-top: 1em;
}
.fieldRequired {
background: url(../../required.gif) center left no-repeat;
padding: 0 0 0 8px;
color: #d00;
}
.fieldUploadFile {
text-align: right;
margin-right: 0.75em;
display: none;
}
.fieldTextFormat {
text-align: right;
margin-right: 0.75em
}
.formHelp {
font-size: 90%;
color: #76797c;
margin: 0 0 0.2em 0;
}
.formHelp:hover {
color: Black;
cursor: default;
}
div.error {
background-color: #fdc;
border: 1px solid #d00;
padding: 0.5em;
margin: 0 0 1em 0;
width: 95%;
}
.error .fieldRequired {
color: #d00;
}
input.inputLabelActive {
color: #76797c;
}
textarea#form\.description {
height: 6em;
width: 99%;
}
tr.selected {
background-color: #ffa;
}

/* @group Login form */

#login-form input {
font-size: 150%;
width: inherit;
}

body.template-join_form #content input {
font-size: 150%;
width: inherit;
}


/* @end */

/* @end */

/* @group Table of Contents */

 /*Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width*/ 

dl.toc {
	float: right;
    width: 35%;
	font-size: 11px !important;
    margin: 0 0 0.5em 1.5em;
	border: 1px solid #666;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
dl.toc dt {
	margin-left: 3em;
	font-weight: normal;
	text-transform: uppercase;
}
dl.toc dd {
	margin-bottom: 0 !important;
}
dl.toc dd ol {
	margin-left: 1.5em !important;
}

/* @end */

/* @ group colophon */
#colophon-wrapper {
    background: url(../images/colophon.png) 50% 0% transparent no-repeat;
    height: 30px;
    font-size: 70%;
    font-style: italic;
    margin-top: 1em;
    padding: 30px 0px 0px 0px;
    color:#d0af8c;
}

#colophon a {
    color:#d0af8c !important;
}

#facebook-link-wrapper {
    height: 60px;
    background: url(../images/colophon.png) 50% -60px transparent no-repeat;
    font-size: 70%;
    font-style:italic;
    color:#d0af8c;
}

#twitter-link {
    background:url(../images/icon-twitter.png) 0% 0% transparent no-repeat;
    height: 17px;
    padding: 3px 0px 0px 25px;
}
#facebook-link {
    background:url(../images/icon-facebook.png) 0% 0% transparent no-repeat;
    height: 17px;
    padding: 3px 0px 0px 25px;
}
#delicious-link {
    background:url(../images/icon-delicious.png) 0% 0% transparent no-repeat;
    height: 17px;
    padding: 3px 0px 0px 25px;
}
#twitter-link a,
#facebook-link a,
#delicious-link a {
    color:#d0af8c !important;
}


/* @end */

/* @group Footer */

#footer-wrapper {
/* Sticky footer */
    height: 16em;
	background:url(../images/footer-logo.png) 80% 100% no-repeat #ece0d4;
	
}

#footer-gradient {
	background: top left url(../images/sprite.png) repeat-x;
	height: 7px;
}

#push {
/* Sticky footer */
	height: 16em;
}

#footer {
	color: White;
	font-family: "Trebuchet MS", Arial, FreeSans, sans-serif;
	margin: 0 auto;
	padding: 0 0 1em 0;
	width: 960px;
}

#footer p {
	font-size: 0.7em;
}

#copyright {
    background:url(../images/colophon.png) no-repeat 50% -120px transparent;
    height: 60px;
    color:#d0af8c;
    font-size: 70%;
    font-style: italic;
}

#sitemap  {
	width: 100%;
	clear: both;
	padding-top: 1em;
	font-size: 100%;
/* IE:
	clear: both;
	margin-bottom: 3em;
	float:left;
*/
}

#sitemap p {
    color:#821c2e;
    font-size:100%;
    font-style: italic;
}

#sitemap dl {
	font-family: "Trebuchet MS", Verdana, FreeSans, sans-serif;
	color: #821c2e;
	display: inline-block;
	vertical-align: top;
	width: 12%;
/* IE:   width: 16.3%;*/
/* IE:   float: left;*/
}

#sitemap dl a {
	font-size: 0.7em;
	font-weight: normal;
	font-style:italic;
	color: #821c2e;
	display: block;
	padding: 0.25em 6px;
	border-left:1px solid #cead88;
}
#sitemap dl a:hover {
	color: #821c2e;
	background-color: White;
}

#sitemap dl dt a {
	font-size: 0.75em;
}
#sitemap dd {
    color: #716658;
    font-size: 75%;
}
/* @end */

/* @group Visual editor */

.kupu-save-message {
color: white;
font-weight: bold;
background-color: red;
padding: 0.3em;
position: fixed;
top: 0;
right: 0;
z-index: 999;
}

#toolbar {
    background-color: White;
    width: auto;
    border: none;
}
#toolbar button {
	border-color: White;
}
#kupu-editor-iframe-text {
	border: 1px solid Black;
}
#kupu-colorchooser {
	display: none;
}


/* @end */
/* group Tabs */
/* root element for tabs  */
ul.tabs { 
	list-style:none !important; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border: none;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	border: 0px solid #e1cdb8;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background:url(../images/jqtab.png) no-repeat -247px 0px transparent;
	font-size:100%;
	font-style: italic;
	font-weight: bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 174px;
	text-align:center;	
	text-decoration:none;
	color:White !important;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
    border: 0px solid white;
}

ul.tabs a:link {
    color: white;
}
ul.tabs a:visited {
    color: white;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -247px 0px;	
	color:black;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -247px -32px;	
	cursor:default !important; 
	color:#780027 !important;
}
ul.tabs li a.current {
    color:#780027 !important;
    background-position: -247px -32px;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: 0 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: 0 -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


div.panes {
    width: 100%;
    height: auto;
    display: block;
}

/* initially all panes are hidden */ 
div.panes div.tabpane {
	display:none;
	padding-top: 20px;
    border:1px solid white;
    border-width:0 1px 1px 1px;
    min-height:500px;
    padding:15px 20px;
    min-height:500px;
    height:auto!important;
    height:500px;
}

div.pane h2 {
    font-size: 100%;
}


/* end */
/* group gallery */

#button-gallery-expose {
    background:url(../images/button-gallery.png) no-repeat 0% 0% transparent;
    font-size: 80%;
    color: White;
    padding-left: 30px;
    margin-top:200px;
}

#scroll {
	position:relative;
	height:337px;
	overflow:hidden;
	width:408px;
	padding:0;
}

#tools {
	width:9999em;
	position:absolute;
	height:235px;
	border: 1px solid #b82837;
	background: #611421;
}

.tool {
	float:left;
	width:406px;
	height:235px;
	border-right: 1px solid #b82837;
	background-repeat:no-repeat;
	background-position:0 -40px;
	overflow: hidden;
}

.tool,
.tool img {
  position: relative;
}

.imageContainer {
  width: 250px;
  height: 150px;
  
}

#thumbs {
	background:transparent;
	height:90px;
	position:absolute;
	top:237px;
	width:406px;
	left:-8px;
}

#thumbs img {
    border: 1px solid #b82837
}

.t a {
	background:transparent url(../images/gallery-arrow.png) no-repeat scroll 0% -270px;
	margin-right:11px;
	display:block;
	width:49px;
	float:left;
	height:32px;
	cursor:pointer;
	padding-top:7px;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:0px;
	_margin-left:304px;
}

/** @ Simple jQuerytools  Overlay effect **/

/* the overlayed element */ 
.xxsimple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#ccc; 
     
    width:450px;     
    min-height:250px; 
    border:4px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:10px; 
    color:black; 
    width:400px;
    border-bottom: 1px solid white;
} 
 
.details h3 { 
    color:#aba; 
    font-size:20px; 
    margin:0 0 10px 0; 
} */ 

/* CSS sprite for the navigation */
#t0 		  { margin-left:20px; _margin-left:10px;}
#t0.active { background-position:50% 0 !important; }
#t0:hover  { background-position:0% -180px; }
#t0:active { background-position:50% 0px; }

#t1			{ background-position:-325px -90px; }
#t1:hover 	{ background-position:-325px -180px; }
#t1:active	{ background-position:50% -270px; }
#t1.active	{ background-position:50% 0 !important; }

#t2			{ background-position:-435px -90px; }
#t2:hover 	{ background-position:-435px -180px; }
#t2:active	{ background-position:50% -270px; }
#t2.active	{ background-position:50% 0 !important; }

#t3			{ background-position:-545px -90px; }
#t3:hover 	{ background-position:-545px -180px; }
#t3:active	{ background-position:50% -270px; }
#t3.active	{ background-position:50% 0 !important; }

#t4			{ background-position:-655px -90px; }
#t4:hover 	{ background-position:-655px -180px; }
#t4:active	{ background-position:50% -270px; }
#t4.active	{ background-position:50% 0 !important; }

#t5			{ background-position:-765px -90px; }
#t5:hover 	{ background-position:-765px -180px; }
#t5:active	{ background-position:50% -270px; }
#t5.active	{ background-position:50% 0 !important; }

#t6			{ background-position:-875px -90px; }
#t6:hover 	{ background-position:-875px -180px; }
#t6:active	{ background-position:50% -270px; }
#t6.active	{ background-position:50% 0 !important; }

/* end */

/* @Group Plone defaults */

.reviewHistory,
.contentHistory {
    display: inline;
    color: Black;
}
.spacer {
    margin: 1em;
}

.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}
.optionsToggle {
    border: 0.1em solid #8cacbb;
    color: Black;
    background-color: #dee7ec;
    font-weight: normal;
    font-size: 90%;
}

/* for highlighting of search terms */
.highlightedSearchTerm {
   background-color: #ffa;
}

dl.searchResults .highlightedSearchTerm {
    background-color: transparent;
    font-weight: bold;
}
/* for greying out inherited roles */
.noInheritedRoles {
    color: #a0a0a0;
}
/* for highlighting current items, like the language or today in the calendar */
.currentItem {
    border-collapse: collapse;
    border: 0.2em solid #ffa500;
    padding: 0.1em;
}


/* @end */

/* @group Search results page */

form.searchPage {
    text-align:left;
}

input.searchPage {
    font-size:200% !important;
}

/* @end */


/* @group Image alignment classes */

.image-left {
   float: left;
   clear: both;
   margin: 0.5em 1em 0.5em 0;
}
.image-right {
   float: right;
   clear: both;
   margin: 0.5em;
}
.image-inline {
   float: none;
}
/*note: the tricky thing here is that image-inline|image-left|image-right
can both be on an image and a wrapper element e.g. a dl tag*/
img.image-left,
img.image-right,
.captioned img {
    border: 1px solid #ddd;
}
dd.image-caption {
    text-align: left;
    padding: 0 0 0 3px; /*image padding+border with*/
    margin: 0;
    color: #666;
    font-size: 85%;
}

/* @end */


/* @group Dashboard */

#dashboard-actions ul,
#dashboard-actions ul li {
    list-style: none;
}
#dashboard-actions ul {
    margin-left: 0;
}

#dashboard {
    font-size: 125%;
    line-height: 1em;
}

#dashboard dd {
    margin: 0;
}


#dashboard dl.portlet a:link {
    border-bottom: none;
}

#dashboard-portlets1,
#dashboard-portlets2,
#dashboard-portlets3 {
    float:left;
    width:23%;
    padding:0.7em 1.3em 0 0;
}

#dashboard-portlets4 {
    float:left;
    width:23%;
    padding-top:0.7em;
}

#dashboard-portlets1 dl.portlet,
#dashboard-portlets2 dl.portlet,
#dashboard-portlets3 dl.portlet,
#dashboard-portlets4 dl.portlet {
    margin-bottom:1.5em;
}

/* @end */

/* @group Forms */

fieldset,
.editionComment {
    line-height:1.5em;
    margin:1em 0;
    padding:0 1em 1em;
    width:auto;
}

/* Emulates the styling from the h1 tag */
#archetypes-fieldname-title input {
    font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
    line-height: 125%;
    color: Black;
    letter-spacing: -0.05em;
    margin: inherit -0.05em;
    font-size: 2em; /* 26px equiv */
    font-weight: bold;
}

/* Emulates styling from the description's view */
#archetypes-fieldname-description textarea#description {
    font-family: Arial,FreeSans,sans-serif;
    color:#666666;
    font-size:1.25em;
    font-weight: bold;
}


div.formControls {
    margin: 1em;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    background-color: #ffffe0;
}

#content textarea {
    font: 100% Monaco, "Courier New", Courier, monospace;
    width: 100%;
}
#content select {
    vertical-align: top;
}
#content fieldset {
    border: 0.1em solid #329fd7;
    border-style: solid none none none;
}
#content legend {
    padding: 0.5em;
    font-size: 85%;
}
label {
    font-weight:bold;
}

#content label {
}

#content optgroup {
    font-style: normal;
    font-weight: bold;
    color: #999;
    padding-left: 0.25em;
}
#content option {
    color: black;
}
#content optgroup > option {
    padding: 0 0.25em 0 1em;
}
dl.enableFormTabbing dd {
    margin-left: 0;
    padding-top: 2em;
}
.searchSection {
    color: #76797c;
    margin-top: 0.25em;
}
.searchSection label:hover {
    color: Black;
}
.field {
    clear: both;
    margin-bottom: 1em;
}
.field input[type="text"] {
    /*width: 100%;*/
}
input#title {
    width: 100%;
}
.error input#title {
    width:99%;
}

.fieldRequired {
    background: url(../../required.gif) center left no-repeat;
    padding: 0 0 0 1em;
    color: White;
}
.fieldUploadFile {
    text-align: right;
    margin-right: 0.75em;
    display: none;
}
.fieldTextFormat {
    text-align: right;
    margin-right: 0.75em
}
.formHelp {
    color: #555;
    margin: 0 0 0.2em 0;
}
div.error {
    background-color: #fdc;
    border:  1px solid red;
    padding: 0.5em;
    margin:  1em 0;
}
.error .fieldRequired {
    color: #d00;
}
div.error.warning {
    background-color: transparent;
    border: none;
    margin-top: 0;
    padding: 0;
}

div.error.warning input {
    border: 2px solid red;
}

input.inputLabelActive {
    color: #76797c;
}
textarea#form\.description {
    height: 6em;
    width: 99%;
}
table.listing tbody tr.odd.selected td,
tr.selected {
    background-color: #ffa;
}

/* @group Login form */

body.template-logged_out #content,
body.template-login_form #content,
.pb-ajax #login-form {
    text-align: center;
}

#fieldset-openid-login input, #login-form input {
    font-size: 150%;
}


body.template-register #content input,
body.template-new-user #content input {
    font-size: 150%;
    width: inherit;

}

#fieldset-openid-login label, #login-form label {
    margin-right:0.5em;
    padding-top:0.2em;
    text-align:right;
    width: 10em;
    display: inline-block;
}

#fieldset-openid-login .formControls input, #login-form .formControls input {
margin-left: 0.25em;
}

/* @end */

/* @end */

/* @Group Batch Navigation Listing Bar */
div.listingBar {
    font-size: 70%;
    margin: 1em 1.5em 1em 0;
}

div.listingBar .next {
    display: inline-block;
    float: right;
}

div.listingBar .previous {
    display: inline-block;
}

div.listingBar a {
    display: inline-block;
    padding: 0.25em 0.5em;
    border: 0.1em solid #ccc;
    color: #000 !important;
    background: #fff;
}

div.listingBar a:hover {
    color: #fff !important;
    background-color: #ed008c;
    border-color: #ccc;
}

/* @end */

/* @group Overlay windows */

/* styling for overlays (popups) */

div.overlay {
    width: auto;
    height: auto;
    /* initially overlay is hidden */
    display: none;
    /* some padding to layout nested elements nicely  */
    margin: 1em;
    font-size: 80%;
}

div.overlay-iframe,
div.overlay-ajax {
    width: 60%;
    min-height: 100px;
    z-index: 99; /* overlays should be above everything */
}

div.overlay-iframe {
    height: 60%;
}

/* default close button positioned on upper-left corner */
div.overlaybg div.close,
div.overlay div.close {
    background-image: url(../images/pb_close.png);
    position: absolute;
    right: -14px;
    top: -14px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.pb-ajax {
    overflow-y: auto;
}

.pb-ajax, .pb-image {
    background-color: #fff;
    border: 1px solid #999;
    white-space: normal;
    box-shadow: 0 0 3em 0.5em #666;
    -moz-box-shadow: 0 0 3em 0.5em #666;
    -webkit-box-shadow: 0 0 3em #666;
}

.pb-ajax > div {
    width: 92%;
    padding: 1em;
}

.pb-ajax .documentActions {display:none}

div.overlay div.close span {
    display: block;
    height: 1px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

div.overlay textarea { width: 100%; }

/* Hide form elements that don't make sense within an overlay. */
div.overlay .link-parent { display: none; }
div.overlay #createGroup legend { display: none; }
div.overlay #createGroup fieldset { border: none; }

/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
div.overlay p {
    margin-bottom: 1em;
}
div.overlay label {
    margin-bottom: 0.25em;
}
div.overlay a:hover {
    color: #75ad0a;
}
div.overlay a.selected {
    color: #000000;
}
div.overlay .formTab {
    margin-right:1em;
    font-weight: bold;
}
div.overlay .formTab.lastFormTab {
    margin-right:0em;
}
div.overlay .formControls a {
    display: block;
    margin: 0.75em;
}

/* @end */


/* @group Invisibles */

.hiddenStructure {
    display: none;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}

.visualClear {
	clear: both;
}

/* @end */