#CalgaryAppClosed {display: none;}
#CalgaryAppOpened {display: block;}

#EdmontonAppClosed{display: block;}
#EdmontonAppOpened {display: none;}

/*LAYOUT*/
* {margin-top:0;margin-bottom:0;}

html, body, form {height: 100%;}
#wrap {min-height: 100%; width: 100%}
#wrap  {min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;}  /* must be same height as the footer */
#footer, .push {height: 100px;}
.BlueText {color: #252f7e;}

/*DESIGN*/
body{text-align: center; padding: 0px; margin: 0px; background: url(/media/470/body_grad.jpg) repeat-x; background-position: 0px 262px; }

#wrap{width: 100%; text-align: center;}

#main{width: 971px; margin: 0 auto; text-align: left;}

#header { background: #CBEAFF; text-align: center;}
#header img {margin: 0 auto; text-align: center; display:block;}

#header ul{list-style: none; padding: 0px 0px 15px 0px; margin: 0px;}
#header ul li{list-style: none; display: inline; margin: 0px; padding: 0px; float: left; }
#header ul li a{display: block; font-size: 14px;   text-decoration: none; font-weight: bold; }

#NavBar { height: 48px; background: #cb0000 url(/media/480/navbar_back.jpg) repeat-x; padding: 0px 0px 0px 30px; text-align: center;position: relative;}

#BodyContent {padding: 10px 25px 10px 25px;}

#HighlightBox {padding: 10px; border:1px solid #262F7E; margin: 0 0 15px 0;}

#home td {vertical-align: top; padding: 0;}
#home td.newsCell { text-align: right;}
#home td.bbnCell {padding: 30px 0 20px 0;}
#home td.appyCell {padding-top: 25px;}
#home td.imgLinksCell .imgLicensees {margin-bottom: 25px;}
#home .news { width: 430px; padding: 182px 0 0 0; position: relative;}
#home .news .imgNewsHeader{ display: block; position: absolute; top: 5px; left: 0px; margin-top: -5px;}
#home .newsbody { min-height: 320px; font-size: 14px; padding: 20px 10px 30px 10px; border: 1px solid #202c7d;text-align: left;}
#home .newsDate { position: absolute; bottom: 0px; left: 15px; padding: 10px 0px;}
#home .bbnContent {position: relative;}
#home .bbnText { width: 520px; color: #fff; font-size: 16px;  position: absolute; top: 50px; left: 15px;}
.newsItemLink {color: #CB0000; display: block; margin-bottom: 20px; font-weight: bold; font-size: 16px; text-decoration: underline;}
#homeList li {padding: 0; margin: 0;}

/* Subpages layout */
#subNavigation{width: 20em; float: right;}
#subNavigation ul{list-style: none; border: 1px solid #FFE8CD; background: #FFF9D8;}

/* FONTS standards */
body {font-size: 14px; font-family: Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {color: #252f7e; font-weight: bold;}
h1 {font-size: 20px; margin-bottom:0.5em;} 
h2 {font-size: 18px; margin-bottom:0.75em;}
h3 {font-size: 16px; margin-bottom:1em;}
h4 {font-size:1em; margin-bottom:1.25em;}
h5 {font-size:1em;   margin-bottom:1.5em;}
h6 {font-size:1em;   margin-bottom:1.75em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em; }
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* LINKS standards
a:focus, a:hover {color:#000;}
a {color: #14223E;text-decoration:underline;}
h1 a{color: #666; text-decoration: none;}
 */
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* ELEMENTS standards */
a img {border: none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* FORM ELEMENTS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul{margin-bottom: 0; padding-bottom: 0;}

#main li {padding: 3px 0;}

/*#footer{ background: #cb0000 url(/media/485/footer_back.jpg) repeat-x; color: #fff; text-align: center;}*/
#footer{ background-color: #cb0000; color: #f5cccc; text-align: center;}
#footer #FooterTable {margin: 0px; color: #f5cccc;}
#footer td {width: 20%;}
#footer #foot1 {text-align: left;}
#footer #foot2 {text-align: center;}
#footer #foot3 {text-align: center;}
#footer #footExpl{text-align: center;}
#footer #foot4 div {float: right;}


#LinksContainer UL LI UL {margin-left: 5px;}

/*****************************/

#FormContainer {width: 100%; }
#ContactFormBody{padding-left: 15px;}
#ContactFormBody div.ed_form_element, #ContactFormBody div.ed_form_submit_outer { width: 350px;}



#ApplicationFormBody td {vertical-align: top; padding: 7px 3px;}
#ApplicationFormBody select {margin: 0;}
#ApplicationFormBody textarea {margin: 0; padding: 0; height:100px; width: 250px;}
#ApplicationFormBody legend {color: #30A3E7;}
#ApplicationFormBody .appLabel {width: 205px; font-weight: bold;}
#ApplicationFormBody .appInput {width: 250px;}
#ApplicationFormBody .appError {}
#ApplicationFormBody .textbox{width: 250px;}
#ApplicationFormBody .instructions {font-weight: normal; font-size: 11px;}

.ed_pre_form pageContent {text-align: left;}
/* GENERAL STYLES */
div.ed_form
{
    font-size: 0.85em;
}

div.ed_form_group
{
    margin-bottom: 20px;
}

div.ed_form_group_name
{
    display: none;
}

div.ed_form_element
{
    text-align: right;
    margin-bottom: 3px;
}

span.ed_form_label {font-size: 1.10em; font-weight: bold;}

div.ed_form_element span.ed_form_label
{
    float: left; clear: both;
}

/* format the controls */
div.ed_form_element input.ed_form_textbox, div.ed_form_element select.ed_form_dropdown_list, div.ed_form_element textarea.ed_form_textbox_multiline
{
    width: 250px;
    height: auto;
    border: solid 1px Gray;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 2px 4px 2px 4px;
}

div.ed_form_element select.ed_form_dropdown_list
{
    width: 260px;
}

div.ed_form_element textarea.ed_form_textbox_multiline
{
    height: 100px;
}

/* required controls */
div.ed_form_element input.ed_form_element_required, div.ed_form_element select.ed_form_element_required
{
}

/* invalid controls */
div.ed_form_element input.ed_form_invalid_control, div.ed_form_element select.ed_form_invalid_control
{
    background-color: #ffeaea;
    border: solid 1px #cb0000;
    content: "*";
}

div.ed_form_error_message {padding : 10px 0 0 0; color: #cb0000; font-size: 1.4em; font-weight: bold}

span.ed_form_label_required
{
    font-weight: bold;
}

span.ed_form_invalid_label
{
    color: #cb0000;
}

/* submit button */
div.ed_form_submit_outer
{    
    text-align: right;
    margin-top: -10px;
}

div.ed_form_submit_inner
{
}

/* validation summary */
div.ed_form_validation_summary
{
    margin: 10px 0px 30px 0px;
    border: solid 1px #cb0000;
    width: 448px;
    color: #666666;
    background-color: #ffeaea;
    text-align: left;
    font-size: 1em;
}

div.ed_form_validation_summary_inner
{
    padding: 10px 15px 10px 15px;
}

div.ed_form_validation_summary div.header
{
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #cb0000;
}

div.ed_form_validation_summary table.ed_form_validation_summary_items
{
    font-size: 1em;
    width: 100%;
}

div.ed_form_validation_summary table.ed_form_validation_summary_items td
{
    font-size: 1em;
    width: 100%;
    padding: 0px 15px 0px 0px;
}

div.ed_form_validation_summary table.ed_form_validation_summary_items div.ed_form_summary_message
{
    background-image: url(/images/interface/validation_item_marker.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding: 3px 2px 3px 10px;
    margin-left: 10px;
}

/*******************************************************************/

#tabbed_box_1 {
	margin: 0px;
	width:874px;
	padding: 10px;
	background:#b2ddf6 url(/media/465/homepage_bubbles.jpg) no-repeat bottom right;
	border:1px solid #262F7E;
}
#tabbed_box_1 ol, #tabbed_box_1 ul {margin:0 0.5em 0.5em 2.5em; padding: 0 0 0 2em;}
#tabbed_box_1 ol p {margin:0 0 1.0em;}
ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:7px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#262F7E;
	color:#ffffff;
	padding:8px 5px 8px 5px;
	text-decoration:none;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url(/media/1099/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url(/media/1094/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(/media/1108/tab_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
	height: 350px;
	font-size: 0.85em;
	overflow: auto;
}
#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8 { display:none; }
.content span {font-weight: bold;}



/*
.content ul {
	margin:0px;
	padding:0px 15px 0px 15px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}


*/

.galleryAlbum {padding: 0 0 15px 0;}
#main ul.homeList li {padding: 0 !important; margin: 0 !important;}



.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #666;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight: bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px;
    -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; 
}
.buttons button[type]{
    padding:5px 10px 5px 7px; 
    line-height:17px; 
}
.buttons button img, .buttons a img{
    margin:-3px 3px -3px 0 !important;
    padding:0; border:none; width:16px; height:16px;
}
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
    text-decoration:none;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

#Logout {width: 250px; padding: 50px 0 0 0; margin: 0 auto;}
#Login {width: 300px; padding: 50px 0 0 0; margin: 0 auto;}

#Venues {border: 1px solid #000; }
#venuesConditions {padding: 15px 0 15px 15px; font-size: 12px;}

#VenuesList {padding: 0 0 30px 0;}
#VenuesList .venueItem {border-top: 1px solid black; margin: 0; padding: 5px 10px;}
#VenuesList .venueEditDelete {text-align: right;}
#VenuesList .venueName { font-weight: bold; font-size: 18px;}
#VenuesList .venueAddress { }
#VenuesList .venueDescription {padding-top: 15px;}
#VenuesList .venueLabel {font-weight: bold;}
#VenuesList .venuesAwardInfo {float: right;}
#VenuesList p {margin: 10px 0;}
#VenuesList p img {float: none; margin: 0;}
#VenuesList #NoRecords {text-align: center;  padding: 30px 0 0 0;}
#VenuesList .venueWinner {color: #00497C; font-weight: bold;}
#VenuesList .venue1stRunnerup {color: #00497C;}
#VenuesList .venue2ndRunnerup {color: #00497C;}

#VenueFilters {height: 200px; background: #00497c url(/media/3449/venue_image.jpg) no-repeat; color:#fff; font-weight: bold;}
#VenueFilters td {padding: 2px;}
#VenueFilters td.venuesFormLabel {text-align: right; padding-right: 5px;}
#VenueFilters .venueFilterForm {float: right; margin: 25px 50px 0 0;}
#VenueFilters .filterButton {float:right;}

#ManageVenue td {padding: 3px; vertical-align: middle;}
#ManageVenue select {margin: 0;}
#ManageVenue textarea {margin: 0; padding: 0;}
#ManageVenue .VenueFormInput {width: 350px;}
#ManageVenue .VenueFormTextArea {width: 352px; height: 80px;}
#ManageVenue .venueFormLabelColumn {width: 115px; text-align: right; font-weight: bold;padding: 3px;}
#ManageVenue td.venueFormLabelTextArea {vertical-align: top;}

#FAQ {display: none; padding: 0 0 0 30px; width: 900px;}
#FAQ dt {font-weight: bold; padding-bottom: 10px;}
#FAQ dd {display: block; padding-top: 10px; padding-bottom: 10px;}
#FAQ dd p {margin-bottom: 15px;}
#FAQ #SystemRequirements{width: 400px; }
#FAQControls {float: right;}

.font16 {font-size: 16px;}
.colorRed {color: red;}
.newsDate { font-style: italic; font-size: 11px;}



































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */