@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator     YAML Builder V1.0.1 (http://builder.yaml.de)
 * @file        my_layout.css
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(base.css);

/* import screen layout | Screen-Layout einbinden */

@import url(basemod.css);
@import url(content.css);

/* import print layout | Druck-Layout einbinden */
/* @import url(../yaml/print/print_003_draft.css); */

body {
    margin: 0px;
    padding: 0px;
}

.proto {
    width: 250px;
    border: 1px solid #990000;
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0px;
    text-align: center;
    padding: 5px;
}

.success {
    width: 250px;
    border: 1px solid green;
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0px;
    text-align: center;
    padding: 5px;
}

.container {
    width: 500px;
    border: 1px solid #0099cc;
    margin: 0px auto;
    margin-bottom: 15px;
    padding: 8px;
    font-family: Arial;
    font-size: 12px;
}

textarea {
    width: 335px;
    height: 200px;
}

.navi {
    background-color: #d9f0f7;
    text-align: center;
    width: 100%;
    margin: 0px auto 10px auto;
    border-bottom: 2px solid #0099cc;
    font-family: Arial;
    font-size: 12px;
    padding: 8px;
}

h1 {
    color: #666;
    font-size: 17px;
}

.container a {
    background-color: #d9f0f7;
}

.submit {
    background-color: #990000;
    border: 1px solid #990000;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 7px 0;
    display: inline;
    
}

.center {
    margin: 0px auto;
    width: 250px;
}


.copy {
    background-color: #d9f0f7;
    text-align: center;
    width: 100%;
    margin: 0px auto 0px auto;
    border-top: 2px solid #0099cc;
    font-family: Arial;
    font-size: 12px;
    padding: 8px;
}

table.coloured {
    width: 100%;
}

table.coloured th {
    background-color: #afafaf;
    color: #fff;
    font-size: 90%;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
    overflow: scroll;
}

table.coloured th a {
  color: #fff;
}

table.coloured th a:hover {
  color: #fff;
  text-decoration: none;
}

table.coloured td a {
    text-decoration: none;
    display: block;
}

td {
    vertical-align: top;
    text-align: left;
}

.is_admin {
    border: 1px solid red;
    background-color: red;
    padding: 2px;
}

.bordered, .bordered td {
    border: 1px solid black;
    padding: 3px;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #afafaf;
	width: 220px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
    	background-color: #afafaf;
	color: #fff;
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
    background-color: #f2f2f2;
    text-align: center;
    color: #000;
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
  	background-color: #afafaf;
	color: #fff;
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {

	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	background-color: #afafaf;
	color: #fff;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #fff;
	color: #7a7a7a;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #fff;
	color: #7a7a7a;
	cursor: pointer;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
    text-align: center;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #afafaf;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #000;
	text-align: center;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #7a7a7a;
	background-color: #fff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #990000;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #f2f2f2;
	font-weight: bold;
	}