/* ------------------------------
global styles
------------------------------ */

body
{
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
    
    
}

a:link { color: #C7770F; } /*#1d5ca4*/
a:visited { color: #C7770F; }/*#D16319*/
a:focus { color: #000; }
a:hover { color: #7d8206; }
a:active { color: orange; }/*orange*/
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; }


h2 a { text-decoration: none; }

h3
{
	color: #7d8206;
	font: 110% georgia, times, "times new roman", serif;
}

/* ------------------------------
container styles
------------------------------ */

#container
{
	margin: 1em auto;
	width: 960px;
	text-align: left;
	background: #fff;
	border: 1px solid #676767;
}

/* ------------------------------
header styles   //#header { background: #CF3; }  background: url(header.jpg) no-repeat 0 0;
------------------------------ */

#header
{
	height: 50px;
	width: 100%;
	position: relative;
	background: #9fa41d;
	border-bottom: 1px solid #fff;
}

#header a:visited
{
    color: #1d5ca4;
}

#header h1
{
    color: #1d5ca4;
	font: 330% georgia, times, "times new roman", serif;
	position: absolute;
	/*padding: .1em 0 0 .25em;*/
    margin-top: 10px;
    margin-left: 20px;
	/*left: -500em;*/
}

#header-logo {
float:left;
margin-left:-5px;
margin-top:-2px;
}

#header-logo img {
/*border-width: 1px;
border-color: black;
border-style: solid;*/
/*width: 90px;*/
margin-top:3px;
margin-left:5px;
}

#header-logo-name {
float:left;
margin-left:5px;
/*margin-top:10px;*/
}

#skipmenu
{
	position: absolute;
	left: 0;
	top: 5px;
	width: 645px;
	text-align: right;
}

#skipmenu a
{
	color: #555;
	text-decoration: none;
}

#currentlocation
{
   margin-right: 5px;
   margin-top: 5px;
   height: 10px;
   padding-top:45px;
}

#currentlocation h4
{
   color: #1d5ca4;
   margin-right: -9px;
}

#currentlocationtitle
{
	float: left;
	padding-top: 0px;
	width: 60px;
	color: #1d5ca4;
	/*font-weight: bold;*/
}

#specificlocation
{
   /*margin-top: 5px;*/
   float: right;
}


#specificlocation a:link
{
color:black;
}

#specificlocation a:visited
{
color:black;
}





#content-title
{
	float:left;
	width:90%; 
	padding-left:15px;
	padding-bottom: 10px;
	margin: -25px auto 0 auto;
}

