/* CSS Document */

* {margin:0; padding:0;}

body {  
    text-align:center;	
    font: 12px/15px Arial, Helvetica, sans-serif;
    color: #000000;
    background:#E9E9E9 url(http://www.titantravel.ekall.com/default/images/bg_body) no-repeat top left;
}

body.popup {  
    margin: 5px;
    text-align:left;	
    font: 12px Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
    background-image:none;
}

table 	{font: 12px Arial, Helvetica, sans-serif;}

/*-------------- LAYOUT -------------------- */	

#wrapper {
      width:980px;
      margin:0 auto; 
      text-align:left;}

#wrapperouter {
      width:800px;
      text-align:left;
      margin:0 auto; }

#wrapperouter-ad {
      width:800px;
      text-align:left;
      float:left; }

#advert-skyscraper {
      float:right;
      width:165px;
      margin-top:130px;}

#advert-landscape {
      margin:5px 0 5px 0;
      text-align:center;
      width:800px;}
	
#lang {
      text-align:right;
      margin:5px 0;
      color:#000000;
      font-size:11px;}

#header {
      margin:0;
      padding:0;
      border-collapse:collapse;	}

#wrapperinner {
        background-color:#FFFFFF; 
        height:auto;
        width:800px;
        margin:0;
        padding:0;
padding-bottom:15px;}

#footer {
        width:800px;
        padding:0; 
        margin:0; 
        height:auto;
	margin-top:5px;/* this stops the innerwrapper from overlapping the footer in IE --*/
        font-size:11px;
	line-height:14px;
	color:#000000;
        background:#E9E9E9;}

#footer .footer {	
        font-size:11px;
	line-height:14px;
	color:#000000;}


/*----- TRAVEL JOURNAL CONTENT ----- */

#tjcontent {
	width:780px;
        margin:10px;
        padding-bottom:10px;
	text-align:left;}

#tjcontent p {margin: 1em 0; padding: 0;}
#tjcontent #faqs h2 {margin: 1.5em 0 1em 0; padding: 0;}
#tjcontent #faqs h3 {margin: 1.5em 0 1em 0; padding: 0;}

.popup p, .popup ul, .popup ol {margin:1em 0; padding: 0}

/*----- PAGE TITLE ----- */

#page-title {width:780px;}

#page-title h1 {
	font-size:14px;
	font-weight:bold;
	margin:10px 0 20px 0;
	color:#000075;
        border-bottom:1px solid #B9C5D1;}

#title { 
        width:780px;    
        height:2em;
        margin:2em auto;   
        border-bottom:1px solid #B9C5D1;}

#title h1 {
        border:0;
	font-size:14px;
	font-weight:bold;
margin:0;
height:0;
	color:#000075;}

#title .left {float:left;}

#title .right {float:right; line-height: 0;}

#hometitle {
     background: url(http://www.titantravel.ekall.com/default/images/icon_beta) no-repeat center left; 
     width:780px; 
     height:60px; 
     margin:1em auto; 
     border-bottom:0;}

#hometitle h1 {padding:20px 0 0 60px;border:0; }


/*----- LAYOUT CONTAINERS ----- */

#container-content {
        width:780px; 
        margin:10px auto;
        padding:10px 0;
        line-height:1.5em;}

#outsideadvert {
    width:165px;
    float:right;
    margin-top:150px;}

/* ----- Layout containers for public pages with 2 columns ----- */

#container-left {
        float:left;
        width:540px;}

#container-right {
        float:right;
        width:220px;}

#container-left-companydetails {
        float:left;
        width:160px;}

#container-right-companydetails {
        float:right;
        width:600px;}

#container-right-pcpublic {
        float:right;
        width:600px;}

#container-left-pcpublic{
        float:left;
        width:160px;}

#container-left-browse{
        float:left;
        width:130px;}
}

#container-right-130w {
        float:right;
        width:130px;}
		
#container-left-650w {
        float:left;
        width:650px;}

#container-right-250w {
        float:right;
        width:250px;}

#container-left-530w {
        float:left;
        width:530px;}

#container-left-320w {
        float:left;
        width:320px;}

#container-left-300w {
        float:left;
        width:300px;}

#container-right-380w {
        float:right;
        width:380px;}

#container-right-440w {
        float:right;
        width:440px;}

#container-left-380w {
        float:left;
        width:380px;}

.clear {clear:both;}



/* --------------- TEXT --------------- */

