/*****************************************************/
/*   Design:  MultiFlex-1 (Screen)                   */
/*   Author:  G. Wolfgang (gw@actamail.com)          */
/*   Date:    May 1, 2006                            */
/*   Check out my favorite website: www.sda.org      */
/*****************************************************/

/*-----------------------------------------------------------------------*/
/* FONT-SIZE DEFINITIONS                                                 */
/*-----------------------------------------------------------------------*/
/* Relative font-sizes in "em" are used where necessary. To make the     */
/* "em"-units normed, the incoming font sizes are set to 1.0 em. The     */
/* font-size variations throughout the webpage are then expressed in     */
/* percentage values respective to the incoming font-size. To make       */
/* calculations easier, the font definition in the css-class "body" is   */
/* 62.5%, which gives 1.0em = 10px This makes life a real breeze!        */
/*-----------------------------------------------------------------------*/

/* Comments for individual lines are found to the right of the respective row */

/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
body {font-size: 67.5%; margin: 0em auto; padding: 0px; font-family: arial, tahoma, verdana, sans-serif; background-color: rgb(255,255,255);}
.page-container {width: 950px; margin: auto; padding: 0px; border-left: solid 1px rgb(150,150,150); border-right: solid 1px rgb(150,150,150); border-bottom: solid 1px rgb(150,150,150); background-color: rgb(255,255,255)}

/**********************/
/* SECTION 2 - HEADER */
/**********************/
/*--------------------------------------*/
/* Section 2.1 - Global navigation menu */
/*--------------------------------------*/
.nav-global-container {position: absolute; z-index: 3; width: 950px; top: 5px;}
.nav-global {float: right; width: 950px; margin: 0px; padding: 0px; background-color: transparent;}	
.nav-global ul {float: right; display: inline; list-style: none; margin: 0px; padding: 0px;}	
.nav-global li {display: inline; white-space: nowrap; text-transform: none;}
.nav-global li p {display: inline; margin: 0px; padding: 0px 4px 0px 4px; color: rgb(100,100,100); text-decoration: none; font-size: 110%;}
.nav-global li a {display: inline; margin: 0px; padding: 0px 4px 0px 4px; border-left: solid 1px rgb(100,100,100); color: rgb(100,100,100); text-decoration: none; font-size: 110%;}
.nav-global a:hover {background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline;}
.img-flag {display: inline; vertical-align: text-bottom; height: 1.0em; margin: 0px; padding: 0px; border: solid 1px rgb(0,0,0);}

/*-----------------------------------*/
/* Section 2.2 - Sitename and Banner */
/*-----------------------------------*/
.site-name  {clear: both; float: left; position: absolute; z-index: 2; width: 700px; top: 7px; margin: 0px; padding-left: 17px; background-color: transparent; color: rgb(220, 238, 204); font-weight: bold; font-size: 36px; text-transform: uppercase;}
.site-slogan  {float: left; position: absolute; z-index: 1; width: 700px; top: 2.0em; left: 15px; margin: 0px; padding: 7px 0px 0px 7px; background-color: transparent; color: rgb(251, 250, 238); font-weight: bold; font-size: 16px;}
.img-header {clear: both; float: left; width: 950px; height: 100px; margin: 0px; padding: 0px;}

/*------------------------------------*/
/* Section 2.3 - Main navigation menu */
/*------------------------------------*/
.nav-main {clear: both; float: left; width: 950px;  min-height: 2.0em; line-height: 2.0em; margin: 0px; padding: 0px; border-top: solid 1px rgb(84,111,144); border-bottom: solid 1px rgb(84,111,144); background-color: rgb(30, 94, 158);} /* Use background-color: rgb(176,207,106);	for green */
.nav-main ul {list-style: none; margin: 0px; padding: 0px;}	
.nav-main li {float: left; white-space: nowrap; background-color: inherit;}
.nav-main li a {margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 1px rgb(255,255,255); color: rgb(255,255,255); text-decoration: none; font-size: 120%;}
#time {margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 1px rgb(255,255,255); color: rgb(255,255,255); text-decoration: none; font-size: 120%;}
.nav-main a:hover, .nav-main a.selected {background-color: inherit; color: rgb(253, 246, 185); text-decoration: none;}
.buffer {float: left; width: 780px; height: 30px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}
* html .nav-main {height: 2.0em;} /* IE6-Hack for min-height. Works also for IE7-Beta2 */ 