#content-title h3
{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

#trip-title
{
	min-height: 60px;
	float:left;
	width:100%;
}

#trip-title h3
{
	/*width: 50%;*/
	margin-left: auto;
	margin-right: auto;
}

#trip-title p
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#trip-members
{
	float: left;
	width: 100px;
	/*padding: 0 0 0 25px;*/
	float:right;
	padding-right:150px;
}

.form-container {
width:50%;
margin: 0 auto;
}

.form-row {
float:left;
width:100%;
padding:5px 0;
}

.form-label {
text-align: left;
padding-left: 25%;
font-weight:bold;
float:left;
}

.form-field {
float:left;
padding-left:5px;
}

.form-row-right-col {
/*padding:2px 0;*/
padding:5px 10%;
text-align: left;
padding-left: 5px;
padding-right: 0px;
width:100%;
}

.form-row-text-right-col {
/*padding:2px 0;*/
/*padding:5px 10%;*/
text-align: left;
padding-left: 5px;
padding-right: 0px;
padding-top:7px;
padding-bottom:9px;
width:100%;
}

.form-text-value {
background-color:white;
padding:0 5px;
}

#photodiv
{
	background-color: black;
	/*padding-top:10px;
	padding-bottom:10px;*/
	width: 100%;
	max-width: 400px;
	margin: 0px auto 0;
	text-align: center;
	vertical-align:middle;
	line-height:50;
}

#photodiv img
{
display:block;
margin-left: auto;
	margin-right: auto;
}

#currentinfo
{
	float:left;
	background: #c9cf25;
	padding:8px 0 0 40px;
}

/* ------------------------------
pagenav styles
------------------------------ */

#pagenav
{
	/*background: #c9cf25;*/
	color: #fff;
	/*padding: 5px;*/
	/*margin-bottom: 22px;*/
    text-align: left;
    /*border-bottom: 1px solid #9fa41d;*/
}

#pagenav ul
{
	/*margin: 0 0 0 95px;*/
	padding: 0;
	list-style-type: none;
	/*border-left: 1px solid #9fa41d;*/
}

#pagenav li
{
	display: inline;
	padding: 0 10px;
	/*border-right: 1px solid #9fa41d;*/
	/*font-weight: bold;*/
	font-size:14px;
}

#pagenav li a
{
	text-decoration: none;
	color: #fff;
}

#pagenav li a:visited
{
	text-decoration: none;
	color: #fff;
}

#pagenav li a:hover
{
	text-decoration: none;
	color: #1d5ca4;
	/*background-color: #272900;*/
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #9fa41d;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding-left: 16px;
    padding-right: 16px;
    z-index: 1;
    right:0px;
    font-size:14px;
    text-align:left;
    border: 1px solid #fff;
}

.dropdown:hover .dropdown-content {
    /*display: block;*/
}


/* ------------------------------
mainnav styles
------------------------------ */

#mainnav
{
	background: #c9cf25;
	color: #272900;
	padding: 5px;
	/*margin-bottom: 22px;*/
    text-align: left;
    border-bottom: 1px solid #9fa41d;
}

#mainnav ul
{
	/*margin: 0 0 0 95px;*/
	padding: 0;
	list-style-type: none;
	/*border-left: 1px solid #9fa41d;*/
}

#mainnav li
{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #9fa41d;
}

#mainnav li a
{
	text-decoration: none;
	color: #272900;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #272900;
}

/* ------------------------------
nav-friend styles
------------------------------ */

#nav-friend
{
	background: #c9cf25;
	color: #272900;
	padding: 5px;
	/*margin-bottom: 22px;*/
    text-align: left;
    border-bottom: 1px solid #9fa41d;
}

#nav-friend ul
{
	/*margin: 0 0 0 95px;*/
	padding: 0;
	list-style-type: none;
	/*border-left: 1px solid #9fa41d;*/
}

#nav-friend li
{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #9fa41d;
}

#nav-friend li a
{
	text-decoration: none;
	color: #272900;
}

#nav-friend li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #272900;
}

#nav-friend-location
{
	margin-right:5px;
	margin-top:-40px;
}

/* ------------------------------
menu styles
------------------------------ */

#menu
{
		
	/*border-left: 1px solid #C5C877;*/
	/*padding-left: 15px;*/
}

#menu ul
{
	margin: 1em 0;
	padding: 0;
}

#menu ul li
{
	margin: 0 0 1em;
	/*padding: 0 0 0 1em;*/
	list-style-type: none;
}

#main
{
   background: #9fa41d;
}

#welcome-content
{
	float:left;
	background: #fff;
	min-height: 350px;
	width:calc(100% - 320px);
}

#welcome-message {
margin: 0 auto;
}

#ec-list {
float:left;
width:300px;
border:1px solid #556b2f;
margin:5px;
}

#home-list {
float:left;
min-width:320px;
width:20%;
}

.home-list-item {
float:left;
width:300px;
border:1px solid #556b2f;
margin:5px;
}

#page-content
{
padding-top: 10px;
/*padding-bottom: 10px;*/
background: #fff;
/*min-height: 300px;*/
float:left;
width:100%;
}

#dailypic-content
{
   /*background: #fff;
   height: 445px;*/
   padding-top: 10px;
padding-bottom: 10px;
background: #fff;
min-height: 500px;
float:left;
width:100%;
}

#index-login-content
{
   /*background: #fff;
   height: 445px;*/
   padding-top: 10px;
padding-bottom: 10px;
background: #fff;
/*min-height: 500px;*/
float:left;
width:100%;
}
/*
padding-top: 10px;
padding-bottom: 10px;
background: #fff;
min-height: 250px;
float:left;
width:100%;
*/

