/* --------------------------------------------------
	file:			style.css
	authors:		Richerd Chan, Jim Roycroft
   -------------------------------------------------- */
           
html 
{
	height: 100%;	
}
  
body 
{
	font-family:Arial,Helvetica,sans-serif;
	padding: 0px;
	margin: 0px;
	background:#eee3ca;
	height: 100%;
}

/* Tags
   -------------------------------------------------- */
a:link, a:visited
{
	text-decoration: none;
}

a:hover
{
   text-decoration: underline;
}

h1 { margin-bottom: 0px; }
h2 { margin-top: 0px; }

.dropdownCombobox 
{
   background: white;;
   border: 1px solid #545454;
}

.dropdownOption 
{
    font-size: 0.8em;
    padding: 0.1em 0 0.1em 0.2em;
}

.optionHover 
{
    background: cornflowerblue;
    color: white;
    cursor: default;
}

img
{
	border: 0 solid white;
}

.picture
{
	border: 1px solid #333;	
}


/* Page structure - Header, Footer
   -------------------------------------------------- */
#header 
{
	background: white;
	padding: 10px;
}

#footer
{
	background: white;
	width: 780px; 
	color: #555; 
	vertical-align: bottom;
	border: 1px solid #c96;
	border-width: 0 1px 1px 1px;
	margin: 0 auto;
	padding: 10px;
}

#footer a:link, #footer a:visited
{
	color: #555;	
}

#footer table
{
	border: 0px solid black;
	width: 700px;
}

#footer table td.side { width: 200px; }
#footer table td.center { width: 300px; }
#footer table td.right { text-align: right; }

#copyright
{
	display: block;
	text-align: center;
	color: #999;
	padding: 0 0 20px 0;
}

#header_text
{
   text-align: left;
   color: #555;
   padding: 0 0 0 20px;
}

#admin_header
{
	font-family: futura, helvetica, arial, sans-serif;
	text-align: left;
	background: #9c9;
	line-height: 40px;
	padding: 10px 0 0 20px;
	height: 40px;
	border: 1px solid black;
	border-width: 0 0 1px 0;
	min-width: 1000px;
}


/* Page structure - Wrappers
   -------------------------------------------------- */
#outer_wrapper 	/* border */
{
	text-align: left;
	background: white;
	width: 800px; 
	margin:0 auto; 
	border: 1px solid #c96;
	border-width: 0 1px 0 1px;	
}

#wrapper
{
	padding: 25px 25px 0px 25px;
}

#wrapper:after
{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}


/* Login
   -------------------------------------------------- */
#login
{
	padding: 10px;
	background: white;
}

#login #loginEmail, #login #loginPassword
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
}

#login #personalizedUserMenu { text-align: right; }


/* Breadcrumbs
   -------------------------------------------------- */
#breadcrumbs
{
	background: white;
	position: relative;
	top: -10px;
	height: 42px;
	border: thin solid #ccc;
	padding: 5px 0 0 10px;
	z-index: 0;
}

#breadcrumbs h3 /* links */
{
	margin: 0;
	color: #666;
	font-size: 0.75em;
	font-weight: normal;
}

#breadcrumbs h2 /* title */
{
	margin: 0;
	color: #303030;
	font-size: 1.25em;
}


/* Public - Home
   -------------------------------------------------- */
#quick_nav {
	background: #fffacd;
	width: 680px;
	border: 1px solid #c96;
	margin: 0 auto 25px;
	padding: 10px;
}

#quick_nav form { margin: 0px; }
  
#business_areas
{
	height: 450px;	
	margin: 0 auto;
	width: 700px;
}

#business_areas ul
{
	padding: 0;
	margin: 0;
	list-style-type:none;
}

#business_areas ul li
{
	margin: 0;
	float: left;
	width: 200px;
}
#business_areas ul li ul li
{
	margin: 0px;	
}