/*************************************/
/* SECTION 3 - SIDEBANNER FRONT PAGE */
/*************************************/
.sidebanner-frontpage {clear: both; float: left; width: 160px; margin: 0px; padding: 0px;}
.img-sidebanner {width: 160px; margin: 0px; padding: 0px; border: none;}

/******************************/
/* SECTION 4 - SIDE-NAVIGATION */
/******************************/
.nav-sub {clear: both;  width: 160px; min-height: 600px; float: left; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}
.nav-sub ul {float: left; list-style: none; width: 160px; margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200);}	
.nav-sub li {margin: 0px; padding: 0px; background-color: rgb(255, 250, 240);}
.nav-sub li.title {vertical-align: top; margin: 0px; padding: 0px 5px 4px 20px; color: rgb(100,100,100); text-transform: uppercase; font-weight: bold; font-size: 140%;}
.nav-sub li.group a {display: block; min-height: 1.5em; line-height: 1.5em; margin: 1px 0px 1px 0px; padding: 0px 7px 0px 10px; border-top: solid 1px rgb(200,200,200);  border-left: solid 10px rgb(255, 232, 168); color: rgb(100,100,100); font-weight: bold; font-size: 140%;}
.nav-sub li a {display: block; min-height: 1.5em; line-height: 1.5em; margin: 1px 0px 1px 0px; padding: 0px 7px 0px 10px; border-left: solid 10px rgb(255, 232, 168); color: rgb(100,100,100); text-decoration: none; font-size: 120%;}
.nav-sub li a:hover {border-left: solid 10px rgb(255, 170, 110); background-color: rgb(255,232,168); color: rgb(0,0,0); text-decoration: none;}
.sidenav-ads {float: none; margin: auto; padding: 10px}
.sidenav-ads a, .sidenav-ads a:hover, .sidenav-ads a:visited {color: rgb(30, 94, 158); text-decoration: none;}
.sidenav-ads img {border:0px; margin: 10px;}
* html .nav-sub {height: 600px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li.group a {height: 1.5em;} /* IE6-hack for min-height. Also works for IE7-Beta2 */	
* html .nav-sub li a {height: 1.5em;} /* IE6-hack for min-height. Also works for IE7-Beta2 */
/* HIGHLIGHTS CURRENT MENU ITEM */
body#b-holidays a#holidays,
body#b-areas a#areas,
body#b-activities a#activities,
body#b-suggest a#suggest,
body#b-rest a#rest,
body#b-getting-around a#getting-around,
body#b-getting-here a#getting-here,
body#b-airport a#airport,
body#b-money a#money,
body#b-packing a#packing,
body#b-babies a#babies,
body#b-weather a#weather,
body#b-maps a#maps,
body#b-guidebook a#guidebook,
body#b-hotels a#hotels,
body#b-hotel-help a#hotel-help,
body#b-hotel-area a#hotel-area,
body#b-hotel-budget a#hotel-budget,
body#b-hotel-family a#hotel-family,
body#b-self-catering a#self-catering,
body#b-hotel-seaview a#hotel-seaview,
body#b-honeymoon a#honeymoon,
body#b-wheelchair a#wheelchair,
body#b-living a#living,
body#b-expat a#expat,
body#b-info a#info,
body#b-pictures a#pictures,
body#b-news a#news,
body#b-forum a#forum,
body#b-busdir a#busdir {border-left: solid 10px rgb(255, 170, 110); background-color: rgb(255,232,168); color: rgb(0,0,0); text-decoration: none;}




/*******************************************************************/
/* SECTION 5 -  CONTAINER FOR CONTENT AND SIDEBAR                  */
/*              Reason: To extend navigation border to footer      */
/*******************************************************************/
/* TRICK: Nest the right two columns (content and sidebar) and     */
/* give them a minimum height and white background and a left      */
/* border-line. However, nesting floats inside each other with     */
/* with identical widths may activate the spurious IE character    */
/* duplication bug, where the last characters of the last float    */
/* statement are duplicated outside the float. The correction for  */
/* this bug is to reduce the sidebar float so that the  sum of     */
/* the content and sidebar floats are 6px less than the container  */
/* holding them. See Section 7.1, where this is done.              */
/* ----------------------------------------------------------------*/
/* RESTRICTION: For situations where the left navigation menu is   */
/* expanding over the minimum 500px height, it must remain smaller */
/* than the container holding the rigth two columns. Otherwise     */
/* the borderline will only extend as far down as the container.   */
/*******************************************************************/
.container-content-sidebar-front {float: left; width: 619px; min-height: 600px; margin: 0px; padding: 0px 0px 20px 1px; background-color: rgb(255,255,255);}
.container-content-sidebar {float: left; width: 619px; min-height: 1000px; margin: 0px; padding: 0px 0px 20px 0px; border-left: solid 1px rgb(200,200,200); background-color: rgb(255,255,255);}
* html .container-content-sidebar-front {height: 1000px;}/* IE6-hack for min-height. Also works for IE7-Beta2 */ 
* html .container-content-sidebar {height: 1000px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */ 

/********************************/
/* SECTION 6A - CONTENT PAGE #1 */
/********************************/
.content {float: left; width: 438px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color: rgb(60,60,60);} /* Width should be 444px, but IE-duplication bug forces us to reduce with 6px to 438px */
.contentbox-container {clear: both; float: left; width: 435px; margin: 0px 0px 10px 0px; padding: 0px;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.contentbox-full {width: 435px; margin: 0px; padding: 0px;}
.contentbox-half-left {float: left; width: 210px; margin:  0px; padding: 0px;}
.contentbox-half-right {float: right; width: 210px; margin: 0px; padding: 0px;}
.contentbox-third-left {float: left; width: 138px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox-third-middle {float: left; width: 138px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox-third-right {float: right; width: 138px; margin: 0px; padding: 0px;}
.hotelbox {float: left; width: 204px; margin: 5px 10px 5px 0px; padding: 0px;}

/********************************/
/* SECTION 6B - CONTENT PAGE #2 */
/********************************/
.content2 {float: left; width: 573px; min-height: 500px; margin: 0px; padding: 0px 20px 0px 20px; background-color: transparent; color: rgb(100,100,100);} /* Width should be 579px, but IE-duplication bug forces us to reduce with 6px to 573px */
.contentbox2-container {clear: both; float: left; width: 570px; margin: 0px 0px 10px 0px; padding: 0px;} /* Width should be 573px, but IE-duplication bug forces us to reduce with 3px to 570px */
.contentbox2-full {float: left; width: 569px; margin: 0px 0px 15px 0px; padding: 0px;}
.contentbox2-half-left {float: left; width: 280px; margin: 0px 0px 15px 0px; padding: 0px;}
.contentbox2-half-right {float: right; width: 280px; margin: 0px 0px 15px 0px; padding: 0px;}
.contentbox2-third-left {float: left; width: 180px; margin: 0px 15px 0px 0px; padding: 0px;}
.contentbox2-third-middle {float: left; width: 180px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox2-third-right {float: right; width: 180px; margin: 0px; padding: 0px;}
* html .content2 {height: 500px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */

/************************************/
/* SECTION 6C - CONTENT PAGE COMMON */
/************************************/
/*--------------------------------------------------*/
/* Section 6C.4 - Page title, title and content box */
/*--------------------------------------------------*/
.content-pagetitle {width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; background-color: transparent; border-bottom: solid 0px rgb(200,200,200); color: rgb(100,100,100); text-transform: uppercase;}

.contentbox-title-noshading-small {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent;}
.contentbox-title-noshading-medium {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent;}
.contentbox-title-noshading-large {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-noshading-huge {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 180%;}
.contentbox-title-shading-small {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(255, 218, 185);}
.contentbox-title-shading-medium {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(255, 218, 185);}
.contentbox-title-shading-large {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(255, 218, 185); color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-shading-huge {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(255, 218, 185);color: rgb(75,75,75); font-weight: bold; font-size: 180%;}

.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;}
.contentbox-shading {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(233,232,244);}

/*---------------------*/
/* Section 6C.4 - Text */
/*---------------------*/
/* Heading */
h1 {color: rgb(75,75,75); font-weight: bold; font-size: 140%; display: inline;}
h2 {color: rgb(75,75,75); font-weight: bold; font-size: 150%; display: inline;}
h3 {color: rgb(75,75,75); font-weight: bold; font-size: 140%; display: inline;}
h4 {color: rgb(75,75,75); font-weight: bold; font-size: 140%; display: inline;}
h5 {color: rgb(75,75,75); font-weight: bold; font-size: 140%; display: inline;}
h6 {color: rgb(75,75,75); font-weight: bold; font-size: 140%; display: inline;}

/* Paragraph */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.4em; font-size: 130%; }
p.readmore {margin: -0.2em 0px 0.5em 0px; padding: 0px; line-height: 1.4em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}

/* Embedded */
.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.4em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.4em; font-size: 70%;}

/* Lists */
.content ul.noindent, .content2 ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
.content ul.indent, .content2 ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 120%;}
.content ol, .content2 ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
ul.hotelfacts {margin: 0px 0px 7px 18px; list-style-position: inside; padding: 0px; font-size: 130%;}

/* Link List */
.content ul.linklist-noindent, .content2 ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.4em; font-size: 120%; }
.content ul.linklist-indent, .content2 ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.4em; font-size: 120%; }

/*-----------------------*/
/* Section 6C.5 - Tables */
/*-----------------------*/
.rates {margin: 0.5em 0px 0.2em 2px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; vertical-align:middle; background-color: rgb(220,238,204);}
.rates tr {margin: 0px; padding: 0px;}
.rates tr.header {background-color: rgb(185,220,153); font-weight: bold; font-size: 90%}
.rates td {padding: 2px 5px 2px 5px; border: solid 1px rgb(150,150,150); text-align: center; font-size: 80%;}

.money {margin: 0.5em 0px 0.2em 2px; border: 0px; empty-cells: show; border-collapse: collapse;}
.money tr {margin: 0px; padding: 0px;}
.money td {padding: 5px 5px 5px 5px; border: 0px; text-align: left; font-size: 110%;}

/*-----------------------*/
/* Section 6C.5A - Hotel TABS */
/*-----------------------*/

#hotel-pictures {display: block; width:280px; height:285px; padding: 0px; margin: 0px; vertical-align: top;}

ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; border-bottom: 2px solid rgb(68,122,177); }
ul#tabs li { display: inline; }
ul#tabs li a { color: rgb(75,75,75); background-color: rgb(180,208,234); border: 2px solid rgb(68,122,177); border-bottom: none; padding: 0.35em; font-size: 140%; font-weight: bold; text-decoration: none; }
ul#tabs li a:hover { background-color: rgb(255,255,255); }
ul#tabs li a.selected { color: rgb(49,108,168); background-color: rgb(255,255,255); font-weight: bold; font-size: 150%; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { padding: 0.5em; background-color: rgb(255,255,255);}
div.tabContent.hide { display: none; }






/*-----------------------*/
/* Section 6C.6 - Images */
/*-----------------------*/
.img-left-noborder {float: left; margin: 2px 7px 3px 0px;}
.img-right-noborder {float: right; margin: 2px 0px 3px 7px;}
.img-left-border {float: left; margin: 4px 7px 3px 0px; border: solid 1px rgb(150,150,150);}
.img-right-border {float: right; margin: 2px 0px 3px 7px; border: solid 1px rgb(150,150,150);}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/
/*-----------------------------------------------*/
/* Section 7.1 - Size                            */
/*-----------------------------------------------*/
/* Because of IE float-rendering bug, the width  */
/* must be reduced by 6px, otherwise it will     */
/* duplicate characters after the last float     */
/* Reason: IE may not alwys allow nested floats  */
/* have identical widths, but inside float must  */
/* be smaller than outside float. This IE-bug is */
/* somewhat unpredictable. See Section 5 header  */
/* for more details on this topic.               */
/*-----------------------------------------------*/

.sidebar {float: right; width: 155px; margin: 0px ; padding: 3.1em 0px 0px 0px; background-color: rgb(255,255,255); text-align: left;  color: rgb(75,75,75);} /* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */

.sidebarbox-noborder {width: 140px; margin: 0px 0px 1.0em 9px; padding: 0px;}
.sidebarbox-border {width: 130px; margin: 0px 0px 1.0em 9px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);}

.sidebarbox-title-noshading {display: block; margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; font-weight: bold; font-size: 130%;}
.sidebarbox-title-shading {display: block; margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 130%;}

.sidebarbox-noborder p {margin: 0px 5px 0.4em 5px; padding: 0px; background-color: transparent; line-height: 1.4em; font-size: 130%;}
.sidebarbox-border p {margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; line-height: 1.4em; font-size: 130%;}


/**********************/
/* SECTION 8 - FOOTER */
/**********************/
.footer {clear: both; width: 950px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(150,150,150); background-color: rgb(159,182,213); color: rgb(255,255,255);}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}
.adbox {float: right; width: 160px; margin: 0px; padding: 0.3em 0px 0px 0.5em; background-color: rgb(255,255,255); text-align: left;  color: rgb(75,75,75); }
 