#page-wrap
{ 
	width: 90%;
	padding: 0 15px 0 15px;
	margin: 0px auto 22px auto;
	position: relative; 
}

.rightside img {
max-height:385px;
max-width:100%;
}

#admin-content
{
   padding-top: 10px;
   padding-bottom: 10px;
   background: #fff;
   min-height: 135px;
}

#admin-nav
{
	width:100%;
	margin: 0 auto;
	/*padding-left:25%;*/
	float:left;
}

#admin-nav-left
{
	width:50%;
	float:left;
}

#admin-nav-right
{
	width:50%;
	float:left;
}

.handy {
cursor: pointer;
}

.error {
color:red;
}

#album-content
{
	background: #fff;
	/*height: 455px;*/
	height:auto;
	min-height:200px; /*keep as event nav height*/
}

.album-thumbnail {
float:left; 
padding:2px;
}

.myphoto {
background-color:red;
}

#main-content
{
   padding-top: 10px;
   background: #fff;
   min-height: 435px;
   float:left;
	width:100%;
}

#login-content
{
   padding-top: 10px;
   background: #fff;
   min-height: 200px;
}

/*.userlogin
{
margin: 50px 0 15px 0;
}*/

#itinerary-content
{
   /*padding-top: 40px;*/
   background: #fff;
   /*height: 405px;*/
   height: 454px;
}

#trip-lists
{
	background: #fff;
	width: 100%;
	overflow: auto;
}


#itinerary-current
{
   width: 33%;
   float: left;
   /*padding-left:150px;*/
   margin-bottom: 22px;
}

#current-links
{
    height: 350px;
    overflow: auto;
}

#itinerary-upcoming
{
   width: 33%;
   float: left;
   border-left: 1px solid #C5C877;
   margin-bottom: 22px;
}

#upcoming-links
{
    height: 350px;
    overflow: auto;
}

#itinerary-past
{
   width: 33%;
   float: left;
   border-left: 1px solid #C5C877;
   margin-bottom: 22px;
}

#past-links
{
    height: 350px;
    overflow: auto;
}

#itinerary-current a:visited img, #itinerary-past a:visited img
{
   color: black;
}

#itinerary-content img
{
   border-style: solid;
   border-width: 1px;
}



#location_row {
	min-height:25px;
}

#location_flag {
	float:left;
	width:37%;
	text-align: right;
	margin-right:3%;
}

#new_location_time {
	float:left;
	width:60%;
	text-align: left;
}

#itinerary-submenu {
float:left;
padding: 5px 0 0 70px;
text-align:left;
}

.itinerary-complete {
width:100%;
overflow: auto;
}

.itinerary-wrapper {
margin:0 auto;
width:850px;
}

#budget-wrapper {
margin:0 auto;
width:100%;
padding-top: 10px;
padding-bottom: 10px;
float:left;
}

#the-budget {
width:80%;
margin:0 auto;
border-left: 1px solid #C5C877;
border-right: 1px solid #C5C877;
margin-bottom: 20px;
overflow:hidden;
}

#title-img img {
min-height:50px;
width:75px; 
border:1px solid #7e7e7e; 
}

.itinerary-week {
width:850px;
float:left;
padding:15px 0;
}

.itinerary-day {
width:120px;
float:left;
}

.itinerary-item {
border:1px solid blue; 
width:100px; 
min-height:30px;
max-height:80px; 
margin:5px auto;
cursor:pointer;
padding:5px 0px;
}

.trip /* trip */
{
   background: #c9cf25;
   border: 1px solid #556b2f;
}

.type-itinerary /* trip */
{
   background: #c9cf25;
   border: 1px solid #556b2f;
}

#htmlNotes {
	float: left;
	width: 65%;
	text-align: left;
	margin-left: 5px;
	word-wrap: break-word;
}

.type6-itinerary /* transportation */
{
   border:1px solid green;
   background: yellowgreen;
}

.type6 /* transportation */
{
   background: yellowgreen;
}

a.type6 /* transportation */ {
/*color:green;*/
color:#333300;
}

.type3-itinerary /* accommodation */
{
  border:1px solid orange; 
  background: bisque;
}

