@CHARSET "UTF-8";

body 
{
	font-family: aria,helvetica,sans-serif;
	background-color: #ccc; 
    color: #4D4C4C;
}

img
{
   border: 0;
}

form
{
   margin: 0;
}

#wrapper 
{
   width: 90%;
   min-width: 800px;
   margin: 2em auto 1em auto;
   padding: 0;
   text-align: left;
   border: solid 5px #75AE61;
   background-color: #fff;
}

#wrapper2
{
   border: solid 2px #D4B284;
   margin: 0.2em;
   padding: 0.3em 1em 0 2em;
}

/******************************************************************
 Header Items 
 */
.header 
{
   font-weight: bold;
   padding: 0.2em 0 0.2em 0;
}

.headerOptions
{
   float: right;
   min-width: 52%;
   width: 52%;
}

.headerOptionBlock
{
   text-align: center;
   padding-top:  1em;
}

.options
{
   font-size: 1em;
   font-weight: normal;
   margin: 1.5em 2.5em 0 0; 
   padding: 0 0.3em 0 0;
}
	   
.options li
{ 
   display: inline;
}

.footer 
{
   padding: 0.2em;
   margin: 1.2em 0 0.2em 0;
   text-align: left;
   font-size: 1em; 
}

.footer p 
{
   margin: 0 auto 0 auto;
   padding: 1em 0 1em 0;
}

a.general:link, a.general:visited, a.general:active 
{
   text-decoration: none;
   padding: 0.2em;
   margin-top:  0.5em;
}

a.general:hover, a.general:hover span.cardtext, .ctc_block a:hover
{
	color: #000;
}

a.general:hover 
{
   background-color: #ccc;
   text-decoration: none;
}

a
{
	color: #D4B284;
}
a:visited 
{
   color: #75AE61;
}

div.header a, .footer a 
{
    margin-top:  0.5em;
	color: #666;
	white-space: nowrap;
}

.cardtext
{
	color: #75AE61;
}

.clearer 
{
   font-size: 0;
   height: 0;
   width: 100%;
   display: block;
   clear: both;
}

#container 
{
   height: auto;
   margin-top: 2.6em;
   padding: 0;
   width: 98%;
   left: 3%;
}

.card_full_size
{
   padding-left: 1em;
}

.tstyle
{
	font-family: aria,helvetica,sans-serif;
	text-align: center;
    color: black; 
    width: 90%;
}

tr  
{
   border: 0; 
   margin: 0;
   padding: 0;
}

tr.titlerow
{
	background-color: #75AE61;
	color: white;
	font-weight: bold;
}

tr.alt_row 
{ 
    background-color: #eee;
}

table
{
	padding: 0;
	border: 2px solid #D4B284;
	margin: 0;
}

tr.norm_row 
{ 
    background-color: #cf9;     
}


.pagenavblock
{
	clear: both;
	padding: 0.3em 0 0.3em 0;
}

.pagenavblock a 
{
   font-size: large;
   text-decoration: none;
   margin: 0.1em;
   padding: 0.1em 0.2em 0.1em 0.2em;
   border: 2px solid transparent;
}

a.page_navigate_large
{
	border: 2px solid #D4B284;
}

.pagenavblock a:hover
{
   background-color: #75AE61;
   border: 2px solid #D4B284;
   color: #000;
}

.page_navigate_rhs a
{
	font-family: arial,helvetica,sans-serif;
	text-align: right;
	text-decoration: none;	
	font-size: large; 
}

.copyrightNotice
{
	text-align: center;
    font-size: x-small;
}

/**
 * login box
 */
.loginBox
{
   background-color: #eee;
   padding: 0.5em;
   border: 1px solid #ccc;
}

.loginField
{
   padding-bottom: 1em;
}

.loginBox label 
{
   font-weight: bold;
}

.loginHeader
{
   background-color: #75AE61;
   color: #fff;
   font-weight: bold; 
   font-size: 1.2em;
   margin: 0 0 0.3em 0; 
   padding: 0.2em;
}

p.error
{
   font-weight: bold; 
   color: #f00;
}

/** 
 * Category, Theme and Card blocks
 */
.ctc_block
{
   width: 11em; 
   min-width: 11em;
   min-height: 9em;
   border: 1px solid #ccc;
   background-color: #eee;
   text-align: center;
   float: left; 
   margin: 0.3em;
   padding: 0.5em;
}

.ctc_block img, .ctc_block span 
{
   padding: 0.2em 0 0.3em 0;	
}	


.listblock
{
   margin: 0 0 0.5em 0;
}

.errorMessages, .error_details
{
   background-color: #ddd; 
   border: 2px solid red;
   padding: 0.3em;
   margin-bottom: 0.5em;
}

/***********************
* Form block elements, including labels and form elements. 
*/
.formBlock
{
   margin-bottom: 1em;
}

.formBlock label
{
   font-weight: bold;
   margin: 0;
}

.formBlock p 
{
   margin: 0.6em 0 0.6em 0;
}

.frLogo
{
   float: right;
   margin: 0 0 0.2em 1em;
}

/** Collect card block */ 
.collectCodeBlock
{
   padding-top: 8em;
}

/** Collect Card */
.cardMessageIntro
{
   font-weight: bold;
   padding: 0.3em 0 0.3em 0;
}

.cardMessage
{
   background-color: #eee;
   padding: 0.4em;
   border: 1px solid #75AE61;
}