/*
**********  TABLES  **********

We can have up to 4 different layouts, designated
by .contenttable-0, 1, 2, or 3 and selected by the "Layout" field in the Table content item

*/

/* "normal" layout: white-on-dark green header row, alternating light green/white rows */


.contenttable-0 {
    border: 1px solid #498827;
    margin-top: 10px;
}

.contenttable-0 td {
    border: 1px solid #498827;
}

.contenttable-0 .tr-even {
    color: #000;
    background-color: #9FCC4E;
}

.contenttable-0 .tr-odd {
    color: #000;
    background-color:#C9E287;
}

.contenttable-0 .tr-0 {
    color:#fff;
    background-color: #285F1A;
    font-weight: bold;
}

/* layout 1: white-on-black header row, alternating white/grey rows */
.contenttable-1 {
    border: 1px solid #000;
        margin-top: 10px;
}

.contenttable-1 td {
    border: 1px solid #000;
}

.contenttable-1 .tr-even {
    color: #000;
    background-color:#ccc;
}

.contenttable-1 .tr-odd {
    color: #000;
    background-color:#fff;
}

.contenttable-1 .tr-0 {
    color:#fff;
    background-color: #000;
    font-weight: bold;
}


/* layout 2: white-on-dark green left column, plain white subsequent columns */
.contenttable-2 {
	color: Black;
    border: 1px solid #2E5500;
    margin-top: 10px;
}

.contenttable-2 td {
    border: 1px solid #2E5500;
}

.contenttable-2 .td-0 {
    color: #000;
    font-weight: bold;
    background-color: #9FCC4E;
}


/* layout 3: unformatted plain black on white background */
.contenttable-3 {

}

.contenttable-3 td {

}

.contenttable-3 .td-0 {

}

/* **********  File Links  ********** */

.csc-uploads {
    width: 95%;
}

.csc-uploads-icon {
    width: 10%;
    vertical-align: middle;
    padding: 0 1em 0 0;
    text-decoration: none;
    text-align:right;
}

.csc-uploads-fileName {
    width: 80%;
    vertical-align: middle;
    padding: 2em 2em 0 0;
    font-style: normal;
}

.csc-uploads-description {
    font-weight: bold;
    padding: 0 2em 0em 0;
    margin-top: -0.5em;
    font-style: normal;
}

.csc-uploads-fileSize {
    width: 10%;
    padding: 0 1em 0 0;
    white-space: nowrap;
}

/***********  Menus/Sitemanps ***********/

.csc-menu {
    background-color: #F3FCFA;
    border: 1px solid #285F1A;
    border: 0px solid #285F1A;
    padding-right: 0;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    list-style-type: none;
	 color: Black;
}

.csc-menu p {
    margin: 0;
    padding: 1px;
	 font-style:  normal;
}

/* styles for list of subpages */
.csc-menu-1 li {
    padding-bottom: 7px;
	 color: Black;
}

/* styles for list of Content Elements w/index checked */
.csc-menu-3 li {
    padding-bottom: 7px;
    font-style: normal;
    text-indent: 0px;
	 color: Black;
}

/* styles for list of subpages w/abstracts */
.csc-abstract {
    font-style: italic;
    text-indent: 20px;
	 color: Black;
}

/* styles for list of subpages w/sections */
.csc-menu-7 li {
    font-weight: bold;
	 color: Black;
}

.csc-section {
    font-style: italic;
    text-indent: 20px;
	 color: Black;
}

/* styles for indenting sitemap levels */
.csc-sitemap-level1 {
    font-size: 1.3em;
    font-weight: bold;
	 color: Black;
}

.csc-sitemap-level2 {
    font-size: 1em;
    font-weight: bold;
    text-indent: 1em;
	 color: Black;
}

.csc-sitemap-level3 {
    text-indent: 2em;
	 color: Black;
}

.csc-sitemap-level3 {
    text-indent: 3em;
}

.csc-sitemap-level4 {
    text-indent: 4em;
	 color: Black;
}

.csc-sitemap-level5 {
    text-indent: 5em;
	 color: Black;
}