#business_areas p
{
	margin: 0px;	
}

#business_areas .picture
{
	border: 0px solid #999;
	cursor: pointer;
}
#business_areas .picture img { border: 1px solid #999; }

#business_areas .transparent_bar, #business_areas .title
{
	padding:10px;
	width: 180px;
	position:relative;
	font-weight: bold;
   font-size: 1.1em;
	left: 1px;
	color: #fff;
	cursor: pointer;
}

#business_areas .transparent_bar
{
	opacity: 0.4;
   filter:alpha(opacity: 40);
   -moz-opacity: 0.4;
   -khtml-opacity: 0.4;
}

#business_areas .title {}

#business_areas .description
{
	position: relative;
	top: -70px;
	font-size: 0.9em;
}

#business_areas #injury_prevention .picture { }

#business_areas #injury_prevention .transparent_bar
{
	background: #e00;
	top: -60px;
}

#business_areas #injury_prevention .title 
{
	top: -102px;
}

#business_areas #health_promotion 
{
	margin: 0 0 0 50px;	
}

#business_areas #health_promotion .picture { }

#business_areas #health_promotion .transparent_bar
{
	background: blue;
	top: -170px;
}

#business_areas #health_promotion .title 
{
	top: -212px;
}

#business_areas #workplace_wellness
{
	float: right;	
}

#business_areas #workplace_wellness .picture { }

#business_areas #workplace_wellness .transparent_bar
{
	background: #551A8B;
	top: -280px;
}

#business_areas #workplace_wellness .title 
{
	top: -322px;
}


/* Page Content
   -------------------------------------------------- */
#main
{
	min-height: 300px;
	height:100%;	
}

#side_nav
{
	float: left;
	background: white;
	width: 170px;
	font-size: 0.95em;
	padding: 0;
}

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

#side_nav a:link, #side_nav a:visited
{
	padding:0px;
	margin: 0px;
   color: #cc4500;
}

#content
{
	float: right;
	background: white;
	width: 535px;
	font-size: 0.9em;
	padding: 0 20px 0 20px;
}

#content h1
{
	color: #3A5FCD;
	font-size: 1.2em;
}

#content b
{
	font-size:1.0em;
}

#main .schedules_side_nav { width: 27%;}

#main .schedules_side_nav li 
{
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
	padding: 2px 0 2px 0;
}

#main .schedules_content 
{ 
	padding: 0% 3% 0% 3%;
	width: 66%;
}

#main .schedules_content .event_details li
{
	list-style-type: none;	
}

#main .schedules_content .event_details li span.title
{
	display: inline;
	position: absolute;
	width: 100px;	
}

#main .schedules_content .event_details li span.words
{
	margin-left: 100px;
}

#main .ip_content .ip_info_box
{
	float:left;
	text-align:center; 
	border: 1px solid #CCC; 
	width: 250px; 
	height: 310px; 
	margin: 0 0 20px 0;
}

#main .ip_content #schedules
{
	float: left;
	cursor: pointer;
}

#main .ip_content #information
{
	float: right;	
}

/* Payment
   -------------------------------------------------- */
#godaddy_site_seal { float: right; }

#credit_card_payment {
	border: 1px solid #333;
	padding: 0 15px 15px 15px;
	background: #efefef;
}


#credit_card_logos { 
	float: right;
	font-weight: bold;
	font-size: 12px;
	margin-top: -40px;
	text-align: center;
	line-height: 30px;
	}

#credit_card_payment ul { list-style-type: none; }
#credit_card_payment li { margin-top: 5px; }
#credit_card_payment label { 
	width: 150px; 
	style:block; 
	float: left;
}
#credit_card_payment .submit_button {margin-left: 150px; }

#receipt
{
	border: 1px solid black;
	background: #efefef;
	padding: 10px;
}

#receipt table.receipt_headers {width: 100%;}

#receipt table.receipt_headers th {width: 33%; text-align: center;}

