@charset "utf-8";
/* CSS Document */

/**
* Site grays
* L1:  #F1F1F1 - Row backgrounds
* L2:  #CFCFCF - Horizontal separator line
* L3:  #BCBCBC - Gray backgrounds, row borders
* L5:  #AAAAAA - Page headers, box headers, navigation links
* L5b: #848484 - Make small/slim text/elements look visually the same as L3
* L7:  #2E2E2E - List results text
* L9:  #191919 - Subheadlines, list grouping headers
*
* old colors:
* Xtra light gray: #F1F1F1;
* Light gray: #BCBCBC
* Medium Gray: #AAAAAA
* Dark Gray: #848484
* Xtra dark gray: #191919
*/

/*
    (t)iny, (s)mall, (m)edium, (l)arge, (x)-tra large
    (l)ight, (m)edium, (d)ark
*/


*,html,body {
    margin: 0px;
    padding: 0px;
    z-index: 0;
}
html,body {
    height:100%;
    width:100%;
}

/* Frame */
#headerTop {
    position: relative;
    z-index: 10;
    margin-bottom: 6px;
}

#cntOuter {
    width: 940px;
    margin: 40px auto 20px auto;
    position:relative;
}

.footerLink {
    text-decoration: none;
    font-size: 1em;
    font-weight:bold;
}

/* Frame - Search form */
#searchBox {
    position: relative;
    background-color: #BCBCBC;
}

#searchInputField {
    border: 0px none #BCBCBC;
    width: 185px;
    height: 17px;
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 1px;
    background-image: url(/sites/defaultSite/user/templates/images/search-box-bg.gif);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #ffffff;
    margin: 10px 0px 0px 0px;
}

a.searchInputButton,
a.searchInputButtonClicked,
#searchInputButtonNoScript {
    width:190px;
    height:22px;
    margin: 3px 0px 0px 0px;
    background-repeat:no-repeat;
    background-position: top left;
    color: #ffffff;
    cursor:default;
}
#searchInputButtonNoScript {
    border:none;
    background-color: #BCBCBC;
    background-image:url(/sites/defaultSite/user/templates/images/searchbutton.png);
}
a.searchInputButton,
a.searchInputButtonClicked
{
    outline:none;
    text-decoration:none;
    line-height:22px;
    text-align:center;
    display:block;
}
a.searchInputButton {
    visibility:hidden;
    display:none;
    background-image:url(/sites/defaultSite/user/templates/images/searchbutton.png);
}
.searchInputButtonClicked {
    background-image:url(/sites/defaultSite/user/templates/images/searchbutton-onclick.png);
}

/* Frame - global navigation menu */
#globNavCnt {
    clear: both;
    background-image:url(/sites/defaultSite/user/templates/images/globNavLeft.gif);
    background-repeat: no-repeat;
    background-color: #BCBCBC;
    height: 28px;
    line-height: 28px;
    position: relative;
}

a.globNavLink {
    position:relative;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.newGlobNavLinkNormal {
    display:inline-block;
    line-height: 28px;
    height: 28px;
    border-style:solid;
    border-width: 0px 1px 0px 1px;
    border-color: #ffffff #969696 #ffffff #EBEBEB;
    padding: 0px 10px 0px 10px
}

.newGlobNavLinkSelected {
    display:inline-block;
    line-height: 28px;
    height: 28px;
    padding: 0px 11px 0px 11px;
    background-color: #D0D0D0;
}

.globNavLinkNormal, .globNavLinkSelectedLeft, .globNavLinkSelectedRight {
    line-height: 20px;
    height: 20px;
    display: inline-block;
    padding: 0px 6px 0px 6px;
    position:relative;
}
.globNavLinkNormal, .globNavLinkSelectedRight {
    margin: 0px 0px 0px 6px;
}
.globNavLinkSelectedLeft {
    background-image:url(/sites/defaultSite/user/templates/images/globNavLeftSelected.gif);
    background-repeat: no-repeat;
    background-color: #D0D0D0;
    padding: 0px 0px 0px 6px;
}
.globNavLinkSelectedRight {
    background-image:url(/sites/defaultSite/user/templates/images/globNavRightSelected.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-color: #D0D0D0;
    padding: 0px 6px 0px 0px;
}

/**
 * Elements - Popups
 */
.popUpBgDisabled, .popUpPageDisabled {
    visibility: hidden;
    display: none;
}
.popUpBgEnabled, .popUpPageEnabled {
    visibility: visible;
    display: block;
}
#popUpBg {
   position: fixed;
   top: 0px;
   left: 0px;
   z-index:10;
   height: 100%;
   width:100%;
   background-color: #000000;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   -khtml-opacity: 0.6;
   opacity: 0.6;
}

#popUpPage {
   position:fixed;
   width:700px;
   margin-left: -350px;
   left: 50%;
   max-height: 94%;
   top: 3%;
   overflow: auto;
   z-index: 20;
}
#popUpContent {
     position: relative;
}


