/* TYPO3 CSS Styled Content element styles for Dymanic sites
	xhtmlified by Neil
*/


/***************************/
/* general element styles: */
/***************************/
h1, h2, h3, h4, h5, h6, p, td, ul, ol, blockquote, input, textarea, select {color:#4f647a; font-family:"Trebucket MS", sans-serif; font-size:9px;}
pre { font-family: monospace; }
a { color: #115caf;; text-decoration: underline; }
a:hover { color: #000000; }
form { margin: 10px 0px 10px 0px;}
p, pre { margin: 5px 0px 8px 0px; font-family:"Trebucket MS", sans-serif; font-size:12px;}
input, textarea, select { padding-left: 5px; font-size: 11px; }

.csc-textpic-caption{ 
padding: 5px;
font-style: italic;
font-family:"Trebucket MS", sans-serif;
color:#777777;
font-size:11px;
}


/********************************/
/* frames, spacing, link-to-top */
/********************************/
p.csc-linktotop { text-align: right; }
p.csc-linktotop a { font-weight: bold; }

div.csc-frame { border: 0px; }
div.csc-frame-invisible {}
div.csc-frame-rulerbefore { border-top: 1px solid #333333; }
div.csc-frame-rulerafter { border-bottom: 1px solid #333333; }
div.csc-frame-indent { padding-left: 100px; }
div.csc-frame-indent3366 { padding-left: 33%; }
div.csc-frame-indent6633 { padding-right: 33%; }
div.csc-frame-frame1 { background-color: #edebf1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
div.csc-frame-frame2 { background-color: #f5ffaa; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

div.csc-frame-frame1 h1, div.csc-frame-frame1 h2, div.csc-frame-frame1 h3, div.csc-frame-frame1 h4, div.csc-frame-frame1 h5 { margin-top: 2px; }
div.csc-frame-frame2 h1, div.csc-frame-frame2 h2, div.csc-frame-frame2 h3, div.csc-frame-frame2 h4, div.csc-frame-frame2 h5 { margin-top: 2px; }

/******************/
/* headers, plain */
/******************/
h1 { font-size: 18px; color: #1a4c86; }
h2 { font-size: 15px; color: #1a4c86; }
h3 { font-size: 13px; color: #1a4c86; }
h4 { font-size: 13px; color: #222222; }
h5 { font-size: 12px; color: #1a4c86; }
h6 { font-size: 12px; color: #222222; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }
h1.csc-firstheader, h2.csc-firstheader, h3.csc-firstheader, h4.csc-firstheader, h5.csc-firstheader, h6.csc-firstheader { margin-top: 0px; }

/* headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a { color: #000000; text-decoration: none; }
h2 a { color: #28558e; }
h3 a { color: #28558e; }
h4 a { color: #28558e; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }

/* header date */
p.csc-header-date { font-size: 10px; color: #28558e; }

/* subheader, general */
p.csc-subheader { font-style: italic; background-color: #666666; }

/* subheader, specific */
p.csc-subheader-0 { font-style: normal; }
p.csc-subheader-1 { color: #666666; }
p.csc-subheader-2 { color: #666666; }
p.csc-subheader-3 { color: #666666; }



/*******************/
/* rte / bodytext: */
/*******************/
p.bodytext { font-size: 11px;}

/* rte / bulletlists */
ul { margin-top: 0px;  }
ul ul li { font-size: 10px; }
ol { margin-top: 0px; }
li { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }

/* rte / table styling */
table.contenttable { border: 1px #333333 solid; margin: 10px 0px 10px 0px; width: 100%; }
table.contenttable tr td { padding: 0px 3px 0px 3px; }
table.contenttable tr td p.bodytext { font-size: 11px; }
table.contenttable tr {
border-collapse:collapse;
background-color: #edebf1;


}



/**********/
/* images */
/**********/

/* images / captions */
p.csc-caption { font-size: 10px; font-style: italic; }

/* images / tables / floating text */
table.imgtext-table { border: 0px; }

/* images / tables / wrapped text */
/* when "text w/image" elements are wrapping the text into a table the top-margin of hx elements should be transferred to the wrapping table instead. this is done here: */
table.imgtext-nowrap { border: 0px; }
table.imgtext-nowrap h1, table.imgtext-nowrap h2, table.imgtext-nowrap h3, table.imgtext-nowrap h4, table.imgtext-nowrap h5 { margin-top: 0px; }



/***************/
/* bulletlists */
/***************/

/* bulletlists, general */
ul.csc-bulletlist li { font-size: 11px; }

/* bulletlists, specifically */
ul.csc-bulletlist-0 { color: #28558e; }
ul.csc-bulletlist-1 { color: #28558e; list-style-type : decimal; }
ul.csc-bulletlist-2 { color: #28558e; list-style-position : inside; }
ul.csc-bulletlist-3 { color: #28558e; list-style-image: url(img/red_arrow_bullet.gif); }



/*********************/
/* tables, generally */
/*********************/
table.contenttable p { font-size: 13px; }
table.contenttable tr td { vertical-align: top; }

/* tables, specifically */
table.contenttable-0 p { color: #000000; }

table.contenttable-1 p { color: #28558e; }
table.contenttable-1 tr.tr-0 td p { font-weight: bold; }
table.contenttable-1 tr.tr-0 td { background-color: #d1d2e4;}
 
table.contenttable-2 p { color: #28558e; }
table.contenttable-2 tr td.td-0 { background-color: #f5ffaa;}
table.contenttable-2 tr td.td-0 p { font-weight: bold; }

table.contenttable-3 p { color: #28558e; }
table.contenttable-3 tr td.td-0, table.contenttable-3 tr.tr-0 td { background-color: #d1d2e4;}
table.contenttable-3 tr td.td-0 p, table.contenttable-3 tr.tr-0 td p { font-weight: bold; }



/************************/
/* filelinks, generally */
/************************/
table.csc-uploads { border: 0px; }
table.csc-uploads tr td p { background-color : transparent; font-size: 12px; }
table.csc-uploads tr td { vertical-align : top; }
table.csc-uploads tr.tr-even { background-color: #efefef; }
table.csc-uploads tr.tr-odd { background-color: #f5f5f5; }
table.csc-uploads tr td.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
table.csc-uploads tr td.csc-uploads-filename { width: 80%; padding-left: 5px; }
table.csc-uploads tr td.csc-uploads-filename p a { font-weight: bold; }
table.csc-uploads tr td.csc-uploads-filename p.csc-uploads-description { font-style: italic; }
table.csc-uploads tr td.csc-uploads-filesize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* filelinks, specifically */
table.csc-uploads-1 { border-color: #186900; }

table.csc-uploads-2 { border-color: #10007b; }

table.csc-uploads-3 { border-color: #8a0020; }
table.csc-uploads-3 tr td { vertical-align: middle; }
table.csc-uploads-3 tr.tr-even td.csc-uploads-icon img { border: 2px solid #333333; }
table.csc-uploads-3 tr.tr-odd td.csc-uploads-icon img { border: 2px solid #333333; }

.csc-uploads-fileName {padding-left: 10px; }


/*****************/
/* various forms */
/*****************/

/* email, login and search forms generally: */
form table tr td { padding-left: 5px; padding-right: 20px; }
form table tr td.csc-form-labelcell, form table tr td.csc-form-commentcell { background-color: #d8d7dc; }
form table tr td.csc-form-fieldcell { background-color: #edebf1; }
form table tr td.csc-form-fieldcell input, form table tr td.csc-form-fieldcell select, form table tr td.csc-form-fieldcell textarea { border: 1px solid #333333; }
form table tr td.csc-form-labelcell p.csc-form-label-req { font-weight: bold; }

/* email form, specifically */
form table.csc-mailform tr td.csc-form-labelcell  { }

/* search form, specifically */
form table.csc-searchform { width: 100%; }
form table.csc-searchform tr td { padding: 5px 5px 5px 5px; }
form table.csc-searchform tr td.csc-form-labelcell, form table.csc-searchform tr td.csc-form-commentcell { font-weight: bold; }
form table.csc-searchform tr td.csc-form-fieldcell input, form table.csc-searchform tr td.csc-form-fieldcell select { width: 100%; }

/* login form, specifically */
form table.csc-loginform { width: 70%; }

label {display:block; margin-top: 5px; margin-bottom: 2px; }
.csc-mailform-field {padding-bottom: 5px; }


/*****************/
/* search result */
/*****************/

/* search result, result information box: */
table.csc-searchresultinfo { margin-left: 0px; margin-top: 10px; width: 100%;}
table.csc-searchresultinfo tr { background-color: #edebf1; }
table.csc-searchresultinfo tr td p { padding: 0px 5px 0px 5px;}
table.csc-searchresultinfo tr td.csc-searchresultrange p { font-weight: bold; }
table.csc-searchresultinfo tr td.csc-searchresultprevnext { text-align: right; }

/* search result, header + abstract: */
h3.csc-searchresultheader a { color: #186900; }
h3.csc-searchresultheader { background-color: #edebf1; font-size: 14px; padding-left: 5px; }
p.csc-searchresult { font-style: italic; margin-left: 20px;}

/* search word markup */
span.csc-sword { font-weight: bold; color: red; }


/*****************************/
/* menu / sitemap, generally */
/*****************************/
div.csc-menu { margin-left: 10px; }
div.csc-menu p { font-size: 11px; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #edebf1; }
div.csc-menu p a { color: #000000; text-decoration: none; }
div.csc-menu p a:hover { color: #660000; text-decoration: underline; }
div.csc-menu p.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* menu / sitemap, "menu of these pages" */
div.csc-menu-def p {  }

/* menu / sitemap, "menu of subpages to these pages" */
div.csc-menu-1 { }

/* menu / sitemap, "sitemap" */
div.csc-menu-2 { }
div.csc-menu-2 p.csc-sitemap { }
div.csc-menu-2 p.csc-sitemap-level1 { margin-left: 20px; }
div.csc-menu-2 p.csc-sitemap-level2 { margin-left: 40px; }
div.csc-menu-2 p.csc-sitemap-level3 { margin-left: 60px; }
div.csc-menu-2 p.csc-sitemap-level4 { margin-left: 80px; }
div.csc-menu-2 p.csc-sitemap-level1 a { color: #000000; }
div.csc-menu-2 p.csc-sitemap-level2 a { color: #186900; }
div.csc-menu-2 p.csc-sitemap-level3 a { color: #10007b; }
div.csc-menu-2 p.csc-sitemap-level4 a { color: #8a0020; }

/* menu / sitemap, "section index (pagecontent w/index checked)" */
div.csc-menu-3 { }
div.csc-menu-3 p.csc-section { margin-left: 0px; }
div.csc-menu-3 p.csc-section a { color: #186900; }

/* menu / sitemap, "menu of subpages to these pages (with abstract)" */
div.csc-menu-4 { }
div.csc-menu-4 p { margin-top: 2px; }
div.csc-menu-4 p.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }

/* menu / sitemap, "recently updated pages" */
div.csc-menu-5 { }

/* menu / sitemap, "related pages (based on keywords)" */
div.csc-menu-6 { }

/* menu / sitemap, "menu of subpages to these pages + sections" */
div.csc-menu-7 { }
div.csc-menu-7 p { font-weight: bold; }
div.csc-menu-7 p.csc-section a { color: #186900; }



/****************************************/
/* frontend editing / typo3 admin panel */
/****************************************/
img.frontendediticons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* default styles for the admin panel */
table.typo3-adminpanel { border: 1px solid black; background-color: #f6f2e6; }
table.typo3-adminpanel tr.typo3-adminpanel-hrow td { background-color: #9ba1a8; }
table.typo3-adminpanel tr.typo3-adminpanel-itemhrow td { background-color: #abbbb4; }
table.typo3-adminpanel table, table.typo3-adminpanel td { border: 0px; }
table.typo3-adminpanel td font { font-family: verdana; font-size: 10px; color: black; }
table.typo3-adminpanel td a font { font-family: verdana; font-size: 10px; color: black; }
table.typo3-editpanel { border: 1px solid black; background-color: #f6f2e6; }
table.typo3-editpanel td { border: 0px; }