/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/
.content a, .content2 a, .sidebar a {color: rgb(30, 94, 158); text-decoration: underline;}
#aname {color: rgb(75,75,75); text-decoration: none;}
.content a:hover, .content2 a:hover, .sidebar a:hover {color: rgb(30, 94, 158); text-decoration: none;}
.content a:visited, .content2 a:visited, sidebar a:visited {color: rgb(120,120,150);}
.footer a {color: rgb(255,255,255); text-decoration: underline;}
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}

/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/
/*------------------------------------------*/
/* Section 10.1 - Global default font sizes */
/*------------------------------------------*/
.nav-global-font {font-size: 1.0em;}
.nav-main-font {font-size: 1.0em;}
.nav-sub-font {font-size: 1.0em;}
.content-font {font-size: 1.0em;}
.sidebar-font {font-size: 1.0em;}
.footer-font {font-size: 1.0em;}

/*-------------------------------------*/
/* Section 10.2 - Title decoration box */
/*-------------------------------------*/
.box-on {float: left; min-width: 0.5em; margin-right: 0.2em; padding-left: 0.3em; font-size: 140%; font-weight: bold;}
.box-off {display: none;}

/*--------------------------------------*/
/* Section 10.3 - Horizontal alignments */
/*--------------------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*---------------------------*/
/* Section 10.4  Text colors */
/*---------------------------*/
.txt-white {color: rgb(255,255,255);}
.txt-black {color: rgb(0,0,0);}

