/* @override 
	http://www.carpoolzone.smartcommute.ca/en/skins/lakehead/index_files/styles2.css
	http://lakeheadu.carpoolzone.ca/dev/skins/sca/index_files/styles2.css
*/

/*
------------------------------------------------------
	ALL
------------------------------------------------------
*/

.MenuHorizontal,
.MenuBar
{
  background-color: #669933 ;
}

.MenuHorizontal,
.MenuVertical,
.MenuBar,
.MenuBar a
{
  color: #000000;
}

.MenuVertical
  {
  background-color: #99cc33;
 }

.MenuVertical li
{
  border-bottom: #E2782A 1px solid;
}

.Level2 li:hover,
.Level2 li.over
  {
  background-color: #cccc33;
  }





body{
	margin:					0px;
	padding:				0px;
	font-family:				Verdana;
	font-size:				1.0em; /*10px;*/
	color:					black; /*#333333;*/
	margin:					0px;
	padding:				0px;
	/*
	background:				#FFFFFF;
	background-image:		url('http://sca0.carpooltool.com/edit_trunk/skins/sca/index_files/masthead_main.jpg');
	background-repeat:		no-repeat;
	*/
}

select, input{
	/*width:					120px;*/
	font-family:			Verdana;
}

.tiny {
	width : 20px ;
	border:					1px solid #000 ;
	font-family:			Verdana;
	font-size:				1.0em; /*10px;*/
}


.mytrips_table li{
list-style-position:    inside;
padding:                0px 0px 0px 0px;
}


.PageContainer{

}

.ContentContainer{
	/*width:			960px; */
	color:				#535049;
	/*background-image:		url('column.gif');*/
	background-repeat:		no-repeat;
	border:				solid;
	border-width:			0px;
	border-color:			#CCCCCC;
}

/*
------------------------------------------------------
	MAIN SITE
------------------------------------------------------
*/

.BoxLink{
	font-size:				1.0em; /*9px;*/
	font-weight:			bold;
	text-align:				left;
	list-style:				none;
	border:					solid;
	border-width:			1px;
	border-color:			#E2782A;
	padding:				7px 0px 7px 7px;
	margin:					5px 15px 5px 15px;
}	

.MastheadMain div.Choose{
/*	position:				absolute;*/
	left:					277px;
	top:					57px;
}


.MastheadTMA div.Logo{
	float:					left;
	padding:				10px 0px 0px 24px;
	font-size:				0.9em; /*9px;*/
	font-weight:			bold;
}

.MastheadMain div.Right{
/*	position:				absolute;*/
	left:					470px;
	top:					25px;
	float:					right;
	color:					#FFFFFF;
	font-weight:			bold;
}

.MastheadMain div.Right input{
	border:					solid;
	border-width:			1px;
	border-color:			#DDDDDD;
	font-size:				0.9em; /*7px;*/
	width:					100px;
}

.MastheadMain div.Right input.tiny{
	border:					solid;
	border-width:			1px;
	border-color:			#aaa;
	font-size:				0.9em; /*7px;*/
	width:					25px;
}

.MastheadMain div.Right div.Link{
	float:					left;
	color:					#FFFFFF;
	font-weight:			bold;
	font-size:				0.9em; /*8px;*/
	padding:				5px;
}

.MastheadMain div.Right div.Link a:link,
.MastheadMain div.Right div.Link a:active,
.MastheadMain div.Right div.Link a:visited{
	color:					#FFFFFF;
	text-decoration:		none;
}

.MastheadMain div.Right div.Link a:hover{
	color:					black; /*#333333;*/
	text-decoration:		none;
}


.MastheadMain div.Menu div.Item,
.MastheadTMA div.Menu div.Item{
	/*float:				right; */
	padding:				5px 2px 5px 2px;
	font-size:				1.0em; /*10px;*/
	font-weight:				bold;
	color:					#003300;
}

div.Menu div.Item a:link,
div.Menu div.Item a:active,
div.Menu div.Item a:visited
{
	color:					#003300;
	text-decoration:			none;
}

div.Menu div.Item a:hover{
	color:					#999999;
	text-decoration:			none;
}





.MastheadMain{
	/*height:					150px;*/
	width: 100%;
	background-image:		url("masthead_main.jpg");
	background-repeat:		no-repeat;
	background-color:					#aad152;
}

.MastheadMain div.Logo{
	padding:				10px 0px 0px 24px;
	float:					left;
	font-size:				0.9em; /*8px;*/
	font-weight:				bold;
}

/* actually the login box now */
div.Menu{
	float:right;
/*	
	right:					50px;
	top:					0px;
*/
	width:					50%;
	border:					solid;
	border-width:				1px;
	border-color:				#336600;
	padding:				0px 5px 0px 5px;
	margin:				0px 20px 0px 0px;
	background-color: #669933;
}



div.StaticMenu{
	/*right:					10px;
	top:					120px;
	width:				600px;
	border:					solid;
	border-width:				1px;
	border-color:				#E2782A;*/
	clear: none;
text-align: right;
	padding:				0px 20px 0px 5px;
	background-color: none;
		color: #003300; 
}


/*
------------------------------------------------------
	GENERAL
------------------------------------------------------
*/

