.small {
	font-size: 12px;
}

.smallLink {
   cursor:pointer;
   font-size:12px;
}

.tripViewTitle
{
   font-size: 14pt;
   font-weight: bold;
   margin: 3px;
}

.tripViewSubtitle {
   color: #214333;
   font-weight: bold;
   border-bottom:1px solid silver;
   margin-bottom:3px;
}

.tripActions {
   font-weight: bold;
   list-style:none;
   margin:0;
   padding:0;
}
.tripActions li {
   list-style: none;
   padding:3px 0px 0px 4px;
}
.tripActions li a img{
   padding:0px 2px 0px 0px;
}

.pageTitle
{
   color: #214333;
   font-size: 20px;
   font-weight: bold;
   margin: 10px 0px 5px 0px;
}

.subTitle {
   color: #214333;
   font-size:16px;
   font-weight:bold;
   margin: 0px 0px 5px 0px;
}

.tripViewCommentHeader
{
   font-size: 12px;
   background-color: #d6d9df;
   padding: 5px;
   border-top: solid 1px black;
   border-left: solid 1px black;
   border-right: solid 1px black;
}

.tripViewComment
{
   background-color: #ffffff;
   font-size: 12px;
   margin-bottom: 20px;
   padding: 5px;
   border-bottom: solid 1px black;
   border-left: solid 1px black;
   border-right: solid 1px black;
}

.help
{
   position: absolute;
   margin-top: 15px;
   border: 1px solid black;
   padding: 2px;
   background: #efefef;
   width: 275px;
   color: Black;
   font-weight: normal;
   text-align: left;
}

.contenttable
{
   border: 1px;
   border-color: #000000;
   border-style: solid;
   background-color: #CDDED6;
   background-image: url(../images/bg_light.jpg);
}

.greenHeader
{
   font-weight: bold;
   font-size: 13pt;
   color: #2c6049;
}

.contableborderless
{
   border: 0px;
   background-image: url(../images/bg_light.jpg);
   font-size: 12px;
}

.contenttablebackground
{
   border: 1px;
   border-color: #1C3E2E;
   border-style: solid;
   background-color: #2D6248;
}

div.clearer {clear: both; line-height:0; height: 0;}

a.resultName
{
   font-size: 14px;
   font-weight: bold;
}
.tripSearchResult
{
   padding: 5px 10px 5px 10px;
   background-color: transparent;
}
.selectedTripSearchResult
{
   padding: 5px 10px 5px 10px;
   background-color: #90AC9E;
}
.resultMetadata
{
   font-size:0.8em;
   margin-bottom:5px;
}
.resultThumbnail
{
   float:left;
   margin-right:5px;
   margin-bottom:3px;
}

.searchResult
{
   background-color: transparent;
}
.selectedSearchResult
{
   background-color: #90AC9E;
   cursor: pointer;
}

.DataGridStyle
{
   border: solid 1px #d4d0c8;
   font-size: 12px;
}
.DataGridStyle td
{
   font-size: 12px;
}

.DataGridItemStyle
{
   background-color: white;
   color: Black;
}

.DataGridAlternatingItemStyle
{
   background-color: #E0EEE0; 
   color: Black;
}

.DataGridHeaderStyle
{
   background: #c7e0ce;
}
.DataGridHeaderStyle td
{
   color: Black;
   font-weight: bold;
}
.DataGridHeaderStyle td a
{
   color: Black;
   text-decoration: underline;
}
.DataGridHeaderStyle td a.helpLink
{
   cursor: pointer;
	text-decoration: none;
}

.DataGridHeaderStyleAsc a {
   background: url(/images/sort_asc.gif) no-repeat 95% 50%;
   border: 0;
   padding-right: 15px;
}
.DataGridHeaderStyleDesc a {
   background: url(/images/sort_desc.gif) no-repeat 95% 50%;
   border: 0;
   padding-right: 15px;
}

.DataGridPagerStyle
{
   background: #c7e0ce;
   padding: 3px;
}
.DataGridPagerStyle td
{
   font-weight: bold;
   font-size: 9pt;
}
.DataGridPagerStyle a
{
   font-weight: bold;
   font-size: 10pt;
   padding-right:3px;
}
.DataGridPagerStyle a.selected
{
   text-decoration: underline;
}

div.pod 
{
   padding:10px;
   margin-bottom:20px;
   border:1px solid #206e33; 
   background-color:#E0EEE0;
}

.registrationError
{
   font-weight: bold;
   color: red;
   font-size: 10pt;
}

/* auto-completion css classes*/
.autoCompleteChoices
{
   position: absolute;
   width: 250px;
   height: 100px;
   overflow: auto;
   background-color: white;
   border: 1px solid #888;
   margin: 0px;
   padding: 0px;
}
.autoCompleteChoices ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
.autoCompleteChoices ul li.selected
{
   background-color: #ffb;
}
.autoCompleteChoices ul li
{
   list-style-type: none;
   display: block;
   margin: 0;
   padding: 2px;
   cursor: pointer;
}

