@charset "UTF-8";

/* -- start old include/common_style.css -- */

body{ padding: 0px; margin:0px; font-family: Palatino,sans-serif, arial; font-size:11pt; }

#outer{ padding: 0px 0px; margin:0px; }
#main_content{ padding: 0px 0px; margin:0px; }

/*
div { border: 1px solid black; }
span { border: 1px solid blue; }
table { border: 5px solid green; }
td { border: 2px solid red; }
*/

.small { font-size: 0.8em; }
.ital { font-style: italic; }

.menu_line{ padding: 0px 2px; }

form {  margin: 0;  padding: 0; }

.form_label_required { color:red; }
.form_label_optional { color: green;  }
.form_label_admin { color:red; }
.form_label_superadmin { color:blue; }
.form_label_dev { color:purple; }

.access{ float: right; font-size: 0.8em;}
.access_priv{ color:green;  }
.access_pub{ color: blue;  }
.access_limit{ color:purple;  }


.phorm_outer { width: 100%;}
.phorm_col_1 { width:50%; float:left; clear:left;} 
.tinyform .phorm_col_1 { width:100%; float:left; clear:left;} 

.phorm_col_2 { width: 50%; float:right; clear:right;} 
.phorm_col_3 { width: 850px; float:left; } 
.phorm_col_4 { width: 100%; float:left; } 
.phorm_button_div{ height:auto; padding:10px; }

.form_field_outer {  border:2px black; padding: 0px; }
.form_field_contents { padding: 2px 0 1em 1.5em; }