.txt-grey01 {color: rgb(242,242,242);}
.txt-grey02 {color: rgb(230,230,230);}
.txt-grey03 {color: rgb(217,217,217);}
.txt-grey04 {color: rgb(204,204,204);}
.txt-grey05 {color: rgb(191,191,191);}
.txt-grey06 {color: rgb(178,178,178);}
.txt-grey07 {color: rgb(153,153,153);}
.txt-grey08 {color: rgb(127,127,127);}
.txt-grey09 {color: rgb(89,89,89);}
.txt-grey10 {color: rgb(51,51,51);}

.txt-yellow01 {color: rgb(255, 246, 207);}
.txt-yellow02 {color: rgb(255, 244, 191);}
.txt-yellow03 {color: rgb(255, 241, 175);}
.txt-yellow04 {color: rgb(255, 238, 159);}
.txt-yellow05 {color: rgb(255, 235, 143);}
.txt-yellow06 {color: rgb(255, 232, 127);}
.txt-yellow07 {color: rgb(255, 229, 111);}
.txt-yellow08 {color: rgb(255, 226, 95);}
.txt-yellow09 {color: rgb(255, 224, 79);}
.txt-yellow10 {color: rgb(255, 221, 63);}

.txt-blue01 {color: rgb(238,237,249);}
.txt-blue02 {color: rgb(222,220,242);}
.txt-blue03 {color: rgb(205,202,236);}
.txt-blue04 {color: rgb(189,185,229);}
.txt-blue05 {color: rgb(172,167,223);}
.txt-blue06 {color: rgb(155,149,217);}
.txt-blue07 {color: rgb(139,132,210);}
.txt-blue08 {color: rgb(122,114,204);}
.txt-blue09 {color: rgb(106,97,197);}
.txt-blue10 {color: rgb(89,79,191);}

