/********************************************************************************
* phpComasy, Content Management System                                          *
* http://www.phpcomasy.org                                                      *
*                                                                               *
* Copyright (c) 2005 Miguel Angel Da Vila                                       *
*                                                                               *
* Released under the GNU General Public License                                 *
********************************************************************************/

/*
 +---------------------------------------------------------+
 |                     General Styles                      |
 +---------------------------------------------------------+
 */
* {
	color: black;
	font-size: 13px;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
}

body
{
	padding: 0px;
	margin: 0px;
	background-color: white;
}

img
{
	border: none;
}

h1
{
	font-size: 150%;
	font-weight: bolder;
}

h2
{
	font-size: 130%;
	font-weight: bolder;
	color: #316563;
	margin: 3px 0px 2px 0px;
}

h3 {font-size: 120%; font-weight: bolder;}
h4 {font-size: 110%; font-weight: bolder;}
h5 {font-size: 100%; font-weight: bolder;}

a {
	color: #316563;
}


.comment {
	color: gray;
	margin-top: 10px;
}

.description
{
	font-size: 85%;
}

.message
{
	border: 1px solid #FFA500;
	background: #FFCE7B;
	padding: 5px;
	font-weight: bolder;
	margin-bottom: 8px;
}

#page-info
{
	font-size: 11px;
	color: Gray;
	margin-top: 20px;
	border-top: 1px dotted Gray;
}

.error
{
	color: red;
}

hr
{
	height: 1px;
	border: 2px dotted Gray;
}

.highlighting
{
	background: yellow;
}

/*
 +---------------------------------------------------------+
 |                    Site and Body                        |
 +---------------------------------------------------------+
 */
/*
 Header
 */
div#cornisa-sup
{
	text-align: right;
	vertical-align: middle;
	background: #316563;
	height: 30px;
	width: 100%;
}

div#cornisa-sup-left
{
 	position:absolute;
 	left:0;
}

div#cornisa-sup-right
{
	float:right;
}

div#cornisa
{
 	height: 93px;
 	width: 100%;
 	white-space: nowrap;
 	background-color: White;
	padding:0px;
}


div#cornisa-left
{
 	position:absolute;
 	left:0;
}

div#cornisa-right
{
	float:right;
}

div#page
{
	padding: 0;
	text-align:left;
	padding-bottom: 30px;
}

div#main
{
	background-image: url('images/gray_gradient.png');
	background-position: top;
	background-repeat: repeat-y;
	width: 90%;
	margin:auto;
	padding:0;

}

/*
 +---------------------------------------------------------+
 |                     Content styles                      |
 +---------------------------------------------------------+
 */
#content-wrapper
{
	border-right: 1px solid #009A94;
	vertical-align: top;
	text-align:left;
	background-color: White;
	padding-left: 10px;
	padding-right: 10px;
}

div#introduction
{
	font-weight: bold;
	font-style : Italic;
	font-size  : 110%;
	color      : #009A94;
	margin     : 10px 0px 10px 0px;

}

#content-wrapper a:hover
{
	text-decoration: none;
	color: #009A94;
}


/*
 +---------------------------------------------------------+
 |                      Navigation                         |
 +---------------------------------------------------------+
 */
#menu-wrapper
{
	width           : 149px;
	vertical-align  : top;
	background-color: #009A94;
	background-image: url('images/menu_bg.png');
	padding         :  0px;
	padding-top     : 30px;

}

#menu-wrapper ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-wrapper ul ul
{
	margin: 0;
	padding-left: 8px;
}

#primary-nav a {
	text-decoration: none;
	padding: 3px 0px 3px 5px;
	font-size: 12px;

}

#primary-nav a.root, #primary-nav a.root:link, #primary-nav a.root:visited
{
	position: relative;
	display:block;
	width: 149px;
	color: White;
	background-color: #316563;
	margin-top: 6px;
	margin-left: -16px;
	height: 16px;
}

#primary-nav li.root li a
{
	color: White;
	display:block;
	padding:0;
	margin-top:2px;
	width: 112px;
}