.form_widget {  padding: 0px 0px 0px 0px; }
.form_field_help{  color:black; margin:10px; font-size:0.9em; }
.form_field_error, .msg_error { color:red; background-color: #ffeeee; border: 1px solid red; }
.form_field_error { padding: 5px; margin: 5px 0px; }
.form_field_outer fieldset {  
/*clear: both;  */
border-width: 0px 0 0px 0;  border-style: none none none none;  border-color: #a0a0a0 black #a0a0a0 black;
padding: 0px 0px 0px 0px;  margin: 0;  /*background-image: url(/f_templates/skins/fading_background_50.png);*/
background-repeat: repeat-x; }
.form_field_outer legend {  font-weight: bold;}
.btn { padding: 0px 20px 0px 20px; }
.phormbutton,.btn { font-size:12px; font-weight:bold; }
/*
.phormbutton,.phormbutton2 {   padding: 10px 20px 10px 20px;  margin:10px 0px;}
*/
.msg_notice { color:green; background-color: #ccffcc; border: 1px solid green; }
.msg_error, .msg_notice { padding:20px; margin: 10px 0 10px 0; line-height:2.0em; }
.user_submenu, .trip_submenu { font-size:1.0em; padding: 5px; line-height:2.5em; vertical-align:top;}
.block_fullpage { width:400px; }

.meta_bar{ font-size:0.8em; padding: 4px; text-align:left;color: white; position:absolute; }
.meta_bar a{ color:white; z-index:-1000; font-size:0px;}
.meta_service{ padding:2px; float:right; clear:both; font-size:0.75em;}

a         {   text-decoration:none; }
a:hover         {   text-decoration:underline; }

.debug1 { font-size:0.85em; color:red; background-color: #ffeeee; border: 1px solid red; padding:10px}


h1 { font-size:1.6em; padding:0px;margin: 16px 0; }
h2 { font-size:1.3em; padding:0px;margin: 20px 0 10px 0; }

/* -------- Menu styles --------------- */
.tabnav a { color:white; font-weight:900; }
.tabnav a:visited { color:white; font-weight:900; }
.tabnav {
	float: left;
	/* width: 100%; /* 720px; */
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	/* background: #FFCB2D url(nav_bg.gif) repeat-x bottom left; */
	/*background: #aaaaaa; url(nav_bg.gif) repeat-x bottom left; */
	}
.tabnav li, tabnav_sel li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0 1px 0 0 ;
	/*font-family: "Lucida Grande", sans-serif;*/
	font-size: 110%;
	}
.tabnav a {
	float: left;
	display: block;
	margin: 0;
	padding: 8px 16px;
	color: white;
	text-decoration: none;
	border-bottom: none;
	background: #a1a1a1;
/*#CADCAD; /* url(nav_bg.gif) repeat-x bottom left; */
	}
.tabnav a:hover, body#intro #t-intro a {
	/*background: #fff url(on_bg.gif) repeat-x top left;*/
	background-color: #fff;
	color:black;
	}

.seloc { background-color: red; width:100%; }
.seloc li { font-size: 0.9em; }
.seloc a { padding: 4px 8px; }

#tab_user .tabnav_hidden a{ color: #888888; background-color: #cccccc;  } 

#tab_jbmain { 	padding: 0px;margin:0px; }
#tab_jbmain li{ margin:0px; font-size: 100%; border: none; }
#tab_jbmain a {  color: white; background-color: #669900; padding: 4px 8px;  }
#tab_jbmain a:hover {  color: black; background-color: white;  }
.tabnav a:hover, .tabnav_sel a 
{ 
color: black; background-color: white; /* url(img/on_bg.gif) repeat-x top left;*/ 
}
.below_nav { height:0px; border: 1px solid black; border-bottom:none; margin:0; clear: both; }
.sug_status { color:red; padding:5px; margin: 10px 0 10px 0; border: 1px solid red; background-color: #ffcccc; font-weight:bold; }

.trip_submenu { background-color: #f0f0f0; padding: 5px; vertical-align: middle;}

.vp_field { font-weight: 900; }
.ctlbar { background-color: #f0f0f0; }


#loginbox { float:right; text-align:right;  line-height:1.8em; vertical-align: bottom; }
#main_menu{ font-size: 0.85em; }

#main_header { background-color: green;; }
#main_footer{ padding:0px; padding-top: 20px;  padding-bottom: 20px; background-color: #f0f0f0;border-top:2px solid #b6b6b6;}
.corplink{ float:right; text-align:right;}

.mytrips_table td       { padding: 10px;}
.vp_field,.vp_title{ background-color: #f0f0f0; font-weight:900; padding:10px 0;}

.instruct, .page_instruct{  }
.instruct { padding:10px; }

.block { padding:0 0 20px 0; }
.small_block { padding:0 0 10px 0; }
.widget{ background-color: #f0f0f0; padding:5px; margin-bottom: 10px;}
.subwidget{ padding:3px;}

.vp_pagebar { border-bottom: 1px solid #a0a0a0; } 
.vp_row1,.vp_row2 { border-bottom: 1px solid #a0a0a0;  }
.user_msg{  padding: 5px 0 0 0; font-style:italic; }

/* -- end old include/common_style.css -- */


/* -- start old include/style1.css -- */
/* basic */
.grouplabel	{ font-size:1.0em; }
input, select, textarea {   
 }

.marg1	{ padding: 0px; margin:5px; }
.more_box,.response_box,.no_box,.yes_box	{ border: 4px solid; padding:0px; margin:0px; width:200px; }
.no_box	{ border-color:red; }
.yes_box {  border-color:green; }
.more_box {  border-color:blue; }
/* .phormbutton,.btn,.phormbutton2 {
   padding: 0px 20px 0px 20px;
   font-size:1.0em;
   font-weight:bold;
  } 
.phormbutton {
   padding: 10px 80px;
}
.phormbutton2 {
   padding: 10px 10px;
}
*/
.btn { width:200px;}
.ADM,.SUPER,.DEV       {  }

.ADM    { border: 2px solid red; }
.SUPER  { border: 2px solid yellow; }
.DEV    { border: 2px solid black; background-color: white;  color:red; }


/* -- end old include/style1.css -- */




/* CSS Document: RESET --------------------------------- */

/* 
Resets preset CSS Values
Based on the work of CSS Guru Eric Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/	

/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
} */
body {
	color: #333333;
	background: white;
	font-size: 0.9em; /* was 62.5% 1em = 10pt */
}
ol, ul {
	/* list-style: none; */
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img
{ 
border-style: none;
}

/* -- CSS Document : MAIN --------------------------------------------------------------*/

body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:1em;
}

ul{ list-style-position: outside; text-indent: 0px; }

#site-title{ text-align:center; font-size:1.5em;  line-height:1.5em; }
#network-title{ text-align:center; font-size:0.8em; line-height:1.5em; font-weight: 900; }

.meta_service{ position:relative; float: right; }
#tab_user{ position:absolute; bottom:0px; }

#loginbox
{
	float:none;
	color:white;
}
#loginbox a
{
	color:white;
	text-decoration: none;
}

/* LAYOUT */

#white-background {
background:#ffffff; 
overflow: auto; 
padding-bottom:2em;
}

.fixed-width { /* sets a div to fit 1024x768 screen resolution, centered */
margin:0 auto;
width:955px;
}

.login_label {  }
#visitor_join_menu { float:left; line-height:3.0em; padding:0 2em;}
#visitor_login_box{ float:right; line-height:3.0em;}
#login_bar{  text-align: left; padding: 5px;}
#full-width {
margin:0 10px 0 10px;
}

#logo {
float:left;
padding: 10px 20px; 
}

#slogan{ padding:5px; 
line-height:2.5em;
font-size:1.2em;
height:100%;
vertical-align:middle;
}
#topnav {
}

#top-normal { 
background:#7f7f7f;
border-top:2px solid black;
color:#FFFFFF;
height:4.0em;
margin-bottom:10px;
position:relative;
}

/* logged in state */
#top-member {
background:#1b7fc5;
border-top:2px solid #00478e;
color:#FFFFFF;
padding:0;
margin-bottom:20px;
height:54px;
}

#top-member-lhs {
float:left;
padding-left:10px;
}

#top-member-rhs {
float:right;
padding:35px 10px 0 0;
}

#top-member-avatar {
padding-right:6px;
float:right;
}

#lhs {
float:left;
min-height:400px;
}

*html #lhs {
height:400px;
}

#rhs {
float:left;
}

#home {
border:1px solid #cccccc;
width:654px;
margin:0 30px 0 20px;
padding:14px 35px 14px 35px;
text-align:center;
}

