/* Copyright Ignite Sport 2008
20090120 Peter Moulding Create common style as the default for all sites.
*/

/* Colours */

/* Background colour and font almost everywhere */
body, input
	{
	background-color: #ffffff;
	color: #000000;
	}
body, input, select, textarea
	{
	font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
	}
/* White text on black background for list headings. */
.list-title
	{
	background-color: black;
	color: white;
	font-weight: bold;
	width: 100%;
	}
/* Background colour dark and light. Orange in the case of Ignite Golf */
/* Dark background. The text is usually white and bold. Ignite Golf uses #FCA61B. */
.search-form-left, .search-form-right
	{
	font-weight: bold;
	}

.list-cell-0, .userFormCont1, .search-form-left, .extras
	{
	background-color: #FCA61B; /* Light orange */
	border-color: #F1D38A; /* Dark orange */
	color: white;
	font-weight: bold;
	}
.list-cell-0, .list-cell-1
	{
	border-style: solid;
	border-width: thin;
	}
/* Light background. The text is usually black and bold.  Ignite Golf uses #F1D38A. */
.list-cell-1, .userFormCont2, .search-form-right
	{
	background-color: #F1D38A; /* Dark orange */
	border-color: #FCA61B; /* Light orange */
	color: black;
	}

/* Light grey */
.search-heading, .search-row, .sro
	{
	background-color: #eeeeee;
	border-bottom: 1px solid white;
	}

/* Dark blue */
a, a:hover
	{
	color: #003399;
	}
#menu-left a, #menu-left a:hover
	{
	color: #000000;
	font-weight: bold; /* Black on grey is too weak to read. Use bold for colour on colour text. */
	}

.group-lesson
	{
	background-color: #33cccc; /* aqua blue. */
	}
.package-lesson
	{
	background-color: #ffcc33; /* Orange */
	}
.single-lesson
	{
	background-color: #ffff00; /* yellow */
	}

/* default html styles */
body, input
	{
	font-size: 12px;
	margin: 0px 0px;
	}

/* Buttons */
.arrive-late-button, .break-button, .leave-early-button
	{
	/* width: 4em; */
	}

