﻿img {
	border: 0;
}

body, div, span {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: "Arial";
	font-size: 12px;
}

ul, ol {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

.wrapper {
    margin: 0;
    padding: 0;
    border: 0;
}

.clr {
    clear: both;
}

table.center {
    width: 100%;
    margin: 0;
    border: 0;
}

table.center td {
    padding: 5px 0 0 0;
}

#wrapper-body {
    width: 878px;
    text-align: left;
}

#wrapper-body-inner {
    margin: 0 7px 0 7px;
}

/* ************************************************************************** */
/* * HEADER: MENU AND LOGO                                                  * */
/* ************************************************************************** */

#wrapper-head {
    padding-bottom: 18px;
}

/* Menu */
#wrapper-menu {
    width: 293px;
    height: 264px;
    background: #f1f1f1 url('./../images/menuBackground.png') no-repeat scroll left bottom;
    float: left;
}

#wrapper-menu a {
    text-decoration: none;
}

#wrapper-menu a:hover {
    text-decoration: underline;
}

#wrapper-menu .level1 li {
    margin: 0 12px;
    padding: 6px 0 5px 0;
    border-bottom: 2px solid #ffffff;
}

#wrapper-menu .level1 li.links {
	border-bottom: 0px;
}

#wrapper-menu .level1 a {
    color: #000000;
    font-family: "Arial";
	font-weight: bold;
	font-size: 13px;
}

/* Root menu item overrides */
#wrapper-menu .level1 li.root {
    margin: 0;
    padding: 0;
    border: 0;
}

#wrapper-menu .level1 li.root a {
	width: 293px;
	padding: 0px 2px;
	
 	color: #CCCCCC;
    font-family: "Arial";
	font-size: 28px;
	
    display: block; 
    height: 33px;
	background-color:#FFFFFF;
  /*  background: transparent url('./../images/title.png') no-repeat scroll left top; */
}

#wrapper-menu .level1 li.root a span {
/*    display: none; */
}

/* Menu: second level */
#wrapper-menu .level2 {
	font-size: 11px;
	font-weight: normal;
}

#wrapper-menu .level2 a {
	font-weight: normal;
    color: #000000;
    font-family: "Arial";
	font-size: 11px;
}

/* Logo */
#wrapper-logo {
    width: 512px;
    height: 264px;
    margin-left: 17px;
    background: transparent url('./../images/logo.jpg') no-repeat scroll left top;
    float: left;
}

/* ************************************************************************** */
/* * CONTENT: PORTLETS AND GENERAL STUFF                                    * */
/* ************************************************************************** */

#wrapper-content {
    font-size: 12px;
}

#wrapper-content #wrapper-left {
    width: 310px;
    float: left;
}

#wrapper-content #wrapper-left-inner {
    margin-right: 17px;
}

#wrapper-content #wrapper-right {
    width: 518px;
    float: left;
    margin-right: -7px;
}

#wrapper-content #wrapper-right-inner {
    margin-right: 7px;
}

/* Portlets */
.portlet {
    margin-right: -7px;
    padding: 0 7px 2px 0;
}

.portlet .title {
    background: #cccccc url('./../images/titleBackground.png') repeat-y scroll right top;
   	font-size: 14px;
    font-weight: bold;
    padding: 2px 6px 1px 6px;
}

.portlet .subtitle {
    background: #efefef url('./../images/subtitleBackground.png') repeat-y scroll right top;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 12px 1px 12px;
}

.portlet .content .ico {
	float: left;
    padding: 9px;
	margin: 5px;
    font-size: 11px;
    text-align: center;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    color: #aeaeae;
}

.portlet .content {
	margin-right: -7px;
    padding: 2px 20px 28px 20px;
    font-size: 12px;
    background: #ffffff url('./../images/portletBackground.png') no-repeat scroll right bottom;
}

.portlet .content ul {
    margin-bottom: -2px;
}

.portlet .content ul li {
    margin-bottom: 2px;
}

/* ************************************************************************** */
/* * FOOTER: COPYRIGHT NOTICE AND DEVELOPERS                                * */
/* ************************************************************************** */

#wrapper-footer {
    margin-top: 35px;
    text-align: center;
    color: #cccccc;
    font-size: 10px;
}

/* ************************************************************************** */
/* * ERRORS AND MESSAGES                                                    * */
/* ************************************************************************** */

.message {
    margin: 2px 0px;
    font-size: 10pt;
}

.message div {
    padding: 10px 5px;
    border-style: solid;
    border-color: #aeaeae;
    border-width: 2px 0;
    color: #aeaeae;
    background-color: #f2f2f2;
}

.message .title {
    font-weight: bold;
}

.message .error {
    border-color: #ff6060;
    color: #ff6060;
    background-color: #ffa4a4;
}

.message .warning {
    border-color: #ffa400;
    color: #ffa400;
    background-color: #ffe080;
}

.message .notice {
    border-color: #0060ff;
    color: #0060ff;
    background-color: #80a4ff;
}
