/* Trip Pages */
.ww-trip {
	border:1px solid black;
	margin-left:1px;
	margin-bottom:5px;
	border-collapse:collapse;	
}
.ww-trip-hdr {
	width:830px;
	margin:0px;
	font-size:12px;
	padding:0 10px 0 0;
	vertical-align:bottom;
	background-color:#E79A52;
	border:0;
}
.ww-trip-main {
	width:830px;
	margin:0px;
	font-size:12px;
	padding:0;
	vertical-align:top;
	background-color:#E79A52;
	border:0;
}

#ww-trip-content {
	margin:0px 10px 10px 10px;
	background:#FFF9BD;
	padding:20px;
	vertical-align:top;
}
#ww-tlist {
	width:130px;
	margin:0px;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background-color:#E79A52;
	border:0;
}
#ww-tlist ul {
	list-style-type:none;
	padding:0;
}

#ww-tlist ul li {
	padding:10px 0 5px 0;
}
#ww-tlist ul li.current {
	background-color:#FFF9BD;
}
#ww-tlist ul li:hover {
	background-color:#AAAAAA;
}

#ww-tlist ul a {
	text-decoration:none;
	color:blue;
}

/* 
  ww log
*/

#ww-log table {
         margin:10px;
         border-collapse:collapse;
}
#ww-log th  {
         padding:10px;
         width:80px;
         font-size:1.2em;
         font-weight:bold;
         text-align:center;
         vertical-align:top;
}
#ww-log td  {
         border-top:1px solid black;
         text-align:left;
         padding:10px;
}

/*
  Photo pages
*/
#ww-photo-nav table {
	margin:2px;
	border-collapse:collapse;
	border:1px solid black;
	width:650px;
}
#ww-photo-nav th {
	border:1px solid black;
	text-align:center;
	font-family:arial;
	font-size:14px;
	width:130px;
	padding:3px;
	background:#A0A0FF;
	font-weight:bold;
}
#ww-photo-nav td {
	border:1px solid black;
	text-align:center;
	font-family:arial;
	font-size:12px;
	width:130px;
	padding:3px;
	background:#E0E0FF;
}
#ww-photo-nav td a:hover {
	background:#6060FF;
	display:block;
}

/* folder tabs */


.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	font-size:14px;
	background-color:#FFF9BD;
}
.panes th.r {
	color:#FFFFFF;
	background-color:#CF3030;
}
.panes th.d {
	color:#FFFFFF;
	background-color:#3030CF;
}
.panes th.i {
	color:#FFFFFF;
	background-color:#999999;
}
ul.tabs, ul.dtabs { 
	list-style:none; 
	margin:0px; !important; 
	padding:0;		
	height:30px;
}
ul.dtabs {
	float:right;
	padding:0;
	margin:0;
}

/* single tab */
ul.tabs li, ul.dtabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0; !important;
	list-style-image:none !important; 
}


/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(images/blue.png) no-repeat -420px 0;
	font-size:12px;
	font-weight:bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}
ul.dtabs a { 
	background: url(images/blue.png) no-repeat -420px 0;
	font-size:12px;
	font-weight:bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}




ul.tabs a:active, ul.dtabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover, ul.dtabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a,
ul.dtabs a.current, ul.dtabs a.current:hover, ul.dtabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

ul.tabs a.current {
	font-size:15px;
	color:#FF0000;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.tabs a.s, ul.dtabs a.s			{ background-position: -553px 0; width:81px;font-size:8px; }
ul.tabs a.s:hover, ul.dtabs a.s:hover		{ background-position: -553px -31px; font-size:8px;}
ul.tabs a.s.current, ul.dtabs a.s.current	{ background-position: -553px -62px; font-size:8px;}

/* width 2 */
ul.tabs a.l, ul.dtabs a.l 			{ background-position: -247px -0px; width:174px; }
ul.tabs a.l:hover, ul.dtabs a.l:hover 		{ background-position: -247px -31px; }
ul.tabs a.l.current, ul.dtabs a.l.current  	{ background-position: -247px -62px; }


/* width 3 */
ul.tabs a.xl, ul.dtabs a.xl			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover, ul.dtabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current, ul.dtabs a.xl.current 	{ background-position: 0 -62px; }

/*Color blue for D, Red for R */
ul.tabs a.d {background:url(images/blueD.png) no-repeat -420px 0;}
ul.tabs a.r {background:url(images/blueR.png) no-repeat -420px 0;}
ul.tabs a.d:hover, ul.tabs a.r:hover {background-position: -420px -31px;}
ul.tabs a.d.current, ul.tabs a.r.current {background-position: -420px -62px;}
ul.tabs li.r {float:right;}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
.ww-table {
  border:1px solid black;
  border-collapse:collapse;
  width:100%;
  margin:5px;
}
.ww-table th {
  border:1px solid black;
  font-weight:bold;
  text-align:left;
  height:12px;
}
.ww-table td {
  border:1px solid black;
  text-align:left;
  height:12px;
}