/*--------------------------------------------------------------------------------*/
/*
   VILLASNEARDISNEY.CO.UK

   Stylesheet: main.css

   Author:  James Whitfield
   Date:    14 July 2007
*/
/*--------------------------------------------------------------------------------*/

html         {overflow-y:scroll}
body         {text-align:center;background-color:#effafd;font-size:16px}
p            {text-align:justify;margin:0}
form         {margin-bottom:0}
ul           {padding:0;margin:0}

div,table,select,input,textarea
             {font-family:'Heiti SC','Arial Nova',Helvetica,Sans-Serif;font-size:12px;font-weight:normal;color:#000000;border-spacing:0}
table        {border-collapse:initial 0}
select,input,textarea
             {background-color:#ffffff;margin:0;outline:0;padding:2px 4px;border:1px solid #9ea6ae;border-radius:4px;resize:none;
              -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:auto}
select,input {line-height:32px}
textarea     {resize:vertical}

input[type=button]   {-webkit-appearance:none;box-shadow:none}
input[type=submit]   {-webkit-appearance:none;box-shadow:none}
input[type=checkbox] {transform:scale(1.5);box-shadow:none;border-radius:1px}
input[type=radio]    {transform:scale(1.5);box-shadow:none;border-radius:1px}

.bullets         {margin-left:4%;list-style-type:square}
.bullets li      {margin-bottom:8px}
.bulletsinner    {margin-left:6%;list-style-type:none}
.bulletsinner li {margin-bottom:8px}

.inline  {display:inline-block;vertical-align:middle}
.lj      {text-align:left}
.cj      {text-align:center}
.rj      {text-align:right}
.vtop    {vertical-align:top}
.vmiddle {vertical-align:middle}
.vbottom {vertical-align:bottom}
.bold    {font-weight:bold}
.shadow  {box-shadow:3px 3px 10px #a0a0a0}
.nowrap  {white-space:nowrap}
.fclose, .fright {display:inline-block;float:right}
@media screen and (max-width:414px) { .fright {display:block;width:100%;float:none} }
.fright:after {clear:both}

::placeholder           {font-weight:normal;height:36px;color:#a0a0a0;opacity:0.7}
:-ms-input-placeholder  {font-weight:normal;height:36px;color:#a0a0a0;opacity:0.7}
::-ms-input-placeholder {font-weight:normal;height:36px;color:#a0a0a0;opacity:0.7}

/*--------------------------------------------------------------------------------*/
/* h1 == page headings     (page primary)       */
/* h2 == main headings     (primary sections)   */
/* h3 == large headings    (primary captions)   */
/* h4 == sub headings      (section headings)   */
/* h5 == search headings   (secondary headings) */
/* h6 == minor headings    (secondary)          */
/*--------------------------------------------------------------------------------*/

h1 {font-family:Gisha,Sans-Serif;font-weight:500;font-size:250%;font-variant:small-caps;color:#0049b0;letter-spacing:0;margin:0;padding:16px 0}
@media screen and (min-width:1440px) { h1 {font-size:275%}}
h2 {font-family:Gisha,Sans-Serif;font-weight:500;font-size:166%;color:#ffffff;letter-spacing:0;margin:0;padding-top:4px;padding-bottom:2px}
h3 {font-family:Gisha,Sans-Serif;font-weight:500;font-size:225%;font-variant:small-caps;color:#0049b0;letter-spacing:0;margin:0;padding:0;margin-block-start:0}
h4 {font-family:Gisha,Sans-Serif;font-weight:500;font-size:166%;color:#ffffff;letter-spacing:0;margin:0;padding:0}
h5 {font-family:Gisha,'Heiti SC',Sans-Serif;font-weight:normal;font-size:160%;color:#0954bf;letter-spacing:0;margin:8px 0;padding:0}
h6 {font-family:Gisha,'Heiti SC',Sans-Serif;font-weight:bold;font-size:125%;color:#0954bf;line-height:36px;letter-spacing:0;margin:8px 0 0 0;padding:0}

/*--------------------------------------------------------------------------------*/

.span_section_large, .span_section_small, .span_section_text, .span_advert_overview {display:block;text-align:left;overflow-x:hidden}
.span_heading         {text-align:left;overflow:hidden;text-overflow:ellipsis}
.span_advert_overview {max-height:104px;overflow-y:hidden}
.span_section_promo   {max-height:100px;padding:8px 0;text-align:center}
.span_section_small   {min-height:40px;max-height:120px}
.span_section_large   {max-height:600px}
.span_section_text    {max-height:150px;overflow:hidden}

/*--------------------------------------------------------------------------------*/
/* tables/cells */
/*--------------------------------------------------------------------------------*/

.tablechart, .tablefixed, .tablefull, .tablerates {display:table;width:99.5%}
.tablefixed, .tablefull  {background-color:#ffffff;padding:2px;border-top:1px solid #abb7d4;border-right:1px solid #abb7d4} /* specific */
.tablechart, .tablefixed {table-layout:fixed}
.tablerates  {max-width:800px;margin:auto}
@media screen and (max-width:810px) { .tablechart, .tablefixed, .tablefull, .tablerates {width:99%}}

.tablerow, .trblack, .trwhite, .trnoh, .trheader {display:table-row}
.trheader       {background-color:#d6dcea} /* specific */
.trwhite        {background-color:#ffffff}
.trblack        {background-color:#000000}
.trblack:hover  {background-color:#404040}
.tablerow:hover, .trwhite:hover {background-color:#fffeb1}

.cell, .cellchart, .cellnob, .cellnoh, .cellpad0, .cellblock, .cellhd {display:table-cell}
.cell, .cellchart, .cellnob, .cellnoh, .cellpad0, .cellblock          {font-size:110%}
.cellhd, .cell, .cellnob {vertical-align:top;padding:5px}
.cellhd, .cell, .cellnoh {border-left:1px solid #abb7d4;border-bottom:1px solid #abb7d4} /* specific */
.cellchart {vertical-align:bottom}
.cellhd    {font-weight:bold;vertical-align:middle;word-break:break-word;color:#000000;background-color:#d6dcea} /* specific */
.cellnoh   {vertical-align:middle;padding:2px 8px}
.cellblock {background-color:#d6dcea;padding:2px 4px;border:1px solid white} /* specific */

@media screen and (max-width:810px) {
 .cellhd {word-break:break-all}
 .cell   {word-break:break-word}
 }
@media screen and (max-width:414px) {
 .tablerow, .trblack {display:block;padding:4px}
 .cellhd   {display:block;text-align:left}
 .cell, .cellnob, .cellnoh, .cellpad0 {display:block;padding:3px 1px;text-align:left}
 .trhigh1  { div:nth-child(1) { background-color:yellow } }
 .trhigh12 { div:nth-child(1) { background-color:yellow }; div:nth-child(2) { background-color: yellow } }
 .cellhd   {height:14px}
 }

/*--------------------------------------------------------------------------------*/
/* drop-down menus */
/*--------------------------------------------------------------------------------*/

#mainmenu,      #submenu      {margin:0;padding:0;z-index:30}
#mainmenu li,   #submenu li   {font-family:Gisha,Sans-Serif;font-size:16px;font-weight:normal;letter-spacing:0;float:left;list-style-type:none}
#submenu  li                  {font-size:15px}
#mainmenu li a, #submenu li a {color:#202020;display:block;text-decoration:none;padding:8px;cursor:pointer}
#mainmenu li a:hover, #submenu li a:hover {color:#ffffff;background-color:#c08700}

#mainmenu div           {display:block;position:absolute;visibility:hidden;background-color:#ffcc00;margin-left:0;margin-top:0;
                         border:1px solid #ffffff;z-index:40;box-shadow:3px 3px 10px #a0a0a0}
#mainmenu div a         {font-family:Gisha,Sans-Serif;font-size:125%;font-weight:normal;color:#202020;letter-spacing:0;
                         display:block;position:relative;white-space:nowrap;padding:10px 20px;background-color:#ffcc00}
#mainmenu div a:hover   {color:#ffffff;background-color:#c08700;text-decoration:none;cursor:pointer}

.bkg_mainmenu_align, .bkg_mainmenu {background-color:#ffcc00}
.bkg_mainmenu_align     {display:flex}
.bkg_mainmenu_separator {border-right:1px dotted #4a3ca0;height:34px}
.bkg_submenu            {background-color:#d9d9d9}
.bkg_submenu_separator  {border-right:1px dotted #202020;height:32px}

/*--------------------------------------------------------------------------------*/

.sidemenu                  {height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#404040;overflow-x:hidden;transition:0.5s;padding-top:60px}
.sidemenu a,
.sidemenu_dropdown         {font-family:'Arial Nova',Helvetica,Sans-Serif;font-size:125%;font-weight:normal;letter-spacing:0;color:#e0e0e0;text-decoration:none;
                           padding:10px 30px;display:block;border:none;background:none;
                           width:100%;text-align:left;cursor:pointer;outline:none;white-space:nowrap;overflow-x:hidden;transition:0.3s}
.sidemenu a:hover,
.sidemenu_dropdown:hover   {color:#ffffff;background-color:#b88100}
.sidemenu .closemenu       {font-size:36px;font-weight:normal;margin-left:200px}
.sidemenu .closemenu:hover {color:red;background-color:transparent}

.dropdown-container        {display:none;background-color:#606060;padding-left:16px}
.dropdown-active           {background-color:#000000;color:#ffcc00}

@media screen and (max-height: 450px) {
  .sidemenu   {padding-top:15px}
  .sidemenu a {font-size:18px}
}

/*--------------------------------------------------------------------------------*/

.helpicon {cursor:help}

.button30, .button40, .button41, .button42, .button43, .button44, .button45, .button46, .button49
          {font-family:Gisha,'Lucida Sans Unicode','Arial Nova',Helvetica,Sans-Serif;font-size:110%;color:#805a00;font-weight:bold;background-color:#ffffff;cursor:pointer;
		   height:36px;line-height:22px;padding:0 12px;border:1px solid #c09900}
.button40, .button41, .button42, .button43, .button44, .button45, .button46, .button49 {border-radius:8px}			   
.button30 {font-size:100%;height:26px;line-height:12px;border:1px solid #c09900;border-radius:4px}
.button30, .button41, .button44 {color:#805a00;background-color:#ffd441}
.button42 {background-color:transparent}  /* transparent */
.button43 {color:#ff0000;border:1px solid #ff0000}  /* red */
.button44 {border:1px solid #ff00ff}  /* shortlisted - unselected */
.button45 {color:#ffffff;background-color:#c500cc;border:1px solid #ff00ff} /* shortlisted - selected */
.button46 {color:#ffffff;background-color:#00aa00;border:1px solid #00ee00} /* green */
.button49 {color:#ffffff;background-color:#c0c0c0;border:1px solid #b0b0b0} /* disabled */
.buttonexpand {min-width:200px}
.buttonoa     {width:200px}
@media screen and (max-width:810px) { .buttonexpand  { min-width:100px;max-width:160px } .buttonoa {width:180px}}
@media screen and (max-width:414px) { .buttonexpand  { width:250px;text-align:center }}
@media screen and (min-width:810px) { .rbuttonheight { height:50px }}

.button30:hover, .button40:hover, .button41:hover {color:#ffffff;background-color:#c08700}
.button43:hover {color:#ffffff;background-color:#ff2020}  /* red */
.button44:hover, .button45:hover {color:#ffffff;background-color:#ff66ff} /* shortlisted */
.button46:hover {background-color:#00cc00} /* green */
.button49:hover {background-color:#d0d0d0} /* disabled */

/*--------------------------------------------------------------------------------*/

.listingicons      {width:100%}
.listingiconswidth {display:inline-block;float:right;width:29%}
@media screen and (max-width:1180px) { .listingiconswidth {display:block;float:none;width:100%} }
.listingiconswidth:after {clear:both}

.listingcommunities  {display:inline-block;width:24%}
.listingcards        {display:inline-block;width:47.5%}
.listingcardsadvert  {display:inline-block;width:64.5%;padding-right:16px}
.listingcardspicture {max-height:500px;overflow:hidden}
.listingcardsicons   {display:inline-block;text-align:right;vertical-align:top;width:32%}
.listingcardsicons:after {clear:both}
.listingcardsbuttons {width:100%;min-width:140px;max-width:220px}

@media screen and (max-width:1080px) { 
 .listingcards       {width:48%} 
 .listingcardsadvert {width:59%}
 .listingcardsicons  {width:36%}
}
 
@media screen and (max-width:810px)  { 
 .listingcommunities  {width:49%}
 .listingcards        {display:block;width:100%} 
 .listingcardspicture {max-width:480px;height:auto} 
}
 
@media screen and (max-width:414px)  { 
 .listingcommunities {display:block}
 .listingcards       {display:block;width:100%} 
 .listingcardsadvert {display:block;width:100%;padding-right:0}
 .listingcardsicons  {display:block;float:none;width:100%} 
}

/*--------------------------------------------------------------------------------*/

.advertimage   {max-height:280px}
.advertimageoa {max-width:280px}

.respcommunities,    .responsiveadvert2pic, .responsiveadvert3pic, .responsiveadvert4pic,
.responsivehome2pic, .responsivehome3pic,   .responsivehome4pic, .responsivetickets
                        {display:inline-block;vertical-align:top;max-height:480px;overflow:hidden}

/* default */
.respcommunitypic       {width:200px;overflow:hidden}
.resplistingpic         {width:540px;max-height:360px;overflow:hidden}
.responsiveadvert2pic   {width:45%;padding:12px}
.responsiveadvert3pic   {width:32%;padding:4px}
.responsiveadvert4pic   {width:24%;padding:3px}
.responsivehome2pic     {width:50%}
.responsivehome3pic     {width:32%;padding:4px}
.responsivehome3image   {height:auto;max-height:280px;overflow:hidden}
.responsivehome4pic     {width:24%;padding:4px}
.responsivehome4image   {height:auto;max-height:240px;overflow:hidden}
.responsivetickets      {max-width:38%;padding:0 16px}
.resppicoa              {width:280px;max-height:320px}

@media screen and (min-width:676px)  {
 .responsive3cols       {display:inline-block;width:50%;margin-bottom:8px}
 .responsivepicture     {display:inline-block;max-width:32%;margin:2px;vertical-align:top}
 .responsivefooter      {display:inline-block;width:25%;text-align:left}
 .responsivefooterright {display:inline-block;text-align:left}
 .responsiverate        {display:inline-block;text-align:left;line-height:26px;width:440px}
 }

/* screen */
@media screen and (min-width:900px)  {
 .respcommunities       {width:25%;margin-bottom:4px}
 .responsive3cols       {display:inline-block;width:33%;margin-bottom:4px}
 .responsivepicture     {display:inline-block;max-width:32%;margin:6px;vertical-align:top}
}

/* iPad - Portrait ======================================== */
@media only screen and (max-width:810px) and (orientation:portrait)  {
 .respcommunities       {width:50%;margin-bottom:0}
 .resplistingpic        {max-width:340px}
 .responsiveadvert2pic, .responsiveadvert3pic, .responsiveadvert4pic {width:48%;padding:4px}
 .responsivehome3image  {height:160px}
 .responsivehome4image  {height:216px}
 .responsivehome3pic    {width:32%;padding:4px}
 .responsivehome4pic    {width:48%;padding:4px}
 .responsivetickets     {width:32%;padding:2px}
 .resppicoa             {width:190px;max-height:280px} 
}

/* iPad - Landscape ======================================== */
@media only screen and (max-width:1080px) and (orientation:landscape) {
 .respcommunities       {width:33%;margin-bottom:0}
 .resplistingpic        {max-width:400px}
 .responsiveadvert2pic, .responsiveadvert3pic, .responsiveadvert4pic {width:48%;padding:4px}
 .responsivehome3image  {height:192px}
 .responsivehome4image  {height:144px}
 .responsivehome3pic    {padding:6px}
 .responsivehome4pic    {width:23%;padding:4px}
 .responsivetickets     {max-width:37%;padding:4px}
}

/* Phone - Portrait ======================================== */
@media only screen and (max-width:414px) and (orientation:portrait)  {
 .resplistingpic        {max-width:300px}
 .responsiveadvert2pic, .responsiveadvert3pic, .responsiveadvert4pic,
 .responsivehome2pic,   .responsivehome3pic,   .responsivehome4pic, .responsivetickets
                        {width:96%;padding-bottom:16px;margin:0}
 .responsivehome3image  {height:210px}
 .responsivetickets     {max-width:100%}
}

/* Phone - Landscape ======================================== */
@media only screen and (max-width:667px) and (orientation:landscape) {
 .respcommunities       {width:100%;padding:0;margin-bottom:4px}
 .responsivefooter, .responsivefooterright {width:100%;text-align:left}
 .responsivehome3image  {height:auto}
 .responsivehome4image  {height:auto}
 .responsivehome3pic    {width:31%;padding:4px}
 .responsivepicture     {width:100%;padding:0;margin:0}
 .responsiverate        {width:100%;text-align:left;line-height:26px}
 .responsivetickets     {width:32%;padding:2px}
}

.responsivepopup {background-color:#ffffc0;margin:0;padding:8px;border:3px solid #d4a64c;border-radius:8px;box-shadow:3px 3px 10px #a0a0a0}
@media screen and (max-width:414px) { .responsivepopup {width:84%}}
@media screen and (min-width:660px) { .responsivepopup {width:90%}}
@media screen and (min-width:900px) { .responsivepopup {width:40%}}

.responsivepopupedit {z-index:60;position:fixed;width:55%;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}
@media screen and (max-width:1024px) { .responsivepopupedit {z-index:60;position:fixed;width:70%;top:5%;transform:translate(-50%,5%);max-height:90%;overflow-y:scroll}}
@media screen and (max-width:810px)  { .responsivepopupedit {z-index:60;position:fixed;width:73%;top:5%;transform:translate(-50%,5%);max-height:90%;overflow-y:scroll}}
.popup_edit {background-color:#d6ebfa;border:1px solid #7fc7f1;border-radius:8px;width:100%}

.popup_edittext {z-index:60;position:fixed;width:50%;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}
@media screen and (max-width:1194px) { .popup_edittext {width:75%;top:2%;transform:translate(-50%,5%);max-height:90%;overflow-y:scroll}}
@media screen and (max-width:834px)  { .popup_edittext {width:90%;top:2%;transform:translate(-50%,5%);max-height:80%;overflow-y:scroll}}
@media screen and (max-width:414px)  { .popup_edittext {width:90%;top:2%;transform:translate(-50%,2%);max-height:95%;overflow-y:scroll}}

.popup_uploadpicture {z-index:60;position:fixed;width:24%;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}
@media screen and (max-width:1194px) { .popup_uploadpicture {width:46%;top:2%;transform:translate(-50%,3%);max-height:90%;overflow-y:scroll}}
@media screen and (max-width:810px)  { .popup_uploadpicture {width:50%;top:2%;transform:translate(-50%,20%);max-height:80%;overflow-y:scroll}}
@media screen and (max-width:414px)  { .popup_uploadpicture {width:92%;top:2%;transform:translate(-50%,2%);max-height:95%;overflow-y:scroll}}

.responsivepopupenquiry {z-index:60;position:fixed;width:1024px;max-height:85%;top:5%;left:50%;margin-right:-50%;overflow-y:auto;overflow-x:hidden;transform:translate(-50%,3%)}
@media screen and (max-width:1024px) { .responsivepopupenquiry {width:94%;max-height:90%;top:2%}}
@media screen and (max-width:810px)  { .responsivepopupenquiry {width:84%;max-height:82%;top:1%}}
@media screen and (max-width:414px)  { .responsivepopupenquiry {width:92%;top:1%}}
.popup_enquiry {background-color:#ddf2ff;border:2px solid #4261be;border-radius:8px;width:99%}

@media screen and (max-width:414px) { .responsiveuploadpic {width:100%;padding:0;margin:0}}
@media screen and (min-width:660px) { .responsiveuploadpic {display:inline-block;min-height:120px;max-height:180px;width:240px;padding:0 32px 16px 0;vertical-align:top;overflow-x:hidden;overflow-y:hidden}}

.responsivealignright {display:inline-block;float:right}
@media screen and (max-width:700px) { .responsivealignright {display:inline-block;width:100%} }
.responsivealignright:after {clear:both}

.responsiverighttoleft {display:inline-block;float:right}
@media screen and (max-width:900px) { .responsiverighttoleft {display:block;width:100%;padding:16px 0} }

@media screen and (min-width:1081px) { .resprtol {display:inline-block;float:right} }
@media screen and (max-width:1080px) { .resprtol {display:block;width:100%} }
.resprtol:after {clear:both}

.pricechecker {width:100%;height:380px;border:0}
@media screen and (max-width:1024px) { .pricechecker {height:426px} }
@media screen and (max-width:810px)  { .pricechecker {height:426px} }
@media screen and (max-width:414px)  { .pricechecker {height:625px} }
.pricechecker:after {clear:both}

.popup_image {background-color:#202020;border-radius:4px;box-shadow:3px 3px 10px #a0a0a0;padding:8px}
@media screen and (max-width:810px)  { .popup_image { width:100%;padding:8px 4px }}

.popup_information {z-index:99;position:fixed;width:30%;top:30%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);max-height:60%;overflow-y:hidden}
@media screen and (max-width:1080px) { .popup_information {width:40%;top:15%;transform:translate(-50%,15%) }}
@media screen and (max-width:810px)  { .popup_information {width:50%;top:12%;transform:translate(-50%,12%) }}
@media screen and (max-width:414px)  { .popup_information {width:90%;top:15%;transform:translate(-50%,15%) }}

#loading_popup, #saving_popup              {position:fixed;z-index:100;padding:16px;background-color:#ffffff;border:1px solid #4a3ca0;border-radius:4px;box-shadow:1px 2px 5px #a0a0a0}
#loading_fade, .fade_background, .bkg_fade {background-color:#000000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4}
#loading_fade, .fade_background            {z-index:90;width:100%;height:100%;position:fixed;top:0;left:0}
								 
/*--------------------------------------------------------------------------------*/

.header           {background-color:#4261be;padding:8px 16px}
.footer           {background-color:#8f97b1;left:0;bottom:0;width:100%;text-align:center}
.footer_highlight {background-color:#ffcc00}

.bkg_page, .bkg_page_full {background-color:#f3fcfd;position:relative;margin:auto auto}
.bkg_page         {width:980px}
.bkg_page_full    {width:100%}
.bkg_website_logo {background-color:#4a3ca0;background-image:url("images/general/bkg_website_logo.jpg");background-repeat:no-repeat;vertical-align:top;height:100px}
.bkg_website_image {background-image:url("images/general/bkg_website_logo.jpg");background-repeat:no-repeat;background-position:left top;height:60px}
.bkg1             {background-color:#4a3ca0}
.bkg_pagebanner   {background-color:#d9f3ff}
.bkg_black        {background-color:#202020;border:0;border-radius:4px}

.chart_grey       {background-color:#dddddd;border:1px solid #808080;
                   background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#d0d0d0), to(#e0e0e0));
                   background-image: -webkit-linear-gradient(bottom, #d0d0d0, #e0e0e0);
                   background-image:    -moz-linear-gradient(bottom, #d0d0d0, #e0e0e0);
                   background-image:     -ms-linear-gradient(bottom, #d0d0d0, #e0e0e0);
                   background-image:      -o-linear-gradient(bottom, #d0d0d0, #e0e0e0)}

.chart_green      {background-color:#00dd00;border:1px solid #008000;
                   background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#00cc00), to(#00ff00));
                   background-image: -webkit-linear-gradient(bottom, #00cc00, #00ff00);
                   background-image:    -moz-linear-gradient(bottom, #00cc00, #00ff00);
                   background-image:     -ms-linear-gradient(bottom, #00cc00, #00ff00);
                   background-image:      -o-linear-gradient(bottom, #00cc00, #00ff00)}

.chart_magenta    {background-color:#dd40dd;border:1px solid #800080;
                   background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#c000c0), to(#ff40ff));
                   background-image: -webkit-linear-gradient(bottom, #c000c0, #ff40ff);
                   background-image:    -moz-linear-gradient(bottom, #c000c0, #ff40ff);
                   background-image:     -ms-linear-gradient(bottom, #c000c0, #ff40ff);
                   background-image:      -o-linear-gradient(bottom, #c000c0, #ff40ff)}

.chart_cyan       {background-color:#40ffff;border:1px solid #008080;
                   background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#00c0c0), to(#40ffff));
                   background-image: -webkit-linear-gradient(bottom, #00c0c0, #40ffff);
                   background-image:    -moz-linear-gradient(bottom, #00c0c0, #40ffff);
                   background-image:     -ms-linear-gradient(bottom, #00c0c0, #40ffff);
                   background-image:      -o-linear-gradient(bottom, #00c0c0, #40ffff)}

.bkg_picture_banner,     .bkg_latedeals_banner {background-color:#926700;padding:12px 8px;border-top-right-radius:4px;border-top-left-radius:4px}
.bkg_parktickets_banner, .bkg_latedeals_banner {background-color:#e7191d}
.bkg_parktickets_banner       {padding:8px}
.bkg_parktickets_banner:hover {background-color:red}

.bkg_picture, .bkg_picture_frame, .bkg_picture_shadow, .bkg_parktickets_banner {border-radius:4px;border-style:none;transition:transform .2s}
.bkg_picture_bottomradius  {border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:transform .2s}
.bkg_picture_frame, .bkg_picture_shadow {border:1px solid #ffcc00}
.bkg_picture_shadow        {box-shadow:3px 3px 10px #a0a0a0}
.bkg_picture:hover, .bkg_picture_shadow:hover, .bkg_picture_bottomradius:hover
                           {-ms-transform: scale(1.03);-webkit-transform: scale(1.03);transform: scale(1.03);overflow:hidden}

.bkg_securityword          {border:1px solid #a1b1df;height:60px;width:200px;background-color:#ffffff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bkg_securityword_small    {border:1px solid #a1b1df;height:40px;width:150px;background-color:#ffffff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.bkg_line                  {height:4px;border-top:1px dotted #4a3ca0}

.bkg_googlemap_attraction, .bkg_googlemap_waterpark, .bkg_googlemap_pin {font-size:100%;white-space:wrap;overflow:hidden}
.bkg_googlemap_attraction, .bkg_googlemap_waterpark, .bkg_googlemap_pin {color:#ffffff;border:1px solid #ffffff;border-radius:4px;max-height:60px;text-align:center;padding:2px}
.bkg_googlemap_attraction  {background-color:#ff3377;min-width:60px;max-width:70px}
.bkg_googlemap_waterpark   {background-color:#0080ff;min-width:60px;max-width:70px}
.bkg_googlemap_pin         {background-color:#cc8800;min-width:40px;max-width:75px}
.bkg_googlemap_tooltip     {font-size:100%;padding:0 20px 0 0}

.gm-style-iw-chr           {float:right;z-index:99;height:20px;} /* Google Maps Info Window */

.bkg_postcard              {background-image:url("images/backgrounds/bkg_postcard.jpg");background-repeat:no-repeat;width:450px;height:225px}
.bkg_shortlisted           {font-size:150%;font-weight:bold;color:#ffffff;background-color:#c500cc;border:4px solid #ff00ff;border-radius:4px;padding:4px;text-align:center}

/*--------------------------------------------------------------------------------*/

.bkg_promotion_advert  {background-color:#ffffff;border:2px solid #e7191d;border-radius:8px}
.bkg_promotion_home    {border:1px solid #e7191d;border-radius:4px;padding:2px 0}
.bkg_promotions_banner {background-color:#e7191d!important;color:#ffffff;font-weight:bold;padding:4px 0}

/*--------------------------------------------------------------------------------*/

.bkg_featured               {background-color:#ffd700}
.bkg_highlight              {background-color:#c3ff67}
.bkg_inactive               {background-color:#e0e0e0}
.bkg_lowlight               {background-color:#c7e7f9} /* specific */
.bkg_promotionplus          {background-color:#ffdac0}
.bkg_warning                {background-color:#ffcccc}
.bkg_suspended              {background-color:#ff8888}

.bkg_owner_administrator    {background-color:#83dfff}
.bkg_owner_paymentcredit    {background-color:#d0d0ff}
.bkg_owner_warning          {background-color:#ffd0ff}
.bkg_owner_warning_severe   {background-color:#ffb0ff}
.bkg_owner_loggedin         {background-color:#b0ffff}

.bkg_viewings_high          {background-color:#c3ffc1}
.bkg_viewings_normal        {background-color:#ffffc1}
.bkg_viewings_low           {background-color:#ffc1c4}
.bkg_viewings_transparent   {background-color:white}

.bkg_ownersarea_severe      {background-color:#ff0000;color:#ffffff;font-size:125%;font-weight:bold;height:32px;text-align:center}
.bkg_ownersarea_warning     {background-color:#ffff00;font-size:100%;font-weight:bold;height:20px;text-align:center;padding-top:1px}
.bkg_ownersarea_inactive    {background-color:#000000;color:#ffffff;font-size:100%;font-weight:bold;height:20px;text-align:center;padding-top:1px}

.bkg_enquiry_multisent      {background-color:#ffe9ff}
.bkg_enquiry_notbooked      {background-color:#e0e0e0}
.bkg_enquiry_booked         {background-color:#c3ff67}
.bkg_enquiry_available      {background-color:#ffff80}

.bkg_ratio_high             {background-color:#60ff60}
.bkg_ratio_medium           {background-color:#ffff40}
.bkg_ratio_low              {background-color:#ff8080}

.bkg_rates_historic         {background-color:#e0e0e0}
.bkg_rates_current          {background-color:#ffffe0}
.bkg_rates_next             {background-color:#fffff0}
.bkg_rates_future           {background-color:transparent}

.bkg_change_green           {background-color:#00a000;color:#ffffff}
.bkg_change_red             {background-color:#ff4040;color:#ffffff}

.bkg_booking_returning, .bkg_booking_latecheckout, .bkg_booking_earlycheckin, .bkg_booking_poolheat,
                        .bkg_booking_hasbarbecue,  .bkg_booking_welcomepack,  .bkg_booking_haspets,
                        .bkg_booking_datesheld,    .bkg_booking_management,   .bkg_booking_blockedoff
                        {color:white;font-weight:bold;margin:2px;padding:4px 8px}
.bkg_booking_returning      {background-color:#c08700}
.bkg_booking_latecheckout   {background-color:#c08700}
.bkg_booking_earlycheckin   {background-color:#2db92d}
.bkg_booking_poolheat       {background-color:#4040ff}
.bkg_booking_hasbarbecue    {background-color:saddlebrown}
.bkg_booking_welcomepack    {background-color:orangered}
.bkg_booking_haspets        {background-color:blueviolet}
.bkg_booking_datesheld      {background-color:#999999}
.bkg_booking_management     {background-color:#2db92d}
.bkg_booking_blockedoff     {background-color:red}

/*--------------------------------------------------------------------------------*/
/* Tabbed pages and sections. */
/*--------------------------------------------------------------------------------*/

.tab       {display:inline-block;vertical-align:bottom}
.tab:after {clear:both}

.tab_selected, .tab_notselected, .tab_newpage
                       {font-family:'Arial Nova',Helvetica,Sans-Serif;font-size:133%;font-weight:normal;text-align:center;letter-spacing:0;
                        display:table-cell;vertical-align:middle;cursor:pointer;height:60px;padding:0 12px;border-radius:8px 8px 0 0;border:1px solid #a1b1df}
.tab_selected          {color:#ffffff;background-color:#4261be;padding:0 12px 4px 12px}
.tab_selected:hover    {border-bottom:6px solid #f26303}
.tab_notselected       {height:52px;color:#0049b0;background-color:#b1e0ff;border-bottom:3px solid #ffffff}
.tab_notselected:hover {height:52px;border-bottom:3px solid #f26303;padding-bottom:6px}
.tab_newpage           {height:44px;color:#0049b0;background-color:#d1eeff;border-bottom:3px solid #ffffff}
.tab_newpage:hover     {height:48px;border-bottom:3px solid #f26303}

.bkg_tabbedpage, .bkg_tabbedpage_full, .bkg_tabbedpage_main {border:1px solid #a1b1df;border-radius:8px}
.bkg_tabbedpage        {background-color:#ccedff}
.bkg_tabbedpage_full   {background-color:#ffffff}
.bkg_tabbedpage_main   {background-color:#d9f3ff}

.tlrr {border-top-left-radius:8px;border-top-right-radius:8px}

.box_br_light, .box_br, .box_br_dark, .box_light, .box_image, .box_image_br, .box_securityword {border:1px solid #a1b1df}
.box_image_br, .box_br_light, .box_br, .box_br_dark, .blrr {border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.box_image, .box_information, .box_light, .box_search {border-radius:8px}
.box_br_light, .box_light {background-color:#ffffff}
.box_br                   {background-color:#d9f3ff}
.box_br_dark              {background-color:#ccedff}
.box_image, .box_image_br {background-color:#ffffff;background-image:url("images/backgrounds/box_image_floridasunset.jpg");background-repeat:no-repeat;background-position:center top;background-size:cover }
.box_information  {background-color:#ffffc0;border:1px solid #a1b1df}
.box_controls     {background-color:#e4e8e8;border:1px solid #d0d0d0;padding:8px 8px 0 8px;border-radius:4px} /* specific */
.box_search       {background-color:#808a98;border:3px solid #c0c0c0} /* specific */
.box_securityword {background-color:#baddf6;border-radius:4px}
.box_text         {background-color:#f9fbfb;padding:16px 8px;border:1px solid #e8f0f0;border-radius:4px}
.box_green        {background-color:#ffffff;border:2px solid #00cc00;border-radius:4px}

.section_h300 {background-color:#d6ffd5;letter-spacing:0;border-radius:4px;box-shadow:2px 2px 5px #a0a0a0;width:300px}
@media screen and (max-width:700px) { .section_h300 {max-width:300px}}
.section_htip {background-color:#d6ffd5;letter-spacing:0;border-radius:1px;padding:4px;box-shadow:2px 2px 5px #a0a0a0}

.section_p600 {background-color:#202020;width:600px;border-radius:0 0 4px 4px;box-shadow: 3px 3px 10px #a0a0a0;padding:4px}
@media screen and (max-width:400px) { .section_p600 { width:100%;padding:2px }}
.section_p700 {background-color:#ffffc0;padding:8px;border:2px solid #202020;border-radius:8px;box-shadow:2px 2px 5px #a0a0a0}

/*--------------------------------------------------------------------------------*/
/* map markers */
/*--------------------------------------------------------------------------------*/

.map_infowindow      {max-width:310px;overflow-x:hidden;overflow-y:hidden;padding:8px 0}
.map_infoborder      {padding:16px 8px;border:1px solid #a1b1df;border-bottom-left-radius:4px;border-bottom-right-radius:4px}

.map_marker_blue, .map_marker_green,  .map_marker_orange, .map_marker_pink,   .map_marker_purple, .map_marker_red,
.map_marker_teal, .map_marker_yellow, .map_marker_golf,   .map_marker_basket, .map_marker_redcross
  {background-position:center;background-repeat:no-repeat;height:32px;width:32px}

.map_marker_blue     {background-image:url("images/maps/marker_blue.gif")}
.map_marker_green    {background-image:url("images/maps/marker_green.gif")}
.map_marker_orange   {background-image:url("images/maps/marker_orange.gif")}
.map_marker_pink     {background-image:url("images/maps/marker_pink.gif")}
.map_marker_purple   {background-image:url("images/maps/marker_purple.gif")}
.map_marker_red      {background-image:url("images/maps/marker_red.gif")}
.map_marker_teal     {background-image:url("images/maps/marker_teal.gif")}
.map_marker_yellow   {background-image:url("images/maps/marker_yellow.gif")}
.map_marker_golf     {background-image:url("images/maps/marker_golf.gif")}
.map_marker_basket   {background-image:url("images/maps/marker_basket.gif")}
.map_marker_redcross {background-image:url("images/maps/marker_redcross.gif")}

/*--------------------------------------------------------------------------------*/

.icon_no, .icon_yes, .icon_delete {width:40px;height:24px;background-repeat:no-repeat;background-position:center}
.icon_no      {background-image:url("images/icons/icon_no.gif")}
.icon_yes     {background-image:url("images/icons/icon_yes.gif")}
.icon_delete  {background-image:url("images/icons/icon_delete.gif")}

.icon_what, .icon_what16, .icon_what40, .icon_what_nosize {border:0;cursor:help}
.icon_what    {width:28px;height:28px;padding-left:8px}
.icon_what16  {width:16px;height:16px}
.icon_what40  {width:40px;height:40px}
.icon_what40:hover {-ms-transform: scale(1.10);-webkit-transform: scale(1.10);transform: scale(1.10);overflow:hidden}

.icon_touch, .icon_touchnopad, .icon_touch16 {border:0}
.icon_touch   {padding:8px}
.icon_touch16 {width:16px;height:16px}

/*--------------------------------------------------------------------------------*/
/* Style height and width settings */
/*--------------------------------------------------------------------------------*/

.p4    {padding:4px}
.pb4   {padding-bottom:4px}
.pbr4  {display:inline-block;padding:0 4px 4px 0}
.pl4   {padding-left:4px}
.ptb4  {padding:4px 0}
.p8    {padding:8px}
.ptrl8 {padding:8px 8px 0 8px}
.ptb8  {padding:8px 0}
.pb8   {padding-bottom:8px}
.pbr8  {display:inline-block;padding:0 8px 8px 0}
.pr8   {padding-right:8px}

.pb12  {padding-bottom:12px}
.pb16  {padding-bottom:16px}
.pbr16 {display:inline-block;padding:0 16px 8px 0}
.pr16  {padding-right:16px}
.ptb16 {padding:16px 0}
.pb24  {padding-bottom:24px}
.ptb24 {padding:24px 0}
.pbr32 {display:inline-block;padding:0 32px 12px 0}
.pr32  {padding-right:32px}
.ptb32 {padding:32px 0}

.rpr8   {display:inline-block;padding-right:8px}
.rpbr8  {display:inline-block;padding-right:8px;vertical-align:middle}
.rpbr16 {display:inline-block;padding-right:16px;vertical-align:middle}
.rpr16  {display:inline-block;padding:0 16px 8px 0}
.rvgap  {display:inline-block}

.cspacer, .rspacer, .vspacer, .wspacer, .wspacer0, .txspacer {vertical-align:top}
.cspacer, .rspacer, .wspacer, .wspacer0, .txspacer, .break   {display:inline-block}
.cspacer                      {padding:0 32px 16px 0}
.rspacer, .vspacer, .txspacer {padding:0 8px 8px 0}
.vispacer                     {display:block}
.wspacer, .wspacer0           {padding:0 32px 8px 0}

@media screen and (max-width:810px) { .vispacer {display:inline-block;vertical-align:top} .txspacer {display:block} .wspacer0 {padding-right:0} }

@media screen and (min-width:1024px) { .rpr8, .rpr16 {padding-bottom:8px} }
@media screen and (min-width:810px)  { .pr16, .pr32  {display:inline-block} }
@media screen and (max-width:414px)  { .pb12 {padding-bottom:4px} .pr16, .pr32 {display:block} .rpr8, .rpr16 {padding-right:0} .rpb8, .rpbr8, .rpbr16 {padding:0 0 8px 0} }
@media screen and (max-width:810px)  { .rvgap {display:block;padding:0 0 8px 0} }
@media screen and (max-width:1080px) { .break {display:block} .cspacer {padding-right:16px} }

.sh4   {height:4px}
.sh8   {height:8px}
.sh12  {height:12px}
.sh16  {height:16px}
.sh18  {height:18px}
.sh20  {height:20px}
.sh24  {height:24px}
.sh28  {height:28px}
.sh32  {height:32px}
.sh48  {height:48px}
.sh64  {height:64px}
.sh100 {height:100px}
.shtop {height:64px}
.shbanner {height:100px;padding:8px 0}
.shenquiry {width:300px;height:6em}
@media screen and (max-width:810px) { .shenquiry {width:100%;height:2em} }

.sw4   {width:4px}
.sw8   {width:8px}
.sw16  {width:16px}
.sw20  {width:20px}
.sw24  {width:24px}
.sw32  {width:32px}
.sw50  {width:50px}
@media screen and (max-width:810px) { .sw50 {max-width:50px}}
.sw56  {width:56px}
.sw64  {width:64px}
.sw100 {width:100px}
@media screen and (max-width:810px) { .sw100 {max-width:100px}}
.sw120 {width:120px}
.sw150 {width:150px}
.sw200 {width:200px}
.sw225 {width:225px}
.sw250 {width:250px}
.sw300 {width:300px}
.sw400 {width:400px}
@media screen and (max-width:810px) { .sw400 {width:300px}}
@media screen and (max-width:414px) { .sw400 {width:100%}}

/*--------------------------------------------------------------------------------*/
/* Calendar Bookings
/*--------------------------------------------------------------------------------*/

.swcbg {display:inline-block;width:500px}
@media screen and (max-width:810px) { .swcbg {width:300px}}
@media screen and (max-width:667px) { .swcbg {display:block;width:auto}}
/* @media screen and (max-width:810px) { .swcbg {width:100%}}*/
.swcbd {display:inline-block;width:680px}
@media screen and (max-width:667px) { .swcbd {display:block;width:auto}}
.swcbo {width:auto}
.swcbx {display:inline-block;width:465px}
@media screen and (max-width:667px)  and (orientation:landscape) { .swcbo {display:inline-block;padding-right:16px} .swcbx {display:block} }
@media screen and (max-width:810px)  and (orientation:portrait)  { .swcbo {display:inline-block;padding-right:16px} .swcbx {width:100%}}
@media screen and (max-width:1024px) and (orientation:landscape) { .swcbo {display:block}; .swcbx {width:293px} }

/*--------------------------------------------------------------------------------*/

.boxpad, .boxxpad, .swp, .swpb, .swpm, .swfp, .swfpi {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.boxpad  {width:100%;padding:8px}
@media screen and (min-width:1024px) { .boxpad {padding:12px}}
.boxxpad {width:100%;padding:3%}
@media screen and (min-width:1024px) { .boxxpad {padding:2%}}
.swfpi  {padding:0 16px}
@media screen and (min-width:1024px) { .swfpi {padding:0 1.5%}}
/* .swp240924    {padding:0 2%;max-width:1440px} */
.swp    {padding:0 2%;max-width:96%}
.swpb   {padding:0 2%;max-width:1280px}
.swpm   {padding:0 4%;max-width:960px}

.swfill {overflow:hidden}
@media screen and (max-width:400px) { .swfill {width:100%}}
.swtrending {width:240px;height:160px;margin-right:32px}
@media only screen and (max-width:1080px) and (orientation:portrait)  { .swtrending {margin-right:0}}
@media only screen and (max-width:1080px) and (orientation:landscape) { .swtrending {width:165px;height:110px;margin-right:16px}}

/*--------------------------------------------------------------------------------*/
/* Switch */
/*--------------------------------------------------------------------------------*/

.switch {position:relative;display:inline-block;width:40px;height:24px;margin-bottom:4px;margin-right:8px;vertical-align:middle}
.switch input {opacity:0;width:0;height:0}

.slider.round        {border-radius:24px}
.slider.round:before {border-radius:50%}
.slider,.sliderred   {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#9ea6ae;-webkit-transition:.4s;transition:.4s}
.slider:before       {position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s}

input:checked + .slider    {background-color:#00c000}
input:checked + .sliderred {background-color:#c00000}
input:checked + .slider:before {-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}

/*--------------------------------------------------------------------------------*/
/* Standard fonts */
/*--------------------------------------------------------------------------------*/

.gold          {color:#ffcc00}
.green         {color:#00ff00}
.green_mid     {color:#00aa00}
.grey, .ro     {color:#666666}
.magenta       {color:#c500cc}
.red           {color:#e7191d}
.rust          {color:#b00000}
.white         {color:#ffffff}
.bkg_green     {background-color:#00dd00}
.important     {color:#ffffff;background-color:#c500cc}
.advisory      {background-color:#ffbf00}
.notification  {background-color:#ccff33}
.warning       {color:#ffffff;background-color:#ff0000}
.padded        {padding:4px 8px;border:1px solid #a1b1df;vertical-align:middle;border-radius:2px}

.f0            {font-family:Sans-Serif;font-size:100%}
.f1, .f1i, .f1noh, .f1important {font-size:125%}
.f1, .f1i      {line-height:140%;vertical-align:middle}
.f1i           {display:inline-block}
.f1important   {color:#ffffff;background-color:#c500cc;padding:4px}
.f2            {font-size:125%;line-height:120%}
.f3, .f3important, .f3promotion {font-size:150%}
.f3important   {background-color:#c500cc;color:#ffffff;padding:8px}
.f3promotion   {background-color:#00ff00;color:#000000;padding:4px}
.f4            {font-size:120%}
.f5            {font-size:200%;font-weight:normal;letter-spacing:0}
.f6            {font-size:175%;font-weight:normal}
.f7            {font-size:133%;line-height:120%}
.fhelptitle    {font-size:133%;font-weight:bold;color:#000000;padding:8px}
.fhelp         {font-size:110%;font-weight:normal;color:#000000;text-align:left;line-height:120%;padding:0 8px}
.fpageheading  {font-size:150%;font-weight:normal;color:#f6dd16;padding-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fpromo        {font-size:140%;color:#ffffff;font-weight:normal;background-color:#e7191d!important;padding:4px 0}

.fc, .fch, .fci, .fcl, .fcp, .fcr {font-size:125%;font-weight:400;letter-spacing:0;color:#0954bf;padding:10px 0 6px 0;white-space:nowrap}
.fc, .fci, .fcl, .fcp, .fcr {padding:10px 0 6px 0}
.fch           {padding:0 0 6px 0}
@media screen and (max-width:414px) { .fch {padding:10px 0 6px 0} }
.fci, .fcr     {display:inline-block}
.fcl           {float:left}
.fcp           {font-weight:normal;padding:16px 0;text-align:center;white-space:normal}
.fcr           {padding-right:16px}

.fi, .fib, .fim, .fix, .ftx {font-size:125%}
.fix                        {font-size:140%}
.fi                         {font-weight:normal}
.fi, .fib, .fim, .fix       {height:36px}
.fib, .fim, .fix, .mand     {font-weight:bold}
.fim, .mand                 {color:#ff0000}
.cal, .max                  {width:100%}
.cal                        {width:260px;cursor:pointer}
.ro                         {background-color:#e9f6fb}

.fhb, .fhbhi, .fhbro, .fhbsw {font-size:100%;font-weight:bold;letter-spacing:0;padding:4px 6px 0 8px;color:#996b00;background-color:#ffffff;border:1px solid #9ea6ae;border-radius:4px}
.fhbro                       {background-color:#e9f6fb}
.fhbhi                       {border:1px solid #ff6600}
.fhbsw                       {background-color:#baddf6;color:#0456ae;border:1px solid #a1b1df}
.nob, .nobnoh                {border:0;padding:0}
.nob                         {height:28px}
.nob:focus, .nobnoh:focus    {background-color:#ffffe6}
.lh32                        {line-height:32px}

.finoh         {font-size:125%;font-weight:normal}
.fi120         {font-size:125%;font-weight:normal;height:40px;width:120px}
.fi150         {font-size:125%;font-weight:normal;height:40px;width:150px}

.autocomplete        {position:relative;display:inline-block}
.autocomplete-items  {position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}
.autocomplete-items div       {padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4}
.autocomplete-items div:hover {background-color:#fffeb1}
.autocomplete-active {background-color:DodgerBlue !important;color:#ffffff}

/*--------------------------------------------------------------------------------*/
/* Calendar */
/*--------------------------------------------------------------------------------*/

.calendar_popup, .section_p100 {background-color:#c1dfff;border:1px solid #4a3ca0;border-radius:2px;box-shadow:2px 2px 5px #a0a0a0;padding:8px}

.chinline     {font-size:125%;font-weight:normal;text-align:center;vertical-align:middle;background-color:#0954bf;color:#ffffff;
               width:36px;padding:4px 0;display:inline-block}

.cd, .cdSafari, .cdlow, .cdlowSafari, .cdhigh, .cdhighSafari {font-size:150%;font-weight:normal;text-align:right;width:24px;height:24px;padding:2px 6px 0px 6px}
.cd, .cdSafari           {background-color:#f1f8ff}
.cdhigh,   .cdhighSafari {background-color:#00ff00;font-weight:bold;border-radius:4px}
.cdlow,    .cdlowSafari  {background-color:#ffffff;color:#a0a0a0}
.cdSafari, .cdlowSafari, .cdhighSafari {text-decoration:none}

.cd:hover, .cdSafari:hover, .cdlow:hover, .cdlowSafari:hover, .cdhigh:hover, .cdhighSafari:hover {color:#ffffff;cursor:pointer}
.cd:hover, .cdSafari:hover, .cdlow:hover, .cdlowSafari:hover  {background-color:#00c000;border-radius:4px}
.cdhigh:hover, .cdhighSafari:hover                            {background-color:#00d000}

/*--------------------------------------------------------------------------------*/
/* Hyperlinks */
/*--------------------------------------------------------------------------------*/

.h100, .h125, .h150, .h150w, .h175, .h200, .hpage {color:#0049b0;text-decoration:none} 
.h100    {font-size:100%}
.h125    {font-size:125%}
.h150    {font-size:150%}
.h150w   {font-size:150%;color:#ffffff}
.h175    {font-size:175%}
.h200    {font-size:200%}
.hfhb    {font-size:100%;text-decoration:none;color:#996b00} /* colour of fhb */
.hfooter {font-size:125%;color:#ffffff;text-decoration:none}
.hpage   {font-size:125%;padding:2px;letter-spacing:0}
.hred    {color:#e7191d;text-decoration:none}
.h100:hover, .h125:hover, .h150:hover, .h150w:hover, .h175:hover, .h200:hover, .hfhb:hover, .hfooter:hover, .hpage:hover, .hred:hover {color:#b88100;text-decoration:underline}
.h150w:hover {color:#ffcc00}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/* DEFUNCT - NO LONGER USED

-- 24/10/22

.bkg_barchart  {background-color:#00dd00;border:1px solid #008000;
                 background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#00cc00), to(#00ff00));
                 background-image: -webkit-linear-gradient(bottom, #00cc00, #00ff00);
                 background-image:    -moz-linear-gradient(bottom, #00cc00, #00ff00);
                 background-image:     -ms-linear-gradient(bottom, #00cc00, #00ff00);
                 background-image:      -o-linear-gradient(bottom, #00cc00, #00ff00)}

.bkg_barchart2    {background-color:magenda;font-size:90%;font-weight:bold;color:#ffffff;border:1px solid #ff80ff;
                   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(magenta), to(#ffc0ff));
                   background-image: -webkit-linear-gradient(left, magenta, #ffc0ff);
                   background-image:    -moz-linear-gradient(left, magenta, #ffc0ff);
                   background-image:     -ms-linear-gradient(left, magenta, #ffc0ff);
                   background-image:      -o-linear-gradient(left, magenta, #ffc0ff)}

-- 16/10/23

.swfpx  {padding:0 16px}
.cellwarn  {color:#ffffff;background-color:#ff6060}

-- 23/10/23

#loading_popup, #saving_popup {position:fixed;z-index:100;padding:16px;background-color:#ffffff;border:1px solid #4a3ca0;border-radius:4px;box-shadow:1px 2px 5px #a0a0a0}
#loading_fade                 {background-color:#000000;z-index:99;width:100%;height:100%;position:fixed;top:0;left:0;
                               -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4}

*/
/*--------------------------------------------------------------------------------*/