.txt-green01 {color: rgb(237,246,229);}
.txt-green02 {color: rgb(220,238,204);}
.txt-green03 {color: rgb(202,229,178);}
.txt-green04 {color: rgb(185,220,153);}
.txt-green05 {color: rgb(167,211,127);}
.txt-green06 {color: rgb(149,203,102);}
.txt-green07 {color: rgb(132,194,76);}
.txt-green08 {color: rgb(114,185,51);}
.txt-green09 {color: rgb(97,177,25);}
.txt-green10 {color: rgb(79,168,0);}

.txt-red01 {color: rgb(252,235,233);}
.txt-red02 {color: rgb(248,216,211);}
.txt-red03 {color: rgb(245,196,188);}
.txt-red04 {color: rgb(242,177,166);}
.txt-red05 {color: rgb(238,157,144);}
.txt-red06 {color: rgb(235,137,122);}
.txt-red07 {color: rgb(232,118,100);}
.txt-red08 {color: rgb(229,98,77);}
.txt-red09 {color: rgb(225,79,55);}
.txt-red10 {color: rgb(222,59,33);}

/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/
.bg-white {background-color: rgb(255,255,255);}
.bg-black {background-color: rgb(0,0,0);}

.bg-grey01 {background-color: rgb(242,242,242);}
.bg-grey02 {background-color: rgb(230,230,230);}
.bg-grey03 {background-color: rgb(217,217,217);}
.bg-grey04 {background-color: rgb(204,204,204);}
.bg-grey05 {background-color: rgb(191,191,191);}
.bg-grey06 {background-color: rgb(178,178,178);}
.bg-grey07 {background-color: rgb(153,153,153);}
.bg-grey08 {background-color: rgb(127,127,127);}
.bg-grey09 {background-color: rgb(89,89,89);}
.bg-grey10 {background-color: rgb(51,51,51);}

