/**********************************************************************
 Canadian Gigs Network Style
*********************************************************************/

html, body, form {
	height: 100%;
	text-align: center;
	background-color:White;
}

body 
{
	width: 95%;	
	color: #000;
	font-family: Arial, sans-serif,Times New Roman, Helvetica;
	font-style: normal;
	background:#f6f6f6;
	position:relative;
	text-align: center;
	margin-left: 20px;
	margin-right: 10px;
}

.mainform
{
/*	position: inherit; */
	height: 100%;
    z-index: auto;
}
/* master page divs */
.mainpage
{
	text-align:center;
}
.headerRibbon
{
	background: black url(images/bgFooter.gif) repeat-x;	
	display:table;
	width:100%;
	margin-bottom:5px;
}

/* Navigation */
.navbar
{
	background: black url(images/bgFooter.gif) repeat-x;	
	color: #FFFFFF;
	/*background:#EBF3FF;*/
	height: 20px;

}
.navigation
{
	float:left;
}

.navigation a img
{
    display: none;
}

.Ribbon
{
	float:right;
	display:table-column;
	
}
.siteHeader
{
	Display:table;
	float:none;
	height:100%;
	/*background-color:White;*/
	background-color:white;
    background-image: url('images/blueHeaderBG.jpg');
	background-position:center;
	background-repeat:repeat-x;
	width:100%;
	border-bottom: 5px solid black;/* #EBF3FF;*/
	
}
.sitelogo
{
	display:table-cell;
	float:left;
	background-color:Transparent;
}
.siteTopBanner
{
	display:table-cell;
	background-color:Transparent;
	float:right;
}

.container
{
	float:none;
	text-align:center;
	width: 100%;
}


#ulWelcome {
	list-style-type: none;
	padding: 0;
	margin: 0;
	list-style-image:none;	
}

#ulWelcome li {
	height: 20px;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	vertical-align:text-top;
}
.liFont a {
	line-height: 20px;
	font-family: Arial;
	color: #999999;
	font-style: italic;
	font-weight: bold;
}
.liFont span {
	width: 16px;
	display: block;
	float: left;
	vertical-align:top;
}
.spanFontMiddle a {
	font-size: 14px;
	/*padding-bottom: 12px;
	vertical-align:top;*/
}

.spanFontSmall a {
	PADDING-BOTTOM: 10px; WIDTH: 16px; FONT-SIZE: 12px
}

.spanFontBig a {
	font-size: 18px;
/*	padding-bottom: 12px;
	vertical-align:top;*/
}
.liPrint img {
	/*margin-top: 10px!important; 
	margin-top: 5px!important;*/
}
.liEmail img {
/*	margin-top: 10px!important; 
	margin-top: 5px!important;*/
}

/* Styles for Content */
h1 {
	font-size: 2em;
	color: #393939;
}


h2 {
	font-size: 1.75em;
	color: #469;
}
h3 {
	font-size: 1.5em;
	color: #469;
}
h4 {
	font-size: 1.25em;
	color: #469;
}
h5 {
	font-size: 0.75em;
	color: #469;
}
h6 {
	font-size: 0.5em;
	color: #469;
}



/* Heading part */
div#head
{
    position: relative;
    top: 0;
    left: 0;
    height: 91px;
    width: 100%;
   /* border-bottom: solid 1px #663200;*/
   background-image: url("siteTitleBKGD_cardinal.gif");
   background-repeat:repeat-y;
   background-color:#EC4D00;	

}


/* Main Page */
table#mainTable
{
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
}

td#left
{
    width: 198px;
}

td#right
{
    width: 100%;
}





td#right
{
    margin: 0;
    padding-left: 36px;
	padding-right: 23px;
	padding-bottom: 20px;
	vertical-align: top;
	background-color: #FFFFFF;
}


/* ****************** Navigation ****************** */
table.nav td
{
    vertical-align: middle;
    padding-left: 10px;
    /*padding-right: 10px;*/
    height: 20px;
    font-size: 0.9em;
    text-align:left;
}
a.nav, a.nav:link, a.nav:active, a.nav:visited, a.nav:hover
{
    display: run-in;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    width: 100%;
    font-weight:bold;
    color: White ;/*#B0CBD7;*/
    text-align:left;
/*    background-image:url("siteactionsmenugrad_cardinal.gif");*/
	border-top:1px solid #323d5e;
	border-left:1px solid #323d5e;
	border-right:1px solid #323d5e;
	background-color:Transparent; /*#323d5e;*/
}

