/*******************************
* New Calendar Stuff
********************************/
table.cal {
	border-collapse: collapse;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color: #FFFFFF;
}

tr.cal td {
	padding: 1px 3px;
	text-decoration: underline;
	background-color: #FFFFFF;

}


td.fullcell{
	background-color: #dedfbd;
}

td.fullcell {
	background-color: #dedfbd;
	text-decoration: underline;
	font-weight: bold;
}

td.emptycell{
	background-color: #FFFFFF;
}

table.cal tr td.currentday {
	border: 2px solid red;
}

table.cal tr td.calcell {
	border: 1px solid #00454A;
}

table.cal tr th {
	padding: 2px 5px;
	background-color: #0089C8;
	border: 1px solid #00454a;
	color: #ffffff;
	text-decoration: none;
	width: 13%;
}

table.cal th.noborder {
	padding: 2px 5px;
	background-color: #014A81;
	border: 0px solid #00454a;
	color: #ffffff;
	text-decoration: none;

}

table.cal th {
	color: #ffffff;
}

ul.event_list {
	white-space: nowrap;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	display: none;
	position: absolute;
	background-color:#ffffff;
	padding:3px;
	border: 1px solid #00454a;
}
ul.event_list > li {
	white-space: nowrap;
	display: block;
	list-style-type: none;
	background-color:#ffffff;
}
ul.event_list a {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
}


div.listheadercell {
	padding: 0px 0px;
	position: absolute;
	display: none;
	background-color: #00454a;
	text-decoration: none;
}

div.listheadercell a {
	color: #ffffff;
	text-decoration: none;

}

div.listheadercell a:hover {
	text-decoration: underline;
}



/****************************
** General HTML Tags
****************************/


body {
	background-color: #ffffff;
	margin: 5px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 80%;
	color: #111111;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

table {
	empty-cells:show;
}

form {
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

td {
	vertical-align: top;
}


select, .sel_small, .sel_medium, .sel_long {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #333333;
}

.sel_small {
	width: 100px;
}

.sel_medium {
	width: 200px;
}


button, .but, .but_small, .but_medium, .but_large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #003873;
	height: 20px;
	border-top: 1px ridge #FFFFFF;
	border-right: 1px ridge #333333;
	border-bottom: 1px ridge #333333;
	border-left: 1px ridge #FFFFFF;
}

.but_small {
	width: 80px;
}

.but_medium {
	width: 160px;
}

.but_large {
	width: 240px;
}



h1 {
	color: #AF0037;
	margin: 0px 0px 10px 0px;
	font-size: 150%;
	text-decoration: none;
	font-weight: bold;
}

h2 {
	color: #AF0037;
	margin: 15px 0px 4px 0px;
	font-size: 130%;
	text-decoration: none;
	font-weight: bold;
}

h3 {
	margin: 15px 0px 4px 0px;
	font-size: 115%;
	color: #AF0037;
	text-decoration: none;
	font-weight: bold;
}

h4 {
	margin: 15px 0px 4px 0px;
	color: #AF0037;
	text-decoration: none;
}

/******************************
** General systemwide classes
******************************/

.error {
	font-weight: bold;
	font-size: 1em;
	color: red;
	font-family: Arial;
	text-decoration: none;
}

.deleted {
	text-decoration: line-through;
}

.mandatory {
	color: #FF0000;
}

.w100 {
	width: 100%;
}

.ra {
	text-align : right;
}

.nw {
	white-space: nowrap;
}

.strikethrough {
	text-decoration : line-through;
}

.MandateMidBlueBG {
	background-color: #0089C8;
}

.MandateDarkBlueBG {
	background-color: #003873;
}

.MandatePurpleBG {
	background-color: #AF0037;
}

.MandateYellowBG {
	background-color: #F9C300;
}


/*************************************
** Page Head structural classes
**************************************/

div#pagehead {
	background-color: #ffffff;
}

div.top_bar, div.bottom_bar{
	vertical-align: middle;
	background-color: #F9C300;
	height: 1.5em;
	font-size: 1em;
	padding: 2px 0px 2px 30px;
}

div#topbar_image {
	float:left;
	width:55px;
	padding: 5px;
}

#TopBar_Title {
	font-weight: bold;
	font-size: 15px;
	font-style: italic;
	vertical-align: top;
	height: 60px;
	color: #AF0037;
	padding: 5px 10px 0px 10px;
	white-space: nowrap;
}

#TopBar_AppName {
	font-weight: bold;
	font-size: 45px;
	font-style: normal;
	white-space: nowrap;
}

div.top_bar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 3px;
	background-color: #003873;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
}


