/*
--------------------------Global Styles-------------------------
*/

body
{
	font-family : sans-serif;
	font-size : 16px;
}

table {
	border-collapse : collapse;
}
td {
	padding : 0px 2px;
}
img
{
	border-width : 0px;
}

.generalPopup
{
	position : absolute;
	background-color : #ccc;
	text-align : left;
	padding : 5px;
	border-style : solid;
	border-width : 2px;
	overflow : auto;
}

.success_message
{
	color : #0f0;
}

.required_fields
{
	color : #f00;
}

.formErrors
{
	color : #f00;
}

#table_login
{
	border : solid 1px #999;
	background : #ccd;
	margin : auto;
}
#table_login > TBODY > TR > TD
{
	background : #ccd;
	border : none;
}
#table_login > TBODY > TR > TH
{
	text-align : right;
}


#main_menu_table,
#member_menu_table,
#admin_menu_table
{
	width : 100%;
	border : solid 1px #000;
	background : #ccc;
}
#main_menu_table TD,
#member_menu_table TD,
#admin_menu_table TD
{
	white-space : nowrap;
	padding : 0 10px;
}
#logout_cell
{
	width : 95%;
	text-align : right;
}

#footer
{
	border : solid 1px #000;
	background : #ccc;
}

.active_row
{
	background : #ccc;
	cursor : pointer;
}
.inactive_row
{
	background : transparent;
	cursor : pointer;
}

#result_nav_row
{
}

#admin_edit_table TH
{
	text-align : right;
}

#admin_list_table,
#admin_filter_table
{
	border : solid 2px #000;
	background : #eee;
	margin : 5px 2px;
	width : 100%;
}
#admin_list_table
{
}

#admin_list_table TH
{
	border-bottom : double 3px #000;
	cursor : pointer;
	text-align : left;
}
#admin_list_table TD
{
	font-size : 14px;
}

#filter_filler
{
	width: 90%;
}

/*----------------------------------------- Calendar/Popup -----------------------------------*/
.calPopup
{
	position: absolute;
	z-index: 10;
	border: solid 1px #000;
	background: #ccc;
	overflow: auto;
	font-size: 12px;
	text-align: center;
}

.calPopup table
{
	width: 85%;
	margin: 5px auto;
	border: 1px solid <?php echo $primary_color ?>;
	border-collapse: collapse;
	background: transparent;
}
.calPopup TABLE TD
{
	width: 14%;
	border: solid 1px #666;
}

.calPopup SELECT
{
	font-size: 11px;
}

.passed,
.future,
.selected,
.today
{
	border: solid 1px #666;
	cursor: pointer;
	text-align: center;
}

.passed
{
	background-color: #aaa;
	color: #333;
}
.future
{
	background-color: #003;
	color: #fff;
}
.selected
{
	background-color: #00c;
	color: #fff;
}
.today
{
	background-color: #fff;
	color: #000;
}
.othermonth
{
	border: solid 1px #666;
	background-color: transparent;
	color: #ccc;
}

#cal_picker_selectMonth,
#cal_picker_selectYear
{
	font-size: 11px;
}