#receipt table.invoice
{
	width: 90%;
	border: 1px solid black;
	margin: 15px auto;
	border-collapse: collapse;
}

#receipt table.invoice td, #receipt table.invoice th
{
	border: 1px solid black;
	padding-left: 10px;	
	padding-right: 10px;	
}

#receipt h1 { font-size: 1.0em; }
#receipt h3 { text-align: center; margin-top: 20px;}
#receipt table .price_description {	text-align: right; font-weight: bold; }
#receipt table .price { text-align: center; }

#payment_details .event_details li
{
	list-style-type: none;	
}

#payment_details .event_details li span.title
{
	display: inline;
	position: absolute;
	width: 100px;	
}

#payment_details .event_details li span.words
{
	margin-left: 100px;
}


/* Keynotes & Courses
   -------------------------------------------------- */
#keynote, #course
{
	border: 2px solid #CCC;
	margin: 0 10px 0 10px;
	background-color: white;
	padding: 10px;
	cursor: default;
}

#keynote { m: expression(this.onmouseover =  new Function("this.id = 'keynote-hover';")); }
#course { m: expression(this.onmouseover =  new Function("this.id = 'course-hover';")); }

#keynote:hover, #keynote-hover, #course:hover, #course-hover
{
	border: 2px solid #55F;
	margin: 0 10px 0 10px;
	background-color: #eee;
	padding: 10px; 
	cursor: pointer;

}

#keynote:hover, #keynote-hover
{
	m: expression(this.onmouseout = new Function("this.id = 'keynote';"));
}

#course:hover, #course-hover
{
	m: expression(this.onmouseover =  new Function("this.id = 'course';"));
}


/* Map
   -------------------------------------------------- */
#map_container 
{
	position: absolute;
	top:200px;
	left:200px;
	background: #efefef;
	border: 2px solid black;
	z-index: 5000;
	padding: 0px;
	width: 500px;
}

#map_container .title 
{
	padding: 0px 10px 0px 10px;
	font-weight: bold;
	background: #608cba;
	color: white;
	height: 25px;
	line-height: 1.5;
	cursor: move;
}

