﻿/*Print*/
@media print
{   
    .ad_main_top, ad_main, .sidebar, .header, .navbar, .footer { display: none; }
    .navbar_space, .navbar_home, .navbar_news, .navbar_sports, .navbar_opinion, .navbar_arts, .navbar_blogs, .navbar_multimedia, .navbar_inside, .navbar_weekend, .navbar_inside, .navbar_arbutus, .navbar_special { display: none; }
    #DISP { display: block; }
}

body                { font-family: Arial; font-size: 9pt; }
a:link              { color: #900000; text-decoration: none; }
a:visited           { color: #900000; text-decoration: none; }
a:hover             { color: #900000; text-decoration: underline; }
#DISP               { overflow: auto; display: block; width: 600px; text-align: left; margin: 10px; }
#DISP ul            { list-style-type: none; padding-left: 10px; }
#hapHeading         { color: #900000; font-family: Arial; font-size:14pt; font-weight: bold; margin-top: 12px; }
.hapSpan            { font-size: 10pt; font: Arial; font-weight: bold; }

#miniDiv            { display: block; width: 629px; margin-left: 10px; }

.locLink            { color: #900000; text-decoration: none; }
.locLink:hover      { color: #900000; text-decoration: underline; cursor: pointer; }

.evli               { padding-top: 5px; }
.eventlist          { margin-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #B0B0B0; }
.eventname          { font-size: 10pt; font-weight: bold; }
.eventpicture       { float: right; width: 100px; max-height: 100px; max-width: 100px; padding-top: 15px; }
/*SCREWED UP FIREFOX CRAP*/
div.main { width: 628px; }

/*
#miniTabs           { display: block; text-align: left; position: relative; padding-left: 10px; }
#miniTabs a:link    { font-size: 14pt; font-weight: bold; color: Black; text-decoration: none; }
#miniTabs a:visited { font-size: 14pt; font-weight: bold; color: Black; text-decoration: none; }
#miniTabs a:hover   { font-size: 14pt; font-weight: bold; color: Black; text-decoration: none; }
#miniTabs a:active  { font-size: 14pt; font-weight: bold; color: Black; text-decoration: none; }*/

/*testing
.rangeInline        { width: 300px; }*/

/* HAPPENINGS DATEPICKER
 * "Cupertino" Theme for jQuery UI Datepicker
 * Generated by Theme Roller ( http://ui.jquery.com/themeroller/ )
 * Authors: 
 *		Filament Group ( http://www.filamentgroup.com )
 * 		Marc Grabanski ( http://marcgrabanski.com/ )
 */
 
.hapCalendar { float: left; padding-left: 10px; }
 
#ui-datepicker-div,
#ui-datepicker-div table,
.ui-datepicker-div,
.ui-datepicker-div table,
.ui-datepicker-inline,
.ui-datepicker-inline table { font-size: 12px !important; }

.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	background: #f3f3f3;
	font-size: 1.2em;
	border: 4px solid #cccccc;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}

#ui-datepicker-div { /*must have z-index: 9999*/ z-index: 9999; display: none; background: #f3f3f3; }

/*MAIN CALENDAR*/
.ui-datepicker-inline { display: block; margin-top: 12px; margin-right: 12px; margin-left: 10px; margin-bottom: 5px; height: 127px; }
.ui-datepicker-control { display: none; }
.ui-datepicker-current { display: none; }

.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
}
.ui-datepicker-next { left: 14.6em; }
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #cccccc;
	cursor: pointer;
}

.ui-datepicker-next a { background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; }
.ui-datepicker-prev a:hover { background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat; }
.ui-datepicker-next a:hover { background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat; }
.ui-datepicker-prev a:active { background: url(images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat; }
.ui-datepicker-next a:active { background: url(images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat; }
.ui-datepicker-header select { border: 1px solid #cccccc; color: #444444; background: #e0e0e0; font-size: 1em; line-height: 1.4em;
	position: absolute; top: .5em; margin: 0 !important; }
.ui-datepicker-header select.ui-datepicker-new-month { width: 7em; left: 2.2em; }
.ui-datepicker-header select.ui-datepicker-new-year { width: 5em; left: 9.4em; }
table.ui-datepicker { width: 15.5em; text-align: right; }

table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #444444;
	background: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #f3f3f3;
}
table.ui-datepicker td a:hover {
	border: 1px solid #888888;
	color: #111111;
	background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #2694e8;
	color: #000000;
	background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #362b36;
	text-transform: uppercase;
	/*border-bottom: 1px solid #cccccc;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #362b36;
}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Date Picker */
/*.hapCalendar { float: right; display: block; padding: 20px; font-family: Arial; font-size: 12pt; }
.ui-datepicker-inline { background-color: #66BCCC; }

.ui-datepicker-links { display: block; }
.ui-datepicker-next { cursor: pointer; margin-bottom: 10px; text-align: right; }
.ui-datepicker-prev { cursor: pointer; margin-bottom: 10px; float: left; }

.ui-datepicker-title-row { padding: 10px; }

.ui-datepicker-days-cell { text-align: center; }*/
