body {
 	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg) repeat-x #ddc5a3;
}

body.log {
	background: url(/admin/images/login-bg.jpg) no-repeat #3c2a14 top center;
	}

#phone span {
	display: none;
	}

/* Container
------------------------------------*/
#container {
	position: relative;
	text-align:left;

	margin:0 20px;
	min-height:600px;
	min-width: 960px;
}

* html #container{
  height:1%; /* So IE plays nice */
	}
	
/* Header
------------------------------------*/
#header {
position: relative;
	height: 122px;
	}
	
#admin-logo {
	background:url(/admin/images/admin-logo.jpg) no-repeat;
	width: 502px;
	height: 93px;
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
	}
	
#header h1 {position:absolute; left: 45px;}
	

#logo { 
	width: 436px; 
	height: 86px;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	position:absolute;
	top: 60px;
	left:-135px;
	}
	
#member_image_basic,#member_image_family, #member_image_leader {
	width:100px;
	height:100px;
	position:absolute;
	top:30px;
	left:310px;
}


.log_info {position:absolute; display: block; z-index: 99; top: 96px; left: 127px;}

.dashboard .log_info {position:absolute; display: block; z-index: 99; top: 96px; left: 50px;}
	
#header a, #header a:visited, #header a:active {color: #FFFF00;}

#header span {
color:#fff;
}


	
#user {
	padding: 10px 20px 0 0 ;
	float: right;
	font-size: .9em;
	}

#title_holder {width: 420px; height:auto; float: right; position: relative;}


#edit_photo {
padding:0; margin:0 !important;
}


.mysafari_s_leader #member_image_basic, .mysafari_s_leader #member_image_family {
display:none;
} 

.mysafari_f_leader #member_image_basic, .mysafari_f_leader #member_image_leader {
display:none;
} 

.mysafari_basic #member_image_leader, .mysafari_basic #member_image_family {
display:none;
} 


.mysafari_s_leader #edit_basic, .mysafari_s_leader #edit_family, .leader #edit_basic, .leader #edit_family  {
	display:none;
}

.mysafari_f_leader #edit_basic, .mysafari_f_leader #edit_leader, .family #edit_basic, .family #edit_leader {
	display:none;
}

.mysafari_basic #edit_leader, .mysafari_basic #edit_family, .basic #edit_leader, .basic #edit_family {
	display:none;
}


/* nav
------------------------------------*/
#nav_holder {
height: 38px;
width:100%;
clear:both;
padding:0px;
position:relative;
margin-bottom: -2px;
}
   #nav {
      line-height:normal;
	  padding: 0 0 0 10px;
	  position:absolute;
	  top: -12px;
	  left: -4px;
      }
    #nav ul {
      margin:0;
      padding: 0 10px 0 0;
      list-style:none;
      }
    #nav li {
      display:inline;
      padding:0;
	  margin:0 0 0 5px;
      }
    #nav a {
      float:left;
      background: #e0cbae;
	margin:0 0 0 5px;
      padding:5px 0 0 9px;
      text-decoration:none;
      }
    #nav a span {
      float:left;
      display:block;
      padding: 0px 10px 5px 0px;
      font-weight:bold;
      color:#333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      }
    #nav #current a {
      background: red;
      border-width:0;
      }
    #nav #current a span {
      background: red;
      color:#fff;
      }
    #nav a:hover {
	  color: #fff;
      }
    #nav a:hover span {
     
      }
/* Latch
------------------------------------*/
.dashboard #nav li.l1  a {
       background: url(/admin/images/nav-bg.jpg) repeat-x;
		padding-bottom: 2px;
      }
	 
	  
.basic #nav li.l1 {
	display:none;
}


.mysafari #nav li.l1m  a, .mysafari #nav li.l2m  a, .mysafari #nav li.l3m  a,  .leader #nav li.safari_leader  a, .family #nav li.family_leader  a   {
        background: url(/admin/images/nav-bg.jpg) repeat-x;
	
		padding-bottom: 2px;
      }
	  
.mysafari #nav li.l1m a span, .mysafari #nav li.l2m  a span, .mysafari #nav li.l3m  a span, .leader #nav li.safari_leader a span, .family #nav li.family_leader a span{
        background: ;
      }
	  



.safaris #nav li.l2  a {
         background: url(/admin/images/nav-bg.jpg) repeat-x;
	
		padding-bottom: 2px;
      }
	  

.destinations #nav li.l3  a {
           background: url(/admin/images/nav-bg.jpg) repeat-x;
	
		padding-bottom: 2px;
      }



.resources #nav li.l4  a {
             background: url(/admin/images/nav-bg.jpg) repeat-x;
		
		padding-bottom: 2px;
      }