.type3 /* accommodation */
{
  /*border:1px solid orange; */
  background: bisque;
}

a.type3 /* accommodation */ {
color:#333300;
}

.type3 .reserved /* accommodation */
{
  background: lightorange;
}

.log-trip {
background-color:#556b2f;
}

.type4-itinerary /* event */
{
   border: 1px solid #4682B4;
   background: lightblue;
   
}


a.type4 /* event */ {
color:#333300;
}

.event /* type4 */
{
   border: 1px solid #4682B4;
   background: lightblue;
}

.type4 /* event */
{
   background: lightblue;
}

a.ii-trip /* trip */ {
color:#333300;
}

#ii-detail-topInfo
{
width: 100%; 
margin: 0px auto; 
/*min-height: 90px;*/
float:left;
padding-bottom:5px;
}

#ii-detail-leftInfo
{
padding:5px 0 0 0; 
float:left; 
width:25%; 
text-align: right;
}

#ii-icon {
float:right;
text-align:center;
padding-right:2%;
}

#ii-icon-name {
font-weight: bold;
}

#ii-detail-rightInfo
{
float:left; 
width:100%; 
padding-top:5px; 
text-align: left;
}

.ii-detail-rightInfo-row {
padding-left:15px;
padding-bottom:7px;
width:90%;
}

.ii-row-label {
font-weight: bold;
padding-left:30px;
}

#ii-icon-inline {
display:inline;
}

#ii-detail-bottomInfo {
width:100%; 
margin: 0px auto; 
/*min-height:75px;*/
float:left;
padding:5px 0;
}

#itinerary-detail-message {
padding: 115px 0;
}

#departure {
	width:70px;
	}
	
#arrival {
	width:70px;
	}
	
	#returnstartdate {
	width:70px;
	}
	
	#returnenddate {
	width:70px;
	}

#starttimemin, #starttimemeridiem, #stoptimemin, #stoptimemeridiem, #returnstartmin, #returnstartmeridiem, #returnendmin, #returnendmeridiem {
margin-left:-5px;
}

#depart-info {
margin:5px 0px;
margin: 0 auto;
float:left;
width:100%;
padding-top:10px;
}

#depart-title-container {
float:left;
/*width:20%;*/
text-align:right;
/*min-height:50px;*/
padding-top:12px;
}

#depart-start-time {
float:left;
/*width:75%;*/
text-align:left;
padding-left:5px;
}

#depart-end-time {
float:left;
/*width:75%;*/
text-align:left;
padding-left:5px;
}

#fromtext {

}

.itinerarydetails-notesDiv {
padding-top:5px;
margin: 0 auto;
float:left;
width:100%;
}

#itinerarydetails-notesTextarea {
float:left; 
width:75%; 
text-align:left;
}

#displayNotes {
float:left; 
width:25%; 
text-align:right;
}

#form-buttons {
padding: 5px 0 0;
float:left;
width:100%;
}

/* ------------------------------
friends styles
------------------------------ */
#friends-content {
padding-top: 10px;
padding-bottom: 10px;
background: #fff;
min-height: 445px;
float:left;
width:100%;
}

#friend-icons {
min-height:100px;
width:80%;
margin: 0 auto;
}

/* ------------------------------
contents styles
------------------------------ */

#contents
{
	float: left;
	width: 640px;
	margin: 0 0 0 20px;
}

#contents p { line-height: 165%; }


.blogentry 
{
	border-bottom: 1px solid #C5C877;
	margin: 0px 0px 10px 0px;
    overflow: auto; /* setting to auto for about me currently*/
    max-width:800px;
    margin: 0 auto;
}

.blogentry h2
{
	color: #a4221d;
	font: 140% georgia, times, "times new roman", serif;
}

.blogentry ul
{
	text-align: right;
	margin: 1em 0;
	padding: 0;
	font-size: 95%;
}

.blogentry li
{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 0 0 7px;
}

.blogentrytext
{
   margin-top: 15px;
}


.imagefloat
{
	float: right;
	padding: 2px;
	border: 1px solid #9FA41D;
	margin: 0 0 10px 10px;
}

