/**
 * ICCA CSS
 */

/** GLOBAL **/
* {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: normal;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	/*color: #000000;*/
	border: none;
}

div {
	text-align: left;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:hover,a:active,a:focus {
	color: #B60000;
}

.hidden {
	display: none;
}

.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

/*** CONTAINERS ***/
body {
	text-align: center;
}

div#all {
	width: 960px;
	margin: 0px auto;
}

div#top_bar {
	position: relative;
}

div#header {
	height: 98px;
	position: relative;
}

div#menu {
	/*height: 44px;*/
	height: 39px;
	background: url('../images/bg.menu.gif') repeat-x scroll left top
		transparent;
}

div#menu div.menu_left {
	/*height: 44px;*/
	height: 39px;
	background: url('../images/bg.menu.edge.gif') no-repeat scroll left top
		transparent;
}

div#menu div.menu_right {
	/*height: 43px;*/
	height: 38px;
	background: url('../images/bg.menu.edge.gif') no-repeat scroll right top
		transparent;
	/*
	text-align: center;
	padding-top: 1px;
	*/
}

div#col_left {
	width: 240px;
	float: left;
}

div#content {
	float: left;
	margin-bottom: 1em;
}

div#content.content_narrow {
	width: 480px;
}

div#content.content_wide {
	width: 700px;
}

div#col_right {
	width: 240px;
	float: left;
}

div#banner {
	clear: both;
}

div#footer {
	clear: both;
	padding: 10px;
	background: url('../images/bg.footer.gif') repeat-x scroll left top
		transparent;
}

/** HEADER MODULES **/
div#header div.module_header {
	position: absolute;
	top: 0px;
	right: 0px;
}

/** SIDE MODULES **/
div#col_left div.module_content {
	margin-left: 15px;
}

div#col_right div.module_content {
	margin-left: 25px;
}

div.module_content {
	border: solid 1px #A6A6A6;
	padding: 10px;
	width: 178px !important;
	width: 198px;
	background: url('../images/bg.modules.gif') repeat-x scroll left top
		#8DDA6E;
	margin-bottom: 1em;
}

div.module_content.nochrome {
	border: none;
	width: 180px !important;
	width: 200px;
	background: none;
}

div.module_content.bw {
	border: solid 1px #8080FF;
	background: url('../images/bg.modules.bw.gif') repeat-x scroll left top
		#A0A0FF;
}

/** FOOTER MODULES **/
div#footer div.module_footer {
	float: left;
	width: 310px;
	line-height: 2em;
}

/** TEXT **/
h1 {
	font-weight: bold;
	margin-bottom: 1em;
}

h2 {
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 2em;
	margin-bottom: 1em;
}

div.module_content h2 {
	margin-top: 0px;
}

p {
	font-size: 0.8em;
	margin-bottom: 1em;
}

div#header p {
	display: none;
}

ul.breadcrumb {
	font-size: 0.7em !important;
	padding-bottom: 1em;
	margin-bottom: 2em;
	background: url('../images/bg.breadcrumbs.gif') no-repeat scroll left
		bottom transparent;
	list-style-type: none;
}
ul.breadcrumb li {
	display: inline;
	margin: 0 !important;
}
ul.breadcrumb span.divider {
	margin: 0 4px;
}

div#footer p {
	font-size: 0.7em;
	margin-bottom: 0px;
}

div#footer ul.menu {
	font-size: 0.7em;
	list-style-type: none;
}

div#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

div#footer p.geoffmartin {
	text-align: right;
	color: #595959;
	clear: both;
	padding: 1em 0em 1em 0em;
}

div#footer p.geoffmartin a {
	color: #595959;
}

div#footer p.geoffmartin a:hover,div#footer p.geoffmartin a:active,div#footer p.geoffmartin a:focus
	{
	color: #B60000;
}

address {
	font-size: 0.8em;
	font-style: normal;
	margin-bottom: 1em;
}

div#content ul,div#content ol {
	font-size: 0.8em;
}

div.module_content_top li,div.module_content_btm li {
	margin-bottom: 0px;
}

div#content li {
	margin-bottom: 1em;
	margin-left: 2em;
}

