/*=====================================================================*/
/*              Cascading Style Sheet for Gateway.ca                   */
/*                       created by Sage Internet                             */
/*                                                                     */
/*                    http://www.sageinternet.com                            */
/*                      kdiehl@sageinternet.com                              */
/*=====================================================================*/

/* ------------------------------------------------------------*/
/* ------- Menu -----------------------------------------------*/
/* ------------------------------------------------------------*/

/*Solpart CSS made Easy Version 1 - Joel Friesen*/ 
/*Use with "New Default CSS" developed by Joel.*/
/*MainMenu_MenuContainer & MainMenu_MenuBar*/
/*define the menu container -- */
/*These should be left transparent if you */
/*want to colour the submenus a different */
/*colour than the main menu. A quick way of*/
/*styling the menu would be to change the */
/*colours here and leave the rest transparent,*/
/*but you don't have the same control and detail*/
.MainMenu_MenuContainer {
width:10%;

}

.MainMenu_MenuContainer td{height:39px;}
.MainMenu_MenuContainer img{height:1px; width:1px}
.MainMenu_MenuItem ,
.MainMenu_MenuItemSel ,
.MainMenu_MenuBreak{
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
height:30px;} /*Height and text of the main menus*/ 

td.MainMenu_MenuItem, 
td.MainMenu_MenuArrow, 
td.MainMenu_MenuIcon,
td.MainMenu_MenuItemSel {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
height:30px;} /*Hieght and text of the submenus*/

/* This is here just for the vertical nav. I needed to
/* pad the cells so i could put a bullet point in as a 
/* background element below
.MainMenu_MenuContainer table td {
padding-left:10px
}*/
.MainMenu_MenuBar {
background:transparent
}

/* MainMenu_MenuItem is the container for each text 
/* link in the flyout Note that when you hover over this 
/* item the TOP and BOTTOM borders dissappear

/* A Background colour change here affects all the menus, 
/* including the main-root unless you make changes to the 
/* TD as I have done below This stops the main menu from 
/* getting accidentally styled*/
.MainMenu_MenuItem {
cursor:pointer;
color:#FFF;
background:#231F20;
}

/* This will colour the flyout menu, and give it a height.*/
/*Make it match the border colours below*/
td.MainMenu_MenuItem, td.MainMenu_MenuArrow, td.MainMenu_MenuIcon{
background:#9AB296;
height:inherit;
}

/* This guy here is for the actual drop down or flyout. 
/* If you put a border around it, you'll get a border around the 
/* whole flyout. The background is the colour for the whole flyout
/* before you hover over each item*/
.MainMenu_SubMenu {
border:#FFF 1px solid;
z-index:1000;
background-color:transparent; 
margin:0;
}

/* This styles the menu break: as in a set space between two menu items. 
/* But in the main menu there is no break It's something you have
/* to turn on in the XML file, like if you want to simulate tabs*/
.MainMenu_MenuBreak {
background-color:transparent;
}

/* This is the HOVER state for the main menu text.
/* below on td.Main you'll find the HOVER state for the flyouts.
/* The main menu applies the style to the table where the flyout applies
/* it to a td this is why we can make the two different we just get 
/* more specific.*/
.MainMenu_MenuItemSel {
cursor:pointer;
color:#FFF;
background:#BBC9B6; /*main menu hover*/
}

td.MainMenu_MenuItemSel {
background:#698A67; /*submenu hover*/
}

/* These style that pesky little bit of border that dissappears when you hover over it.
/* Change the border colour to match the background colour and you should be cool
/* changing the size of the border will make a mess of it*/
/*----------------------------*/
.MainMenu_MenuItem {
border-bottom:1px solid #6B8A66;
border-left:0 solid #9AB296;
border-right:0 solid #9AB296;
border-top:1px solid #9AB296;
}

.MainMenu_MenuIcon {
border-bottom:#6B8A66 1px solid;
border-left:#9AB296 0px solid;
border-top:#9AB296 1px solid;
}

.MainMenu_MenuBreak {
border-bottom:#9AB296 1px solid;
border-left:#9AB296 0 solid;
border-right:#9AB296 0 solid;
border-top:#9AB296 1px solid;
}

.MainMenu_MenuArrow {
border-bottom:#6B8A66 1px solid;
border-right:#9AB296 0px solid;
border-top:#9AB296 0 solid;
}

/*hover colour*/
.MainMenu_MenuItemSel{
border-bottom:#698A67 1px solid;
border-left:#698A67 0 solid;
border-right:#698A67 0 solid;
border-top:#698A67 1px solid;
}






/* Width of Skin */
.MainTable {
	width: 735px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	margin-right:auto;
	margin-left:auto;
}

