/*font family for page. If you have another style sheet that sets font family, you can delete this rule*/
div, span, td, p, table, tr, td, th {
	font-family: Verdana, Arial, sans-serif;
}

/*mobile*/
@media only screen and (min-width:0px) and (max-width: 480px)
{
    h1 
    {
        text-align:center;
        margin:0 0 15px 0;
        font-size:14pt;
        font-weight:bold;
    }
    h2
    {
        text-align:center;
        margin:15px;
        font-size:14pt;
        font-weight:bold;
    }
    .divBigContainer
    {
        min-width:270px;
    }
    .divInstructions {display:table;margin:10px auto;text-align:center;font-size:10pt;}
    .CartLink 
    {
        font-size:9pt;
        margin:0 auto;
        border:1px solid #CCC;
        border-radius:10px;
        padding:5px;
    }
    .CartLink:hover 
    {
        margin:0 auto;
        border:1px solid #CCC;
        border-radius:10px;
        padding:5px;
        background-color:lightgreen;
    }
    .CartLink a
    {
        text-decoration:none;
    }
    .divSelectMonth
    {
        width:100%;
        vertical-align:top;
    }
    .divSelectMonth select
    {
        width:78%;
        margin:1%;
        font-size:12pt;
        font-weight:bold;
    }
    .divSelectMonth input
    {
        width:18%;
        margin:1%;
    }
    .divSelectMonth input, .divSelectMonth select 
    {
        box-sizing:border-box;
        height:30px;
    }
    .btnMonth
    {
        width:100%;
    }
    .divButtons
    {
        width:100%;
    }
    .divPrev
    {
        float:left;
        width:50%;
        width:48%;
        padding:1%;
    }
    .divNext
    {
        float:right;
        width:48%;
        padding:1%;
    }
    .tblCalendar
    {
        display:table;
        width:100%;
        margin:0 auto;
        border:none;
    }
    .tblCalendar tr
    {
        display:block;
    }
    .tblCalendar td
    {
    }
    .cellSpacer, .cellHeader, .cellPrior
    {
        display:none;
    }
    .cellActive
    {
        min-width:250px;
        display:block;
        margin:10px auto;
        border:1px solid #000;
        border-radius:10px;
    }
    .divDay
    {

    }
    .divDayShort
    {

    }
    .divDayName
    {
        font-size:10pt;
        font-weight:bold;
        text-align:center;
    }
    .divDayNumber
    {
        display:none;
    }
    .divDayNum
    {
        display:none;
    }
    .divSummary
    {
        text-align:center;
        font-size:12pt;
        font-weight:bold;
        margin:5px;
    }
    .tblStatus
    {
        width:250px;
        margin:10px auto;
    }
    .tblStatus tr 
    {
        vertical-align:top;
    }
    .tblStatus td 
    {
        width:250px;
        padding:5px;
        border-radius:5px;
        border:2px solid transparent;
        font-size:9pt;
        font-weight:bold;
    }
    .spanGuideName
    {

    }
    .spanGuideCode
    {
        display:none;
    }
    .spanGuideCode2
    {
        display:none;
    }
    .spanStatusCode
    {
        display:none;
    }
    .spanStatusLong
    {
        
    }
    .spanBookingLink
    {
         font-weight:bold;
         font-size:9pt;
    }
    .spanBookingLinkSimple
    {
         display:none;
    }
    .divBookingDetails
    {
        display:table;
        margin:10px auto;
    }
    .divDestinationDetails
    {   
        font-size:12pt;
        display:table;
        margin:10px auto;
    }
    .divNotes
    {
        font-size:12pt;
        display:table;
        margin:10px auto;
    }
    .divBookItButton
    {
        display:block;
        width:45%;
        text-align:center;
        margin: 10px auto;
        font-weight:bold;
        font-size:16pt;
        border:1px solid #000;
        border-radius:5px;
        padding:10px;
        background-color:#ccc;
    }
    .divBookItButton a 
    {
        text-decoration:none;
    }
    .divBookItButton a:hover
    {
        text-decoration:underline;
    }
    .spanBookIt
    {
        display:block;
        width:50%;
        text-align:center;
        margin: 10px auto;
        font-weight:bold;
        font-size:12pt;
        border:1px solid #000;
        border-radius:5px;
        padding:5px;
        background-color:#ccc;
    }
    .tblHD
    {
        width:220px;
        margin:10px auto;
        font-size:12pt;
        border-collapse:separate;
        border-spacing:5px;
    }
    .tblHD td
    {
        padding:5px;
        border-radius:5px;
        border:1px solid #000;
        width:220px;
        margin:5px;
    }
    .divOtherCalendarLinks
    {
        font-size:9pt;
        text-align:center;
    }
    .spanColorKeyItem
    {
        width:50%;
        display:block;
        margin:0 auto;
        border:1px solid #000;
        padding:5px;
        font-size:10pt;
        text-align:center;
    }
    .divHomePageLink
    {
         text-align:center;
         font-size:12pt;
         margin:20px;
         font-weight:bold;
    }
    .divLodgeRunnerLink
    {
         text-align:center;
         font-weight:bold;
         font-size:8pt;
         font-style:italic;
    }
    .tblAddTrip
    {
        width:100%;
    }
    .tblAddTrip tr
    {

    }
    .tblAddTrip th
    {
        padding:5px;
        display:block;
        text-align:left;
        font-size:9pt;
        font-weight:bold;
        margin-top:10px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-top:1px solid #ccc;
        border-right:1px solid #ccc;
        border-left:1px solid #ccc;
    }
    .tblAddTrip td
    {
        padding:5px;
        display:block;
        font-size:12pt;
        font-weight:normal;
        border-bottom-left-radius:5px;
        border-bottom-right-radius:5px;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
        border-left:1px solid #ccc;
    }
    .tblRadioButtonList
    {   
    }
    .tblRadioButtonList td
    {
        border:none;
        font-size:10pt;
    }
    .spanAct
    {
        font-size:12pt;
        color:red;
    }
    .btnAdd
    {
        display:table;
        margin:5px auto;
        width:80%;
    }
    .cellCartHeader, .cellCartDetail
    {
        display:none;
    }
    .divCartSummary
    {
        border:1px solid #ccc;
        border-radius:10px;
        padding:10px;
        margin:5px;
        padding:10px;
    }
    .spanCartItem
    {
        font-size:9pt;
    }
    .spanCartValue
    {
        font-weight:bold;
    }
    .btnRemove
    {
        font-weight:bold;
        font-size:10pt;
        margin:10px;
    }
    .btnRemove2
    {
        display:none;
    }
    .tblCart
    {
    }
    .tblCart td
    {
        border:none;       
    }
    .divContactType
    {
         display:table;
         margin:0 auto;
    }
    .tblContactInfo
    {
        margin:0 auto;
    }
    .tblContactInfo tr
    {

    }
    .tblContactInfo th
    {
        display:block;
        text-align:left;
        font-size:9pt;
        font-weight:bold;
    }
    .tblContactInfo td
    {
        display:block;
         width:100%;
    }
    .tblContactInfo td input[type="text"], .tblContactInfo td select
    {
        box-sizing:border-box;
        min-width:250px;
        font-size:12pt;
        height:30px;
    }
    .divError
    {
        display:table;
        margin:10px auto;
        color:red;
        max-width:400px;
        font-size:8pt;
    }
    .divSuccess
    {
        display:table;
        margin:10px auto;
        color:green;
        max-width:400px;
        font-size:9pt;
    }
}