a.nav:hover
{
    color: #FFFFFF;
   /* background-image:url("siteactionsmenuhovergrad_cardinal.gif");*/
	border-top:1px solid #888888;
	border-left:1px solid #888888;
	border-right:1px solid #888888;
	background-color:#fda020;
}

a.nav_selected, a.nav_selected:link, a.nav_selected:active, a.nav_selected:visited, a.nav_selected:hover
{
    font-weight: bold;
    font-size: small;
    color: #FFFFFF;
    border:solid 1px #b23e17;
	/*background-image:url("selectednav_cardinal.gif");*/
	background-color:#ffe69f;

}

div.sublevelwrapper
{
    background:black;/*#f6f6f6;*/
    text-align:left;
    z-index: 100;
}

a.sublevel, a.sublevel:link, a.sublevel:active, a.sublevel:visited, a.sublevel:hover
{
    display: list-item;
    height: 100%;
    width: 100%;
    color: white;/*#00CBFF;*/
    text-align:left;
    padding-left: 10px;
    padding-right: 10px;
    
}

a.sublevel:hover
{
    color: White;
    background-color:#fda020;
}

a.sublevel_selected, a.sublevel_selected:link, a.sublevel_selected:active, a.sublevel_selected:visited, a.sublevel_selected:hover
{
    font-weight: bold;
    color: #FFFFFF;
}
/* end navigation */


/* Footer */
div#customFooter
{
	background: black url(images/bgFooter.gif) repeat-x;
	clear: both;
	display: block;
	min-height: 40px;
	padding-left: 10px;
	position: relative;
	margin-top: 5px;
	font-size: 0.7em;
}
div#customFooterLeft
{
	width: 2px;
	height: 2px;
	background: transparent url(images/bgFooterLeft.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#customFooterRight
{
	width: 2px;
	height: 2px;
	background: transparent url(images/bgFooterRight.gif) no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
div#customFooter div#copyright
{
	float: left;
	color: White;
	display: block;
	padding-top: 10px;
	margin-right: 10px;
}

div#customFooter div#copyright a
{
	color:White;
}
div#customFooter ul
{
	display: block;
	left: 40%;
	list-style-type: none;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 10px;
}
div#customFooter ul li
{
	display: inline;
	border-right: 1px white solid;
}
div#customFooter ul li:last-child
{
	border-right: none;
}

div#customFooter ul li a
{
	color: White;
	margin: 0px 10px;
}
div#customFooter ul li a:hover
{
	text-decoration: underline;
	background-color:#fda020;
}

a#logoFooter
{
	display: block;
	position: absolute;
	right: 10px;
	top: 9px;
	background: transparent url(images/GtLogoOfficalSmall.jpg) no-repeat;
	width: 55px;
	height: 21px;
	overflow: hidden;
	line-height: 60px;
}

div#footer
{
    width: 90%;
    height: 36px;
    padding-left: 36px;
    padding-right: 21px;
    padding-top: 7px;
    font-size: small;
    background:#f6f6f6;
    color: #663200;
}

#footer a {
	color: #393939;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}

.footer {
	background:#f6f6f6;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: solid 5px #FFFFFF;
    width: 100%;
    font-weight :bold;
    font-size: xx-small;
}

.footerLinkButon
{
    font-weight :bold;
	font-size:xx-small;
}

/* bread crumbs */
div#breadcrumbs
{
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana;
	padding-top: 2px;
    background: #FFFFFF url(_images/title_bg.gif) repeat-x top left;
    height: 23px;
}

div#breadcrumbs .node
{
    color: #663200;
    text-decoration: none;
    padding-right: 5px;
}

div#breadcrumbs .currentNode
{
    color: #663200;
}

div#breadcrumbs .separator
{
    color: #663200;
    padding-right: 5px;
}




/* Styles for Footer */
#footer p {
	font-size: x-small;
	text-align: center;
	color: #393939;
	margin: 10px;
	padding: 1px;
}

/* Styles for Links */
#footer a {
	color: #469;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}
#footer .style_bold {
	font-weight: bold;
}
#footer .style_italic {
	font-style: italic;
}


/* End Elements */

table#mainTable
{
    text-align: center;
    width: 100%;/*825px;*/
    /*background-color: #B0CBD7;*/
    margin: 0;
    padding: 0;
}


#masthead {
	width: 100%;
}

.column_m 
{
	width: 100%;
	float: left;
/*	padding: 2px;*/
	text-align:left;
}

