#table
{
   /*width:600px;*/
   height:500px;
   position:relative;
   background-color:#ecdeb4;
}

.region-element, .company-element, .liner-element, .month-element, .duration-element
{
   font-weight:normal;
   cursor:pointer;
}

.frame-company-element, .frame-liner-element
{
   font-weight:bold;
   padding:3px 3px 3px 3px;
   cursor:pointer;
}

.frame-company-active-element, .frame-liner-active-element
{
   font-weight: bold;
   cursor:pointer;
   padding:3px 3px 3px 3px;
   background-color:#ddcea4;
}

.month-element
{
   border:solid;
   border-width:1px;
   border-color:#462f05;
   padding:2px 3px 2px 3px;
   background-color:#ddcea3;
}

.region-active-element, .company-active-element, .liner-active-element, .month-active-element, .duration-active-element
{
   font-weight:normal;
   /*font-style:italic;
   text-decoration:underline;*/
   cursor:pointer;
   background-color:#ddcea4;
}

.icompany-element > span.company-active-element, .icompany-element > span.liner-active-element,
.icompany-element > span.company-disabled-element, .icompany-element > span.liner-disabled-element
{
   font-weight:bold;
   padding:3px 3px 3px 3px;
   color:#000000;
   cursor:pointer;
}

.month-active-element
{
   border:solid;
   border-width:1px;
   border-color: #FFFFFF;
   padding:2px 3px 2px 3px;
   background-color:#ddcea3;
}

.liner-disabled-element
{
   color:#CCCCCC;
   cursor: text;
}

.month-disabled-element
{
   color:#CCCCCC;
   border:solid;
   border-width:1px;
   border-color:#462f05;
   padding:2px 3px 2px 3px;
   background-color:#999999;
}

.duration-disabled-element
{
   color:#CCCCCC;
   cursor:text;
}

.region-disabled-element, .company-disabled-element
{
   color:#999999;
   cursor:text;
}

/* ---------- Region ----------*/

#col-1
{
   border:solid;
   border-width:1px;
   border-color:#8b7351;
   border-right:none;
   position:relative;
   float:left;
   width:225px;
   height:500px;
}

#region
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   margin-left:20px;
   margin-top:20px;
   height:450px;
   width:205px;
   overflow:hidden;
}


/* ---------- Region ----------*/

#month
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   margin-left:20px;
   margin-top:20px;
}


/* ---------- Duration ----------*/

#duration
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   margin-left:20px;
   margin-top:35px;
}

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

/* ------- col-2 -------*/

#col-2, #col-3
{
   border:solid;
   border-width:1px;
   border-color:#8b7351;
   border-right:none;
   position:relative;
   float:left;
   width:230px;
   height:500px;
}

#col-3
{
   border-right:solid;
   border-right-width:1px;
   border-right-color:#8b7351;
}

/* Cruise companies */

#companies
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   margin-left:20px;
   margin-top:20px;
   height:200px;
   width:210px;
   overflow:hidden;
}

/* Liners */

#liners
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   margin-left:20px;
   margin-top:20px;
   height:200px;
   width:210px;
   overflow:hidden;
}

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

/* ----- Result ------ */

#result
{
   position:relative;
   width:100%;
   height:80px;
   top:50px;
}

#result-string
{
   position:relative;
   padding-left:30px;
   padding-top:5px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
}

#buttons
{
   position:relative;
   top:20px;
   width:100%;
   height:35px;
}

#clear, #show
{
   position:relative;
   width:80px;
   height:20px;
   cursor:pointer;
   border:solid;
   border-color:#937a52;
   border-width:1px;
   background-color:#f2ead4;
   padding-left:12px;
   padding-top:2px;
   font-weight:bold;
   font-family:Arial, Helvetica, sans-serif;
}

#clear
{
   float:left;
   margin-left:18px;
}

#show
{
   margin-left:130px;
}

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

#view-btn
{
   position:relative;
   width:80px;
   padding-left:7px;
   height:15px;
   cursor:pointer;
   left:70px;
   top:5px;
   border:solid;
   border-color:#937a52;
   border-width:1px;
   background-color:#f2ead4;
}

/* Cruises details */

.main-detail-table
{
   width:100%;
}

.dtl-cruise-title
{
   text-transform:uppercase;
   font-size:14px;
   font-weight:bold;
}

.dtl-heads
{
   font-weight:bold;
}

.detail-table
{
   margin-top:20px;
   width:100%;
}

.detail-table-header
{
   font-weight:bold;
}

.detail-table-head
{
   background-color: #a19065;
   padding-left:3px;
}

#icompany, #iliners
{
   position:absolute;
   top:20px;
   left:20px;
   width:0;
   height:0;
   border:solid;
   border-width:1px;
   border-color:#8b7351;
   visibility:hidden;
   z-index:10;
   background-color:#ecdeb4;
   filter:alpha(opacity=95);
   opacity: 0.95;
   overflow:scroll;
}

.close-iframe:link, .close-iframe:visited, .close-iframe:hover
{
   color:#000000;
   font-weight:bold;
}

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

.show-th
{
   border-bottom:solid;
   border-bottom-width:1px;
   border-bottom-color:#999999;
   height:25px;
}

.show-td
{
   padding:5px 5px 5px 5px;
}