.Main{
	background:				#FFFFFF;
}

.Content{
	/*width:					580px;*/
	float:					left;
	text-align:				left;
	padding:				5px 20px 20px 20px;
}

.Content .SubTitle{
	color:					#999999;
	font-size:				1.0em; /*11px;*/
	font-weight:			bold;
}

.Content .File {
	margin-top:				2px;
	background-image:		url(../images/dot_bg.jpg);
	padding:				3px;
}

.Content .Updated{
	color:					#666666;
	font-size:				1.0em; /*11px;*/
	font-style:				italic;
	margin:					10px 0px 0px 0px;
}

.Content div.Section{
	/*height:					49px;*/
	font-size:				3.0em;
	font-family:			Arial;
	xcolor:					#999999;
	background-image:		url('swoosh.gif');
	background-repeat:		no-repeat;
	margin:					15px 0px 10px 20px;
}


/*
------------------------------------------------------
	GENERAL
------------------------------------------------------
*/
.Footer{
	float:					right;
	text-align:				center;
	margin:					25px 0px 0px 0px;
}

.Footer .Item{
	color:					#999999;
	float:					left;
	margin:					0px 5px 0px 0px;
}

.Footer .Item a:link,
.Footer .Item a:visited,
.Footer .Item a:active{
	color:				#999999;
	text-decoration:		none;
}

.Footer .Item a:hover{
	color:				black; /*#333333; */
	text-decoration:		none;
}






/* basic */
table		{ border: 1px black;}
.spacious_table .vp_table td			{ padding: 3px; margin: 2px; }
form		{ margin: 0px; padding: 0px; }
body		{  font-family: verdana, arial, sans-serif; font-size: 
0.8em; margin: 0px; padding: 0px; }
td 		{  font-size: 1.0em; /* was 0.75 */ }
h1,h2,h3,h4,h5,h6
		{  font-weight: bold; padding: 3px; margin: 0; }
h1 		{  font-size: 1.5em; color:  white; }
h2		{  font-size: 1.3em;  }
h3		{  font-size: 1.2em;  }
h4,h5,h6	{  font-size: 1.1em;  }
a		{  color: #003300; text-decoration: none; font-weight: bold;}
a:hover 	{  color: black; /*background-color: #ffc;*/ }

/* phormation */
.widgetlabel	{  width: 300px; vertical-align: top;  }
.widgeterror	{  font-weight: bold; color: white; background-color: #777777; padding: 10px; }
.phormtable td	{ padding: 5px;  }

/* trimmings */

.widgetlabel,.edittrip_step,.vp_field,.vp_pagebar		{  
background-color: #c7d647	 } /* #D3D682 } */

/* trimmin */
.mainback, .vp_title, .title_bg	{ background-color: #81a13e } /* #EB6400 }  /* DARK COLOR */

/* header */
.adm_menu_table { background-color: #ffffff;  text-align:left; font-size: 1.0em; }

/* body used */
.edittrip_step	{ 	font-weight: bold; 	}
.error_msg,.notice_msg	{	color: white; background-color: #777777;		}
.error_msg a:hover,.notice_msg a:hover	{	color: white;	}
.loginemail 	{	color: #ffffff;  font-weight: normal}

/* mainpage */
.sidenewsheader{	 font-weight: bold}
.sidenewstext 	{	 }
.subheader 		{	 font-weight: bold}

/* vp */
.vp_field 	{ font-size: 1.0em; font-weight: bold;  color: black }
.vp_row1 	{ background-color: white; }
.vp_row2 	{ background-color: #dddddd; }
.vp_table, .mytrips_table  	{ width: 100%; }
.mytrips_table  	{ border: 1px solid; border-color: lightgrey black black lightgrey; }
.mytrips_table td	{ padding: 3px;}
.inner_table td	{ padding: 2px; margin: 1px; }
.vp_title 	{ color: white; font-weight: bold; font-size: 1.0em;  }
.title_bg 	{ color: white; font-weight: bold; }

.menuitem_hidden,.menuitem_sel,.menuitem_nonsel 
	{ padding: 1px; border: 1px solid; border-color: lightgrey black black lightgrey; 
		/* background-color: #D0D61B; /* #D3D682; /* LIGHTCOLOR  */ 
		font-size: 1.4em; }


.menuitem_hidden
	{  background-color: #cccccc }
.menuitem_sel 	
	{ background-color: white; border-color: lightgrey black white lightgrey; color: black; font-weight: bold; padding:2px; }
.menuitem_nonsel
	{ background-color: #eeeeee; }
.menuitem_nonsel:hover
	{ background-color: white; }

.Menu .vp_row2 { background-color: transparent; }
.phormhelp { font-size: 1.0em; font-weight:100; }
ul.page_instruct li{ 	list-style-position: outside; }


.tabnav { background: #aaaaaa; }
.tabnav a { background: #669933 url(nav_bg.gif) repeat-x bottom left; }
.tabnav_sel a { background: white url(nav_bg.gif) repeat-x bottom left; }

/*
.ztabnav { background-color: white; } 
.ztabnav	a { background: #E2782A; border-color: #E2782A; } 
.zbelow_nav { border-color: #E2782A; } 

*/