DIV > DIV.S_SHOW_HOVER
{ display:none;}

DIV:hover > DIV.S_SHOW_HOVER
{ display:block;}

LI {margin:7px 0 7px 0;}

DIV.S_CLEAR {clear:both;overflow:hidden;}


DIV.S_TOP_MENU
{ flex-grow:1;
 display:flex;
 justify-content:center;color:white;
 xxgap:20px;
 font-size:14px;}

DIV.S_TOP_MENU > DIV
{ padding:7px 10px 0 10px;} 

DIV.S_TOP_MENU A
{ color:white;}


DIV.S_HTINY
{ background: #EEEEEE;
 padding:2px;
 margin-bottom:5px;
 text-align:center;
 }

DIV > .S_HTINY      {margin-top:0px;}  
DIV > .S_HTINY ~ .S_HTINY {margin-top:15px;}



DIV.S_PAGE
{ max-width:1200px;
 margin:0px auto 0px auto;}



DIV.S_MID_MSG
{ width:400px;
 margin:30px auto 30px auto;
 padding:20px;
 background:#FFFF55;
 text-align:center;
 border-radius:5px;
 border:1px solid #DDDD55;}


DIV.S_H2
{ font-weight:bold;
 font-size: 28px;
 color:#222222;
 text-align:center;
 border-bottom:1px solid #CCC;
 margin:35px 0 15px 0;}

DIV.S_H3
{ font-weight:bold;
 font-size: 24px;
 color:#222222;
 text-align:left;
 margin:25px 0 10px 0; }

DIV.S_H4
{
 font-weight:bold;
 font-size: 16px;
 color:#222222;
 text-align:center;
 margin:60px 0 5px 0; 
 padding:5px; 
 padding:3px;
 xbackground:#EEEEEE;
 xborder-bottom:2px solid #566A96;}

DIV.S_ICON  
{ }

DIV.S_ICON IMG
{ height:100%;
 width:auto;}


DIV.S_ICONS IMG
{ width:22px;height:22px;}

DIV.S_COLS
{ display:flex;}

DIV.S_COLSBR 
{ display:flex;
 justify-content:space-between;
 gap:20px;
 min-width:0;}

DIV.S_COL2 {width:49%;}
DIV.S_COL3 {width:32%;}


DIV.S_IMG_BACK
{ text-align:center;
 font-size:0px;
 background:#EEEEEE;
 background: linear-gradient(90deg, #E9E9E9 0%, #F9F9F9 50%, #E9E9E9 100%);
 overflow:hidden;}



DIV.S_MSG, DIV.S_MSG_ICON
{ background:#FFF5BB;
 border:1px solid #EDE5AA;
 border-radius:5px;
 padding:10px;
 margin:10px 0 10px 0;}

DIV.S_MSG    {text-align:center;}
DIV.S_MSG:empty {display:none;}

DIV.S_MSG_ICON {display:flex}
DIV.S_MSG_ICON > IMG {height:64px;}
DIV.S_MSG_TEXT {flex-grow:1;padding-left:20px;text-align:left;}

TABLE.S_SMALL {font-size:12px;}
TABLE.S_MAIN TD
{ padding:3px;
 font-weight:bold;}

TABLE.S_MAIN TH
{ padding:3px 3px 3px 0;
 font-weight:normal;
 vertical-align:top;}

xxxTABLE.S_MAIN TH[colspan="2"]
{ padding:14px 0 2px 0;
 text-align:center;
 border-bottom:0.5px solid #CCCCCC;}

TABLE.S_MAIN TD.S_SEP 
{ color:#222288;
 padding:20px 0 5px 0;
 font-size:14px;}

TABLE.S_INFO TH
{ padding:20px 15px 0 0;font-weight:bold;
 vertical-align:top;}

TABLE.S_INFO TD
{ padding:20px 0 0 0;
 vertical-align:top;}





DIV.S_OPTIONS_LINE
{ display:flex;
 gap:10px;}

DIV.S_OPTIONS_LINE DIV.ZX_OPT
{ border-radius:5px;
 border:0px;
 background:#EEEEEE;
 padding:2px 10px 2px 10px;
}

DIV.S_OPTIONS_LINE DIV.ZX_OPT_TITLE
{ font-weight:normal;}


xxDIV.S_OPTIONS_LINE DIV.ZX_OPT:hover
{ background:#AAAAAA;}

DIV.S_OPTIONS_LINE DIV.ZX_OPT_SEL
{ background:#444444;
 color:white;}

DIV.Z_FORM_BTN
{ color: #222020;
 border-radius: 4px;
 background-color: #ffdd33;}

DIV.Z_FORM_BTN:hover 
{ background-color: #ffee3f;}


.S_BTN           
{ text-align:center;
 width:100%;
 padding:7px 0 7px 0;
 font-size: 14px;
 font-weight:bold;
 color: #222020;
 border-radius: 4px;
 background-color: #ffdd33;
 border:0px;
 cursor:pointer;
 xbox-shadow: 0 0 1px rgba(0,0,0,0.5);
 xmargin:2px;
 box-sizing: border-box;
 display:block;}

.S_BTN:hover 
{ background: #ffee66; 
 xmargin:2px 0 2px 0;
 xbox-shadow:none;}

.S_BTN_TINY, .Z_TABLE_ADD_BTN           
{ text-align:center;
 padding:2px 5px 2px 5px;
 font-size: 12px;
 color: #222020;
 border-radius: 3px;
 background-color: #ffdd33;
 cursor:pointer;
 xmargin-left:7px;}



DIV.S_BTN_BIG
{ font-size:20px;
 font-weight:normal;
 border-radius:10px;
 display:flex;
 justify-content:center;
 align-items:center;
 gap:30px;
 padding:10px 0 10px 0;
 border-bottom: 3px solid #DD9F00;}

.S_BTN_BIG IMG
{ height:30px;
 xmargin-right:10px;
 vertical-align:middle;
 display:block;}


.Z_TABLE_ADD_BTN 
{ margin:3px 0 5px 0;
 padding:3px 10px 3px 2px;
 display: inline-block;
 background: white;}


.S_BTN_MID  
{ text-align:center;
 padding:3px 7px 3px 7px;
 font-size: 14px;
 font-weight:normal;
 color: #222020;
 border-radius: 3px;
 background-color: #ffdd33;
 cursor:pointer;
 margin-left:7px;}

.S_BTN_RED   {background: #ff9999;}
.S_BTN_GREEN  {background: #77e885;}
.S_BTN_GREY  {background: #DDDDDD;}
.S_BTN_PURPLE {background: #E6E6FA;}
.S_BTN_WHITE  {background: #FFFFFF;}


.S_BTNS      {display:flex;justify-content:center;gap:10px;}
DIV.S_BTNS DIV.S_BTN 
{ width:auto;text-align:center:flex-grow:0;
 padding:7px 15px 7px 15px;}

DIV.S_FLD_CHECKS_SEP {margin:10px 0 3px 0;font-weight:bold;}


IMG.S_SHOT
{ max-width:300px;
 height:auto;
 cursor:pointer;
 vertical-align:top;
 margin-right:10px;}

DIV.S_LIST_CONT
{ display:flex;
 margin:20px 0 10px 0;}


DIV.S_LIST_CONT IMG
{ xdisplay:none;
 height:50px;
 padding-right:20px;}

DIV.S_LIST_TITLE
{ font-size:20px;
 margin:20px 0 10px 0;}

DIV.S_LIST_CONT DIV.S_LIST_TITLE
{ margin-top:0px;}

DIV.S_LIST_TEXT
{ margin:0 0 10px 0;}


TD.S_FARE_HEAD
{ text-align:center;
 padding-bottom:10px;}
DIV.S_FARE_HEAD
{ border-radius:5px;
 padding:5px;
 background:#EEEEEE;}

DIV.S_FARE_NOTE
{ font-size:12px;}

DIV.S_FARE_NOW
{ text-align:center;
 font-size:12px;
 margin-top:15px;
 font-weight:bold;
 xbackground:#EEEEEE;
 xborder-radius:5px;
 xpadding:5px;
 xtext-decoration:underline;}
DIV.S_FARE_FREE
{ text-align:center;
 font-size:12px;
 margin-top:15px;}

TD.S_FARE_UTITLE
{ vertical-align:middle;}
DIV.S_FARE_VAL
{ text-align:center;}


.S_MOBILE {display:none;}
.S_FULL  {display:block;}


@media only screen and (max-width: 600px)
{ .FULL       {display:none;}
 .S_FULL      {display:none;}
 .S_MOBILE     {display:block;}

 DIV.S_COLSBR    {display:block;}
 DIV.S_COL3     {width:auto;margin-top:10px;}
 DIV.S_COL2     {width:auto;margin-top:10px;}

DIV > DIV.S_SHOW_HOVER
{ display:block;}
}