/* Frame - Language select */
#langSelectContainer {
    position: absolute;
    right: 0px;
    bottom: 4px;
}

#langSelectPopup {
    visibility: hidden;
    z-index:1000;
    position:absolute;
    right: 0px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    line-height: 20px;
    padding: 10px 0px 10px 10px;
    margin-top: 4px;
    width: 117px;
}

/* Templates general - Columns */
.ThreeColCnt {
    width:701px;
    margin-bottom: 10px;
    position:relative;
}

.TwoColCnt {
    width: 462px;
    margin-bottom: 10px;
    position:relative;
}

.OneColCnt {
    width:223px;
    margin-bottom: 10px;
    position:relative;
}

.contentDivPad, .msgDivPad, .formDivPad {
    padding: 14px 16px 16px 16px;
}
.msgDivPad {
    padding-top: 4px;
    padding-bottom: 4px;
}
.formDivPad {
    padding-bottom: 75px;
}
.colMediumPad {
    padding: 10px;
}

/* Template roomlist.tpl.php */
.roomListBottomRow {
    position:absolute;
    bottom:0px;
}

/* Elements - Sepeartors */
.boxHeaderSeparator {
    border-style: solid;
    border-color: #BCBCBC;
    border-width: 0px 0px 1px 0px;
    margin-top: 6px;
    height: 0px;
    overflow: hidden;
}

.horSeparatorLine {
    clear: both;
    height: 0px;
    border-color: #CFCFCF;
    border-style: dotted;
    border-width: 0px 0px 2px 0px;
}

/* Tempate statbox.tpl.php */
.statBoxBarWidth {
   width:56px;
}
.statBoxBarCnt {
    position:absolute;
    bottom:0%;
    overflow:visible;
}
.statBoxCountCnt {
    position:absolute;
    bottom: 4px;
    text-align:center;
}


/* Elements - boxes - box with dark header */
.darkBoxHeader {
    background-color:#BCBCBC;
    margin: 0px 1px 0px 1px;
    padding:14px 10px 0px 10px;
    height: 26px;
}
.darkBoxContent {
    padding:10px;
    position: relative;
}


/* Elements - resultpage & Details pages */
#bodySideBar {
    padding: 7px 15px 20px 5px;
    background-color: #BCBCBC;
}

#searchPageCnt {
    padding: 7px 10px 20px 20px;
}

#frontPageCnt {
    border: 1px solid #BCBCBC;
}

/* Elements - result page */
.resultSectionHeader {
    background-image:url(/sites/defaultSite/user/templates/images/result-sectionghead-center.png);
    background-repeat:repeat-x;
    background-position:top left;
    position:relative;
    height: 28px;
}

.groupingMarginT {
    margin-top:13px;
}

/**
 * List with background shading
 */
.resultRowBgTr, .resultRowTr {
    padding: 5px 7px 5px 7px;
}

