/* see http://vioxys.com/CREDITS */
/*@import url(blueprint/print.css);*/



/* Zero off defaults */
* {
	margin: 0;
	padding: 0;
	border: 0;
}


/* Setup Defaults */
body {
	/* font-size: 62.5%; */ /* will set base font to 10px */
	font-size: 100.01%;  /* will set base font to 16px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table, tr, td,
input, form, select, option {
}

input.button {
	/*font-size: 0.8em;*/
}
input.button:focus {
}



pre,code {
	text-align: left;
	clear:both;
	margin: 1em;
	font-family: Monospace;
	white-space: pre;
	padding: 0.5em;
}


a {
}

a:hover {
	text-decoration: none;
}


ul {
	margin-left: 0.5em;
	padding-left: 1em;
}


h1 {font-size: 2em; text-align: center;}    /* displayed at 24px */
h2 {font-size: 1.5em; text-align: center;}  /* displayed at 18px */
h3 {font-size: 1.25em; text-align: center;} /* displayed at 15px */
h4 {font-size: 1em; text-align: center;}    /* displayed at 12px */
h5 {font-size: 0.8em; text-align: center;}  /* displayed at 10px */
h6 {font-size: 0.6em;}  /* displayed at 8px */


table {
	color: black;
}

/***** REFERENCES *****
Tweaks for browser compatibilities applied to this css 
http://www.communitymx.com/content/article.cfm?cid=FAF76&print=true
***********************/

/* em based font resize */
.smaller4 {
	font-size: 0.6em;
}
.smaller3 {
	font-size: 0.7em;
}
.smaller2 {
	font-size: 0.8em;
}
.bigger2 {
	font-size: 1.2em;
}


/* percent based font resize (candidate for deletion) */
.text120 {
	font-size: 120%;
}
.text140 {
	font-size: 140%;
}
.text160 {
	font-size: 160%;
}
.text200 {
	font-size: 200%;
}
.textcenter {
	text-align: center;
}

.padleft20 {
	padding-left: 20px;
}


.bordered {
	border: thin double #999999;
}


input.button {
	text-align: center;
}

input.bullet {
	width: 6em;
	background-image:  url(../../images/default/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}


.errormsg {
}

.membercount {
	font-size: 1.2em;
}

span.indent {
	display: inline;
	padding: 0 0.5em; 
}

span.notemark {
	display: inline;
	font-size: 0.8em;
	color: red;
}
span.notemark:before {
	content: "*";
}


/****************************
Used by:
  .blockinfo
  .blockheadline
  .membercount
*****************************/
.sectiontitle {
	padding: 0 0.5em;
	background-color: #eee;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #ccc;
}
.title {
	font-weight: bold;
	font-size: 0.9em;
}
.subtitle {
	font-size: 0.8em;
	padding: 0 1em;
	color: #777;
}

.detail {
	padding: 0 1em;
}

.detail img {
	margin: 4px 0 0 4px;
}

.subdetail {
	padding: 0 2em;
}

.idcontainer {
	padding: 0 1em;
	float: right;
}

.idcontainer .idtitle {
	font-size: 2em; 
	text-align: center;
}

.idcontainer .idnotes {
	font-size: 1em; 
	text-align: center;
}

.spacer {
	height: 2ex;
}

.boxed {
	border: 1px solid black;
}

/****************************
  Input Form Width
*****************************/

/* Unknown pseudo-element or pseudo-class :not 
.blockform form input[type="text"]:not([size]) { 
}
*/

.blockform form input#detail[type="text"] {
	width: 20em;
}






/*****************/
/* WEB STRUCTURE */
/*****************/

/*************************************************
ANCESTRY

(resizer)
	container
		header
			toolbar
			logo
			infobar
		navigation
			main
			sub
		content
			== columns ==
			top                  default: 100% 
			main                 default: 50% 
			sidebar              default: 25% 
			==  modifiers ==
			onethird             set to 33% 
			twothird             set to 66% 
			threeforths          set to 75% 
			full                 set to 100% 
		footer


**************************************************/


/* ROOT */
#container {
	width: 660px;
}


/****** 1st Level *******/
#container #header {
	font-size: 0.8em;
}
#container #navigation {
	font-size: 0.8em;
}
#container #content {
	font-size: 1.0em;
	float: left;
	width: 100%;
	margin: 0.2em 0; 
}
#container #footer {
	margin: 1em; 
	font-size: 0.9em;
	position: relative;
	clear: both;
}


/****** 2nd Level ******/
#container #header .toolbar {
	font-size: 1em;
	height: 3.5ex;
	text-align: right;
	vertical-align: top;
	background-image: url(../../images/default/bar6.gif);
	background-repeat: repeat-x;
}
#container #header .logo {
	height: 100px;
	background-image: url(../../images/logo.jpg);
	background-repeat: no-repeat;
}
#container #header .infobar {
	text-transform: lowercase; 
}


#container #navigation .main {
	clear: both;
	padding: 0.2em 0;
	display: block;
}
#container #navigation .sub {
	clear: both;
	text-transform: lowercase; 
	display: block;
}


#container #content .top {
	display: inline;
	float: left;
	width: 99%;
	margin: 0 0.1em;
	/* border: 1px yellow solid; */
}
#container #content .main {
	display: inline;
	float: left;
	width: 47%;
	margin: 0 0.2em;
	/* border: 1px yellow solid; */
}
#container #content .sidebar {
	display: inline;
	float: left;
	width: 25%;
	margin: 0 0.2em;
	/* border: 1px yellow solid; */
}
#container #content .onethird {
	width: 33%;
}
#container #content .twothird {
	width: 65%;
}
#container #content .threeforths {
	width: 72%;
}
#container #content .full {
	width: 100%;
}