/* Admin */
.admin-left-title
	{
	background-image: url(images/ignite-admin-bg1.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom: 10px;
	text-align: center;
	width: 220px;
	}

/*  */
.diary, .diary td
	{
	background-color: #999999;
	border: 1px solid #000000;
	color: #000000;
	height: 23px;
	text-align: center;
	text-decoration: none;
	width: 7em;
	}
.diary, .diary td, .diary a, .diary a:hover
	{
	font-weight: bold;
	font-size: 12px;
	}
.diary a:hover, .diary td:hover
	{
	background-color: #666666;
	}
.diary .available, .diary .available td, .diary .available a
	{
	background-color: #00ff00;
	color: #0000ee;
	}
.diary td.available:hover, .diary td.available a:hover,
.diary td.over,            .diary td.over a,
.diary td.over:hover,      .diary td.over a:hover
	{
	background-color: #00cc00;
	color: #0000ee;
	}

/* lists */
.list-title
	{
	margin-bottom: 0;
	}
.list-head
	{
	vertical-align: bottom;
	}
.list-body
	{
	vertical-align: top;
	}
.list-row
	{
	border-bottom: 1px solid white;
	width: 100%;
	}

/* Lists of lessons */
.lessons
	{
	border-collapse: collapse;
	}
.lessons td
	{
	border: 1px solid black;
	padding: 0.25em 0.4em;
	}

/* Benefits list is ul. */
.benefits-list
	{
	font-weight: bold;
	list-style-image: url(images/bullet_point_tick.gif);
	margin-bottom: 2em;
	}
.benefits-list li
	{
	margin-bottom: 1em;
	}


/* Search form */
.search-form, .search-title, .search-heading, .search-row, .sro
	{
	width: 100%
	}
.search-form-left, .search-form-right
	{
	display: inline-block;
	height: 1.8em;
	margin: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 1%;
	padding-right: 1%;
	vertical-align: middle;
	}
.search-form-left
	{
	width: 25%;
	}
.search-form-right
	{
	border-left: 1px solid white;
	}
.search-form-right input
	{
	margin: 0;
	padding: 0;
	}
.search-form-text
	{
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}

/* The following is converted form the old manual system. */
.rostered-on
	{
	background-color: #00FF00;
	}
.extra-hours
	{
	background-color: #ABCDEF;
	}
.not-working
	{
	background-color: #d3d3d3;
	}

/* Home page*/
.home-page-all  /* Total width of page */
	{
	text-align: center;
	}
.home-page
	{
	margin-left: auto;
	margin-right: auto;
	width: 870px; /* Centered within total width of page */
	}

.center
	{
	text-align: center;
	}
/* styles affecting the whole page */
.page-width
	{
	width: 920px;
	}

/* default html styles */
body
	{
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	}
input
	{
	}
select
	{
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	border-style: solid;
	border-width: 1px;
	}
textarea
	{
	font-size: 11px;
	width: 228px;
	height: 75px;
	font-weight: normal;
	background-color: #ffffff;
	}
ul
	{
	margin: 5px 25px;
	}
td
	{
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	}
a
	{
	text-decoration: none;
	}
a:hover
	{
	text-decoration: underline;
	}
form
	{
	margin: 0px;
	padding: 0px;
	}
center
	{
	margin: 0px;
	padding: 0px;
	}

/* text styles */
.norm
	{
	font-size: 11px;
	color: #787978;
	text-decoration: none;
	font-weight: normal;
	}
.normSmall
	{
	font-size: 8px;
	color: #787978;
	text-decoration: none;
	font-weight: normal;
	}
.normSuccess
	{
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	}
.normHighlight
	{
	color: #ffffff;
	}
.normSubtitle
	{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	}
.normError
	{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	}
.pageTitle
	{
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	}
.formTitle
	{
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	}
.smallSubTitle
	{
	font-size: 12px;
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
	}
.subTitle
	{
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	}
.highlighted
	{
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	}
.tableTitle
	{
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	}
.required
	{
	font-size: 12px;
	color: #F04040;
	text-decoration: none;
	font-weight: normal;
	}

/* tables styles */
.leftmainbg
	{
	background-color: #333333;
	}
.leftinnerbg1
	{
	background-color: #666666;
	width: 243px;
	padding: 5px 3px 10px 3px;
	}
.leftinnerbg2
	{
	background-color: #a6a6a6;
	}

/* styles for forms */
.userFormCont, .userFormCont1, .userFormCont2
	{
	padding: 5px 5px 5px 5px;
	border: 1px solid #ffffff;
	color: #000000;
	}
.userFormCont, .userFormCont1
	{
	text-align: left;
	font-weight: bold;
	}
.userFormCont1
	{
	vertical-align: top;
	/* background-color is defined above in the colours section. */
	}
.userFormCont2
	{
	/* background-color is defined above in the colours section. */
	}

/* styles for menues */
#menu-left
	{
	list-style-image: url(images/bullet.png);
	margin: 1em;
	}
#menu-left ul
	{
	margin: 0;
	margin-left: 1em;
	padding-left: 1em;
	}
#menu-left li
	{
	padding-bottom: 0.4em;
	}

.mhItemOff
	{
	padding: 3px 5px;
	border: 1px solid #F58D23;
	color: #FFFFFF;
	background-color: #F8B03F;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	border-collapse: collapse;
	}
.mhItemOn
	{
	padding: 3px 5px;
	border: 1px solid #F58D23;
	color: #000000;
	background-color: #F58D23;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	border-collapse: collapse;
	}

/*
The Extras items on membership benefits page.
background-color is light orange defined above
	width: 450px;
*/
.extras
	{
	border: 2px solid;
	font-size: 20px;
	}