.administrator #nav li.l5  a {
               background: url(/admin/images/nav-bg.jpg) repeat-x;
	
		padding-bottom: 2px;
      }





.basic #nav li.leader, .basic #nav li.family, .basic #nav li.l1m, .basic #nav li.l2m, .basic #nav li.safari_leader, .basic #nav li.family_leader {
	display:none;
}


.leader #nav li.basic, .leader #nav li.family, .leader #nav li.l2m, .leader #nav li.l3m, .leader #nav li.family_leader {
	display:none;
}


.mysafari_s_leader #nav li.basic, .mysafari_s_leader #nav li.family, .mysafari_s_leader #nav li.l2m, .mysafari_s_leader #nav li.l3m, .mysafari_s_leader #nav li.family_leader  {
	display:none;
}

.family #nav li.basic, .family #nav li.safari_leader,.family #nav li.l1m, .family #nav li.l3m {

	display:none;
}


.mysafari_f_leader #nav li.basic, .mysafari_f_leader #nav li.safari_leader, .mysafari_f_leader #nav li.l1m, .mysafari_f_leader #nav li.l3m   { 
	display:none;
}	



	
/* Content
------------------------------------*/

#content {
	margin: 0;
	padding: 0;
	width:100%;

	}


#main_col_top {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}



#right_col {
float:right;
width: 212px;
height: 100%;
top: 39px;
z-index:1;
position: relative;
}
	
#right_col ul{
	list-style: none;
	list-style-type: none;
	display:block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
}

#right_col ul li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;	
	}
	
#right_col ul li a {
	height: 22px;
	width: 212px;
	list-style: none;
	list-style-type: none;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	margin: 0 0 0 0;
	padding: 12px 10px 12px 10px;
	list-style-type: none;
	font-size:.9em;
	color: #f8e4cc;
	text-decoration:none;
	border-top: 1px solid #a48c6f;
	font-weight: bold;
	background: url(/admin/images/side-nav-bg.jpg) repeat-x;
}
#right_col li a:hover{
	background: #4d3922;
	color:#fff;
}


#left_col {
width: 100%;

height: 100%;
margin-bottom:-2px;
}
#holder {
	margin: 0;
	padding-top: 0;
	padding-right: 260px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#safari_members{
width:300px;

}
#safari_members li {
	float:left;
	width:125px;
}

#family_leader {
width:290px;
margin: 0 0 0 10px;

}

.block {
background:#F0F0F0 none repeat scroll 0 0;
color:#333333;
font-size:11px;
font-weight:normal;
margin:3px 0 25px 110px;
padding:5px

}



.thumb_smll { 
padding:0 4px 0 0;
	
}


	/* Admin CSS
------------------------------------*/
	

.tabular {
	margin-left: 8px;
	width: 100%;
	}



.tabular th {
	background:url(/group/images/th-bg.jpg) repeat-x #503517;
	color: #ffe6c2;
	padding-top: 18px;
	padding-bottom: 18px;
	}
	
	
.itinerary-edit .tabular tr {	
	background: none;
	}
	
.itinerary-edit .tabular td {	
	background: url(/admin/images/td-bg.jpg) repeat-x #fff;
	}	
.itinerary-edit .tabular td.highlight {
	background:#ffe6c2;
	}	
.itinerary-edit .tabular td.none{
	background:#fff;
	}	

.itinerary .none {
	background-color:#D8C19F;
	}
	
.tabular tr {
	background: url(/admin/images/td-bg.jpg) repeat-x #fff;
	}

.tabular td {
	/*background: url(/admin/images/td-bg.jpg) repeat-x #fff;*/
	/*border-bottom: 1px solid #d0b793;*/
	}
td.none {
	background:#fff;
	}

tr.none {
	background:#fff;
	}
	
.tabular .highlight {
	background: url(/group/images/td-highlight.jpg) #f2e7d5 repeat-x;
	}

.clear {
clear:both;
padding:4px 0 4px 0;
}


.right {
	float: right;
}

.highlight_bar {
padding: 5px;

background-color:#FFFFCC;
}
	table{
	
	}
	tr td{
		padding: 7px;
		

	}
	
.log tr td {padding: 6px;}

	thead td{
		color: #fff;
		background-color: #6D162F;
		font-weight: bold;
		border-bottom: 1px solid #999;
	}

				
	tbody tr.even td{
		background: #F5F8FA;
	}
	tbody tr.selected td{
		background: #CDCDCD;
		color: #ffffff;
	}
	tbody tr.ruled td{
		color: #000;
		background-color: #CDCDCD; 
		border-color: #666666;
	}
	
	/* Opera fix */
	head:first-child+body tr.ruled td{
		background-color: #CDCDCD; 
	}
	
	
/*input, textarea, select {
color: #000;
background: #eee;
border: 1px solid #6D162F
}*/