div.top_bar a:hover {
	padding: 3px 2px 1px 4px;
	border-top: 1px solid #333333;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #333333;
	text-decoration: none;
}



/******************************
** Menu structural classes
******************************/
div.top_menu_bar{
	COLOR: #FFFFFF;
	FONT-SIZE: 1em;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: Bold;
	TEXT-DECORATION: none;
	vertical-align: middle;
	float: left;
	width: 98%;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	background: #003873;
	padding: 2px 0px 2px 2%;
}

#mainmenu, #submenu {
	COLOR: #FFFFFF;
	FONT-SIZE: 1em;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: Bold;
	TEXT-DECORATION: none;
	vertical-align: middle;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
}

#mainmenu {
	BACKGROUND-COLOR: #0089C8;
}

#mainmenu ul, #submenu ul {
	list-style: none;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}

#mainmenu ul {
	border-left: 1px solid #CCE4E8;
}

#mainmenu ul li, #submenu ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#mainmenu ul li a, #submenu ul li a {
	float: left;
	display: block;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}

#mainmenu ul li a {
	background: #0089C8;
	border-right: 1px solid #CCE4E8;
}

#mainmenu ul li a:link { color: #ffffff; }
#mainmenu ul li a:visited { color: #ffffff; }
#mainmenu ul li a:hover { color: #ffffff; background: #00798c; }

#mainmenu ul li a.selected {
	background: #003873;
}

#submenu {
	BACKGROUND-COLOR: #003873;
}

#submenu ul {
	border-left: 1px solid #fff;
}

#submenu ul li a {
	background: #003873;
	border-right: 1px solid #fff;
	FONT-SIZE: 0.9em;
}

#submenu ul li a:link { color: #ffffff; }
#submenu ul li a:visited { color: #ffffff; }
#submenu ul li a:hover { color: #ffffff; background: #00798c; }

#submenu ul li a.selected {
	background: #003873;
	color: #00798c;
}



/************************************
** Side Menu
*************************************/

div#pagecontainer {
	background-color: #EBEBEF;
	/*overflow: hidden;*/
}

div#pagecontainer div#sidemenu, div#pagecontainer div#pagecontent {
	padding-bottom: 32767px;
	margin-bottom: -32757px;
}

div#pagecontainer div#pagecontent {
	margin-left: 175px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}


div#sidemenu {
	float : left;
	background-color: #003873;
	width: 160px;
	border-right: 1px solid #000;
	background-color: #90bade;
	color: #333;
}

div#sidemenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

div#sidemenu li {
	border-bottom: 1px solid #90bade;
	margin: 0;
}

div#sidemenu li a {
	display: block;
	padding: 5px 5px 5px 10px;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body div#sidemenu li a {
	width: auto;
}

div#sidemenu li a:hover {
	background-color: #2586d7;
	color: #fff;
}



/*****************************
** Error Listings
*****************************/

.error_list {
    font-weight: bold;
	font-size: 1em;
	color: red;
	text-decoration: none;
}

.error_list p {
	margin: 0;
	padding: 0;
}

.error_list ul {
	padding: 0;
	margin-top: 0;
}

.error_list ul li {
}


/**********************************
** Page Content structural classes
**********************************/

h1#receipt_title {
	display: none;
}

div#pagecontent {
	background-color: #EBEBEF;
	padding: 10px;
}

div.footer {
	margin: 15px 0px 0px 0px;
}

div.footer * {
	margin: 0px 5px 5px 0;
}

div#helpblock {
	margin: 10px 0px;
	padding: 5px;
	background-color: #ffffff;
	border: 2px solid #BDBEDC;
	color: #00454a;
	font-size: 1em;
}

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

table.layout tr {
	vertical-align: top;
}


table.layout tr td {
	padding: 0px 10px 0px 0px;
}


/************************************
** Content Table structural classes
*************************************/

table.content {
	font-size: 0.9em;
	border-collapse: collapse;
	border: 1px solid #B2B2D3;
	margin: 0px;
	padding: 0px;
}

table.content tr td {
	border: 1px solid #B2B2D3;
	padding: 2px 3px;
	background-color: #ffffff;
}

table.content tr td.text {
	background-color: #ffffff;
}

table.content tr th,
.title,
table.listings tr th {
	background-color: #0089C8;
	border: 1px solid #B2B2D3;
	font-size: 110%;
	color: #ffffff;
	text-decoration: none;
	text-align : left;
	font-weight: bold;
	padding: 2px 5px;
}

table.content tr th.fixed100 {
	width: 100px;
}

table.content tr td.fixed100 {
	width: 100px;
}

