/**
*   Copyright (c) 2007, 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: #666666;
	background-image: url('../img/bkgMenuTop.jpg');
}
.menuTopCell {
	background-color: #666666;
	background-image: url('../img/bkgMenuTopButton.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: #333333;
	background-image: url('../img/bkgHeader.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 5 0;
}


/** 
* ====================================
*           Content styles
* ==================================== 
*/
.contentArea {
	padding: 10 10 10 10;
}
.contentHeader {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
/*	color: #ff6633;	*/
	color: #ee6633;
}
.contentSubheader {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	font-weight: bold;
/*	color: #ff6633;	*/
	color: #ee6633;
}
.contentText {
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #000000;	
}
.contentTextTiny {
	font-family: verdana, helvetica, arial;
	font-size: 9px;
	color: #000000;	
}
.contentWarnRed {
	font-family: verdana, arial, helvetica;
	font-style: italic;
	font-weight: normal;
	font-size: 0.6em;
	color: #CC3333;
}
.contentWarnYellow {
	font-family: verdana, arial, helvetica;
	font-style: italic;
	font-weight: normal;
	font-size: 0.6em;
	color: #FF9933;
}
.presentation1 {
	vertical-align: middle;
}
.separatorLine {
	height: 10px;
}
.success{
	color: #009966;
}
.error {
	color: #cc3333;
}


/** 
* ====================================
*           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.adAnchor {
	color: #9A9901;
	text-decoration: none;
}
a.adAnchor:hover {
	color: #9A9901;
	text-decoration: underline;
}
a.footerAnchor {
	color: #ffffff;
	text-decoration: none;
}
a.footerAnchor:hover {
	color: #ffffff;
	text-decoration: underline;
}

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

/** 
* ====================================
*           Gallery styles
* ==================================== 
*/
.galleryTitle {
	font-family: verdana, helvetica, arial;
	font-size: 14px;
	font-weight: bold;
	color: #ff6633;
	border-bottom: 1px solid #666666;
	padding: 10 0 2 0;
}
.gallerySubtitle {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding: 2 0 10 0;
}
.galleryCaption {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #666666;
}
img.galleryThumb {
	border: 1px double #cccccc;
}
img.galleryPhoto {
	border: 5px double #cccccc;
}


/** 
* ====================================
*           Form styles
* ==================================== 
*/
.formTitleCell {
	background-color: #ffffff;
	background-image: url('../img/bkgFormTab.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.large {
	width: 300px;
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #666666;
}
textarea.large {
	width: 300px;
	height: 100px;
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #666666;
}