div#top_bar a {
	color: #ffffff;
}

div#top_bar a:hover,div#top_bar a:active,div#top_bar a:focus {
	color: #B60000;
}

/** ERROR **/
div#content dl#system-message {
	/*font-size: 0.8em;*/
	
}

div#content dl#system-message dt {
	display: none;
}

div#content dl#system-message dd {
	margin-bottom: 1em;
	background-color: #FFC08B;
	border-top: 2px solid #F69240;
	border-bottom: 2px solid #F69240;
	padding: 2px;
}

div#content dl#system-message dd.notice {
	background-color: #FFC08B;
	border-top: 2px solid #F69240;
	border-bottom: 2px solid #F69240;
}

div#content dl#system-message ul {
	margin: 0px 1em;
}

div#content dl#system-message li {
	list-style-type: none;
	font-weight: bold;
	margin-bottom: 0px;
}

/** TABLES **/
div#content table {
	margin-bottom: 0.8em;
}

div#content th {
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px 10px;
	text-align: left;
	vertical-align: top;
}

div#content td {
	font-size: 0.8em;
	padding: 0px 10px;
	text-align: left;
	vertical-align: top;
}

/** MENU **/
/*
div#menu ul
{
  font-size: 0.9em;
  line-height: 29px;
}
div#menu ul li.menuItemSelected a
{
  font-weight: bold;
}
div#menu ul li.menuItemSelected ul li a
{
  font-weight: normal;
}
*/
/*
  Most main menu styling done in the ARI YUI menu module CSS in
  modules/mod_ariyuimenu/mod_ariyuimenu/js/assets/menu/sam/safe_menu.css
  */

/* members' menu */
div#col_left ul.menu {
	list-style-type: none;
	font-size: 0.8em;
}

div#col_left ul.menu li a {
	color: #000000;
}

div#col_left ul.menu li a:hover,div#col_left ul.menu li a:active,div#col_left ul.menu li a:focus,div#col_left ul.menu li a:hover span,div#col_left ul.menu li a:active span,div#col_left ul.menu li a:focus span
	{
	color: #B60000;
}

/* login menu */
div#top_bar ul.menu {
	position: absolute;
	/*top: 90px;*/
	top: 0px;
	right: 0px;
}

div#top_bar ul.menu {
	list-style-type: none;
	font-size: 0.8em;
}

div#top_bar ul.menu a {
	
}

div#top_bar ul.menu a span {
	color: #000080;
	text-decoration: underline;
	font-weight: bold;
}

div#top_bar ul.menu a:hover span,div#top_bar ul.menu a:focus span,div#top_bar ul.menu a:active span
	{
	color: #B60000;
}

/* logout button */
div#top_bar form#form-login input.button {
	position: absolute;
	/*top: 90px;*/
	top: 0px;
	right: 0px;
	background-color: transparent;
	font-size: 0.8em;
	border: none;
	text-decoration: underline;
	cursor: pointer;
	color: #000080;
	font-weight: bold;
}

div#top_bar form#form-login input.button.login_hover {
	color: #B60000;
}

/** LOGIN PAGE **/
div#content fieldset.login {
	margin: 0px 0px 1em 100px;
	padding: 20px;
	width: 380px !important;
	width: 400px;
	border: 1px solid #A6A6A6;
	background: url( '../images/bg.modules.gif' ) repeat-x scroll left top
		#DAFDA7;
}

div#content fieldset.login label {
	display: inline-block;
	width: 100px;
	text-align: right;
	margin-right: 10px;
}

div#content fieldset.login input.inputbox {
	width: 200px;
	border: solid 1px #A6A6A6;
	padding: 1px;
}

div#content ul.login_reminders {
	margin: 0px 0px 1em 100px;
}

div#content ul.login_reminders li {
	margin-bottom: 0px;
}

div#content fieldset.login p#com-form-login-submit {
	text-align: center;
	margin-bottom: 0px;
}

div#content fieldset.login input.button,div#content form#login input.button,div#content form#user_remind button {
	border: 1px solid #A6A6A6;
	padding: 1px;
	background-color: #DAFDA7;
	cursor: pointer;
}

div#content form#user_remind button {
	margin-left: 150px;
}