/*tablet*/
@media only screen and (min-width: 481px) and (max-width: 767px)
{
    h1 
    {
        text-align:center;
        margin:0 0 15px 0;
        font-size:16pt;
        font-weight:bold;
    }
    h2
    {
        text-align:center;
        margin:15px;
        font-size:14pt;
        font-weight:bold;
    }
    .divBigContainer
    {

    }
    .divInstructions {
        display: table;
        margin: 10px auto;
        text-align: center;
        font-size: 10pt;
    }
    .CartLink 
    {
        font-size:10pt;
        margin:0 auto;
        border:1px solid #CCC;
        border-radius:10px;
        padding:5px;
    }
    .CartLink:hover 
    {
        margin:0 auto;
        border:1px solid #CCC;
        border-radius:10px;
        padding:5px;
        background-color:lightgreen;
    }
    .CartLink a
    {
        text-decoration:none;
    }
     .divSelectMonth
    {
        display:table;
        margin:0 auto 10px auto;
        width:50%;
        vertical-align:top;
    }
    .divSelectMonth select
    {
        width:74%;
        margin:1%;
        font-size:14pt;
        font-weight:bold;
    }
    .divSelectMonth input
    {
        width:22%;
        margin:1%;
    }
    .divSelectMonth input, .divSelectMonth select 
    {
        box-sizing:border-box;
        height:30px;
    }
   .btnMonth
    {
        width:130px;
        font-size:12pt;
        font-weight:bold;
    }
    .divButtons
    {
        width:100%;
    }
    .divPrev
    {
        float:left;
    }
    .divNext
    {
        float:right;
    }
    .tblCalendar
    {

    }
    .tblCalendar tr
    {
        vertical-align:top;
    }
     .cellSpacer, .cellPrior, .cellActive
    {
        min-height:100px;
        width:14.28%;
    }
    .cellActive
    {

    }
    .divDay
    {
        display:none;
    }
    .divDayShort
    {
        text-align:center;
        font-size:9pt;
        font-weight:bold;
    }
    .divDayName
    {
        display:none;
    }
    .divDayNumber
    {
        font-size:7pt;
        margin:2px;
    }
    .divDayNum
    {
        float:left;
        font-size:8pt;
        font-weight:bold;
        margin:2px;
    }
    .divSummary
    {
        float:right;
        text-align:center;
        font-size:8pt;
        font-weight:bold;
        margin:2px;
    }
    .tblStatus
    {
        margin:5px;
        border-collapse:collapse;
    }
    .tblStatus tr 
    {
        vertical-align:top;
    }
    .tblStatus td 
    {
        width:250px;
        padding:5px;
        border-radius:5px;
        border:1px solid #000;
        font-size:9pt;
        font-weight:bold;
        word-break:break-all;
        text-align:center;
    }
    .tblStatus td a
    {
        text-decoration:none;
    }
    .tblStatus td a:hover
    {
        text-decoration:underline;
    }
    .spanGuideName
    {
        display:none;
    }
    .spanGuideCode
    {
        display:none;
    }
    .spanGuideCode2
    {

    }
    .spanGuideColon
    {
        display:none;
    }
    .spanStatusCode
    {
        display:none;
    }
    .spanStatusLong
    {
        display:none;
    }
    .spanBookingLink
    {
         display:none;
    }
    .spanBookingLinkSimple
    {
         font-weight:bold;
         font-size:9pt;
    }
    .divBookingDetails
    {
        display:table;
        margin:10px auto;
        font-size:8pt;
    }
    .divDestinationDetails
    {   
        font-size:8pt;
        display:table;
        margin:10px auto;
    }
    .divNotes
    {
        font-size:8pt;
        display:table;
        margin:10px auto;
    }
    .divBookItButton
    {
        display:block;
        text-align:center;
        margin: 10px auto;
        font-weight:bold;
        font-size:8pt;
        border:1px solid #000;
        border-radius:5px;
        padding:2px;
        background-color:#ccc;
    }
    .divBookItButton a 
    {
        text-decoration:none;
    }
    .divBookItButton a:hover
    {
        text-decoration:underline;
    }
    .spanBookIt
    {
        display:block;
        text-align:center;
        font-weight:bold;
        font-size:8pt;
        border:1px solid #000;
        border-radius:5px;
        padding:2px;
        background-color:#ccc;
    }
    .tblHD
    {
        margin:10px auto;
        font-size:8pt;
        border-collapse:separate;
        border-spacing:5px;
    }
    .tblHD td
    {
        padding:5px;
        border-radius:5px;
        border:1px solid #000;
        margin:5px;
    }
    .divOtherCalendarLinks
    {
        font-size:12pt;
        text-align:center;
    }
     .spanColorKeyItem
    {
        width:100px;
        margin:0 auto;
        border:1px solid #000;
        padding:5px;
        font-size:10pt;
        text-align:center;
    }
   .divHomePageLink
    {
         text-align:center;
         font-size:12pt;
         margin:20px;
         font-weight:bold;
    }
     .divLodgeRunnerLink
    {
         text-align:center;
         font-weight:bold;
         font-size:8pt;
         font-style:italic;
    }
    .tblAddTrip
    {
        width:80%;
        margin:0 auto;
    }
    .tblAddTrip tr
    {

    }
    .tblAddTrip th
    {
        padding:5px;
        display:block;
        text-align:left;
        font-size:12pt;
        font-weight:bold;
        margin-top:10px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-top:1px solid #ccc;
        border-right:1px solid #ccc;
        border-left:1px solid #ccc;
    }
    .tblAddTrip td
    {
        padding:5px;
        display:block;
        font-size:15pt;
        font-weight:normal;
        border-bottom-left-radius:5px;
        border-bottom-right-radius:5px;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
        border-left:1px solid #ccc;
    }
    .tblRadioButtonList
    {
    }
    .tblRadioButtonList td
    {
        border:none;
        font-size:12pt;
    }
    .spanAct
    {
        font-size:14pt;
        color:red;
    }
    .btnAdd
    {
        font-size:14pt;
        font-weight:bold;
        display:table;
        margin:5px auto;
        width:80%;
    }
    .spanBioLink
    {

    }
    .spanBioLink a
    {
        text-decoration:none;
    }
    .spanBioLink a:hover
    {
        text-decoration:underline;
    }
    .cellCartHeader, .cellCartDetail
    {

    }
    .divCartSummary
    {
        display:none;
    }
    .spanCartItem
    {
        font-size:9pt;
    }
    .spanCartValue
    {
        font-weight:bold;
    }
    .btnRemove
    {
    }
    .btnRemove2
    {
        font-weight:bold;
        font-size:8pt;
    }
    .tblCart
    {
        width:90%;
    }
    .tblCart tr
    {
        vertical-align:top;
    }
    .tblCart th
    {
        font-size:8pt;
        border:1px solid #ccc;       
        font-weight:bold;
    }
    .tblCart td
    {
        font-size:9pt;
        border:1px solid #ccc;       
    }
    .divContactType
    {
         display:table;
         margin:0 auto;
         width:400px;
    }
    .tblContactInfo
    {
        margin:0 auto;
    }
    .tblContactInfo tr
    {

    }
    .tblContactInfo th
    {
        display:block;
        text-align:left;
        font-size:9pt;
        font-weight:bold;
    }
    .tblContactInfo td
    {
        display:block;
    }
    .tblContactInfo td input[type="text"], .tblContactInfo td select
    {
        min-width:300px;
        height:35px;
        box-sizing:border-box;
        width:100%;
        font-size:13pt;
    }
   .divError
    {
        display:table;
        margin:10px auto;
        color:red;
        max-width:400px;
        font-size:8pt;
    }
    .divSuccess
    {
        display:table;
        margin:10px auto;
        color:green;
        max-width:400px;
        font-size:9pt;
    }
}