.bg-yellow01 {background-color: rgb(255, 246, 207);}
.bg-yellow02 {background-color: rgb(255, 238, 191);}
.bg-yellow03 {background-color: rgb(255, 241, 175);}
.bg-yellow04 {background-color: rgb(255, 238, 159);}
.bg-yellow05 {background-color: rgb(255, 235, 143);}
.bg-yellow06 {background-color: rgb(255, 232, 127);}
.bg-yellow07 {background-color: rgb(255, 229, 111);}
.bg-yellow08 {background-color: rgb(255, 226, 95);}
.bg-yellow09 {background-color: rgb(255, 224, 79);}
.bg-yellow10 {background-color: rgb(255, 220, 127);}

.bg-blue01 {background-color: rgb(199,222,244);}
.bg-blue02 {background-color: rgb(180,208,234);}
.bg-blue03 {background-color: rgb(161,194,225);}
.bg-blue04 {background-color: rgb(143,179,215);}
.bg-blue05 {background-color: rgb(124,165,206);}
.bg-blue06 {background-color: rgb(105,151,196);}
.bg-blue07 {background-color: rgb(86,137,187);}
.bg-blue08 {background-color: rgb(68,122,177);}
.bg-blue09 {background-color: rgb(49,108,168);}
.bg-blue10 {background-color: rgb(30,94,158);}

.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
.bg-green06 {background-color: rgb(149,203,102);}
.bg-green07 {background-color: rgb(132,194,76);}
.bg-green08 {background-color: rgb(114,185,51);}
.bg-green09 {background-color: rgb(97,177,25);}
.bg-green10 {background-color: rgb(79,168,0);}

.bg-red01 {background-color: rgb(255, 209, 175);}
.bg-red02 {background-color: rgb(255, 200, 159);}
.bg-red03 {background-color: rgb(255, 190, 143);}
.bg-red04 {background-color: rgb(255, 181, 127);}
.bg-red05 {background-color: rgb(255, 172, 111);}
.bg-red06 {background-color: rgb(255, 163, 95);}
.bg-red07 {background-color: rgb(255, 153, 79);}
.bg-red08 {background-color: rgb(255, 144, 63);}
.bg-red09 {background-color: rgb(255, 135, 47);}
.bg-red10 {background-color: rgb(255, 126, 31);}