#home p {
padding:5px 0 5px 0;
}

.home-image {
border:6px solid #CCCCCC;
}

#our-vehicles {
float:left;
width:312px;
margin-right:30px;
}

#private-vehicles {
float:left;
width:312px;
}

.home-dropdown {
margin:5px 0 5px 0;
}

#login-outer {
width:152px;
}

#login {
background:#f5f5f5;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
padding:6px 10px 6px 10px;
line-height:1.8em;
}

#login .forms {
width:126px;
border:1px solid #CCCCCC;
}

#login .remember {
padding:5px 0 5px 0;
}

#login p {
padding-top:1em;
line-height:1.5em;
}

#factoid {
background:#f5f5f5;
border:1px solid #CCCCCC;
width:130px;
margin-top:25px;
padding:10px;
}

#nfooter {
background-color:#f5f5f5;
border-top:2px solid #b6b6b6;
padding-top:20px;
line-height:1.6em;
}

#credits {
float:left;
width:795px;
}

#links {
float:left;
text-align:right;
width:160px;
}

#clear {
clear:both;
}

/* TYPOGRAPHY */

a:link, a:visited {
color:#005dab;
text-decoration:none;
}

a:hover {
color:#005dab;
text-decoration:underline;
}

.msg_error a, .msg_notice a{ text-decoration:underline; }

#top-normal {
font-size:1.0em;
}

#top-member-rhs a:link, #top-member-rhs a:visited {
color:#FFFFFF;
}

#top-member-rhs a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#lhs {
font-size:1.0em;
}

#login, #factoid {
font-size:1.0em;
}

#full-width {
font-size:1.0em;
}

#full-width p {
margin:8px 0 8px 0;
}

/* Home Page */

.home-main {
font-size:2.2em;
font-weight:normal;
color:#005dab;
padding-bottom:11px;
}

.home-sub {
font-size:1.6em;
font-weight:normal;
color:#666666;
padding-bottom:4px;
}


/* ---- TOP RIGHT NAVIGATION  ------------------------------------------------- */

#nav_menu, #nav_menu ul { /* all lists */
	padding: 0em 0 0 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	float:right;
}
#nav_menu a { /* all links */
	display: block;
	color:#003399;
}
#nav_menu li { /* all list items */
	float: left;
	padding: 2px; /*6px 6px 5px 6px;*/
	color:#999999;
	/* width: 10em;  width needed or else Opera goes nuts */
}
#nav_menu li a { /* first level links */
	font-size:1.0em;
	padding:3px;
	padding-bottom:6px;
	/* padding:6px 13px 5px 13px; */
}
#nav_menu li a:hover {
	color:#333333;
}
#nav_menu li ul { /* second-level lists */
	position: absolute;
	background:#FFFFFF;
	border:1px solid #b6b6b6;
	width: 24em;
	padding:3px 0 6px 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav_menu li li {
	display: block;
	width: 24em;
	padding:0;
}
#nav_menu li li a, #nav_menu li li li a { /* second-and-third level links */
	font-size:1.0em;
	padding:6px 10px 6px 10px;
}
#nav_menu li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
#nav_menu li li li {
	display: block;
	width: 24em;
}
#nav_menu li:hover ul ul, #nav_menu li:hover ul ul ul, #nav_menu li.sfhover ul ul, #nav_menu li.sfhover ul ul ul {
	left: -999em;
}
#nav_menu li:hover ul, #nav_menu li li:hover ul, #nav_menu li li li:hover ul, #nav_menu li.sfhover ul, #nav_menu li li.sfhover ul, #nav_menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* TOP MEMBER NAVIGATION */

#nav-member ul { /* all lists */
	padding:0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav-member a.normal:link, #nav-member a.normal:visited { /* blue tabs */
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	font-size:1.0em;
	background:url(../images/tab.png);
	width:99px;
	height:19px;
	margin:32px 1px 0 0;
	padding-top:3px;
}
#nav-member a.normal:hover, #nav-member .active { /* white and mouseover tabs */
	display: block;
	color:#003399;
	text-align:center;
	font-size:1.0em;
	background:url(../images/tab-active.png);
	width:99px;
	height:19px;
	margin:32px 1px 0 0;
	padding-top:3px;
}
#nav-member li { /* all list items */
	float: left;
}

#content {
	clear: left;
	color: #ccc;
}


.bigbtn { padding:2em; margin:0em;}

.ico_sm
{
	vertical-align:middle;
}


.pii_cal td {height: 50px; border: 1px solid #f0f0f0; border-width: 0px 0px 1px 1px; vertical-align: top; font-size: 0.8em; padding:1px; }
.pii_cal .day_valid { background-color: white;  }
.pii_cal .day_valid:hover { border-color:red; background-color: white; }
.pii_cal .day_invalid { border-width: 0px; }
.pii_cal .day_today { background-color: #f0f000; }


.help_popup_marker{
display:inline;position:relative;z-index:0;
}
.help_popup_text{
font-size:1.0em; padding: 1em;z-index:1001; padding: 5px; }
        
 

.function-menu { float:right; text-align:right; }

.smalltable td { font-size:0.7em; }