/**
*   Copyright (c) 2006, All rights reserved.
*   António Rodrigues, www.alfarod.net
*   
*   The author does not authorize the copy of this code, fully or partially,
*   without expressed permission according to the law and international conventions.
*/

/** 
* ====================================
*            Page styles
* ==================================== 
*/
body {
	margin: 0;
	padding: 0;
}
.headerBox {
	vertical-align: top;
	height: 1%;
}
.menuBox {
	vertical-align: top;
	height: 98%;
	width: 5%;
	border-right: 1px solid #cccccc;
}
.contentBox {
	vertical-align: top;
	height: 98%;
	width: 90%;
}
.rightBox {
	vertical-align: top;
	height: 98%;
	width: 5%;
	border-left: 1px solid #cccccc;
}
.footerBox {
	vertical-align: bottom;
	height: 1%;
}

/** 
* ====================================
*           Menu styles
* ==================================== 
*/
.menuTopBlank {
	background-color: #C5A155;
	background-image: url('../img/menuTopBkg.jpg');
}
.menuTopFlag {
	background-color: #C5A155;
	background-image: url('../img/menuTopBkg.jpg');
	width: 20px;	
}
.menuTopCell {
	background-color: #C5A155;
	background-image: url('../img/menuTopButton.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 50px;
	text-align: center;
	vertical-align: middle;
	padding: 2 20 0 20;
}
.menuTopText {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	font-weight: bold;
}
a.menuTopLink {
	color: #ffffff;
	text-decoration: none;
}
a.menuTopLink:hover {
	color: #ffffff;
	text-decoration: underline;
}

.menuTreeCell {
	border-bottom: 1px solid #cccccc;
	height: 20px;
	text-align: left;
	vertical-align: middle;
	padding: 2 5 2 10;
}
.menuTreeText {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;	
}
a.menuTreeLink {
	color: #666666;
	text-decoration: none;
}
a.menuTreeLink:hover {
	color: #ff6633;
	text-decoration: underline;
}

.menuLeftBlank {
	width: 170px;
}
.menuLeftTitleCell {
	background-color: #666666;
	height: 20px;
	width: 170px;
	text-align: left;
	vertical-align: middle;
	padding: 2 5 2 5;
}
.menuLeftTitleText {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.menuLeftCell {
	border-bottom: 1px solid #cccccc;
	height: 20px;
	width: 170px;
	text-align: left;
	vertical-align: middle;
	padding: 2 5 2 5;
	white-space: nowrap;
}
.menuLeftText {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	font-weight: normal;
	white-space: nowrap;
}
a.menuLeftLink {
	color: #666666;
	text-decoration: none;
}
a.menuLeftLink:hover {
	color: #ff6633;
	text-decoration: underline;
}
.releaseCell {
	width: 170px;
	text-align: right;
	vertical-align: middle;
	padding: 2 5 2 5;
	white-space: nowrap;
}
.releaseText {
	font-family: verdana, helvetica, arial;
	font-size: 9px;
	font-weight: normal;
	color: #666666;	
}

/** 
* ====================================
*           Header styles
* ==================================== 
*/
.headerCell {
	background-color: #ffffff;
	background-image: url('../img/headerBkg.jpg');	
	height: 50px;
}
.headerText {
/*	
	font-family: verdana, helvetica, arial;
	font-size: 9px;
	color: #ffffff;
*/
}


/** 
* ====================================
*           Footer styles
* ==================================== 
*/
.footerArea {
	height: 15px;
}
.footerCell {
	background-color: #666666;
	height: 15px;
	text-align: center;
	vertical-align: middle;
	padding: 2 2 2 2;
}
.footerText {
	font-family: verdana, helvetica, arial;
	font-size: 9px;
	color: #ffffff;
}
.footerIcon {
	border: 0;
	margin: 5 5 0 0;
}

/** 
* ====================================
*           Content styles
* ==================================== 
*/
.contentArea {
	padding: 10 10 10 10;
}
.contentHeader {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	color: #bb8833;
}
.contentSubheader {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	font-weight: bold;
	color: #bb8833;
}
.contentText {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #333333;	
}
.contentHome {
	text-align: justify;	
}
.contentTextTiny {
	font-family: verdana, helvetica, arial;
	font-size: 9px;
	color: #333333;	
}
.contentWarnRed {
	font-family: verdana, arial, helvetica;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	color: #CC3333;
}
.contentWarnYellow {
	font-family: verdana, arial, helvetica;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	color: #FF9933;
}
.presentation1 {
	vertical-align: middle;
}
.separatorLine {
	height: 10px;
}
.success{
	color: #009966;
}
.error {
	color: #cc3333;
}
td.columned {
	text-align: justify;
	padding: 5 0 5 0;
	vertical-align: top;
}



/** 
* ====================================
*           Right Area styles
* ==================================== 
*/
.rightArea {
	padding: 20 5 10 5;
}


/** 
* ====================================
*           Anchor styles
* ==================================== 
*/
a.normalAnchor {
	color: #336699;
	text-decoration: none;
}
a.normalAnchor:hover {
	color: #ff6633;
	text-decoration: underline;
}
a.footerAnchor {
	color: #ffffff;
	text-decoration: none;
}
a.footerAnchor:hover {
	color: #ffffff;
	text-decoration: underline;
}

/** 
* ====================================
*           Image styles
* ==================================== 
*/
.icon {
	vertical-align: middle;
}

/** 
* ====================================
*           Form styles
* ==================================== 
*/
.formTitleCellGreySmall {
	background-color: #ffffff;
	background-image: url('../img/tabGrey200.gif');	
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding: 0 0 0 5;
	white-space: nowrap;
}
.formTitleText {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	font-variant: small-caps;
	white-space: nowrap;
}
.formArea {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
.formCell {
	padding: 3 5 3 5;
	vertical-align: top;
}
.formAttributeText {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	white-space: nowrap;
}
.formCommentText {
	font-family: verdana, helvetica, arial;
	font-size: 9px;
	color: #666666;
}
input.medium {
	width: 300px;
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #666666;
}
input.large {
	width: 500px;
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #666666;
}
textarea.large {
	width: 500px;
	height: 150px;
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #666666;
}


/** 
* ====================================
*           Contacts styles
* ==================================== 
*/
table.contacts {
	width: 600px;
}
/** 
* ====================================
*           Coin List styles
* ==================================== 
*/
table.coins {
	border: 1px solid #BB9955;
	background-color: #eeeeee;
}
td.coinsTableTitle {
	background-color: #ffffff;
	background-image: url('../img/tabBrown.jpg');	
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	padding: 0 10 2 5;
	white-space: nowrap;
	vertical-align: bottom;
}
td.coinstableTitle2 {
	background-color: #ffffff;
	background-image: url('../img/tabBrown-R.jpg');	
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 30px;
}
.coinsTableTitle {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	font-variant: small-caps;
	white-space: nowrap;
}
td.coinsSpec {
	padding: 3 5 3 5;
	vertical-align: top;
}
td.coinsImage {
	background-color: #eeeeee;
	padding: 3 3 3 3;
	text-align: right;
	width:20%;
}
.coinsAttributeText {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	white-space: nowrap;
}
.coinsValueText {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #333333;
}
td.coinsSerieTitle {
	background-color: #EEDDBB;
	padding: 2 4 2 4;
	white-space: nowrap;
	border-top: 1px solid #ffffff;
}
.coinsSerieTitleText {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	white-space: nowrap;
}
td.coinsSerie {
	background-color: #eeeeee;
	border-top: 1px solid #ffffff;
	padding: 2 4 2 4;
}
.coinsSerieText {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #333333;
}
table.grading {
	border: 1px solid #BB9955;
	background-color: #ffffff;
}
td.grading {
	border: 1px solid #BB9955;
	padding: 5 5 5 5;
	vertical-align: top;
	text-align: justify;
}

/** 
* ====================================
*           News List styles
* ==================================== 
*/
table.news {
	border-top: 1px solid #BB9955;
	background-color: #ffffff;
}
td.newsTableTitle {
	background-color: #ffffff;
	background-image: url('../img/tabBlankBrown.jpg');	
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	padding: 0 10 2 5;
	white-space: nowrap;
	vertical-align: bottom;
}
td.newstableTitleR {
	background-color: #ffffff;
	background-image: url('../img/tabBlankBrown-R.jpg');	
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 30px;
}
.newsTableTitle {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #BB9955;
	font-weight: bold;
	font-variant: small-caps;
	white-space: nowrap;
}
td.newsTitle {
	text-align: justify;
	padding: 5 0 0 0;
}
.newsTitle {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #666666;
}
td.newsText {
	text-align: justify;
	padding: 5 0 5 0;	
}
.newsText {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #333333;
}