.csc-sitemap-level6 {
    text-indent: 6em;
	 color: Black;
}

/***********  FORMS   **********

Main form table class.
*/

fieldset.csc-mailform {
	border: 0px solid green;
}
#mailform{
	
}
.csc-mailform-field{
	margin: 5px 0 5px 0;
}
.csc-mailform-field label{
	display: block;
	float: left;
	width: 100px;
}
.csc-mailform-submit{
	margin: 0 0 0 100px;
}
/* class for form labels */
.csc-form-label {
	color: Black;
}

/* class for table cells which contain form labels */
.csc-form-labelcell {
    background-color: transparent;
    font-weight: bold;
	color: Black;
}

/* class for required form labels */
.csc-form-label-req {
    font-weight: bold;
    color: red;
}

/* class for cells which contain fields */
.csc-form-fieldcell {
    background-color: transparent;
    padding-left: 5px;
	color: Black;
}

/* class for form radio elements */
.csc-form-radio {
	color: Black;
}

/***********  HEADERS ***********/

.csc-firstHeader {
    border: 0;
    margin: 0;
    padding: 0;
	color: #2E5500;
}

.csc-header {
	color: #2E5500;
    margin-bottom: 5px;
}
.csc-header h2{
	padding: 0;
	font-size: 17px;
}

/***********  IMGTEXT ***********/

/* common */

/*.csi-textpic {
    position: relative;
    overflow: auto;
    padding: 5px;
}

.csi-textpic img {
    margin: 4px;
}

.csi-textpic .csi-caption {
    text-align: center;
	color: #498827;
}

.csi-textpic .csi-image {
	color: #498827;
}

.csi-textpic .csi-imagewrap {
    text-align: center;
}

.csi-textpic .csi-text {
    text-align: left;
}

.csi-text p {
    margin-top: 0;
	color: Black;

}

.csi-img-nest-left {
    position: relative;
    float: left;
}

.csi-img-nest-right {
    position: relative;
    float: right;
}*/

/* right */
/*.csi-right div.csi-image {
    width: 99%;
    overflow: auto;
}

.csi-right div.csi-text {

}

.csi-right div.csi-caption {
    float: right;
    clear: right;
}

.csi-right div.csi-image img {
    float: right;
}*/

/* left */
/*.csi-left div.csi-image {
    position: relative;
}

.csi-left div.csi-text {

}

.csi-right div.csi-caption {
    float: right;
    clear: right;
}

.csi-left div.csi-text {

}*/

/* intext left */
/*.csi-intext-left .csi-image {
    padding-right: 10px;
}*/

/* intext right */
/*.csi-intext-right .csi-image {
    padding-left: 10px;
}*/

/* intext right nowrap */
/*.csi-intext-right-nowrap .csi-text {

}

.csi-intext-right-nowrap .csi-image {

}*/

/* intext left nowrap */
/*.csi-intext-left-nowrap .csi-text {
    margin-left: 12px;
}

.csi-intext-left-nowrap .csi-image {

}*/

/***********  IMAGES ***********/

/*.csimage-container img {
    margin: 3px;
}

.csc-caption {
    font-style: italic;
    color: #363;
}*/





/*

**********                  **********
**********  IMAGES DEBUG    **********
**********                  **********

*/

/* debugging
.csi-textpic {
    background: lightgreen;
    border: 1px solid blue;
}

.csi-textpic img {
    border: 1px solid red;
}

.csi-textpic .csi-image {
    background: lightblue;
    border: 1px solid red;
}

.csi-textpic .csi-caption {
    background: #eee;
}

.csi-img-nest-left {
    background: yellow;
    border: 1px solid black;
}

.csi-img-nest-right {
    background: yellow;
    border: 1px solid black;
}

.csimage-container {
    background: lightblue;
    border: 1px solid red;
}

.csimage-img {
    background: yellow;
    border: solid 1px green;
}

.csimage-caption {
    background: lightred;
    border: 1px solid orange;
}
*/

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 7px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 7px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */	
	
	#container-left-middle DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, 
	#containerleft-bottom DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, 
	.right-middle DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image,
	.right-bottom DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image 
	{
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}