/****** 3rd Level ******/
/* toolbar */
#container #header .toolbar .content {
	padding: 0em 0em 0em 4em;
}
#container #header .toolbar .content_left {
	text-align: left;
	padding: 0.3em 0em 0em 2.5em;
	float: left;
	color: #6C0F0F;
	font-weight: bold;
}
#container #header .toolbar .content_left a{
	text-align: left;
	text-decoration: none;
	color: #6C0F0F;
}
#container #header .toolbar .content,
#container #header .toolbar form {
	display: inline;
}
#container #header .toolbar label {
}
#container #header .toolbar input {
	font-size: 1em;
}
#container #header .toolbar input.button {
}


/* infobar */
#container #header .infobar .desc {
	border-bottom: black 1px solid; 
	padding: 0 2em;
	background: #fc0; 
	text-align: right;
}
#container #header .infobar .path {
	border-bottom: black 1px solid; 
	padding: 0 2em;
	background: #ffe2e2; 
}
#container #header .infobar .path:before {
	content: "-» ";
}


/* sub */
#container #navigation .sub {
	background-image:  url(../../images/default/bar3.gif);
	background-repeat: repeat-x;
	text-align: right;
	padding-right: 10px;
}
#container #navigation .sub {
	background-image:  url(../../images/default/bar3.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	color: white; 
}
#container #navigation .sub a {
	text-decoration: none;
	margin: 0 1em;
	color: #eef;
	background-color: transparent;
}
#container #navigation .sub a:hover {
	text-decoration: underline;
	color: #fff;
}


/* footer */
#container #footer div {
	margin: 1em;
	border: 1px solid #999;
	background-color: #ffe2e2;
}
#container #footer p {
	font-size: 0.6em;
	text-align: center;
}

/******************************/
/*   T A B L E    B L O C K   */
/******************************/

div.blocktable {
	clear:both
}
.blocktable table {
	border-collapse: collapse;
	background: transparent;
	font-size: 0.7em;
	width: 100%;
}
.blocktable caption {
	padding:6px 4px 8px 0px;
	text-transform: capitalize;
	font-size: 1.2em;
	font-weight: bold;
}
.blocktable td, th {
	padding: 0.1em 0.4em;
	margin: 2px;
	border-left: 1px dotted black;
	border-right: 1px dotted black;
}

.blocktable thead {
	border-bottom: 2px solid black;
}

.blocktable tfoot {
	border-top: 2px double black;
	border-bottom: 0px;
}

.blocktable thead th, tfoot th {
	border: 0px double black;
	text-align: center;
	background: transparent;
	color: black;
	padding:0 0.4em;
	font-weight: bold;
}



.blocktable tbody td a {
	text-decoration: none;
	color: #363636;
}

.blocktable tbody td a:hover {
}

.blocktable tbody th a {
	background: transparent;
	text-decoration: none;
	font-weight:normal;
	color: #363636;
}
.blocktable tbody th a:hover {
	background: transparent;
	color: #363636;
}
.blocktable tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}

.blocktable tfoot td {
}

.blocktable tbody tr.subheader {
	font-weight: bolder;
}

.blocktable .odd {
}

.blocktable .even {
}

.blocktable tr.neutralodd {
}

.blocktable tr.neutraleven {
}

.blocktable tr.neutralheader {
	text-decoration: none;
	font-weight:normal;
	color: #FFF;
}

.blocktable tbody td.center,
.blocktable tfoot th.center {
	text-align: center;
}

.blocktable tbody td.right,
.blocktable tfoot th.right {
	text-align: right;
}




/* experimental */
a:hover > img {
	/*border: 1px solid red;*/
	text-decoration: none;
	background-color: transparent;
}


/* Resizer */
/* 560px */
.narrow #container {
	width: 660px;
	font-size: 1em;
}
.medium #container  {
	width: 660px;
	font-size: 1em; 
}
.wide #container  {
	width: 660px;
	font-size: 1em;
}



/* Setup Defaults */
body {
	color: #000;
	background-color: #fff;
}

th {
	border-bottom: 1px solid #884242;
}

form, select, option {
	background-color: transparent;
}

select {
	border: 1px solid #884242;
}

input {
	border: #884242 1px solid;
	background-color: transparent;
}

button {
	border: #884242 1px solid;
	background-color: transparent;
}


input[readonly] {
	border: none;
	background-color: transparent;
}


textarea {
	/*border-left: 1px solid #884242;
	border-top: 1px solid #884242;
	border-bottom: 1px solid #884242;*/
	border: 1px solid #884242;
	background-color: transparent;
}

textarea:focus, input:focus {
	background-image: none;
	border: 2px solid #000;
	background-color: #FFC;
}

textarea[readonly]:focus, input[readonly]:focus {
	background-image: none;
	border: 0;
	background-color: transparent;
}

input.button {
	border: #884242 1px solid;
	background-color: #ffefef;
}

input.button:focus {
}

pre {
	border: thin double #999999;
}

blockquote {
	margin-left: 1em;
	padding-left: 1em;
	border-left: solid 2px #999999;
}


a {
	color: #bb6d6d;
}

a:hover {
	background-color: #ffe2e2; /*#f2e0e0;*/
	color: #884242;
}


.red {
	color: red;
}
input.button {
}

.errormsg {
	color: #f00;
}

.okmsg {
	color: #090;
}


.successmsg {
	color: #070;
}

/****************************
Used by:
  .blockinfo
  .blockheadline
*****************************/
.title {
}

.subtitle {
	color: #aaa;
}

.detail {
}

.spacer {
}