.resultRowBgBl {
    background-image: url(/sites/defaultSite/user/templates/images/listRowCornerBl.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #F1F1F1;
}
.resultRowBgRb {
    background-image: url(/sites/defaultSite/user/templates/images/listRowCornerRb.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.resultRowBgTl {
    background-image: url(/sites/defaultSite/user/templates/images/listRowCornerTl.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.resultRowBgTr {
    background-image: url(/sites/defaultSite/user/templates/images/listRowCornerTr.png);
    background-position: top right;
    background-repeat: no-repeat;
}



/* Elements - buttons */
.buttonLink {text-decoration:none;position:relative;cursor: default;}
.buttonGraphicsCnt {
	padding:0px 5px 0px 5px;
	display:inline-block;
	height:22px;
	background:url(/sites/defaultSite/user/templates/images/buttonLargeBg.png) repeat-x top left;
	position:relative;
}
.buttonLeftImg {position:absolute;left:0px;top:0px;}
.buttonRightImg {position:absolute;right:0px;top:0px;}
.buttonText {line-height:22px;color:#ffffff;}


/* Elements - link buttons */
.linkButton, .linkButtonDisabled {
    color:#3A6F8F;
    text-decoration: underline;
    background:none;
    overflow:hidden;
    cursor:pointer;
    padding:0px;
    margin:0px;
    display: block;
    border: none;
}
.linkButtonDisabled {
    cursor:default;
    text-decoration: none;
    color: #717171;
}



/* Elements - Forms */
input {
    margin-top: 1px;
}
.formContainer {
    width: 440px;
}

.formFieldMediumWidth {
    width: 220px;
}

.formFieldLargeWidth {
    width: 438px;
}

/* Elements - Boxes (Color: #BCBCBC) */
.boxBorderT, .imgBorderT {background: url(/sites/defaultSite/user/templates/images/bgBorderDot.gif) repeat-x 0 0}
.boxBorderB, .imgBorderB {background: url(/sites/defaultSite/user/templates/images/bgBorderDot.gif) repeat-x 0 100%}
.boxBorderL, .imgBorderL {background: url(/sites/defaultSite/user/templates/images/bgBorderDot.gif) repeat-y 0 0}
.boxBorderR, .imgBorderR {background: url(/sites/defaultSite/user/templates/images/bgBorderDot.gif) repeat-y 100% 0}

.boxBorderBl, .imgBorderBl, .imgBorderShadeBl {background-repeat: no-repeat; background-position: 0 100%}
.boxBorderBr, .imgBorderBr, .imgBorderShadeBr {background-repeat: no-repeat; background-position: 100% 100%}
.boxBorderTl, .imgBorderTl, .imgBorderShadeTl {background-repeat: no-repeat; background-position: 0 0}
.boxBorderTr, .imgBorderTr, .imgBorderShadeTr {background-repeat: no-repeat; background-position: 100% 0}

.boxBorderT { width: 100%; }
.imgBorderT { position:relative;z-index:10; }

.boxBorderBl, .imgBorderBl {background-image: url(/sites/defaultSite/user/templates/images/boxCornerBl.gif)}
.boxBorderBr, .imgBorderBr {background-image: url(/sites/defaultSite/user/templates/images/boxCornerRb.gif)}
.boxBorderTl, .imgBorderTl {background-image: url(/sites/defaultSite/user/templates/images/boxCornerTl.gif)}
.boxBorderTr, .imgBorderTr {background-image: url(/sites/defaultSite/user/templates/images/boxCornerTr.gif)}

.imgBorderShadeBl {background-image: url(/sites/defaultSite/user/templates/images/boxCornerShadeBl.gif)}
.imgBorderShadeBr {background-image: url(/sites/defaultSite/user/templates/images/boxCornerShadeRb.gif)}
.imgBorderShadeTl {background-image: url(/sites/defaultSite/user/templates/images/boxCornerShadeTl.gif)}
.imgBorderShadeTr {background-image: url(/sites/defaultSite/user/templates/images/boxCornerShadeTr.gif)}

/* Image styling */
.imgCnt {
    position:relative;
    zoom:1;
}

.boxCornerTL, .ieBoxCornerTL {
    position:absolute;
    width: 10px;
    height: 10px;
    z-index:1
}
.boxCornerTR, .ieBoxCornerTR {
    position:absolute;
    right:0px;
    width: 10px;
    height: 10px;
    z-index:1
}
.boxCornerBL, .ieBoxCornerBL {
    position:absolute;
    bottom:0px;
    width: 10px;
    height: 10px;
    z-index:1
}
.boxCornerBR, .ieBoxCornerBR {
    position:absolute;
    bottom:0px;
    right:0px;
    width: 10px;
    height: 10px;
    z-index:1
}



/* Elements - other */
.clearAllDiv {
    clear: both;
    height: 0px;
    overflow: hidden;
    position:relative;
}

/* Borders */
.borderL3T, .borderL3R, .borderL3B, .borderL3L, .borderL3Trbl, .borderL3Tl, .borderL3Rb {
    border-color: #BCBCBC;
    border-style: solid;
    border-width: 1px;
}
.borderL3T { border-width: 1px 0px 0px 0px; }
.borderL3R { border-width: 0px 1px 0px 0px; }
.borderL3B { border-width: 0px 0px 1px 0px; }
.borderL3L { border-width: 0px 0px 0px 1px; }

.borderL3Tl { border-width: 1px 0px 0px 1px; }
.borderL3Rb { border-width: 0px 1px 1px 0px; }



/* Margins */
.marginTinyT { margin: 2px 0px 0px 0px}
.marginTinyTb { margin: 2px 0px 2px 0px}
.marginSmallB { margin: 0px 0px 4px 0px; }
.marginSmallT { margin: 4px 0px 0px 0px; }
.marginSmallL { margin: 0px 0px 0px 4px; }
.marginMediumT { margin: 10px 0px  0px 0px; }
.marginMediumB { margin: 0px 0px  10px 0px; }
.marginMediumTb { margin: 10px 0px 10px 0px; }
.marginMediumTbl { margin: 10px 0px 10px 10px; }
.marginLargeTb { margin: 16px 0px 16px 0px; }


/* Paddings */
/* New */
.paddingSmallT { padding: 4px 0px 0px 0px; }
.paddingSmallL { padding: 0px 0px 0px 4px; }

.paddingMediumL {padding: 0px 0px 0px 10px; }
.paddingMediumR {padding: 0px 10px 0px 0px; }
.paddingMediumRbl {padding: 0px 10px 10px 10px;}

.paddingLargeRbl {padding: 0px 16px 16px 16px;}
.paddingLargeR { padding: 0px 16px 0px 0px;  }
.paddingLargeL { padding: 0px 0px 0px 16px; }

/* Old */
.paddingRblM { padding-right: 15px; padding-bottom: 15px; padding-left: 15px;  }

.paddingTbS { padding-top: 10px; padding-bottom: 10px; }
.paddingLrS  { padding-right: 10px; padding-left:10px; }
.paddingTrblS { padding: 10px; }

.paddingLT { padding-left: 5px; }




/* Colors */
.colorGrayL, a.colorGrayL  { color:#BCBCBC; }
.colorGrayXD, a.colorGrayXD { color:#191919; }
.colorWhite { color: #ffffff; }




/* New */
.baseBgColorL1 { background-color: #F1F1F1; }

.baseColorL5, a.baseColorL5  { color:#AAAAAA; } /* Old: colorGrayM */
.baseColorL5b, a.baseColorL5b { color:#848484; } /* Old: colorGrayD  */
.baseColorL7 { color:#2E2E2E; }


/* Links */
/*
a {
outline: none;
}
*/
a, .a { text-decoration:underline; color:#3A6F8F; } /* unvisited link */

a.hiddenLink {
    text-decoration: none;
    color: #000000;
}

a.unMarkedLink
{
    text-decoration: none;
    color: #000000;
}

a.invertedLink
{
    color: #ffffff;
}

a.disabledLink, .disabledLink {
    color: #BCBCBC;
    text-decoration:underline;
}

/* Lists */
ul {
    padding-left: 14px;
}

ul.linkList {
    list-style-type:none;
    list-style-position:outside;
    padding: 0px;
    position: relative;

}

li.linkList
{
    background-image:url(/sites/defaultSite/user/templates/images/bullet.png);
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:18px;
    position:relative;
    margin-top: 4px;
}

a.linklistBulletLink {
    position:absolute;
    margin-left:-18px;
    width:18px;
    height:12px;
}

/* Javascript handling */
.scriptBlock, .scriptInline {
    display:none;
    visibility:hidden;
}
.noScriptBlock {
    display:block;
    visibility:visible;
}
.noScriptInline {
    display:inline;
    visibility:visible;
}


/* Labels */
.labelWhiteL {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
}
.labelWhiteL, .labelWhiteM { color: #ffffff; }

.labelWhiteM {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
}

.labelGrayNarrow {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight:normal;
    clear:both;
    color:#AAAAAA;
}

/* Labels new */
.labelLargeL5 { /* Old labelGrayL */
    color: #AAAAAA;
}
.labelLargeL9 {
    color: #191919;
}

/* Typography */
html, body, span, div, td, input, select, textarea, submit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}



h1 {
    font-size: 1.2em;
    font-family: Helvetica, Arial, sans-serif;
    color: #000000;
}

h2 {
    font-size: 1.1em;
    font-family: Helvetica, Arial, sans-serif;
    color: #000000;
}

/* Other */
.smallText {
    font-size: 0.8em;
}

.disabledColor {
    color: #717171;
}

pre {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
}

/* Error messages */
.guiError, a.guiError {
    color: #B70000;
    font-weight: bold;
    list-style-type: square;
    margin-top:10px;
    margin-bottom: 10px;
}
.guiWarning, a.guiWarning {
    color: #EA5E00;
    font-weight: bold;
    list-style-type: square;
}
.guiNotice, a.guiNotice {
    color: #000000;
    font-weight: bold;
    list-style-type: square;
}


/* Error messages - deprecated */
.guiMessages {
    font-weight: bold;
    margin-top:10px;
    margin-bottom: 10px;
}
.guiERRORS {
    color: #B70000;
    font-weight: bold;
    list-style-type: square;
}
.guiWARNINGS {
    color: #EA5E00;
    font-weight: bold;
    list-style-type: square;
}
.guiNOTICES {
    color: #000000;
    font-weight: bold;
    list-style-type: square;
}