#map_container .title .close 
{
	float: right;
	display: inline;
	background: #608cba url(../images/close.png);
	position: absolute;
	right: 10px;
	top: 2px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

#map_container .title .close:hover 
{
	background: url(../images/close_selected.png);
}

#map
{
	width: 500px; 
	height: 300px;
	padding: 0px;
	margin: 0px;
}

/* Tool Tips
   -------------------------------------------------- */

dl {
  position: relative;
  width: 575px;
}

dt {
  clear: both;
  float:left;
  width: 175px;
  padding: 4px 0 2px 0;
  text-align: left;
}

dd {
  margin: 0 0 8px 0;
  padding-left: 6px;
}

dd.submit_button
{
	margin: 20px auto;
	width: 33%;
}

.tooltip
{
	font-size: 0.8em;
	position: absolute;
	width: 125px;
	right: -140px;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 10px 12px;
	background-color: #ffc;
}


/* Admin Dashboard
   -------------------------------------------------- */
#dashboard { }

#dashboard ul { margin-top: 5px; }

#dashboard .tasks, #dashboard .registrations
{
	float: left;
	margin: 1%;
}

#dashboard .tasks { width: 98%; }
#dashboard .registrations { width: 98% }
	
#dashboard .item
{
	background: white;
	border: 1px solid #c66;
	margin-bottom: 20px;
}

#dashboard .title
{
	font-weight: bold;
	color: white;
	background: #c66;	
	padding: 5px 10px 5px 10px;
}

#dashboard .body
{
	padding: 5px 10px 5px 10px;
	font-size: 0.9em;
}

#dashboard .registrations .item
{
	border-color: #4F94CD;
}

#dashboard .registrations .title
{
	background: #4F94CD; 
	border-color: #4F94CD;
}

#dashboard .tasks .item
{
	width: 31%;
	float: left;
	margin-right: 2%;
}

/* Miscellaneous
   -------------------------------------------------- */
#save_box
{
	background: #eee;
	padding: 20px;
	width: 75%;
	color: green;
	border: 1px solid #999;	
}

#search {padding:10px 0 10px 0; display:inline;}

#registration_box 
{
	background:white;
	width:750px;
}

/* Details & List Pages
   -------------------------------------------------- */
#details, #list {}

#details {font-size: 0.9em; }

#details .box, #list .box
{
	background-color: #ffffff;
	border-color: #cc6666;
	border-style: solid;
	border-width: 1px; 
	min-width: 500px;
}

#details .title, #list .title
{
	color: white;
	padding: 5px 10px 5px 10px;
	background: #c66;
	font-weight: bold;
}

#details .body, #list .body { padding: 5px 10px 5px 10px; }

#details #event { width: 550px; }
#details #event_type { width: 500px; }
#details #location { width: 600px; }
#details #user { width: 750px; }
#details #registration { width: 700px; }

#list #event { width: 100%;}
#list #event_type { width: 100%; }
#list #location { min-width: 600px; width: 50%;}
#list #user { width: 700px;}

#list #registration { width: 100%; }
#list #roster { min-width:700px; width: 75%; }


/* Tables - Details, Lists
   -------------------------------------------------- */
table.details 
{ 
	border-collapse: collapse; 
}

table.details td 
{ 
	padding: 6px; 
	vertical-align:top; 
}   
   
table.list
{
	border-collapse: collapse;
	width: 100%;
}

table.list td
{
	padding: 5px;
	vertical-align: top;	
}



table.schedule_data.even, table.list tr.even{}
table.schedule_data.odd, table.list tr.odd { background: #e3e3e3;}


table.list thead
{
	text-align: left; 
   background: white;
   width: auto;
}

table.list thead td 
{
	font-weight: bold;
	border: 2px solid black;
	border-width: 2px 0 2px 0;
}

table.list tbody tr:hover { background: #90EE90; }	

table.list a:link, table.list a:visited, 
table.schedule_data a:link, table.schedule_data a:visited
{
	text-decoration: none;
	color: blue;	
}

table.list a:hover, table.schedule_data a:hover
{
	text-decoration: underline;	
}

table.schedule_data { width: 100%; 	border-collapse: collapse;s }
table.schedule_data:hover {background: #90EE90; }

table.schedule_data thead
{
	text-align: center; 
   background: white;
   width: auto;
}
table.schedule_data .section td {padding: 5px; }
table.schedule_data .session_start_date { width: 20%; text-align: left; }
table.schedule_data .session_end_date { width: 20%; text-align: left; }
table.schedule_data .map_location { width: 30%; text-align: center; }
table.schedule_data .status { width: 17%; text-align: center; }
table.schedule_data .details { width: 13%; text-align: center; }

#event_list_version table.schedule_data .type { width: 10%; text-align: left;}
#event_list_version table.schedule_data .facilitator { width: 14%; text-align: center;}
#event_list_version table.schedule_data .visible { width: 6%; text-align: center;}
#event_list_version table.schedule_data .time { width: 15%; text-align: center; }
#event_list_version table.schedule_data .session_start_date { width: 10%;  text-align: left;}
#event_list_version table.schedule_data .session_end_date { width: 10%;  text-align: left;}
#event_list_version table.schedule_data .map_location { width: 15%; text-align: center; }
#event_list_version table.schedule_data .status { width: 10%; text-align: center;}
#event_list_version table.schedule_data .details { width: 10%; text-align: center; }

/* Calendar
   -------------------------------------------------- */
#calendar { 
	padding: 0 7px 7px 0;
	background: white;
	width: 1000px;
	background: url(../images/dropshadow.png) no-repeat bottom right;	
}

#calendar .container {
	background: white;
	padding: 20px;
}

.calendar {
  	border-collapse: collapse;
  	border: 2px solid white;
}

.month_names th {vertical-align: middle;}
.month_names th a:link, .month_names th a:visited { text-decoration: none; color: #cccccc; }
.month_names th a:hover { color: #666666; }
.current_month { padding-bottom: 10px; font-size: 30px; }
.previous_month { text-align: left; color: #cccccc; }
.next_month { text-align: right; color: #cccccc; }

.day_names th {
  font-size: 11px;
  padding-top: 7px;
  padding-bottom: 4px;
  background-color: #303030;
  color: white;
}

.day {
	padding: 15px;
	width: 120px;
	height: 120px;
	border: 1px solid #999999;
	vertical-align: top;
}

.today {
	background: #ffcc99;
}

.other_month {
	color: #cccccc;
}

.day .date { text-align: right; font-weight: bold; }
.day .details { }
.day li { margin-left: 15px; color: #0000CE;}

.day a:link, .day a:visited { text-decoration: none; color: #0000CE;}
.day a:hover { text-decoration: underline; }


/* Navigation - Admin, Main
   -------------------------------------------------- */
#menu 
{
   width:100%; 
   font-size: 0.85em;
   position:relative;
   z-index: 20;
}

#menu:after
{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;	
}

#menu ul 
{
   padding:0;
   margin:0;
   list-style-type:none;
}

#menu ul ul 
{
   display:none;
   position:absolute;
   top:31px;
}

#menu li 
{
   float:left;
   position:relative;  
}

#menu ul li:hover ul, #menu ul li:focus ul
{
	display:block;
	z-index:500;
}

#menu li:hover /* IE 7 shifted menus fix */
{
   position:static;
}

#menu a, #menu a:visited, #menu .linkitem
{
   display:block;
   text-decoration:none; 
   color: #ffffff;
   height:30px; 
   padding-left:10px; 
   line-height:29px;
}

#menu ul ul a, #menu ul ul a:visited 
{
	color: black;
	height: auto; 
	line-height:1em; 
	padding: 5px 10px; 
}

#menu ul ul a:hover 
{
	color: white;
}

.admin_menu a, .admin_menu a:visited, .admin_menu .linkitem
{
	background: #7a7;	
	border:0 solid #9c9; 
   border-width: 0 0 1px 0; 
}

.admin_menu a:hover, .admin_menu ul ul li a:hover
{
	color: white; 
	background:#949e7c;
}

.admin_menu ul ul a, .admin_menu ul ul a:visited
{
	background:#d4d8bd; 
	color: black; 
	border:0 solid white; 
	border-width: 0 0 1px 0; 
}

.admin_menu ul ul, .admin_menu li { width: 125px; }
.admin_menu a, .admin_menu a:visited, .admin_menu .linkitem { width: 114px; }
.admin_menu ul ul a, .admin_menu ul ul a:visited { width: 104px; }

.main_menu a, .main_menu a:visited
{
	background: #FF8000;
	border:0 solid white; 
	border-width: 0 0 1px 0;
}

.main_menu a:hover, .main_menu ul ul li a:hover
{
	color: white; 
	background:#FFA000;
}

.main_menu ul ul a, .main_menu ul ul a:visited
{
	background: #F5F5DC; 
	color: black;
	border:0 solid #CCC; 
	border-width: 0 0 1px 0; 
}

.main_menu #menuclose 
{
	float: right;
	background: #FF8000;
	height:29px;
	width: 50px;
	border: 1px solid #FF8000;
	border-width: 1px 0 0 0;
}

.main_menu ul ul, .main_menu li { width: 150px; }
.main_menu a, .main_menu a:visited, .main_menu .linkitem { width: 139px; }
.main_menu ul ul a, .main_menu ul ul a:visited { width: 129px; }