/* Column Classes */

.headerpane {
	text-align: left;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF0000;
}

.toppane {
	text-align: left;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF0000;
}
.imagepane {
	margin: 0px;
	padding: 0px;	
}

.leftpane {
	text-align: left;
	vertical-align: top;
	
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF0000;
}

.contentpane {
	padding-bottom: 10px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.MainContentPane {
	text-align: left;
	vertical-align: top;
	padding: 5px 15px;
}

.rightpane {
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF0000;
}

.bottompane {
	text-align: left;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF0000;
}

.datepane {
	text-align: right;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF6400;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 5px;
	 font-weight: normal;
}

/* Breadcrumb*/
.Breadcrumb {
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #B0B7C3;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}
/* Breadcrumb link */
A.Breadcrumb:link,A.Breadcrumb:visited,A.Breadcrumb:active { 
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #394B68;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}
A.Breadcrumb:hover { 
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #394B68;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

/* Links */
.Link {
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #B0B7C3;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}
A.Link:link,A.Link:visited { 
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #B0B7C3;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}
A.Link:active { 
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF6400;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}
A.Link:hover { 
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #B0B7C3;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}


/* Paragraph Styles 
p { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: normal; color: #5B6A8A; }*/


/* Copyright text syle */
.Copyright,A.Copyright:link,A.Copyright:visited,A.Copyright:active,A.Copyright:hover {
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Helvetica;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	vertical-align: middle;
}


/* Footer text syle */
.Footer,A.Footer:link,A.Footer:visited,A.Footer:active {
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Helvetica;
	color:#FFFFFF;
	text-decoration:none;
	padding-right: 4px;
	text-align: right;
	vertical-align: middle;
}

/* Footer text syle */
A.Footer:hover {
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Helvetica;
	color:#FFFFFF;
	text-decoration:underline;
	padding-right: 4px;
	text-align: right;
	vertical-align: middle;
}


/* Design Elements */
.NavPane {
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

/* Register text syle */

.Register,A.Register:link,A.Register:visited,A.Register:active {
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Helvetica;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding-right:4px;
	text-decoration:none;
	padding-left: 4px;

}

A.Register:hover {
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Helvetica;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding-right:4px;
	text-decoration:underline;
	padding-left: 4px;

}

/* Login text syle */

.Login,A.Login:link,A.Login:visited,A.Login:active {
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Helvetica;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding-right:4px;
	text-decoration:none;
	padding-left: 4px;
}

A.Login:hover {
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Helvetica;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding-right:4px;
	text-decoration:underline;
	padding-left: 4px;

}


/* Search */

.Search {
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Helvetica;
	color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	padding-left:4px;
	text-decoration:none;
}


/* Default link syle */
a:link,a:visited,a:active { font-family: Arial, Helvetica; font-size: 9pt; color: #83AA79; text-decoration: underline; }
a:hover { font-family: Arial, Helvetica; font-size: 9pt; color: #197B30; text-decoration: none; }


/* Default container title syle */
.Head { font-family: Arial, Helvetica; font-size: 11pt; font-weight: bold; color: #5B6A8A; }

/* Normal Text Box */
.NormalTextBox {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #546383;
	font-weight: normal;
	vertical-align: middle;
}


/* Normal Text Color Classes */

/* Normal */
.Normal {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	color: #464646;
	font-weight: normal;
	text-decoration: none;
	line-height: 12pt;
}
A.Normal:link,A.Normal:visited,A.Normal:active { font-family: Arial, Helvetica; font-size: 9pt; color: #FF6400; font-weight: normal; text-decoration: none; }
A.Normal:hover { font-family: Arial, Helvetica; font-size: 9pt; color: #FF6400; font-weight: normal; text-decoration: underline; }

/* Black */
.Black { font-family: Arial, Helvetica; font-size: 8.5pt; color: #000000; font-weight: normal; text-decoration: none; }
A.Black:link,A.Black:visited,A.Black:active,A.Black:hover { font-family: Arial, Helvetica; font-size: 8.5pt; color: #000000; font-weight: normal; text-decoration: underline; }

/* Normal Bold Text Color Classes */

/* NormalBold */
.NormalBold { font-family: Arial, Helvetica; font-size: 9pt; color: #394B68; font-weight: bold; text-decoration: none; }
A.NormalBold:link,A.NormalBold:visited,A.NormalBold:active,A.NormalBold:hover { font-family: Arial, Helvetica; font-size: 8.5pt; color: #5B6A8A; font-weight: normal; text-decoration: underline; }
/* BlackBold */
.BlackBold { font-family: Arial, Helvetica; font-size: 8.5pt; color: #000000; font-weight: bold; text-decoration: none; }
A.BlackBold:link,A.BlackBold:visited,A.BlackBold:active,A.BlackBold:hover { font-family: Arial, Helvetica; font-size: 8.5pt; color: #000000; font-weight: bold; text-decoration: underline; }

/* Subhead Text Color Classes */

/* Subhead - Admin Pane Titles */
.Subhead { font-family: Arial, Helvetica; font-size: 11pt; color: #546383; font-weight: bold; text-decoration: none; }
A.Subhead:link,A.Subhead:visited,A.Subhead:hover,A.Subhead:active { font-family: Arial, Helvetica; font-size: 11pt; color: #546383; font-weight: bold; text-decoration: underline; }
/* H1 */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #698A67;
	margin: 0px;
	padding: 0px;
}
A.h1:link,A.h1:visited,A.h1:hover,A.h1:active { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; color: #000000; text-decoration: underline; }
/* H2 */
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #333333; margin: 0px 0px 5px;padding: 0px;}
A.h2:link,A.h2:visited,A.h2:hover,A.h2:active { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; color: #000000; text-decoration: underline; }
/* H3 */
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #394B68; }
A.h3:link,A.h3:visited,A.h3:hover,A.h3:active { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #000000; text-decoration: underline; }
/* H4 */
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #394B68; }
A.h4:link,A.h4:visited,A.h4:hover,A.h4:active { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #000000; text-decoration: underline; }
/* H6 */
h6 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; color: #394B68; }
A.h6:link,A.h6:visited,A.h6:hover,A.h6:active { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; color: #000000; text-decoration: underline; }
 
 
/* Admin link styles */
a.CommandButton:link,a.CommandButton:visited,a.CommandButton:active { color:#FFFFFF; border:2px outset #BDC7D7; background:#CBD1DD; padding:2px 3px 3px 4px; font-family:tahoma; font-weight:bold; font-size:11px; text-decoration:none; height:20px;}
a.CommandButton:hover {color:#FFFFFF; border:2px inset #BDC7D7; background:#5B6A8A; padding:2px 3px 3px 4px; font-family:tahoma; font-weight:bold; font-size:11px; text-decoration:none; height:20px;}

/* List styles */
ul {
	list-style-position: outside;
	list-style-type: square;
}
li {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	color: #464646;
	list-style-position: outside;
	list-style-type: lower-roman;
	font-weight: normal;
}

.SpacerTable {
	height: 20px;
}

body {
	background-color: #D3DDD0;
	background-image: url(images/bg_gradient.jpg);
	background-repeat: repeat-x;
}
.LogoTable {
	background-image: url(images/t-worx2006logoBG.gif);
	background-repeat: repeat-x;
	height: 77px;
	width: 100%;
}

.FooterBG {
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	width: 100%;
	height: 25px;
	background-color: #BFBFBF;
}

.HeaderTable {
	width: 100%;
}
.NavTable {
	background-repeat: no-repeat;
	width: 100%;
	background-color: #231F20;
	background-image: url(images/nav_bg.jpg);
	background-position: right bottom;
}
.NavTableTwo {
	width: 100%;
	background-color: #231F20;
}

.BottomTableBG {
	background-image: url(images/CASTILLO_29.gif);
	background-repeat: repeat-x;
	height: 27px;
}
.BottomTable {
	background-image: url(images/CASTILLO_27.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 27px;
	width: 100%;
}
.ContentBG {
	background-image: url(images/Rightside.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.TopTable {
	background-image: url(images/t-worx2006_02.gif);
	background-repeat: repeat-x;
	width: 100%;
}
.FooterTable {
	background-image: url(images/t-worx2006_012.gif);
	background-repeat: repeat-x;
	height: 28px;
	width: 100%;
}
.ContentTable {
	width: 100%;
}
.ContentTableIndex {
	width: 100%;
	background-image: url(images/building_btm.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.MenuTable {
	height: 30px;
	background-color: #231F20;
}
.OrangeSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #FF6400;
}
.FormTable {
	width: 300px;
}
.FormLabelCell {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #546383;
	font-weight: normal;
	width: 100px;
}
.FormControlCell {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #546383;
	font-weight: normal;
	vertical-align: middle;
}
/* Form Text Box */
.FormTextBox {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #546383;
	font-weight: normal;
	vertical-align: middle;
	width: 100%;
	background-color: #FFFFFF;
}
.FormTextArea {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #546383;
	font-weight: normal;
	vertical-align: middle;
	width: 100%;
	background-color: #FFFFFF;
}
.FormSubmit {
	background-color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFFFFF;
	border: 1px solid #546383;
	margin-left: 108px;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
	border-top: 1px dashed #009900;
}
#flashcontent {
	background-color:#ffffff;
}