div#content fieldset.login input.button.login_hover,div#content form#login input.button.login_hover,div#content form#user_remind button:hover
	{
	border-color: #F69240;
	background-color: #FFC08B;
}

div#content form#user_remind input#email,div#content form#user_remind input#username,div#content form#user_remind input#token,div#content form#user_remind input#password1,div#content form#user_remind input#password2
	{
	width: 200px;
	border: solid 1px #A6A6A6;
	padding: 1px;
}


/** CALENDAR MODULE **/
div#col_left div.calendar table {
	font-size: 0.8em;
}

div#col_left div.calendar table div.mod_events_link {
	cursor: pointer;
}

div#col_left div.calendar table.mod_events_monthyear {
	font-weight: bold;
}

div#col_left div.calendar table.mod_events_monthyear td a {
	text-decoration: none;
}

div#col_left div.calendar table.mod_events_table {
	/*background-color: #FFFFFF;*/
	
}

div#col_left div.calendar table.mod_events_table tr.mod_events_dayname td {
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

div#col_left div.calendar table.mod_events_table td {
	text-align: center;
	padding: 2px;
}

div#col_left div.calendar table.mod_events_table td.mod_events_td_dayname {
	/*background-color: #828282;*/
	color: #000000;
	font-weight: bold;
}

div#col_left div.calendar table.mod_events_table td.mod_events_td_dayoutofmonth {
	/*background-color: #CCCCCC;*/
	color: #808080;
}

div#col_left div.calendar table.mod_events_table td.mod_events_td_todaynoevents {
	border: 1px solid #FF8080;
	padding: 1px;
	background-color: #ECE9D8;
}

div#col_left div.calendar table.mod_events_table td.mod_events_td_todaywithevents {
	border: 1px solid #FF8080;
	padding: 1px;
	background-color: #FFFF80;
}

div#col_left div.calendar table.mod_events_table td.mod_events_td_daynoevents {
	/*background-color: #ECE9D8;*/
}

div#col_left div.calendar table.mod_events_table td.mod_events_td_daywithevents {
	background-color: #FFFF80;
}

div#col_left div.calendar table.mod_events_table span.saturday,
div#col_left div.calendar table.mod_events_table span.sunday {
	color: #000000;
	font-weight: bold;
}

/** CALENDAR COMPONENT **/
/* search */
#jevents_body form {
	margin-left: 100px;
	width: 200px;
	text-align: right;
}

#jevents_body form input.inputbox {
	width: 100%;
	border: 1px solid #000000;
	padding: 1px;
	margin-bottom: 1em;
}

#jevents_body form label,
#jevents_body form input#showpast {
	margin-bottom: 1em;
	vertical-align: top;
}

#jevents_body form input.button,
#jevents_body form button {
	border: 1px solid #000000;
	padding: 1px 2px;
	background-color: #E0E0E0;
	cursor: pointer;
}

#jevents_body form input.button:hover,
#jevents_body form input.button:active,
#jevents_body form input.button:focus {
	background-color: #828282;
	color: #FFFFFF;
}

/* jump to date */
#jevents_body div#jumpto select {
	border: 1px solid #000000;
	padding: 1px;
	margin-left: 1em;
	margin-bottom: 1em;
}

#jevents_body div#jumpto button:hover,
#jevents_body div#jumpto button:active,
#jevents_body div#jumpto button:focus {
	background-color: #828282;
	color: #FFFFFF;
}

/** JOOMLA TOOLTIPS **/
.tool-tip {
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	font-size: 0.8em;
	font-weight: bold;
}

.tool-text {
	font-size: 0.7em;
}

/** COOKIE WARNING **/
.js_cookie_warning {
	background-color: #FFFFFF;
	border-bottom: 1px solid #808080;
}
.js_cookie_warning p {
	margin: 0;
	padding: 1em;
	text-align: left;
	line-height: 24px;
}
.js_cookie_warning_close {
	display: inline-block;
	height: 24px;
	width: 24px;
	margin-right: 1em;
	background: url("../images/close.png") scroll no-repeat left top transparent;
	vertical-align: middle;
}
.js_cookie_warning_close span {
	display: none;
}