.column_r {
	width: 200px;
	/*padding: 2px;*/
    background-color: #9EBBC8;
   /* border: solid 1px #FFFFFF;*/
}

#page_content 
{
	text-align:center;
	position: relative;
	width: 100%;
	/*border-top-width: 1px;
	border-top-style: solid;*/
}
#maincontent {
	width: 100%;
	float: left;
	padding: 0px;
	text-align:center;
}

#content_m 
{
	width: 100%;/*625px ;*/
	min-width: 625px;
	min-height: 640px;
	height: inherit;
	float: left;
	text-align:left;
	/*border:solid 1px #aaaaaa;*/
	padding: 0;
	border-bottom:solid 1px #aaaaaa;
	background-color:#c6c8ce;
}




/* ****************** Thermometer ****************** */
.ratingThermometer 
{
	white-space:nowrap;
	width:220px;
	height:0px;
	padding:26px 20px 20px 16px;
	margin:1em;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(images/rating/ratingThermometer2.png);
}
.ratingThermometer .ratingItem {
    font-size: 0pt;
    width: 10px;
    height: 8px;
    margin: 0;
    padding: 0;
    display: block;
    background-repeat: repeat-x;
	cursor:e-resize;
}
.ratingThermometer .Filled {
    background-image: url(images/rating/ratingFilled.png);
}
.ratingThermometer .Empty {
    background-image: url(images/rating/ratingEmpty.png);
}
.ratingThermometer .Saved {
    background-image: url(images/rating/ratingSaved.png);
}

/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space:nowrap;
	margin:1em;
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(images/rating/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(images/rating/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(images/rating/ratingStarSaved.png);
}

/****************************************************/
.controlpanel_style {
	width: 100%;
	text-align:left;
}
.wizard
{
	width:100%;
}
.termsandconditions
{
	width:100%;
	text-align:left;
	
}
/*****************************************************/
.TextAddPanel_style {
	width: 180px ;
	height: 150px;
	float: left;
    background-color: #9EBBC8;
    border: solid 1px #FFFFFF;
    font-weight:bold;
    font-size:small;

}

/*****************************************************/
.VerticalPanel_style {
	width: 200px ;
	float: left;
    background-color: #9EBBC8;
    border: solid 1px #FFFFFF;
    font-weight:bold;
    font-size:small;
}

table 
{
    border-collapse: collapse;
    border: none 0px;
    padding: 0;
    margin: 0;
}

img
{
    border: none 0px;
    padding: 0;
    margin: 0;
}

hr
{
    border: none;
    height: 1px;
    color: #FFFFFF;
    background-color: #FFFFFF;
}

td
{
    vertical-align: top;
}

td.field 
{
    width: 320px;
}

td.fieldlabel
{
    width: 140px;
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

.framed 
{
    background-color: #E7F0F3;
    border: solid 1px #1B6B8B;
    padding: 10px;
    width: 440px;
    color: #000000;
}

.framed h1, .framed h2, .framed h3, .framed h4, .framed h5, .framed h6
{
    color: #1B6B8B;
} 

ul 
{
	margin-left: 30px;
    list-style-type: none;
    list-style-image: url(images/img_bullet.gif);
    color: #000000;
}

.odd
{
    background-color: #FFFFFF;
}

.even
{
    background-color: #E7F0F3;
}
/* login stats */
.wizardbuttons_style {
	padding-left: 10px;
	padding-right: 10px;
    font-weight:bolder;
    font-size:.9em;
    color:White;
    background: black url(images/bgFooter.gif) repeat-x;
}

.wizardbuttons_style:hover
{
	background-image:none;
	Background-Color:#fda020;
}

.wizardbuttons_style a:hover
{
	background-color:#fda020;
}


/* login stats */
.loginbuttons_style {
	padding-left: 10px;
	padding-right: 10px;
    font-weight:bolder;
    font-size:.9em;
    color:White;
    background-color:Transparent;
}

a.loginbuttons_style:hover
{
	background-color:#fda020;
}


/* login stats end */
.infoLabel_style
{
	font-weight:bold;
	color: Navy;
}

.textLabel_style
{
	font-weight:normal;
	color:Blue;
}

/* login uc style */
.login_style
{
	/*background-color: #9EBBC8;*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    font-weight :bold;
    text-align:left;
    
}

/* Wizards Styple */
.WizardStyle
{
	background-color: #F7F6F3;
	border-bottom-color:#CCCCCC; 
	border-bottom-style:groove;
	border-bottom-width:thin ;
}


/* form elements */
input.button 
{
    color: #FFFFFF;
    background-color: #1B6B8B;
    border-top: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    margin: 2px 0px 2px 0px;
}

input.textbox 
{
    width: 318px;
    border: solid 1px #1B6B8B;
    margin: 2px 0px 2px 0px;
}

input.textboxAdmin 
{
    width: 167px;
    border: solid 1px #1B6B8B;
    margin: 2px 0px 2px 0px;
}

textarea 
{
    width: 318px;
    height: 200px;
    border: solid 1px #1B6B8B;
    margin: 2px 0px 2px 0px;
}

select.sel
{
    width: 320px;
    border: solid 1px #1B6B8B;
}

select
{
    margin: 2px 0px 2px 0px;
}

.error
{
    color: #FF0000;
}
/* end formelements */




/* pager */
table.pager 
{
    border: solid 1px #1B6B8B;
}

table.pager td 
{
    color: #000000;
    padding: 3px;
    vertical-align: middle;
}

table.pager td a
{
    color: #000000;
}

table.pager td a:hover
{
    color: #1B6B8B;
}


/* end pager */

/* buttons */
a.btnRight 
{
    display: block;
    width: 6px;
    height: 12px;
    background-image: url(images/icon_next.gif);
    background-position: center;
    background-repeat: no-repeat;
}

a.btnLeft 
{
    display: block;
    width: 6px;
    height: 12px;
    background-image: url(images/icon_back.gif);
    background-position: center;
    background-repeat: no-repeat;
}

a.btnUp
{
    display: block;
    width: 12px;
    height: 6px;
    background-image: url(images/icon_up.gif);
    background-position: center;
    background-repeat: no-repeat;
}

a.btnDown
{
    display: block;
    width: 12px;
    height: 6px;
    background-image: url(images/icon_down.gif);
    background-position: center;
    background-repeat: no-repeat;
}

a.btnEdit
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(images/icon_edit.gif);
    background-position: center;
    background-repeat: no-repeat;
}

a.btnDelete
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(images/icon_delete.gif);
    background-position: center;
    background-repeat: no-repeat;
}
/* end buttons */
/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/* Content Page Layout */
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}