#registrationSurround
{
   padding-left: 25px;
   padding-right: 25px;
}
#registrationSurround p
{
   /* position: relative; */
}
#registrationSurround a
{
   font-weight: bold;
}

#registerContainer 
{
  margin-top: 15px;
  display: block;
  border: 1px white solid ;
}

#popupTitleBar {
	background-image: url(/images/content_title_background.jpg);
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	position: relative;
	z-index: 203;
}

/*Google Map*/
.poiInfoWindow .poiMedia 
{
   margin-right: 10px;
   margin-bottom: 10px;
   float: left;
   text-align: center;
   width: 100px;
   height: 90px;
}
.poiInfoWindow .poiMedia .thumbnail 
{
   border: 1px solid black;
}
.poiInfoWindow .poiDescription 
{
}
.poiInfoWindow .poiName
{
   text-align:center;   
   font-weight: bold;
   font-size: 1.1em;
}
.markerPrevNext 
{
   font-size:12px;
   text-align:center;
}

.new
{
   vertical-align:top;
   font-size:.75em;
   color:Red;
   padding-left:3px;
   padding-right:3px;
}

.BigLink 
{
   font-size: 1.2em;
}
       
.tripDetailContainer { background-color: white; border: 1px solid black; padding: 5px; }
/*.tripDetailContainer h1 { font-size: 17px; font-weight: 700; margin-top: 5px; margin-bottom: -5px;}*/
.tripDetailContainer h2 { color: #214333; margin-top: 5px; margin-bottom: 0px; }

#photo_gallery {
   width: 280px;
}
#photo_gallery .top {
	background: url('/images/photogallery_01.gif') no-repeat;
}
#photo_gallery h4 {
   display: none;
}
#photo_gallery .title {
   font-weight: bold;
   font-size: larger;
   background: url('/images/photogallery_02.gif') repeat-y;
   text-align: center;
}
#photo_gallery .content {
   min-height: 220px;
   background: url('/images/photogallery_02.gif') repeat-y;
   padding: 0px 0px 0px 0px;
   text-align: center;
}
#photo_gallery .content img {
   margin-bottom: 2px;
   border: 1px solid black;
}
#photo_gallery .content a span.poiTitleText {
   color: Black;
   padding: 0px 5px 0px 5px;
   text-align: center;
}
#photo_gallery .thumbs {
   height: 65px;
   background: url('/images/photogallery_03.gif') no-repeat;
}
#photo_gallery .thumbs #arrowL {
   background: url('/images/arrow_l.gif') no-repeat;
}
#photo_gallery .thumbs #arrowR {
   background: url('/images/arrow_r.gif') no-repeat;
}

.infoPane {
   background-image: url('/images/myAccount_icons/sinfo.gif');
   background-repeat: no-repeat;
   background-position: 10px 5px;
   padding:5px;
   padding-left:45px;
   border: 1px solid green;
   background-color: #e0ffe0;
   min-height:32px;
}

.warningPane {
   border: 1px solid Gold;
   background-color: #ffffe0;
   background-image: url('/images/myAccount_icons/sinfo.gif');
   background-repeat: no-repeat;
   background-position: 10px 5px;
   padding:5px;
   padding-left:45px;
   min-height:32px;
}

.errorPane {
   border: 1px solid Gold;
   background-color: #ffffe0;
   background-image: url('/images/myAccount_icons/stop.gif');
   background-repeat: no-repeat;
   background-position: 5px 5px;
   padding:5px;
   padding-left:45px;
   min-height:32px;
}

/*
* Calendar
*/
.calendar 
{
	width: 100%;
	border: 1px solid #a0a0a0;
	padding: 0;
	table-layout: auto;
	background-color: White;
}

.calendar td
{
   text-align: left;
   vertical-align: top;
   background-color: #C7E0CE !important;/* The !important is necessary because ASP.NET outputs a background-color of Silver in the <td> that contains the <table> of the title. */
}

.calendar .calendarDayHeader
{
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: larger;
	font-weight: bold;
	color: White;
	background-color: #2D6248 !important;
}
.calendar .calendarTitle 
{
	background-color: #c7e0ce !important;
	padding:0px;
	border:0px;
	margin:0px;
}
.calendar .calendarTitle td
{
	text-align: center;
	color: #202020;
	font-size: 22px;
	font-weight: bold;
	padding:0px;
	border:0px;
	margin:0px;
}

.calendar .calendarNextPrev a
{
    font-size: 16px;
}

.calendar .calendarDay, .calendarOtherMonthDay
{
   font-size: 14px;
   height: 80px;
   background-color: White !important;
}

.calendar .calendarDay a, .calendarOtherMonthDay a
{
   font-size: 10px;
   padding: 0px;
   margin: 0px;
}

.calendar .calendarOtherMonthDay
{
   background-color: #E0E0E0 !important;
}
.calendar .calendarTripInfo td { background-color: White !important; }/* This is the tooltips of the activities in the calendar. */