/*------------------------------------*/
/* Section 10.6  Bottom border colors */
/*------------------------------------*/
.line-white {border-bottom: solid 2px rgb(255,255,255); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-black {border-bottom: solid 2px rgb(0,0,0); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-grey01 {border-bottom: solid 2px rgb(242,242,242); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey02 {border-bottom: solid 2px rgb(230,230,230); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey03 {border-bottom: solid 2px rgb(217,217,217); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey04 {border-bottom: solid 2px rgb(204,204,204); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey05 {border-bottom: solid 2px rgb(191,191,191); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey06 {border-bottom: solid 2px rgb(178,178,178); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey07 {border-bottom: solid 2px rgb(153,153,153); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey08 {border-bottom: solid 2px rgb(127,127,127); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey09 {border-bottom: solid 2px rgb(89,89,89); padding: 0px 0px 2px 0px; margin: 0px px 1px 0px;}
.line-grey10 {border-bottom: solid 2px rgb(51,51,51); padding: 0px 0px 2px 0px; margin: 0px px 1px 0px;}

.line-yellow01 {border-bottom: solid 2px rgb(255, 246, 207); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow02 {border-bottom: solid 2px rgb(255, 244, 191); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow03 {border-bottom: solid 2px rgb(255, 241, 175); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow04 {border-bottom: solid 2px rgb(255, 238, 159); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow05 {border-bottom: solid 2px rgb(255, 235, 143); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow06 {border-bottom: solid 2px rgb(255, 232, 127); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow07 {border-bottom: solid 2px rgb(255, 229, 111); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow08 {border-bottom: solid 2px rgb(255, 226, 95); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow09 {border-bottom: solid 2px rgb(255, 224, 79); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow10 {border-bottom: solid 2px rgb(255, 221, 63); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-blue01 {border-bottom: solid 2px rgb(199,222,244); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue02 {border-bottom: solid 2px rgb(180,208,234); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue03 {border-bottom: solid 2px rgb(161,194,225); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue04 {border-bottom: solid 2px rgb(143,179,215); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue05 {border-bottom: solid 2px rgb(124,165,206); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue06 {border-bottom: solid 2px rgb(105,151,196); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue07 {border-bottom: solid 2px rgb(86,137,187); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue08 {border-bottom: solid 2px rgb(68,122,177); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue09 {border-bottom: solid 2px rgb(49,108,168); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue10 {border-bottom: solid 2px rgb(30,94,158); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-green01 {border-bottom: solid 2px rgb(237,246,229); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green02 {border-bottom: solid 2px rgb(220,238,204); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green03 {border-bottom: solid 2px rgb(202,229,178); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green04 {border-bottom: solid 2px rgb(185,220,153); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green05 {border-bottom: solid 2px rgb(167,211,127); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green06 {border-bottom: solid 2px rgb(149,203,102); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green07 {border-bottom: solid 2px rgb(132,194,76); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green08 {border-bottom: solid 2px rgb(114,185,51); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green09 {border-bottom: solid 2px rgb(97,177,25); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green10 {border-bottom: solid 2px rgb(79,168,0); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-red01 {border-bottom: solid 2px rgb(255, 209, 175); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red02 {border-bottom: solid 2px rgb(255, 200, 159); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red03 {border-bottom: solid 2px rgb(255, 190, 143); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red04 {border-bottom: solid 2px rgb(255, 181, 127); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red05 {border-bottom: solid 2px rgb(255, 172, 111); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red06 {border-bottom: solid 2px rgb(255, 163, 95); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red07 {border-bottom: solid 2px rgb(255, 153, 79); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red08 {border-bottom: solid 2px rgb(255, 144, 63); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red09 {border-bottom: solid 2px rgb(255, 135, 47); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red10 {border-bottom: solid 2px rgb(255, 126, 31); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

/******************************/
/* SECTION 11 - MISCELLANEOUS, FORMS */
/******************************/
.showcode { font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}
hr {width: 100%; height: 1px; background-color: #A7D37F;}
#submit {font-family: arial, tahoma, verdana, sans-serif; font-size:10pt; font-weight: bold; background-color:#7ec95a; color:#121312;}