h1 {
	font-size:14px;
	font-weight:bold;
	margin:10px 0 20px 0;
	color:#000075;
        border-bottom:1px solid #B9C5D1;}

h1.tjhome {  border:0; margin:0;}

h1.nomargin {
	margin:0;}

h2 {
	font-size:12px;
	font-weight:bold;
	margin:1em 0;
	color:#000075;}

h2.nomargin {
      margin:0;}

h2.bottom-margin {
      margin:0; 
      padding:0;
      margin-bottom:0.5em;}

h2 a:link, h2 a:visited{
	color:#000075;
        text-decoration:underline;}

h2 a:hover {
	color:#000000;
        text-decoration:none;}

h3 {
	font-size:12px;
	font-weight:bold;
	margin:1em 0;
	color:#000075;}

hr {
        border-style:none;
        height:1px;
        background-color:#B9C5D1;}

#container-content p {margin: 1em 0; padding: 0;}
#container-content h2 {margin: 2em 0 1em 0; padding: 0;}
#container-content h2.zero-top-margin {margin-top:0;}
#container-content h2.nomargin {margin:0;}

a:link {color:#000075; text-decoration:underline;}
a:visited {color:#000000; text-decoration:underline;}
a:hover {color:#000000; text-decoration:none;}

ol,li {margin-left: 2em;}
ul,li {margin-left: 2em;}
li.list {line-height:1.5em; list-style-image:url(http://www.ekit.com/default/images/arrow);}

ul.help-list-main {
list-style-image:url(/default/images/OpenBook.gif); 
line-height:1.5em;
}

ul.help-list-sub {
margin-left:15px;
list-style-image:none;
list-style-type:square;
line-height:1.5em;
}

ul.help-list-sub-sub {
margin-left:15px;
list-style-image:none;
list-style-type:circle;
line-height:1.5em;
}

.small {font-size:11px;}
.hilite {color:#CF2540;}
.left {	float:left; margin-right:12px;}
.right {float:right; margin-left:12px;}
.grey {color:#666;}

p.homebullets {line-height:2em; }

p.homebullets img {padding-right:3px;}

/*-------------- FOOTER OVERRIDE TEXT -------------------- */	

#footer a:link, #lang a:link {color:#000000; text-decoration:underline;}
#footer a:visited, #lang a:visited {color:#000000; text-decoration:underline;}
#footer a:hover, #lang a:hover {color:#000000; text-decoration:none;}


/*-------------- HOMEPAGE OVERRIDE TEXT -------------------- */	

#home h1 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	color:#000075;
        border-bottom:0;}

#home h2 {
	font-size:12px;
	font-weight:bold;
	margin:10px 0;
	color:#000075;}

#home p {margin: 0; padding: 0;}

#home li {margin-left:0;}

/*--------- HOMEPAGE LAYOUT --------- */

table {line-height:normal;}

table.homepromo {width:100%;margin:0; padding:0; margin-top:10px;}
table.homepromo td {padding:0px;}
table.homepromo td ul {margin-left:1.5em;}
table.homepromo td ul li {line-height:1.2em; list-style-image:url(http://www.titantravel.ekall.com/default/images/arrow);}

table.homepromo td ul.nobullet {margin-left:0;}
table.homepromo td ul.nobullet li {list-style-type:none; list-style-image:none;}

/*-------- HOMEPAGE FIRST ROW OF BOXES --------- */

table.homepromo td.firstrow {
background-color:#D1D9E0;
border:1px solid #B9C5D1;}

table.promobox1, table.promobox2, table.promobox3 {text-align:left;padding:5px;}
table.homepromo td.firstrow .small {font-size:11px;}

/*--------- HOMEPAGE SECOND ROW OF BOXES ---------- */

table td.promobox6, table td.promobox5 {text-align:left; padding:5px;}

table td.promobox6 , table td.promobox5 {
border:1px solid #B9C5D1;
background:#FFFFFF;}

table td.promobox4 {
	padding:5px;
	text-align:right;
	line-height:1em;}

table td.promobox4 {
    background:#F2F4F7;
    border:1px solid #B9C5D1;
    color:#000000;}

#wrapperinner table td.promobox4 h1 {color:#000000;}


/*--------- HOMEPAGE THIRD ROW OF BOXES --------- */

table td.promobox7, table td.promobox8, table td.promobox9 {
vertical-align:top;
border:0px solid #FFFFFF;
background:#FFFFFF;}


/*--------- HOMEPAGE COPY AT THE BOTTOM OF EKIT_COM AIMED AT GOOGLE SEARCH RANKING --------- */

#googlecopy {padding:5px; margin:0 10px 10px 10px;}

#googlecopy h1 {
	font-size:14px;
	font-weight:bold;
	margin:1.5em 0 1em 0;
	color:#000075;
        border-bottom:1px solid #B9C5D1;}

#googlecopy h2 {
	font-size:12px;
	font-weight:bold;
	margin:1em 0;
	color:#000075;}

#googlecopy p {line-height:1.5em;}



/*------------ TRAVEL JOURNAL HOMEPAGE --------------*/

table.tj-home-map {
      border:1px solid #B9C5D1; 
      border-collapse:collapse;
      padding:0;}

table.tj-home-map th {
      background:#D1D9E0; 
      padding:5px 0 5px 5px;
      font-size:11px;
      font-weight:bold;}

table.tj-home-map td {
      padding:0;}

/*---------------- BUTTONS -------------- */

input.btn {
	font:1em Arial, Helvetica-Normal, sans-serif;
	font-weight:bold;
	padding:3px;
	background-color:#CF2540;
	border: 1px outset #A9A9A0;
	color:#FFFFFF;}

input.btn:hover {
        background-color:#FFFFFF;
	border: 1px outset #A9A9A0;
	color:#CF2540;
        cursor: pointer; /* cursor: hand; for IE5 */}

#search input.btn {padding:2px;}

* html input.btn {padding:1px;}

input.btn-cancel {
	font:1em Arial, Helvetica-Normal, sans-serif;
	font-weight:bold;
	padding:3px;
	background-color:#FFFFFF;
	border: 1px outset #A9A9A0;
	color:#CF2540;}

input.btn-cancel:hover {
        background-color:#CF2540;
	border: 1px outset #A9A9A0;
	color:#FFFFFF;
        cursor: pointer; /* cursor: hand; for IE5 */}

#search input.btn-cancel {padding:2px;}

* html input.btn-cancel {padding:1px;}

a.btn-rental {
font:1em Arial, Helvetica-Normal, sans-serif;
font-weight:bold;
text-decoration:none;
padding:4px;
background: #CF2540;
border: 1px outset #A9A9A0;
color:#FFFFFF;
}

a.btn-rental:hover {
background: #FFFFFF;
color:#CF2540;
}

a.btn-ratefinder {
font:1em Arial, Helvetica-Normal, sans-serif;
font-weight:bold;
text-decoration:none;
padding:4px;
background: #CF2540;
border: 1px outset #A9A9A0;
color:#FFFFFF;
}

a.btn-ratefinder:hover {
background: #FFFFFF;
color:#CF2540;
}

/*---------------- IMAGES -------------- */

img { border:0px; }


/* --------------- TABLE STYLES --------------- */

table {
     font-size: 12px; 
     font-family: Verdana, Helvetica, sans-serif;}

th, td {padding:5px;}

table.nopadding {padding:0;}
table.nopadding tr {padding:0;}
table.nopadding td {padding:0;}
td.padding {padding:5px;}
th.padding {padding:5px;}

table.border {
     border:1px solid #B9C5D1;
     border-collapse:collapse;}

table.noborder {
     border:none;
     border-collapse:collapse;}

table td.border_nobg {
     background-color:#FFFFFF;
     border:1px solid #B9C5D1;
     border-collapse:collapse;}

table td.border_bg {
     background-color:#D1D9E0;
     border:1px solid #B9C5D1;
     border-collapse:collapse;}

table th.border_bg {
     background-color:#D1D9E0;
     border:1px solid #B9C5D1;
     border-collapse:collapse;}

table td.noborder_bg {
     background-color:#D1D9E0;
     border:0;
     border-collapse:collapse;}

/*----- TABLES ON HOMEPAGE ----*/

table td.signin {
     background-color: #D1D9E0;
     border:1px solid #B9C5D1;
     color: #000000;
     background-color: #F2F4F7;
     border:1px solid #B9C5D1;
     color: #000000;
     padding:5px;
     text-align:left;
     font-weight:normal;}

table td.signin a:link  {   color: #000000;}
table td.signin a:visited  {   color: #000000;}
table td.signin a:hover  {   color: #000000;}

table td.signin h2 {
     color: #FF0000;
     color: #000000;
     text-align:left;
     margin-bottom:1em;}

table td input { margin:2px 0;}

table td.home_banner_1 {
     padding:2px;
     background-color:#143258;   
     background-color:#D1D9E0; 
     border:1px solid #B9C5D1; }

table td.home_banner_2 {
     padding:2px;
     border:none;
     background-color:#427AAD;    
     background-color:#FFFFFF; 
     border:1px solid #B9C5D1; }


/* ---------- TABLES HOLDING DATA ----------- */

table.data {
	border:1px solid #B9C5D1;	
	border-collapse:collapse;
        margin:0.5em 0 1em 0;}

table.data th {
	background:#D1D9E0;
	padding:0.5em;	
	text-align:left;
	border:1px solid #B9C5D1;}


table.data td.alt {
      /* background-color:#E9E8E8; */
      background-color:#E5E5E5;
      text-align:left;}

table.data td {
      background-color:#FFF;
      border:1px solid #B9C5D1;
      border-collapse:collapse;
      text-align:left;}

table.data tr.odd {
     background-color:#F3F3f3;}


/* ---------- TABLES HOLDING ACCOUNT SETTINGS 2009 ----------- */


table.settings-09 {
	padding:0;border:0;

	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	border-collapse:collapse;}
		
table.settings-09 th {
	background-color:#CCC; 
	border-bottom:1px solid #DDD;
	padding:5px;
	font-weight:bold;
	text-align:left;}

table.settings-09 td { 
	background-color:#f8f8f8; 
	border-bottom:1px solid #e2e6ef;
	border-top:1px solid #e2e6ef;
	border-collapse:collapse;
	color:#555555;
	padding:5px;
	font-weight:normal;}

table.settings-09 td.alt { font-weight:normal;}

table.settings-09 td.btn { 
	background-color:#f8f8f8; 

	border-collapse:collapse;
	text-align:right;
}
table.settings-09 td p {line-height:normal;padding:0; margin:0;}

/* ---------- TABLES HOLDING ACCOUNT SETTINGS ----------- */

table.settings {
      width:60%;
      padding:0;
      border:1px solid #CDCDCD;
      border-collapse:collapse;}
		
table.settings th {
	background-color:#DDDDDD; 
	border:0; 
	border:1px solid #CDCDCD;
	padding:5px;}

table.settings td { 
	background-color:#F3F3F3; 
	padding:5px;
	border:none;
	border-collapse:collapse;}

table.settings td.nobg {
	background:none; 
	padding:5px;
	border:none;
	border-collapse:collapse;}

table.settings-100w {
	width:100%;
	padding:0;
        border:1px solid #CDCDCD;
	border-collapse:collapse;}
	
table.settings-100w th {
	background-color:#DDDDDD; 
	border:0;
        border:1px solid #CDCDCD;
	padding:5px;}

table.settings-100w td { 
	background-color:#F3F3F3;
	padding:5px;
	border:0;
	border-collapse:collapse;}

table.settings-100w td.border { 
	background-color:#F3F3F3;
	padding:5px;
	border-bottom:1px solid #DDD;
	border-collapse:collapse;}

table.settings-100w td.nobg {
	background:none;
	padding:5px;
	border:0;}

table.settings-100w td.button {
	background-color:#DDDDDD;padding:0;}

.account-settings table th {
	color:#000075;
	padding:0 5px;}
		
.account-settings table td {padding:5px;}

.account-settings table td ul {padding:5px 0;}

.account-settings table td li {
	line-height:1.5em; 
	list-style-image:url(http://www.titantravel.ekall.com/default/images/arrow);
	margin-left:1em;}

table.settings input[type="text"] {
    width: 100%;
}

/* ---------- TABLES FOR ACCOUNT HISTORY --------*/

table.account-history {
	width:50%;
	padding:0;
	border:1px solid #DDDDDD;
	border-collapse:collapse;}
	
table.account-history th {
	background-color:#DDDDDD; 
	border:0;
	border-bottom:1px solid #FFF;
	padding:5px;}

table.account-history td { 
	background-color:#F3F3F3;
	padding:5px;
	border:1px solid #DDDDDD;
	border-collapse:collapse;}

table.account-history td.alt {background-color:#FFFFFF;}

table.account-history td.normal {background-color:#F3F3F3;}

table.account-history-100w {
	width:100%;
	padding:0;
	border:1px solid #DDDDDD;
	border-collapse:collapse;}
	
table.account-history-100w th {
	background-color:#DDDDDD; 
	border:0;
	border-bottom:1px solid #FFF;
	padding:5px;}

table.account-history-100w td { 
	background-color:#F3F3F3;
	padding:5px;
	border:1px solid #DDDDDD;
	border-collapse:collapse;}

table.account-history-100w td.alt {background-color:#FFFFFF;}

table.account-history-100w td.normal {background-color:#F3F3F3;}

/* ---------- TABLES FOR SIGN IN -------- */

table.signin {
	border:1px solid #B9C5D1;
	border-collapse:collapse;}

table.signin td {
	background-color:#D1D9E0;
	border:0;
	border-collapse:collapse;}

/* ---------- TABLES FOR EMAIL SUB MENU ----------- */

table.email-nav {
	border:0;	
	border-collapse:collapse;
        margin:0;}

table.email-nav td {
	background:#D1D9E0;
	padding:0.5em;	
	text-align:left;
	border:0;}

table.email-nav td.alt {
	background: white;	
	padding:0;	
	text-align:left;
	border:0;}

table.email-nav tr.alt {background: white;}

/* ---------- TABLES HOLDING EMAIL ATTACHMENTS ----------- */

table.attachments {
	border:0px solid #B9C5D1;	
	border-collapse:collapse;
        margin:00;}

table.attachments th {
	background:#D1D9E0;
	padding:0.5em;	
	text-align:left;
	border:0px solid #B9C5D1;}


table.attachments td.alt {
      background-color:#E9E8E8;	text-align:left;}

table.attachments td {
      background-color:#FFF;
      border:0px solid #B9C5D1;
      border-collapse:collapse;
      text-align:left;}



/* ---------- TABLES FOR PROMO BOXES such as access number page ----------- */

table.promo {
     padding:0;
     border:1px solid #DDDDDD;
     border-collapse:collapse;}
	
table.promo th {
     background-color:#DDDDDD; 
     border:0; 
     border-bottom:1px solid #FFF;
     padding:5px;}

table.promo td { 
     background-color:#F3F3F3; 
     padding:5px;
     border:none;
     border-collapse:collapse;}


/* ---------- MOBILE CHECKOUT ----------- */

table.mobile_product {
	border:1px solid #B9C5D1;	
	border-collapse:collapse;
        margin:0.5em 0 1em 0;}

table.mobile_product th {
	background:#D1D9E0;
	padding:0.5em;
	border-bottom:1px solid #B9C5D1;
	border-top:1px solid #B9C5D1;}

table.mobile_product td {
	background:#FFF;
	padding:0.5em;	
	vertical-align:top;}

table.mobile_product td.alt {  background:#F3F3F3;}


/* ---------- SALES FILTER IN CHECKOUT ----------- */
table.sales_filter {
	border:1px solid #B9C5D1;
	background:#D1D9E0;	
	border-collapse:collapse;
        margin:0.5em 0 1em 0;}


/* ---------- TABLES FOR ICON BUTTONS ----------- */
table.button {
	border:1px solid #B9C5D1;
	background:#D1D9E0;	
	border-collapse:collapse;
        margin:0.5em 0 1em 0;}

table.button td {border:0;}


/* ---------- TABLES FOR BOXES ON NEW COMMS PAGE 09  ----------- */

table.comms-1 {
     padding:0;
     border:1px solid #DDDDDD;
     border-collapse:collapse;}
	
table.comms-1 th {
     background-color:#DDDDDD; 
     border:0; 
     border-bottom:1px solid #FFF;
     padding:5px;}

table.comms-1 td { 
     background-color:#F3F3F3; 
     padding:5px;
     border:none;
     border-collapse:collapse;}

table.comms-2 {
     padding:0;
     border:0;
     border:1px solid #DDDDDD;     border-collapse:collapse;}
	
table.comms-2 th {
     background-color:#DDDDDD;; 
     border:0; 
     padding:5px;}

table.comms-2 td { 
     background-color: #FFFFFF; 
     padding:5px;
     border:0;}

table.comms-2 td.alt { 
     background-color:#F3F3F3; 
     padding:5px;
     border:0;}

table.comms-3 {
     padding:0;
     border:1px solid #B9C5D1;
     border-collapse:collapse;}
	
table.comms-3 th {
     background-color:#D1D9E0; 
     border:0; 
     padding:5px;}

table.comms-3 td { 
     background-color:#D1D9E0; 
     padding:5px;
     border:none;}

table.comms-4 {
     padding:0;
     border:0;
     border:0;}
	
table.comms-4 th {
     background-color: #FFFFFF; 
     border:0; 
     padding:5px;}

table.comms-4 td { 
     background-color: #FFFFFF; 
     padding:5px;
     border:0;}

/* ---------- TABLE STYLES FROM OLD CSS ----------- */

table.normal-border {
	border:1px solid #B9C5D1;	
	border-collapse:collapse;
        margin:0.5em 0 1em 0;}

table.normal-border th {
	background:#D1D9E0;
	padding:0.5em;
	border-bottom:1px solid #B9C5D1;
	border-top:1px solid #B9C5D1;}

table.normal-border td {
        border:1px solid #B9C5D1;
	padding:0.5em;	}

table.normal-border td.normal {
	background:#D1D9E0;}

table.normal-border td.alt {  background:#F3F3F3;}


/* ---------- TABLE FOR MOBILE RATES  ----------- */
table.rates {
	border:1px solid #B9C5D1;	
	border-collapse:collapse;
        margin:0.5em 0 1em 0;
        font-size:12px;}

table.rates th {
	background:#D1D9E0;
	padding:0.5em;
	border:1px solid #B9C5D1;
	border-collapse:collapse;
        text-align:center;}

table.rates td {
        border:1px solid #B9C5D1;
 	padding:0.5em;	
        text-align:center;}

table.rates td.normal {background:#D1D9E0;}

table.rates td.alt {background:#F3F3F3;}



/* ---------- TABLE STYLES FOR RATES IN ML FONT IS SMALLER ----------- */
table.rates-ml {
	border:1px solid #B9C5D1;	
	border-collapse:collapse;
        margin:0.5em 0 1em 0;
        font-size:10px;}

table.rates-ml th {
	background:#D1D9E0;
	padding:0.5em;
	border-bottom:1px solid #B9C5D1;
	border-top:1px solid #B9C5D1;}

table.rates-ml td {
        border:1px solid #B9C5D1;
	padding:0.5em;	}

table.rates-ml td.normal {
	background:#D1D9E0;}

table.rates-ml td.alt {  background:#F3F3F3;}


/* ------ SIDE NAV FOR COMPANY DETAILS ------*/

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 140px; /* Width of Menu Items */
border-bottom: 1px solid #CCCCCC;
border:0;
font: 11px arial, verdana, sans-serif;}
	
.suckerdiv ul li{
position: relative;
background: #D1D9E0;
margin:0;
padding:0;}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 150px; /*sub menu width*/
top: 0;
visibility: hidden;}

/* Sub level menu links style */
.suckerdiv ul li a {
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #000075;
text-decoration: none;
background: #D1D9E0;
padding:5px;
border-bottom: 1px solid #FFF;}

.suckerdiv ul li a:visited {color: #000000;}

.suckerdiv ul li a:hover {background: #F5F5F5;}

.suckerdiv .subfolderstyle{background: url(http://www.titantravel.ekall.com/default/images/side_nav_arrow) no-repeat center right;}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


/* ------ STYLES FROM OLD STYLESHEET ------*/

.error  {font-weight:bold; color: red;}
.success {font-weight:bold;}
.small { font-size: 10px; font-size:11px; }
.bright {color:#CF2540;}

/*------- styling for the activate button for ekit pcm -----*/

.deactivated {     
	border: 1px solid #B9C5D1;
	background-color:#D1D9E0;
	width: 60%;
	text-align: center;
}

.activated {
	border: 1px solid #B9C5D1;
	background-color:#FFFFFF;
	width: 60%;
	text-align:center;
}


/*----- GENERIC ERROR / FEEDBACK BOX ON EVERY PAGE -----*/

div.error {
     background: #FFEEEE;
     padding: 1em;
     border: thin solid #CC0000;
     font-weight: bold;
}

div.feedback {
     background-color: #F2F4F7;
     border:1px solid #B9C5D1;
     color: #000000;
     padding: 1em;
     font-weight: bold;
}


.highlight {
     background: #FFEEEE;
     padding: 1em;
     border: thin solid #B9C5D1;
     font-weight: bold;
}
/*
**
** BEGIN Travel Journal styling
**
*/


/*----- FRIEND LOGIN BOX -----*/

#friend_login_form {
       display: none;
       position: absolute;}

a.anchor_tag {
       color: #000075;
       text-decoration: underline;}

a.anchor_tag_hide {
       color: #000075;
       text-decoration: underline;
       display: none;}


/*----- JOURNAL PAGINATION ----*/

#pagination {
       background-color: #F3F3F3;
       margin-top:2em;
       padding:0.4em;
       text-align:right;}

#pagination span {
       background-color: #000075;
       color: white;
       margin-left: .5em;
       padding-left: 2px;
       padding-right: 2px;}

#pagination a {
       text-decoration: none;
       border: thin solid #000075;
       margin-left: .5em;
       padding-left: 2px;
       padding-right: 2px;}

#pagination a:hover {
       background-color:#FFFFFF;}

/*----- JOURNAL PAGINATION NOBACKG----*/

#paginationnb {
       padding:0.4em;
       text-align:right;}

#paginationnb span {
       background-color: #000075;
       color: white;
       margin-left: .5em;
       padding-left: 2px;
       padding-right: 2px;}

#paginationnb a {
       text-decoration: none;
       border: thin solid #000075;
       margin-left: .5em;
       padding-left: 2px;
       padding-right: 2px;}

#paginationnb a:hover {
       background-color:#FFFFFF;}


/*----- DELETE ENTRY BOX -----*/
#delete_form {
       display: none;
       position: absolute;}

a.anchor_tag {
       color: #000075;
       text-decoration: underline;}

/*----- JOURNAL TEXT STYLES OVERRIDES ----*/

p.journal_subhed {
       background-color:#D1D9E0;
       width:775px;
       height:25px;
       margin:5px 0;
       font-weight:bold;
       font-size:12px;
       padding:5px;
       text-align:center;
       }

div.message {overflow: auto;}

/*----- JOURNAL SUMMARY PAGE ----*/

.posted {color:#858585;padding:0.5em 0 1em 0;}
#more {color:#000075;padding:1em 0 0.5em 0;}
#more a:link, #more a:visited {text-decoration:underline;}
#more a:hover {text-decoration:none;}
.edit {padding:1em 0;}
.temp {text-align:left;}
.stock {font-size:11px; color:#858585;}

tr.borderbottom td{border-bottom:1px solid #D1D9E0;}

td.borderbottom {border-bottom:1px solid #D1D9E0;}

td.day {
      background-color:#D1D9E0;
      border:1px solid #D1D9E0;
      text-align:center;
      font-weight:bold;}

td.month {
      background-color:#FFFFFF;
      border:1px solid #D1D9E0;     
      text-align:center;
      font-weight:bold;}

td.img {text-align:center; width:100px; height:75px;}


/*----- JOURNAL GALLERY ----*/

#gallerycontent {width:768px; height:400px;}
#gallerycontent #gallery {background:#F3F3F3; width:252px; padding: 0px;}
#gallerycontent #gallery ul {list-style:none; margin:5px; padding: 0px; width:232px; height:375px; overflow:auto;}
#gallerycontent #gallery ul li {display:inline; width:50px; height:50px; float:left; margin: 2px; border: 2px solid #444; cursor:pointer;}
#gallerycontent #gallery ul li img {display:block; width:50px; height:50px;}
#gallerycontent #gallery ul li canvas {display:block; width:50px; height:50px;}
#gallerycontent #gallery ul li.click {border: 2px solid yellow;}
#gallerycontent #galleryselected {width: 500px; height: 375px;}
/* #gallerycontent #galleryselected #gallery_selected_image  {width: 500px;} */

/*----- VIDEO GALLERY ----*/
#videocontent {width:768px; height:400px;}
#videocontent #video {background:#F3F3F3; width:252px; padding: 0px;}
#videocontent #video ul {list-style:none; margin:5px; padding: 0px; width:275px; height:375px; overflow:auto;}
#videocontent #video ul li {display:inline; width:120px; height:90px; float:left; margin: 2px; border: 2px solid #444; cursor:pointer;}
#videocontent #video ul li img {display:block; width:120px; height:90px;}
#videocontent #video ul li.click {border: 2px solid yellow;}
#videocontent #videoselected {width: 500px; height: 375px;}



/*------------ FORM STYLES -------------*/

.formcontainer {background:#F3F3F3; width:770px; padding:5px;}
form.normal label {position: absolute; text-align:left; width:300px; font-weight: bold;}
form.normal .label_200 {position: absolute; text-align:left; width:200px; font-weight: bold;}
form.normal .img_300 { margin-left: 300px; }
form.normal input, #tjcontent #editpost textarea { margin-left: 300px; }
form.normal input.nomargin { margin-left: 0px; }
form.normal select  { margin-left: 300px; }
form.normal .leftmargin { margin-left: 10px; }
form.normal .middlealign {vertical-align: middle; }
form.normal label.check { position:relative; text-align:left; }
form.normal .form_right {margin-left:300px;}
form.normal .form_right_200 {margin-left:200px;}
form.normal .form_right_80 {margin-left:80px;}
form.normal .mceEditorContainer {margin-left:300px;}

form.normal ul {margin-left:300px;list-style:none; padding:0;}
form.normal ul li {margin-right:5px; display:inline;}
form.normal ul li a:link img, #tjcontent .editpost  ul li a:visited img  { border: 1px solid #999; }
form.normal ul li a:hover img { border: 1px solid #CF2540; }
form.normal ul li .selected { border: 1px solid #CF2540; }

.formcontainer2 {background:#F3F3F3; width:400px; padding:5px;}


/*----- JOURNAL COMMENTS ----*/

#comments {text-align:left;}

#comments ol {
          margin:1em 0;
          padding:0;
          list-style-type: none;}

#comments ol li {
    width:780px;
    line-height: 1.5em;
    border: 1px solid #D1D9E0;
    background-color:#F3F3F3;
    margin:1em auto;}

#comments ol li:hover {background-color: #FFFFFF;}
#comments ol .top {background-color: #D1D9E0;}
#comments .top {padding:5px; min-height:20px;}
#comments .body {padding:5px; clear:both;}
#comments .bottom {padding:5px;}
#comments .number {text-align:right;}
#comments .comment-head {float:left;}
#comments .remove-comment {float:right;}


/*----- CONTACT PAGE ------*/

.customer_status {padding:5px;}
.customer_status img {margin-right:10px;}
.contact_buttons {text-align:center; margin:10px 0;}

/*------------ MAP VIEW --------------*/

#map {text-align:center;margin:0 auto; width:755px; border:1px solid #B9C5D1;}
#map #legend {width:755px; background:#D1D9E0; padding:5px 0}
#map #legend  ul {list-style:none; padding:0; margin:0;}
#map #legend  ul li {display:inline;}
#map #legend  ul li img {margin:0 5px 0 25px;}

#map #details {text-align:right; width:755px; background:#D1D9E0; padding:5px 0}
#map #details ul {list-style:none; padding:0; margin:0;}
#map #details ul li {display:inline; margin-right:5px;}
#map #details ul li img {margin:0;}


/*------------ BUBBLE POP UP ON MAP VIEW --------------*/
.bubble {
	width:350px; 
	max-width:350px;
	max-height:200px;
  text-align:left;
	font-size:11px;
	font-weight:normal;
	padding:5px;
	margin:0;
  background-color:#FFFFFF;}

.bubble #row1 ul {margin:0; padding:0;}
.bubble #row1 ul li {list-style:none;display:inline; font-size:16px;}
.bubble #row1 ul li.previous {float:left;}
.bubble #row1 ul li.next {float:right;margin-right:10px;}
.bubble #row1 ul li.close {float:right;}
.bubble #row1 img {border:none;}
.bubble #row1 a{
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#F5F5F5;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}
.bubble #row1 a:link, .bubble #row1 a:visited {color:#0162BE; text-decoration:none;}
.bubble #row1 a:hover {color:#000000; text-decoration:underline;}

.bubble #row2 {clear:both;padding:10px 0; max-height:150px;overflow:auto;}
.bubble #row2 .image {float:left; height:75px; width:100px;margin-right:5px;}
.bubble #row2 .profile {float:left; margin-right:5px;}
.clear {clear:both;}

.bubble #row3 {clear:both;}
.bubble #row3 ul {margin:0; padding:0;}
.bubble #row3 ul li {list-style:none;display:inline;margin-right:10px;}

.bubble #row3 a:link, .bubble #row3 a:visited {color:#000075; text-decoration:none;}
.bubble #row3 a:hover {color:#000000; text-decoration:underline;}

/*------------ GALLERY --------------*/
#ekit_gallery {position:relative; margin-left:5px; width:360px;  margin:20px auto 0 auto; border:1px solid #aaa;}
#ekit_gallery ul {width:360px; padding:0; margin:0; list-style-type:none;overflow:auto;}
#ekit_gallery li {display:inline; float:left;width:80px; height:60px; border:5px solid #E0EEEE;}
#ekit_gallery ul li img {display:block; width:80px; height:60px;}
/*#ekit_gallery ul li img:hover {position:absolute;  border:3px solid #FFFFFF; width:200px; height:150px;} */
#ekit_gallery ul li a:link {text-decoration: none; color: #FFFFFF;}
#ekit_gallery ul li a:visited {text-decoration: none; color: #FFFFFF;}
#ekit_gallery ul li a:active {text-decoration: none; color: #FFFFFF;}
#ekit_gallery ul li a:hover {text-decoration: none; color: #FFFFFF;}


/* ---------- TRIP FILTER ----------- */

table.trip-filter {
	padding:0;
	margin:0;
	background:#FFFFFF;
	border:0;
  width:100%;
  font-size:11px;}

/* ----------Browse --------------------*/

#entry_browser {
  float: left;
  height: 100%;
  margin: 0px 5px 10px 5px;
  padding-bottom: 40px;
  width: 152px;}

/* ---------- ACTIVITY PAGE ----------- */

table.activity-filter {
	padding:0;
	margin:0;
	background:#D1D9E0;
	border:1px solid #B9C5D1;
        width:100%;}

table.activity {
	border:0;
	padding:0;
	margin:0;
	border:1px solid #E8E5E5;}

/* word-break is an IE5-only property and doesn't appear to be that useful anyway
table.activity td {word-break: break-all;}
*/
table.activity td.bg {
	background:#E8E5E5;
	padding:0;
	margin:0;border:0;}

table.activity table.message {
	border:0;
	background:#E8E5E5;
	border-collapse:collapse;}

/* word-break is an IE5-only property and doesn't appear to be that useful anyway
table.activity table.message td {word-break: break-all;}
*/
table.activity .llinks {
       text-align:left;
       font-size:11px;}

table.activity .llinks  a:link, table.activity .links  a:visited {
       color:#666;
       text-decoration:none;}

table.activity .llinks  a:hover {
       color:#666;
       text-decoration:underline;}

table.activity .links {
       text-align:right;
       font-size:11px;}

table.activity .links  a:link, table.activity .links  a:visited {
       color:#666;
       text-decoration:none;}

table.activity .links  a:hover {
       color:#666;
       text-decoration:underline;}

table.trash_buttons {
	width:100%;
	padding:0;
        border:1px solid #CDCDCD;
	border-collapse:collapse;
        margin-bottom:10px;}
	
table.trash_buttons th {
	background-color:#DDDDDD; 
	border:0;
        border:1px solid #CDCDCD;
	padding:5px;}

table.trash_buttons td { 
	background-color:#F3F3F3;
	padding:5px;
	border:0;
	border-collapse:collapse;}

/*------------ Friends tab --------------*/
/* ---------- TABS ----------- */


.tabs{
	width: 100%;
	overflow: hidden;
	border-bottom: 2px solid #D0E1EF; 
	margin:0 0 20px 0;}

.tabs ul{
	margin: 0;
	padding: 0;
	padding-left: 5px;
	list-style-type: none;}

.tabs li {
	display: inline;
	margin: 0;
	font-size:11px;
	font-weight:bold;}

.tabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 3px 7px;
	border-right: 4px solid white;
	background: #F3F3F3; /*background of tabs (default state)*/}


.tabs li a:hover {background: #D0E1EF; text-decoration:underline;}
.tabs li.selected a {background: #D0E1EF; }



/*------------ GENERAL    --------------*/

.hide {display: none;}
.show {display: block;}
.no-bold {
 font-weight: normal;
 }


/*------------ PUBLIC DEMO --------------*/

#demo {
      text-align:center;
      margin:0 auto;}

/*
**
** BEGIN listmenu_h.css
**
*/

#top-menu {
        background: #D1D9E0;
        background: #F2F4F7;
	height: 20px;
	width: 800px; 
	margin-bottom: 14px;
        border-top: 1px solid #B9C5D1;
        border-bottom: 1px solid #B9C5D1;}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
       margin: 0;
       padding: 0;
       list-style: none;
       font: 11px Arial, Helvetica, sans-serif;
       font-weight:bold;}

/* need to reset margin-left to zero to override the master CSS ---*/
.menulist ul, .menulist li {margin-left: 0;
       line-height:normal;}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
      display: none;
      position: absolute;
      top:10px;
      margin-top:10px; 
      left: -1px;
      width: 150px;}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
     top: -1px; 
     margin-top:0;
     left: 148px;}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
    float: left;
    display: block;
    position: relative;
    background: #F2F4F7;
    padding:0;
    margin-right: -1px;
    margin-left:15px;
       line-height:normal;}

/* These override the default styles and apply to sub menu only */
.menulist li ul li {
    background: #F5F5F5;
    padding:1px 3px;
       line-height:normal;}



/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
      height:24px;
      float: none;
      padding:0;
      margin: 0;
      margin-bottom: -1px;
      font: 11px Arial, Helvetica, sans-serif;
      border:1px solid #DDD;
       line-height:normal;}
  
.menulist ul>li:last-child {
     border-bottom:1px solid #DDD;
     margin-bottom: 1px; /* Mozilla fix */}

/* Links inside the menu */
.menulist a {
     display: block;
     padding:3px 1px;
     color: #000000;
     text-decoration: none; }

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
     color: #000000;
     background-color: #F5F5F5; 
     text-decoration:underline; }

.menulist a.highlighted {
    color: #000000;
    background-color: #F5F5F5; text-decoration: none; }


/* These override the default styles and apply to sub menu only */
.menulist li ul li a {
    color:#000000;}

.menulist li ul li a:hover, .menulist li ul li a:visited {
    color:#000000;}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
     display: none;}

.menulist ul a .subind {
     display: block;
     float: right;}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a { float: left;}

.menulist ul a {float: none;}
/* \*/
.menulist a {float: none;}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */



/*
**
** BEGIN listmenu_fallback.css
**
*/

.menulist li:hover>ul {display: block;}