﻿/* =======================================
    CSS STYLES FOR corcalgary.ca website
    v1.0, 1/2006
   =======================================
   Abbreviations:
	B - Bordered
	W - Width
	H - Heigth
	M - Margined
	S - Shadowed
	N - No widht and height
*/

body
{
	background-image: url(images/_page/jesusbk.gif);
	margin-top: 0;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:2px;
	font-family:arial,helvetica,verdana; 
	font-size:smaller;
}

/* Tables */
.tableLayout	/* Table strechted in 100% both Width and Height */
{
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	width: 100%;
	height: 100%;
}

.tableLayoutW	/* Table strechted Width in 100% */
{
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	width: 100%;
}

.tableLayoutH	/* Table strechted Height in 100% */
{
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	height: 100%;
}

.tableLayoutN	/* Table withought specified Height and Width */
{
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
}

.tableLayoutFramed
{
	background-color: #c4dafa;
	border: solid 1px #002d96;
	width: 100%;
	height: 100%;
	vertical-align:top;
}

.tableForm
{
	vertical-align:top;
	width: 100%;
}

.tableFormContainer
{
	border-collapse:collapse;
	border: solid 1px #E06969;
	background-color: #FBE7E5;
	vertical-align:top;
/*	padding: 0px 0px 0px 0px ; */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#252525, strength=3, direction=135);
}

.tableFormContainerShadowed
{
	border-collapse:collapse;
	border: solid 1px #E06969;
	background-color: #FBE7E5;
	vertical-align:top;
	padding: 0px 0px 0px 0px ;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#252525, strength=3, direction=135);
}

.tableHeaderBar
{
	border-collapse:collapse;
	border-spacing:0px;
	background-image: url(images/editorTopCellBg.jpg);
	background-repeat: repeat-x;
	font: bold 14px Arial, Verdana, Helvetica, Sans-serif;
	color: #ffffff;
	padding-left: 2px;
	width: 100%;
	height:28px;
}

.tableFormEntrySub
{
	width: 100%;
	BORDER-RIGHT: solid 1px #A93B3B; 
	BORDER-TOP: solid 1px #A93B3B; 
	BORDER-LEFT: solid 1px #A93B3B; 
	BORDER-BOTTOM: solid 1px #A93B3B; 
	background-color:#D54A3E;
}


/* Table Cells */
.cellContentMain
{
	padding-left:5px; 
	padding-right:3px; 
	vertical-align:top;
	font-size:smaller;
	background-color:White;
	text-align:justify;
}

.cellNothing
{
	padding:  0px 0px 0px 0px ;
}

.cellLayoutFramed
{
	border-right: #002d96 1px solid; 
	border-top: #002d96 1px solid; 
	border-left: #002d96 1px solid;
	border-bottom: #002d96 1px solid; 
	height: 472px; 
	background-color: White; 
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.cellAdminNav
{
	border-right: #002d96 1px solid; 
	border-top: #002d96 1px solid; 
	border-left: #002d96 1px solid;
	border-bottom: #002d96 1px solid; 
	background-color: White; 
	height: 100%;
	width: 230px;
	vertical-align:top;
}

.cellStrechedCentered
{
	height: 100%;
	width: 100%;
	vertical-align:top;
}

.cellFormFieldName
{
	background-color: #F2BEBE; 
	vertical-align:top;
	padding:  2px 5px 2px 5px ;
	text-align: left;
}

.cellFormFieldArea
{
	background-color: #FDF3F2; 
	vertical-align:top;
	padding:  2px 5px 2px 5px ;
	text-align: left;
}

.cellFormHeaderArea
{
	background-color: #E06969; 
	vertical-align:top;
	padding:  2px 5px 2px 5px ;
	text-align: left;
}

.cellFormFooterArea
{
	background-color: #FDF3F2; 
	vertical-align:top;
	padding:  0px 5px 0px 5px ;
	text-align: left;
}

.cellFormDivider
{
	background-color: #E06969; 
	height:2px;
}

.cellSchedBorderBottom 
{
	border-bottom:solid 1px #996633; 
	padding-left:5px;
}

.cellSchedBorderBottomD 
{
	border-bottom:solid 1px #996633; 
	border-bottom-style:dashed; 
	padding-left:5px
}




/* Labels */
.labelCopyright
{
	font-family:arial,helvetica,verdana; 
	font-size:8pt; 
	text-align:center;
	color:White;
}

.labelWelcome
{
	font-family:arial,helvetica,verdana; 
	font-size:10pt; 
	font-style:italic;
	text-align:center;
	color:Yellow;
}

.labelHeader
{
	font-size:16px; 
	color:#045288;
	font-weight:bold;
	padding-left:2px; 
	padding-right:2px
}

.labelError
{
	font-family:arial,helvetica,verdana; 
	font-size:9pt; 
	font-style:italic;
	color: Red;
	font-weight:bold; 
}

.labelSchedHeader
{
	font-size:12px;
	font-weight:bold;
	padding-left:2px; 
	padding-right:2px;
	color:Maroon
}

.labelSmallFont
{
	padding-left:5px;
	font-size:11px;
}

/* Links */
.linkSubMenu
{
	font-size:smaller;
	color:White;
	text-decoration: none; 
	height:20px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#252525, strength=2, direction=135);
}
.linkSubMenu:hover 
{
	font-size:smaller; 
	font-weight:normal;
	color:Yellow;
	text-decoration: underline;
}

.linkSmall
{
	font-size:10px;
	color:yellow;
	text-decoration: none; 
}
.linkSmall:hover 
{
	font-size:10px;
	font-weight:normal;
	color:Red;
	text-decoration: underline;
}

.linkListing
{
	font-size:smaller;
	color:blue;
	text-decoration: none; 
	height:20px;
}
.linkListing:hover 
{
	font-size:smaller; 
	font-weight:normal;
	color:Red;
	text-decoration: underline;
}


/* Menu */
.TopMenu
{ 
	border:Solid 1 #ECE9D8;
	color: Maroon;
	background-color:transparent;
}

.TopMenuHover
{ 
	border:Solid 1 Red;
	color:White;
	background-image: url(images/_page/pg_top2.jpg);
}

.menuItem
{
	font-size:11px;
	font-family: Arial, Verdana;
	color:#400000; 
}

.menuItemHover 
{
	cursor:hand; 
	font-size:11px; 
	font-family: Arial, Verdana;
	color:White;
	background-color:#98584E; 
	background-image: url(images/_page/pg_top2.jpg);
}

.menuItemIsland
{
	border:Ridge 1 Red;
	background-color:#FFD295;
}

.menuSeparator 
{ 
	border-bottom:solid 1px red;
}

