/*
Specific Styles for Tripbod
*/
body                		{background:#f7f7f7; color:#666; font-family: Calibri, Arial, Helvetica, sans-serif; background-image: url("../images/back_tile.jpg") }
#pagewrapper        		{background:#fff;}

#logo               		{ margin:0px 0 0px 0; width:300px;}
#logo img					{ margin:0;}

#blog_client        		{ width:200px; float:right; margin:20px 40px 0 0;}
#blog_client img    		{ padding:5px 0; }

/* NAVIGATION */

div#ctl00_nav, div.sectiontitle	{ height: 36px;	margin:0 0 1em 0;}	
#ctl00_nav ul, #footer ul 		{ list-style-type: none; margin-left: 0;}	
#ctl00_nav ul li, #footer ul li	{ float: left; font-size:1em; margin-left:0px;}
#ctl00_nav ul li a 				{ color: #fff; font-size: 1.2em; display: block; padding: 8px 20px 0 20px; height: 32px;	text-decoration: none; text-transform:uppercase; font-weight:bold; }
#ctl00_nav ul li a:hover, #ctl00_nav ul li a.navcurrent { color: #FFB23A;	}	
#ctl00_nav ul li.login a{ color: #FFB23A;	}	

#footer ul li a 			{ color: #00958F; font-size: 1.2em; display: block; padding: 8px 20px 0 20px; height: 32px;	text-decoration: none; text-transform:uppercase; font-weight:bold; }
#footer ul li a:hover, #footer ul li a.navcurrent { text-decoration: underline;	}

/* LOGIN DISPLAY */

.loggedin .login, .loggedout .logout { display: none; }
.loggedin .logout, .loggedout .login { display: block; }
#ctl00_nav.loggedin ul li a { color: #fff; font-size: 1.2em; display: block; padding: 8px 10px 0 10px; height: 32px;	text-decoration: none; text-transform:uppercase; font-weight:bold; } 


/* SECTION HEADINGS */

div.sectiontitle, div.sectiontitlemisc  { height: 36px;	margin:0 0 10px 0; font-size: 2em; padding: 0 10px; clear: left; text-transform: uppercase;}	
div.sectiontitle                        { color: #FFF; background:#00958F; }
div.sectiontitlemisc                    { color: #00958F; border-bottom: 2px dotted #00958F; }
div.sectiontitle a.gobutton             { display: block; padding-right: 30px; background: url("../images/green_back_arrow_right.gif") no-repeat right center; text-decoration: none; color: #FFF;}
div.sectiontitle a.donebutton           { display: block; padding-right: 30px; background: url("../images/green_back_tick.gif") no-repeat right center; text-decoration: none; color: #FFF; }

/* GOOGLE MAP SETTINGS */

div#mapcontainer {
    position: relative;
    clear: both;
}
div#gmap {
    width: 100%;
    height: 400px; /* If you change this don't forget to change the crosshair position to match */
}
div#crosshair {
    position: absolute;
    top: 192px;
    height: 19px;
    width: 19px;
    left: 50%;
    margin-left: -8px;
    display: block;
    background: url(../images/crosshair.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* CALENDAR SETTINGS */

.CalendarPopup * {margin: 0; padding: 0}

.CalendarPopup .ajax__calendar_container    {border: solid 1px #999; background: #FFF;}
.CalendarPopup .ajax__calendar_other        {color: #999; }
.CalendarPopup .ajax__calendar_active       {border: solid 1px #D18316; background: #F9E1C1;}
.CalendarPopup .ajax__calendar_hover        {background: #F4FFFF;}

table.CalendarTable         { width: auto;}
table.CalendarTable tr td   { padding: 0; margin: 0; }
table.CalendarTable tr td a, table.CalendarTable tr td div { display: block; background-image: url(../images/calbacknormal.gif); background-repeat: no-repeat; background-position: top center; height: 76px; width: 76px; text-decoration: none; padding: 2px; color: #00958F; font-size: 90%; line-height: 1em; overflow: hidden;}
table.CalendarTable tr td p { font-size: 1em; line-height: 1em; padding: 0; margin: 2px 0 0 0 ;}
table.CalendarTable tr td a:hover {  text-decoration: none;}
table.CalendarTable tr td a.Valid { background-image: url(../images/calbackvalid.gif);}
table.CalendarTable tr td a.MatchedEvent { background-image: url(../images/calbacknormalfull.gif);}
table.CalendarTable tr td a.Valid:hover, table.CalendarTable tr td a.MatchedEvent:hover { background-image: url(../images/calbacknormalover.gif);}
    
/* TEXT */

/* FRONT PAGE */

.fronttestimonial   { background: url("../images/review-back.gif") no-repeat top left; height: 140px; padding: 84px 18px 14px 10px; color: #000; font-size: 75%; line-height: 1.4em; overflow: hidden; }

/* ADMIN AREA */

.datagrid table, .datagrid td, .datagrid tr { border-bottom: 1px solid #CCC; }

/* DESTINATION SIDEBAR */

#destinationbar ul              { list-style-type: none }
#destinationbar a               { color: #FFF; text-decoration: none;}
#destinationbar a:hover         { text-decoration: underline;}
#destinationbar a.navcurrent    { font-weight: bold; }

/* EXPERT PROFILE */

.expertprofile                  { background: #DFF0F0 url(../images/page-folded.gif) no-repeat top right; margin-bottom: 1em; border-top: solid 1px #FFF; padding: 16px; clear: left;}
.expertprofile img              { border: solid 4px #00958F; }
.expertprofile .fieldname       { text-transform: uppercase; font-weight: bold; color: #00958F; }
.expertprofile table            { width: auto; margin-bottom: 5px; padding-bottom: 0;}
.expertprofile td               { padding: 1px 10px 1px 0px; }
.expertprofile .expertbutton    { margin-left: 160px; border-top: 2px dotted #00958F; text-align:right; }
.expertprofile .profileinfo     { clear: left; }
.expertprofile h2               { color: #00958F; border-bottom: dashed 2px #00958F; text-transform: uppercase; }
.expertinfo td                  { vertical-align: top;}

/* ROUGH GUIDE AFFILIATE STUFF */
.roughguide-header              { background: #EEEEEE; padding: 0; }
.roughguide-header table        { margin-bottom: 0px; }
.roughguide-body                { background: #EEEEEE; margin-bottom: 0;}
.roughguide-body img.book       { float:right; border: 8px solid #ffffff !important; }

/* TRIP LIST */

.tripwrapper                    { background: #DFF0F0 url(../images/page-folded.gif) no-repeat top right; margin-bottom: 1em; border-top: solid 1px #FFF; }
.tripwrapper .tripheader p      { text-transform: uppercase; color: #00958F; font-weight: bold; border-bottom: 2px dashed #00958F; }
.tripwrapper .expertimage       { padding: 16px; float:left; }
.tripwrapper .expertimage img   { border: solid 4px #00958F; }
.tripwrapper .tripbutton        { padding-top: 45px; }

/* GENERAL */

h1 							{ font-size: 1.75em; color: #00958F; line-height:1.4em; border-bottom: 2px dotted #00958F; margin:10px; font-weight:bold; }	
p, td 						{ font-size: 1.3em; margin:10px; }	
td td 						{ font-size: 1em;}	
ul 							{ /*margin:10px; */}
li 							{ font-size: 1.2em; margin-left:20px; }
li li               		{  font-size: 1em; }
#destinationbar li          { margin-left: 10px; }

a:link              		{ color:#D18316;}
a:hover             		{ text-decoration:none; }
a:visited           		{ color:#F15D2B;}

.green_back					{ background:#00958F; color: #FFF;}
.green_back	h1, .green_back	h2				{ color: #FFF;}

#banner             		{ background:#fff; width:950px; margin:0 auto; text-align:center; }
#banner img         		{ margin:0 auto;}
	
.justify 					{ text-align: justify;}
.terms ol 					{ margin:10px -20px 10px 0; }
.terms ol li ol				{ margin:5px 0px 0px 20px; list-style-type:lower-alpha; }
 
.terms li 					{ margin:10px 0; padding:0px; }
.terms ol li 				{ margin:10px 20px 0px 20px; }

.noborder                   { border-width: 0; }
.supersize                  { font-size: 3em; }
.textright                  { text-align: right; }
.page_folded                { background: #DFF0F0 url(../images/page-folded.gif) no-repeat top right; }

/* EXPERT CONTROL PANEL */

.divExpertControlWrapper                { background: #333; color: #CCC;}
.expertcontrol, .firstexpertcontrol     { float: left; }
.expertcontrol                          { margin-left: 1em; border-left: 2px dotted #666; padding-left: 1em;}
.expertcontrol a, .expertcontrol a:visited, .expertcontrol a:active { color: #CCC; }
.expertcontrol a:hover                  { color: #FFF; }

/* QUESTIONNAIRE */

.questionnaire,   .questionnaire h1     { color: #FFF; }
.questionnaire .questionnaire_divider   { height: 69px; background: url(/images/questionnaire_section_divider.gif); overflow: hidden; clear: left;}
.questionnaire label                    { font-weight: normal; }
.questionnaire table                    { width: 100%; padding: 0; margin: 0 1em; }
.questionnaire td                       { padding: 0; margin: 0; }
#tblHopes table tr td                   { text-align: center; }
#tblHopes table                         { padding: 0; margin: 0; }

/* TRIP PLANNER */

.postscontainer                         { height: 300px; overflow: scroll; }
.singlepost                             { border-bottom: 1px solid #00958F; margin-bottom: 1em; padding-bottom: 1em; clear: left;}
.singlepost h2                          { color: #00958F; }

/* FORMS */

/*fieldset 					{ border:none; }*/
legend                      { font-size: 1.5em;}
input .text                 { font-family: Arial, Sans-Serif; margin: 0;}
.calendar_button_image      { float: right; }
.optionlist label           { font-weight: normal; }
table.optionlist            { width:auto; }
p label                     { font-size: 0.9em;}
.required                   { color: #900; }
.largebutton                { font-size: 1.2em; }
textarea                    { font-family: Arial, Sans-Serif; }

/* SPECIFIC OVERRIDES */

ul, ol                      { margin: 0 0.5em 1.5em 0.5em;}
li ul, li ol                { margin: 0 0.5em;}
.optionlist td              { font-size: 1em; margin: 3px;}
table  table                { padding: 0; margin: 0; }

/* SPECIFIC OVERRIDES END */

.thin                       {font-weight: normal;}
.strong                     {font-weight: bold; }

h2  						{ font-size:1.4em; font-weight:bold; margin: 0 0 10px 0; margin:10px;}
h3                   		{ font-size:1.2em; font-weight:bold; margin: 0 0 10px 0; margin:10px;}
h4                   		{ font-size:1.1em; font-weight:bold; margin: 0 0 10px 0; margin:10px;}
h5                   		{ font-size:1em; font-weight:bold; margin: 0 0 10px 0; margin:10px;}
h6                   		{ font-size:0.9em; font-weight:bold; margin: 0 0 10px 0; margin:10px;}

#footer 					{ color:#432e29; margin-bottom:20px; }
hr.dashed					{border-top: 2px dotted #00958F; margin: 0 10px; width: 930px;}
#contactform        		{background:#BBBBFF; background:#00958F; margin-right:10px; }
.green             	    	{color:#00958F;}
.orange             		{color:#F15D2B;}
.black             			{color:#000;}
.errorcolor                	{color: #f00; color:#fff;}
#strap              		{ margin:0px 0px 10px 37px;  clear:both;}

h5.swap             		{ height:15px; background:#000; width:200px; background-repeat:no-repeat; }
h5.swap span        		{display:none;} 
h5#t-email          		{background-image: url("../images/email.gif"); background-position: center; }

.email, .black      		{ color:#000; text-decoration:none;}
.email:hover        		{ color:#000; text-decoration:underline;}

.names             		 	{ margin: 8px 0 0 0; font-size:1.2em; color:#f7f7f7; color:#000;}

.small_letter       { font-size:90%;}

.planning			{ background:#ECFFFE; border:0px solid #ccc; width:48%; float:left; margin:0; /*height:160px;*/}
.planning h2		{ padding:0 0 0px 20px; background:#00958F; margin:0 0 10px 0; color:#fff; font-size: 160%;}
.planning ol		{ padding:5px 0 0 20px; text-align:left; font-size: 1em;}
.extra_padd			{ padding-top:21px;}									/*this makes the box on the right hand side equal height as the one on the left*/

.asterisk			{ color:#002D2B;}
.floatright			{ float:right;}
#PMMap				{ margin-left:10px;}
.margin_left		{ margin-left:10px;}
.margin_right		{ margin-right:10px;}

.errorsize			{ font-size:1.1em;}

.expertTestimonial	{ background:#ECFFFE; margin:10px; }
.quotes				{ font-size:120%; color:#00958F; /*line-height:50%;*/  margin-top:-50px;}

.expert_in_place	{ background:#91BBFB; margin:10px; /*font-size:120%;*/ text-align:center;}
.expert_in_place h2	{ padding:0 0 0 20px; background:#00958F; margin:0; color:#fff;}
.expert_in_place a	{ color:#f7f7f7; }

.skypebutton		{ margin:10px -30px 0px 0px; text-align:center; /*background:#f7f7f7;*/}
.localimg img					{ margin:40px 0 0 10px;}
.newsletter_p p		{ margin:10px 20px 10px 10px; }

#profileEdit th {
    vertical-align: top;
}

small, small * { font-size: small; }
/* PRINT STYLES */


@media print 
{ 

	#nav {
		display: none;
		}
		
	.span-24 {
		clear: both;
		}
	
}