/* Generic definition */

body {
	font-family: Helvetica, sans-serif;
	font-style: normal;
	font-size: small;
}

/* Text and titles */

.red {
        font-weight: bold;
        color: #8B0000;
}

h1 {
	font-size: 60px;
	font-weight: bold;
	color: #8B0000;
	font-family: Courier;
}

h2 {

}

h3 {

}

h4 {

}

p {

}

/* Links */

A:link {
	color: #8B0000;
	font-style: normal;
	text-decoration: none;
}

A:visited {
	color: #8B4513;
	font-style: normal;
	text-decoration: none;
}

A:active {

}

A:hover {
	color: Maroon;
	font-style: normal;
	text-decoration: none;
}


/* Boxes */

#header {
	width: 85%;
	height: 65px;
	border-bottom-style: groove;
	border-bottom-width: 1px;
	margin: 0px auto;
	margin-bottom: 10px;
}

#footer {
	width: 60%;
        border-top-style: groove;
        border-top-width: 1px;
        margin: 0px auto;
	padding-top: 0px;
}

#content {
	width: 84%;
	margin: 0px auto;
}

#menu {
	width: 16%;
	float: left;
	border-right-style: ridge;
	border-right-width: 1px;
}

#page {
	margin-left: 20%;
	width: 79%;
}

/* Title */

#title {
        font-size: 60px;
        font-weight: bold;
        color: #8B0000;
        font-family: Courier;
	float: left;
}

#legend {
	font-size: small;
	color: #696969;
	float: right;
	margin-top: 45px;
}

/* Copyright notice */

#copyright {
        text-align: center;
        font-size: small;
        color: #696969;
}

/* block list */

.blocklist a, .blocklist button{
    display:block;
    float:left;
    margin:0 0px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:110%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:1px 1px 1px 3px; /* Links */
}

.blocklist button{
    width:auto;
    overflow:visible;
    padding:1px 1px 1px 3px; /* IE6 */
}

.blocklist button[type]{
    padding:1px 1px 1px 3px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]{
    padding:1px 1px 1px 3px; /* IE7 */
}

.blocklist button img, .blocklist a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.blockelem1 {
	width: 80%;
	height: 150px;
	border-style: dotted;
	border-width: 1px;
	background-color: #D3D3D3;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.blockelem2 {
        width: 80%;
        height: 150px;
        border-style: dotted;
        border-width: 1px;
        background-color: #ADD8E6;
        margin-top: 20px;
        margin-bottom: 5px;
        margin-left: 20px;
}

.blockactions {
	width: auto;
	height: 22px;
	background-color:#f5f5f5;
	margin: 128px 0 0 0;
	left: 0px;
}

.blockleft {
	float: left;
	width: 50%;
	padding-left: 2%;
}

.blockright {
	float: right;
	width: 44%;
	padding-right: 2%;
	text-align: right;
}

.blockleft dt, .blockright dt {
	text-align: left;
	float: left;
	width: 150px;
	padding-left: 5px;
	font-weight: bold;
}

.blockstatus {
	background-color:#f5f5f5;
	float: right;
	padding-right: 10px;
}

/* STANDARD */

button:hover, .blocklist a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.blocklist a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .blocklist a.positive{
    color:#529214;
}

.blocklist a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.blocklist a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.blocklist a.negative, button.negative{
    color:#d12f19;
}

.blocklist a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.blocklist a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}



/* popups */

#confirmDel {
        position: absolute;
        width: 400px;
        height: 100px;
        display: none;
        background: #ddd;
        border: 1px solid #000;
}

.confirmActions {
        display: block;
        width: auto;
        height: 22px;
        background-color: #f5f5f5;
	float: right;
        /*margin: 40px 0 0 150px;
        left: 0px;
	*/
}

#editPopup {
	position: absolute; 
	width: 650px; 
	height: 550px; 
	display: none; 
	background: #ddd; 
	border: 1px solid #000;
}

.popupTitle {
	padding-top: 10px;
	padding-left: 10px;
}

.popupActions {
	display: block;
        width: auto;
        height: 22px;
        background-color: #f5f5f5;
        margin: 480px 0 0 0;
        left: 0px;
}

#formFields {
	float: left;
	text-align: left;
}

#formFields input, select, textarea {
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	border:1px solid;
}

#formFields input text[type] {
	width: 150px;
}

#formFields input checkbox[type] {
	border: 1px solid black;
}

#formFields label {
        text-align: left;
        float: left;
        width: 100px;
        padding-left: 25px;
        font-weight: bold;
}