.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}

.wizheader
{
	color: White;
  /* background-color:  #5D7B9D;*/
	background: url('images/bg-menu-main.png') repeat-x left top;
	font-weight: bold;
}

/************************************************************************************/
/************************ Wizard header ****************************************************/
.WizPageHeader
{
	color: White; 
	background: url('images/bg-menu-main.png') repeat-x left top;
	font-weight: bold;
}

.tableHeader
{
	color: White; 
	background: url('images/bg-menu-main.png') repeat-x left top;
	/*background-color: #5D7B9D; */
	font-weight: bold;
}
.tableRow
{
}

.entryTitle
{
color: Blue; 
font-weight: bold;
vertical-align:middle;
text-align:right;
}

/******* Main Message Classes **********/
.mainMessage
{
}
.jobSeekers
{
}
.employers
{
}

/* Validation */
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.antiBotError
{
  background-color: lemonchiffon;
  color:Fuchsia;
}

/* Tabs */
/* xp theme */
.cg__tab .ajax__tab_header 
{
	font-family:verdana,tahoma,helvetica;
	font-size:11px;
	background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;
}
.cg__tab .ajax__tab_outer
 {
 	padding-right:4px;
 	background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;
 	height:21px;
 	}
.cg__tab .ajax__tab_inner 
{
	padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;
	}
.cg__tab .ajax__tab_tab 
{
	height:13px;
	padding:4px;
	margin:0;
	background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;
	}
.cg__tab .ajax__tab_hover .ajax__tab_outer 
{
	background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;
	}
.cg__tab .ajax__tab_hover .ajax__tab_inner 
{
	background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;
	}
.cg__tab .ajax__tab_hover .ajax__tab_tab 
{
	background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;
	}
.cg__tab .ajax__tab_active .ajax__tab_outer 
{
	background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;
}
.cg__tab .ajax__tab_active .ajax__tab_inner 
{
	background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;
	}
.cg__tab .ajax__tab_active .ajax__tab_tab 
{
	background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;
	}
.cg__tab .ajax__tab_body 
{
	font-family:verdana,tahoma,helvetica;
	font-size:10pt;
	border:1px solid #999999;
	border-top:0;
	padding:8px;
	background-color:#ffffff;
}