/*pc*/
@media only screen and (min-width: 768px)
{
    h1 
    {
        text-align:center;
        margin:0 0 15px 0;
        font-size:20pt;
        font-weight:bold;
    }
    h2
    {
        text-align:center;
        margin:15px;
        font-size:18pt;
        font-weight:bold;
    }
    .divBigContainer
    {
        max-width:900px;
        display:table;
        margin:0 auto;
        border:1px solid #CCC;
        padding:5px;
    }
    .divInstructions {
        display: table;
        margin: 10px auto;
        width: 600px;
        text-align: center;
        font-size: 10pt;
    }
    .CartLink 
    {
        font-size:12pt;
        margin:0 auto;
        border:1px solid #CCC;
        border-radius:10px;
        padding:5px;
    }
    .CartLink:hover 
    {
        margin:0 auto;
        border:1px solid #CCC;
        border-radius:10px;
        padding:5px;
        background-color:lightgreen;
    }
    .CartLink a
    {
        text-decoration:none;
    }
     .divSelectMonth
    {
        display:table;
        margin:0 auto;
        width:30%;
        vertical-align:top;
    }
    .divSelectMonth select
    {
        width:74%;
        margin:1%;
        font-size:14pt;
        font-weight:bold;
    }
    .divSelectMonth input
    {
        width:22%;
        margin:1%;
    }
    .divSelectMonth input, .divSelectMonth select 
    {
        box-sizing:border-box;
        height:30px;
    }
   .btnMonth
    {
        width:130px;
        font-size:12pt;
        font-weight:bold;
    }
    .divButtons
    {
        width:100%;
    }
    .divPrev
    {
        float:left;
    }
    .divNext
    {
        float:right;
    }
    .tblCalendar
    {

    }
    .tblCalendar tr
    {
        vertical-align:top;
    }
     .cellSpacer, .cellPrior, .cellActive
    {
        min-height:100px;
        width:14.28%;
    }
    .cellActive
    {

    }
    .divDay
    {
        font-size:10pt;
        font-weight:bold;
        text-align:center;
    }
    .divDayShort
    {
        display:none;
    }
    .divDayName
    {
        display:none;
    }
    .divDayNumber
    {
        font-size:7pt;
        margin:2px;
    }
    .divDayNum
    {
        font-size:8pt;
        font-weight:bold;
        margin:2px;
        float:left;
    }
    .divSummary
    {
        float:right;
        font-size:8pt;
        font-weight:bold;
        margin:2px;
    }
    .tblStatus
    {
        margin:5px;
        border-collapse:collapse;
    }
    .tblStatus tr 
    {
        vertical-align:top;
    }
    .tblStatus td 
    {
        width:250px;
        padding:5px;
        border-radius:5px;
        border:1px solid #000;
        font-size:8pt;
        font-weight:bold;
    }
    .spanGuideName
    {
        display:none;
    }
    .spanGuideCode
    {

    }
    .spanGuideCode2
    {
        display:none;
    }
    .spanStatusCode
    {

    }
    .spanStatusLong
    {
        display:none;
    }
    .spanBookingLink
    {
         font-weight:bold;
         font-size:9pt;
    }
    .spanBookingLinkSimple
    {
         display:none;
    }
    .divBookingDetails
    {
        display:table;
        margin:10px auto;
        font-size:8pt;
    }
    .divDestinationDetails
    {   
        font-size:8pt;
        display:table;
        margin:10px auto;
    }
    .divNotes
    {
        font-size:8pt;
        display:table;
        margin:10px auto;
    }
    .divBookItButton
    {
        display:block;
        width:90%;
        text-align:center;
        margin: 10px auto;
        font-weight:bold;
        font-size:8pt;
        border:1px solid #000;
        border-radius:5px;
        padding:2px;
        background-color:#ccc;
    }
    .divBookItButton a 
    {
        text-decoration:none;
    }
    .divBookItButton a:hover
    {
        text-decoration:underline;
    }
    .spanBookIt
    {
        display:block;
        text-align:center;
        font-weight:bold;
        font-size:8pt;
        border:1px solid #000;
        border-radius:5px;
        padding:2px;
        background-color:#ccc;
    }
    .tblHD
    {
        margin:10px auto;
        font-size:8pt;
        border-collapse:separate;
        border-spacing:5px;
    }
    .tblHD td
    {
        padding:5px;
        border-radius:5px;
        border:1px solid #000;
        margin:5px;
    }
    .divOtherCalendarLinks
    {
        font-size:12pt;
        text-align:center;
    }
     .spanColorKeyItem
    {
        width:100px;
        margin:0 auto;
        border:1px solid #000;
        padding:5px;
        font-size:10pt;
        text-align:center;
    }
   .divHomePageLink
    {
         text-align:center;
         font-size:12pt;
         margin:20px;
         font-weight:bold;
    }
     .divLodgeRunnerLink
    {
         text-align:center;
         font-weight:bold;
         font-size:8pt;
         font-style:italic;
    }
    .tblAddTrip
    {
        width:80%;
        margin:0 auto;
        border-collapse:collapse;
    }
    .tblAddTrip tr
    {
        vertical-align:top;
    }
    .tblAddTrip th
    {
        padding:5px;
        text-align:right;
        font-size:12pt;
        font-weight:bold;
        margin-top:10px;
        border:1px solid #ccc;
    }
    .tblAddTrip td
    {
        padding:5px;
        min-width:450px;
        font-size:15pt;
        font-weight:normal;
        border:1px solid #ccc;
    }
    .tblRadioButtonList
    {

    }
    .tblRadioButtonList td
    {
        border:none;
        font-size:12pt;
    }
    .spanAct
    {
        display:block;
        font-size:14pt;
        color:red;
    }
    .btnAdd
    {
        font-size:14pt;
        font-weight:bold;
        display:table;
        margin:5px auto;
        width:80%;
    }
    .spanBioLink
    {

    }
    .spanBioLink a
    {
        text-decoration:none;
    }
    .spanBioLink a:hover
    {
        text-decoration:underline;
    }
    .cellCartHeader, .cellCartDetail
    {

    }
    .divCartSummary
    {
        display:none;
    }
    .spanCartItem
    {
        font-size:9pt;
    }
    .spanCartValue
    {
        font-weight:bold;
    }
    .btnRemove
    {
    }
    .btnRemove2
    {
        font-weight:bold;
        font-size:8pt;
    }
    .tblCart
    {
        min-width:700px;
         width:90%;
   }
    .tblCart tr
    {
        vertical-align:top;
    }
    .tblCart th
    {
        font-size:8pt;
        border:1px solid #ccc;       
        font-weight:bold;
    }
    .tblCart td
    {
        font-size:9pt;
        border:1px solid #ccc;       
    }
    .divContactType
    {
         display:table;
         margin:0 auto;
         width:400px;
    }
    .tblContactInfo
    {
        margin:0 auto;
    }
    .tblContactInfo tr
    {

    }
    .tblContactInfo th
    {
        padding-top:10px;
        display:block;
        text-align:left;
        font-size:9pt;
        font-weight:bold;
    }
    .tblContactInfo td
    {
        display:block;
    }
    .tblContactInfo td input[type="text"], .tblContactInfo td select
    {
        min-width:300px;
        height:35px;
        box-sizing:border-box;
        width:100%;
        font-size:13pt;
    }
   .divError
    {
        display:table;
        margin:10px auto;
        color:red;
        max-width:400px;
        font-size:8pt;
    }
    .divSuccess
    {
        display:table;
        margin:10px auto;
        color:green;
        max-width:400px;
        font-size:9pt;
    }
}