table.content tr th.fixed160 {
	width: 160px;
}

table.content tr td.fixed160 {
	width: 160px;
}

table.content tr td.entry {
	background-color: #EBEBEF;
}

table.content tr td.divider {
	background-color: #EBEBEF;
	/* background-color: #0A3BFF; */
}

/************************************
** Listing Table structural classes
*************************************/


.listings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

table.listings {
	border: 1px solid #222222;
	border-collapse:collapse;
	padding: 0px;
}

table.listings caption {
	font-size: 115%;
	color: #AF0037;
	TEXT-ALIGN: left;
	padding: 15px 0px 4px 0px;
	font-weight: bold;
}

table.listings tr td {
	border: 1px solid #999999;
	padding: 2px 5px;
}

table.listings tr th {
	border: 1px solid #222222;
}

table.listings tr th a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

table.listings tr.roweven {
	background-color: #FFFFFF;
}

table.listings tr.rowodd {
	background-color: #dedfbd;
}

table.listings tr.warning {
	color: #ff3333;
}

table.listings tr.rowodd th,
table.listings tr.roweven th,
table.listings tr.warning th, {
	background-color: #0089C8;
	border: 1px solid #222222;
	font-size: 110%;
	color: #ffffff;
	text-decoration: none;
	text-align : left;
	font-weight: bold;
	padding: 2px 5px;
}

table.listings tr.total td {
	text-decoration: none;
	padding: 2px 5px;
	font-size: 100%;
	border-top: 5px double #000000;
	background-color: #44499A;
	color: #ffffff;
}


table.listings tr td.ra input {
	text-align:right;
}


/************************************
** Button group structural classes
*************************************/

div.buttongroup {
	width : 13em;
	float: right;
	background-color: #dedfbd;
	border: 4px ridge #B2B2D3;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

div.buttongroup ul {
	list-style: none;
	border: none;
	margin: 5px;
	padding: 0px;
}

div.buttongroup li {
	margin: 5px 0 0 0;
	text-align : center;
}

.buttongroup ul li a {
	display: block;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 3px;
	background-color: #003873;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
}

html>body div.buttongroup li a {
	width: auto;
}


.buttongroup ul li a:hover {
	padding: 3px 2px 1px 4px;
	border-top: 1px solid #333333;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #333333;
	text-decoration: none;
}

div.leftbuttongroup {
	width : 13em;
	float: left;
	background-color: #dedfbd;
	border: 4px ridge #B2B2D3;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

div.leftbuttongroup ul {
	list-style: none;
	border: none;
	margin: 5px;
	padding: 0px;
}

div.leftbuttongroup li {
	margin: 5px 0 0 0;
	text-align : center;
}

.leftbuttongroup ul li a {
	display: block;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 3px;
	background-color: #003873;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
}

html>body div.leftbuttongroup li a {
	width: auto;
}


.leftbuttongroup ul li a:hover {
	padding: 3px 2px 1px 4px;
	border-top: 1px solid #333333;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #333333;
	text-decoration: none;
}




/************************************
** checklist structural classes
*************************************/

ul.checklist {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.checklist li {
	float: left;
	width: 18em;
}




/************************************
** Label Printing structural classes
*************************************/

div.labelpage {
	padding: 0;
	margin: 0;
}

div.labelpage ul {
	width:700px;
	padding: 0;
	margin: 0 0 10px 0;
  list-style: none;
}

div.labelpage ul li {
	float: left;
	width: 300px;
	height: 30mm;
	padding: 5px ;
	margin: 0 10px 10px 0;
	background-color: #ffffff;
	border: 1px solid #000;
}

/************************************
** Card Printing structural classes
*************************************/

.rightsection {
	/* border: 1px solid #000; */
	position: relative;
	left:100px;
	bottom: 45px;
	font-size: 12px;
}

.mandate_name {
	color: brown;
	font-weight: bold;
	font-size: 16px;
}
.meminfo1 {
	color: brown;
	font-weight: bold;
	top: 100px;
}

.meminfo2 {
	color: blue;
	font-weight: bold;
	font-size: 10px;
}

.memcard
{
	top: 0px;
	/* margin: 1em auto; */
	width: 8.5cm;
	height: 5.4cm;
	text-align: left;
	 background-color: #ffffff;


}

.mandate_logo {
	position: relative;
	width: 55px;
	top: 20px;
}

.leftsection {
	position: relative;
	width: 55px;
	top: 30px;
	left: 10px;
}

.member_number {
	position: relative;
	top: 15px;
}

.blue_header {
	font-size: 10px;
	color: blue;
}