@CHARSET "ISO-8859-1";

/* HTML ELEMENTS ============================================================ */
/* default body attributes */
body {
	background-color: #112233;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000033;
	text-decoration: none;
	text-align: center;	
	/*line-height: 1.4em;*/
}

/* general page elements */
span, div, form, p, td, th, em, sup {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
		/* text color on page elements */
		font-size: 11px;
	color: #666666;
	line-height: 1.4em;
}
/* default links */
a {
	color: #003366;
	font-size: 11px;
	text-decoration: none;	
}
td a:hover {
	text-decoration:underline;
	}

/* no borders around images */
img {
	border: 0 none #FFFFFF;
}
/* default table properties */
table {
	width:100%;
}

tr {
	/**/
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
		/* text color on table cells */
	color: #666666;
}
/* background colour in table cell */
.cellbg {
	background-color: #EBEBEB;
}
.th-bg {
	background-color: #C9E0E0;
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	vertical-align: top;
	text-align: left;
}
ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: disc;
	list-style-position: outside;
}
li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
ol {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
hr {
	color: #DCDCDC;
	background-color: #DCDCDC;
	height: 1px;
	border: none;
}

/* CLASS ELEMENTS ================================================ */

.heading, H1 {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #009999;
	font-size: 18px;
	font-weight: bold;
	/*padding: 10px 0px 5px 0px;*/
	font-weight: normal; /* removes bolding from H1 */
}

/* sub heading - this is a H2 with light background colour */
.subHeading, H2 {
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal; /* removes bolding from H2 */
	background-color: #C9E0E0;
	font-size: 13px;
	color: #003366;
	/*font-weight: bold;*/
	padding: 3px;
	text-align:left;
}

.slogan {
	font-family: "Century Gothic",Verdana, Helvetica, Arial, sans-serif; 
	color: #003366;
	font-size: 20px;
	padding: 10px 0px 5px 0px;
}

/* class only used around main logo to create padding */
.logo {
	padding: 4px;
	
}


/* CONTENT ------------------------------------------------------------------ */

/* main content - see layout.css for layout options*/
.contentMain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* text color on homepage */
	color: #666666;
}

/* indented content - mostly under H2s */
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* text color on homepage */
	color: #666666;
	padding: 0 15px 0 20px;
	line-height: 1.4em;
}
/* News */
.news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 11px;
	/*font-style: italic;*/
	padding: 3px;
}

/* LEFT NAV ---------------------------------------------------------------*/

/* heading used by left nav boxes */
.boxHeading, .boxHeading a:link, .boxHeading a:visited, .boxHeading a:active { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding: 3px;
	text-align: left;
	text-decoration: none;
}

/* Home Text */
.homeText, .homeText a:link, .homeText a:visited, .homeText a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;	
	font-size: 11px;
	text-decoration: none;
}
.homeText a:hover {
	color: #ffffff;	
}

/* Text used in Left Nav pull down menu */
.menuText, .menuText a:active, .menuText a:visited, .menuText a:link {
	color: #003366;
	font-size: 11px;
	padding: 2px; /* padding around the menu text - also see boxHeading */
}

/* nav item needed for underline items in left nav */
.navItem {
	border-bottom: solid #DDDDDD 1px;
	/* padding top and bottom of nav item */
	padding-top:1px;
	padding-bottom:1px;
}
.navItem a:link, .navItem a:visited, .navItem a:active {
	text-decoration: none;
}
.supporters {
	padding: 5px;	
}

/* BROWSE */
.business {

}


/* END LEFT NAV ---------------------------------------------------------------*/

/* heading links on main menu page */
.infoHeading, .infoHeading a:link, .infoHeading a:visited, .infoHeading a:active{
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #003366;
	text-decoration: none;
	padding: 5px;
}
.infoHeading a:hover {
	text-decoration: underline;	
}

/* this is for the icons/images on main menu admin page */
.icon {
	float: left;
}

/* style for links on main admin menu */
.adminText, .adminText a:active, .adminText a:visited, .adminText a:link {
	color: #003366;
	font-size: 11px;
	padding: 2px 0 5px 0; 
	text-decoration: none;
	text-align: left;
	line-height: 1.6em;
}

.adminText a:hover {
	text-decoration: underline;	
}