/* ------------------------------
footer styles
------------------------------ */

#footer
{
	clear: both;
	color: #272900;
	text-align: right;
	font-size: 90%;
	background: #c9cf25;
	padding: 5px;
    border-top: 1px solid #9fa41d;
    border-bottom: 1px solid #fff;
    overflow: hidden;
}

/*background: #c9cf25;
	color: #272900;
	padding: 5px;
	/*margin-bottom: 22px;*/
    text-align: left;
    border-bottom: 1px solid #9fa41d;*/
    
    /*	clear: both;
	color: #272900;
	text-align: right;
	font-size: 90%;
	background: #9FA41D;
	padding: 5px;*/

#footer ul
{
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}

#footer li
{
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #9fa41d;
}

#footer li a
{
	text-decoration: none;
	color: #272900;
}

#footer li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #272900;
}

#filler
{
    background: #9FA41D;
    height: 50px;
    overflow:hidden;
}

#skypedetectionswf
{
    display: none;
    margin-left: -10000px;
}

.lightbox {
width:500px; 
height:281px;
}

#lightbox-title {
	padding-top:5px;
}

#main-blank {
float:left;
min-height:279px;
max-width:498px;
width:100%;
}

/****   travel log   *****/
#the-log {
width:60%;
margin:0 auto;
border-left: 1px solid #C5C877;
border-right: 1px solid #C5C877;
margin-bottom: 20px;
overflow:hidden;
}

#the-log a:visited, #the-log a:link {
color:black;
}

.log-item {
width:80%;
margin:10px auto;
/*background-color:yellow;*/
text-align: left;
padding:20px;
min-height:50px;
}

.log-item-trip-name {
	font: bold 15px Georgia, Serif;
	margin: 0 0 10px 0;
	color: #003388;
	}

.days-til-trip {
	font-size:30px;
}

.white-highlight {
background-color: white;
}

.screensize-computer {
display:block;
}

.screensize-handheld {
display:none;
}

#passport-photo img {
width:100%;
}

.title-3 {
font: bold 15px Georgia, Serif;
margin: 0 0 10px 0;
color: #003388;
}

.page-title {
float: left;
width: 100%;
min-height: 31px;
}

.page-subtitle {
margin-top:-5px;
}

.section-title {
font: bold 16px Georgia, Serif;
color:#003388;
}

.location-title {
font: bold 15px Georgia, Serif;
text-align: center;
margin: 0 0 .5em;
}

/************ sites *************/
#shannybug-sites {
width:420px;
}

.shannybug-site {
float:left;
width:200px;
height:170px;
margin:2px;
border: 1px solid #7e7e7e;
background: rgba(178, 183, 32, 0.39);
}

/*********** flags *************/
#geographic-regions-title {
padding:0 5px;
min-width:400px;
max-width:790px;
margin:0 auto;
text-align:left;
}

#geographic-regions-flags {

}

/******* news ********/
#news-holder {
width:100%;
max-width:600px;
margin-left:auto;
margin-right:auto;
}


/******* photos ********/
#location-photo-album {
width:100%;
max-width:800px;
margin-left:auto;
margin-right:auto;
}

.location-album {
float:left;
min-width:200px;
max-width:400px;
width:calc(50% - 6px);
height:273px;
margin:2px;
border: 1px solid #7e7e7e;
background: rgba(178, 183, 32, 0.39);
}

.location-album-img-holder {
background:#000;
min-height:253px;
padding-top:3px;
line-height:253px;
height:253px;
/*
padding-bottom:3px;*/
}

.location-album-img {
	/*border: 1px solid black;*/
	max-width:calc(100% - 2px);
	max-height:248px;
	vertical-align:middle;
}

.location-album-title {
font-weight:bold;
font-size:1.25em;
background:#000;
color:#fff;

}

.media-img {
/*width:100%;
max-height:385px;
max-width:530px;*/
}

#login-form-holder {
width:50%;
min-height:110px;
}

.hasDatepicker {
width:70px;
}


	
	
	#nav-friend-menu {
		display:block;
	}
	
	#nav-friend-menu-icons {
		display:none;
	}