#primary-nav a.root:hover, #primary-nav li.root li a:hover
{
	color: Yellow;
}

#primary-nav a.active
{
	color: Yellow;
	font-style: italic;
}

/*
 +---------------------------------------------------------+
 |                      Pagination                         |
 +---------------------------------------------------------+
 */
.paginator {
	border-top        : 1px solid #316563;
	color             : black;

}

div.paginator {
	padding           : 2px 0 0 0px;
	margin            : 6px 0 0 0;
	width             : 100%;
}

table.paginator {
	width             : 100%;
}
.paginator td {
	width             : 100%;
	text-align        : center;
}

.paginator a {
	padding           : 0 0 0 5px;
	font-weight       : bold;
	text-decoration   : underline;
	color:            #316563;
}

.paginator span {
	padding           : 0 0 0 5px;
}
/*
 +---------------------------------------------------------+
 |                    Language Switcher                    |
 +---------------------------------------------------------+
 */

#language-switcher
{
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
	float: left;
}

/*
 +---------------------------------------------------------+
 |                         FORMS                           |
 +---------------------------------------------------------+
 */
form
{
	margin: 0px;padding: 0px;
}

input, textarea, select
{
	margin-bottom: 1px;
	border: 1px solid #009A94;
}

label
{
	width: 140px; padding: 3px 0px 0px 0px;	float: left;
}


/*
 +---------------------------------------------------------+
 |                      Member panel                       |
 +---------------------------------------------------------+
 */
.member
{
	margin: 6px 0px 0px 0px;
	padding: 4px;
}

.member a
{
	text-decoration: none;
}

/*
 +---------------------------------------------------------+
 |                      Page tools                         |
 +---------------------------------------------------------+
 */

 #tools-wrapper
{
	width           : 149px;
	vertical-align  : bottom;
	background-color: #009A94;
	background-image: url('images/menu_bg.png');
	padding         :  0px;
	padding-top     : 30px;
	text-align      : center;

}

.page-tools {
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
}
.page-tools h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #0099DF;
}
.page-tools a {
	text-decoration: none;
	display: block;
}
.page-tools p {
	margin: 0px;
	padding: 0px;
}
/*
 +---------------------------------------------------------+
 |                      Tools  styles                      |
 +---------------------------------------------------------+
 */
.page-counter {
	background: #DDDDDD;
	border: 1px solid #0099DF;
	padding: 3px;
	margin: 5px 0px 5px 0px;
	float: left;
}

.page-counter a {
	font-weight: bolder;
}

/*
 +---------------------------------------------------------+
 |                     Search styles                       |
 +---------------------------------------------------------+
 */

#search-box
{
	padding-top: 3px;
}

#search-box form
{
	vertical-align:middle;
}

#search-field {
	background-color: #9CCACE;
	vertical-align:middle;
	line-height: 18px;

}

#search-submit
{
	background-color: #9CCACE;
	vertical-align:middle;
	line-height: 18px;
	border-width: 2px;
	border-style: outset;
}


.search-item {
	display: block;
	text-decoration: none;
	padding-top: 5px;
}

.search-item-title,
.search-item-title .highlighting {
	text-decoration: underline;
	font-weight: bolder;
}
.search-item-introduction {
	display: block;
	font-weight: bolder;
}
.search-item-content {
	display: block;
	text-decoration: none;
}
.search-item-details {
	display: block;
	color: gray;
}

#copyright-notice
{
	padding          : 6px 0 10px 10px;
}

#powered-by {
	display            : inline;
	margin           : 0;
}

#copyright-notice, #copyright-notice a, #powered-by, #powered-by a {
	font-size        : 10px;
	color            : #DDD;
	text-decoration  : none;
}


/*
 +--------------------------------------------------------+
 |                     Module Viewer                      |
 +--------------------------------------------------------+
 */
.mod-viewer { }
.viewer-body { }
.viewer-title { }
.viewer-title h2 { }
.viewer-subtitle { }
.viewer-subtitle a { }
.viewer-content { }