/* utility links for login/register/etc */
.utilityLinks, .utilityLinks a:active, .utilityLinks a:visited, .utilityLinks a:link {
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #003366;
	font-size: 11px;		
	padding: 3px;
}

.utilityLinks a:hover {
	text-decoration: underline;	
}


/* tab navigation on global header*/
.tab {
}
/* used to create the blue space between the rounded corners in header */
.tab-spacer {
	background-color:#336699;
}
/* text and colour within tabs */
.tab-content { 
	background-color:#336699;
	color:#FFFFFF;	
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px; 
	text-align: center;
}
/* tab link color, inherits from .tab-content  */
.tab-content a:link, .tab-content a:visited, .tab-content a:active {
	color:#ffffff;
	text-decoration: none;
}
.tab-content a:hover {
	color: #99CCFF;
}
/*rounded corners for tabs*/
.tab-corner {
	width:5px;
	height:5px;
}
/* white line between tabs */
.tab-divider { 
	width:2px;	/* increase to create gap between tabs */
	height:5px;
}
/* this is the style that controls the button look and feel */
.button {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF; 
 	color: #336699; 
 	margin-left: 0px; 
 	margin-top: 3px; 
 	margin-bottom: 2px;
}
/* this is the style that controls the button look and feel */
.helpButton {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF; 
 	color: #336699; 
 	margin: 0px; 
 	padding: 0px;
 	border: 0px;
	cursor: help; /* change the cursor on mouseover */
}
.helpHeading {
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal; /* removes bolding from H2 */
	background-color: #336699;
	font-size: 13px;
	color: #ffffff;
	/*font-weight: bold;*/
	padding: 3px;
	text-align:left;	
}

.helpText {
	color: #112233;
}
	
/* create a button looks like a link for show/hide */
.showhide {
	border: 0px;
	background-color: #FFFFFF;
}

.change {
	background-color: #336699;
}

/* hide the content div */
.hide{
	display: none;
}
/* show the content div */
.show{
	display: block;
	color: #333333;

}
/* style for date on News page */
.date {
	font-size: 10px;
	color: #777777;
}
/* article heading */
.article {
	font-size: 12px;	
}

.customerService {
	padding: 0px;
}

/* tool tips */
.tooltiplink {
    background-color: PaleGoldenRod;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 1px;
}

.tooltiptext{
	display: none; 
    position: absolute; 
    border: 1px solid #336699;
    background-color: c9e0e0; 
    padding: 5px;	
}
.colorPicker {
	border: 1px solid #000000; 
	font-family:Verdana; 
	font-size:10px;
	text-decoration: none;
}

/* required field messages */
.required {
	color:#336699;	
}

/* title row for table data */
.title-row {
	background-color:#336699;
	color:#FFFFFF;
	font-weight: bold;	
}

.title-head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
/* show catalogue editing options */
.options {
	padding-top: 5px;
}

/* calendar for monthly reports */
.calendar {
	height: 60px;
	vertical-align: top;

}

.role {
	background-color: #ffffff;
	border-style: none;
}

.note {
	font-family:Verdana; 
	font-size:10px;
	color: #AAAAAA;
}
.help {
	cursor: hand;	
}

.tableRow {
	background-color: #0000ff;	
	padding: 0px; /* needs to be 0px as width is 50% */
	margin: 0px; /* needs to be 0px as width is 50% */
}
/** Menu cells for /menu.do */
.menuCell {
	width: 49%;
	float:left;	
	padding: 3px;
	margin: 0px;
	height: 130px;
}
/* hack \*/
	* html .menuCell {
	width: 50%;	
}
/* services cell on menu */
.servicesCell {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	padding: 3px;
	background-color: #009999;	
	text-align: center;
}
.servicesLink {
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #fff;
}
/* impersonation cell on menu */
.impersonationCell {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	padding: 3px;
	background-color: #009999;	
	text-align: center;
}
.impersonationLink {
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #fff;
}
/* branding picker */
.picker {
	border: 1px solid #000000; 
	font-family:Verdana; 
	font-size:10px;
	text-decoration: none;	
}

.pagination {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: 
	}

/* FOOTER ------------------------------------------------------------------- */

/* footer text and links */
.footerNav {
	color: #FFFFFF;
}

.footerNav a:link, .footerNav a:visited, .footerNav a:active {
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: #000000;
	padding: 3px;
}