.pending {
background-color: #66CC33;
padding: 5px;
border-top:#FFCC00 solid 2px;
border-bottom:#FF9900 solid 2px;
width: 150px;
text-align:center;
}

.approved {
background-color: #66CC33;
padding: 5px;
border-top:#FFCC00 solid 2px;
border-bottom:#FF9900 solid 2px;
width: 150px;
text-align:center;
}

.denied {
background-color: #CC0000;
padding: 5px;
border-top:#FFCC00 solid 2px;
border-bottom:#FF9900 solid 2px;
color: #fff;
width: 150px;
text-align:center;
}
	
#pagination li{

float: left;

font-size: 80%!important;

list-style:none !important;

margin-right:2px;

}



#pagination .previous-off, #pagination .next-off {

color:#888888;

display:block;

float:left;

font-weight:bold;

padding:3px 4px;

border: 1px solid #999;

}

#pagination .next a,

#pagination .previous a {

font-weight:bold;

color: #222;

}

#pagination .active {

background: #ccc;

padding:3px 6px;

text-decoration:none;

border:solid 1px #999;

margin-right:2px;

}

#pagination a:link,

#pagination a:visited {

color: #222;

display:block;

float:left;

padding:3px 6px;

text-decoration:none;

border:solid 1px #999;

margin-right: 3px;

}

#pagination a:hover{

border:solid 1px #999;

background: #ccc;

}



.safari_info ul {
padding:0;
margin:0;
width:200px;
}

.safari_info ul li {
padding:2px 4px 2px 4px;
background:#eee;
display:block;
}

.input_holder ul {
padding:0;
margin:0;
background: #eee;
height:40px;
}

.input_holder li{
padding:6px 0 6px 0;
margin:0 6px 0 6px;
list-style:none;
float:left;
}



.general_holder ul {
padding:0;
margin:0;
}

.general_holder li{
padding:15px 10px 15px 10px;
margin:0 6px 0 0;
list-style:none;
background: #eee;
height:20px; 
width:175px;
float:left;
}

.left {
float:left;
}

.myphotos {
padding:10px;
}
	
	
.blog_title{
width:32em;
height:2em;
padding:8px 0 0 0;
}	
	
#content .faq {
width:800px;
margin:10px 0 10px 0;
}

#content .faq li.questions {
font-size:1.3em;
font-weight:bold;
}


	
/*side nav 
*************************************/	
	
/*#right_col {
float:right;
width: 212px;
height: 100%;
position: absolute;
top: 39px;
z-index:1;

}	


#right_col ul{
	list-style: none;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 10px 0 0 0;
}

#right_col li {
	background:url(/images/sub_col_li_bg.jpg) bottom left no-repeat;
	margin: -2px 0 0 0;
	padding: 0;
	display: block;	
	min-height: 35px;
	height: auto !important;
	height: 55px;
}
	
#
 li a, #right_col li a:active, #right_col li a:visited {
	display: block;
	padding: 10px 15px 10px 18px;
	font-size:85%;
	color: #C8D2B3;
	font-weight: bold;
	margin-left: -4px;
	text-decoration: none;
}

#right_col li a:hover {
	color: #fff;
	background: none;
	}*/

/*side nav 
*************************************/	
#ontime {
background-color:#669933;
width: 100%;
height: 5px;
padding: 2px 0 2px 0;
}

/*footer
*************************************/	
#footer {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #B1B1B1;
	font-size:.8em;
	clear: both;
	}
	
	
#main_col_bot {
	margin: 0;
/*	padding: 0px 10px 0px 20px;*/
	border: 0;
	width: 60%;
	float: left;
	height: 19px;	

}

#main_col_bot_image {
	float: left;
	height: 19px;
	width:20px

}

#right_col_bot {
	width: 212px;
	float: right;
	height: 19px;
}


#base {
height: 19px;
width:100%;
margin-top:-2px;
clear:both;

}

a.members_thumb {
	display: block!important;
	width:94px!important;
	height:94px!important;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	border:solid 1px #666666;
	margin-left: 12px!important;
	margin-bottom: 10px!important;
	float: left;
}

#login {
border:5px  #B2B2B2 solid;
margin: 0 auto;
padding: 5px;
width: 325px;
text-align:left;
background:#FFFFFF;
}

#loginlogo {
margin: 0 auto;
padding: 100px  0 0 0;
width: 402px;
position: relative;
}

#login_holder {
	width: 402px;
	height: 196px;
	color: #999;
	position: relative;
	border-top: 4px solid #666666;
	background: #eee;
	}
	
.login_table {
	position: absolute;
	top: 85px;
	left: 5px;
	width: 100%;
}


.log {
 	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 0;
	background:#fff;
}

.log table, .log table td {
border:none;
}