/* default styles for extension "tx_wecdevo_pi1" */

/* ------------------------- WEC DEVO CONTENT ELEMENTS ----------------------------------*/

.tx-wecdevo-content, .tx-wecdevo-contentSmall, .tx-wecdevo-contentBig {
	font-family: 	Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 		84%;
	line-height: 	155%;
	word-spacing:   0.1em;
}
.tx-wecdevo-contentSmall {
	font-size: 		70%;
}
.tx-wecdevo-contentBig {
	font-size: 		100%;
}

.tx-wecdevo-contentBox {
	font-family:	Tahoma, "Trebuchet MS", Arial, sans-serif;
	padding:		0px;
	margin:			0px;
	width:			700px;
}

.tx-wecdevo-leftCol {
	font-family:	Tahoma, "Trebuchet MS", Arial, sans-serif;
	background-color: #FFFFFF;
	padding:		0px;
	margin:			0px;
	width:			420px;
}
.tx-wecdevo-rightCol {
	font-family:	Tahoma, "Trebuchet MS", Arial, sans-serif;
	background-color: #E4E4C9;
	padding:		0px;
	margin:			0px;
	width:			275px;
}
input.tx-wecdevo-button {
	text-align: 	center;
    text-decoration: none;
	font-family: 	arial, verdana, sans-serif;
	font-size: 		10px;
	font-weight:	normal;
	padding-left:  1px;
	padding-right: 3px;
	margin:  		3px;
    color: 			#303010;
    height: 		20px;
    background-color: #E0D0A0;
}

input.tx-wecdevo-buttonHov {
    background-color: #F0F080;
 	text-decoration:    none;
}

/*---------------------------------- WEC DEVO TEXT ------------------------------------*/
h4.tx-wecdevo-content,h4.tx-wecdevo-contentBig,h4.tx-wecdevo-contentSmall {	/* for the main title headers in content */
	font-family: 	"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 		120%;
	font-weight: 	bold;
	padding-bottom:	2px;
	padding-top:	0.2em;
	margin:		    0px;
	letter-spacing: 0.1em;
	line-height: 	normal;
	border-bottom: 	1px solid #ccc;
	text-transform: capitalize;
	clear:			both;
}

h5.tx-wecdevo-content,h5.tx-wecdevo-contentBig,h5.tx-wecdevo-contentSmall {	/* for minor title headers in content */
	font-family: 	"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:      95%;
	font-weight: 	bold;
	padding-top:	6px;
	padding-bottom:	2px;
	margin:			0px;
	text-transform: capitalize;
}

/* ----------------------------- CALENDAR ELEMENTS ---------------------------------*/
.tx-wecdevo-calendarTable {
	position: 	absolute;
	left:		140px;
	top:		5px;
	padding:	0px;
	margin:		0px;
	font-family:Tahoma, "Trebuchet MS", Verdana, sans-serif;
	font-size: 	11px;
	color:		#333333;
	background-color:#FFFFFF;
}
.tx-wecdevo-calendarText, .tx-wecdevo-calendarTextLeft, .tx-wecdevo-calendarTextRight, .tx-wecdevo-calendarTextSelected {
	width:				18px;
	height:				18px;
	text-align: 		center;
}
.tx-wecdevo-calendarTextLeft {
	border-left-width: 		1px;
	border-right-width: 	1px;
	background-position: 	center;
	text-align:				center;
}
.tx-wecdevo-calendarTextRight {
	border-left-width: 		0px;
	border-right-width: 	0px;
	background-position: 	center;
}
.tx-wecdevo-calendarText a {
	text-decoration: 		none;
	text-align: 			center;
}
.tx-wecdevo-calendarText a:hover {
	text-decoration: 	underline;
	background-color: 	#DCDCA9;
	text-align: 		center;
}
.tx-wecdevo-calendarTextSelected {
	background-color: 	#8C8C69;
	color:				#FFFFF0;
}
.tx-wecdevo-calendarTextSelected a, .tx-wecdevo-calendarTextSelected a:link, .tx-wecdevo-calendarTextSelected a:visited, .tx-wecdevo-calendarTextSelected a:active {
	text-decoration: 	none;
	color:				#FFFFF0;
}
.tx-wecdevo-calendarTextSelected a:hover {
	text-decoration: none;
}
.tx-wecdevo-calendarArrow a { position:relative; display:inline; width:9px; height:9px; margin:0px; margin-top:0px;}
.tx-wecdevo-calendarArrow a:hover { background-color: #802020; text-decoration: none;}

/* This is the hover box for the daily calendar. Can be used elsewhere. */
#dhtmltooltip {
	position: 	absolute;
    font-size: 	12px;
    text-align: center;
	width: 		60px;
	border: 	1px solid #404040;
	padding: 	1px;
	background-color: #EEEECC;
	visibility: hidden;
	z-index: 	1;
}

/* ------------------------------- MISC ELEMENTS ----------------------------------*/
.tx-wecdevo-featureBar {
	position:	relative;
	height:		25px;
	margin-bottom: 5px;
	padding:	0px;
}
.tx-wecdevo-audioLink {
	position: 	absolute;
	left:		0px;
	top:		2px;
	margin:		0px;
	padding:	0px;
}
.tx-wecdevo-videoLink {
	position: 	absolute;
	left:		30px;
	top:		2px;
	margin:		0px;
	padding:	0px;
}
.tx-wecdevo-showDateText {
	position: 	absolute;
	left:		20px;
	top:		4px;
	font-family:"Trebuchet MS", Georgia, Arial, sans-serif;
	font-size: 	12px;
	margin:		0px;
	padding:	0px;
	width:		130px;
	letter-spacing: 0.75px;
}
.tx-wecdevo-showToday {
	position: 	absolute;
	left:		210px;
	top:		20px;
	font-family: "Trebuchet MS", Georgia, Arial, sans-serif;
	font-size:  9px;
	letter-spacing:0.75px;
	margin:		0px;
	padding:	0px;
}
.tx-wecdevo-showWeek,.tx-wecdevo-showWeekLink {
	position: 	absolute;
	left:		20px;
	top:		4px;
	font-family: "Trebuchet MS", Georgia, Arial, sans-serif;
	font-size:  12px;
	margin:		0px;
	padding:	0px;
	white-space: nowrap;
}
.tx-wecdevo-showWeekLink {
	position: 	absolute;
	left:		200px;
	top:		18px;
	font-size:  10px;
}
.tx-wecdevo-showMonth {
	position: 	absolute;
	left:		310px;
	top:		5px;
	margin:		0px;
	padding:	0px;
	white-space: nowrap;
}
.tx-wecdevo-journalName {
	font-family: "Trebuchet MS", Georgia, Arial, sans-serif;
	font-size: 	16px;
	margin:		4px;
	padding:	0px;
    margin-top: 10px;
	white-space: nowrap;
	letter-spacing: 0.75px;
	border-bottom: 1px solid #ccc;
}
.tx-wecdevo-topic {
	font-family:"Trebuchet MS", Georgia, Arial, sans-serif;
	font-size: 	10px;
}
.tx-wecdevo-pagenum {
	padding:	6px;
	font-size:	12px;
	margin:		0px auto;
	text-align: center;
}
.tx-wecdevo-iconBox {
	float:		left;
	height:		18px;
	padding:	0px;
	margin:		0px;
	margin-right: 10px;
	border:		1px solid #888;
	background-color: #E0E0E0;
}
.tx-wecdevo-iconBoxTitle {
	float:		left;
	line-height:2em;
	height:		19px;
	font-size:	9px;
	padding-left:3px;
	padding-right:3px;
	background-color: #AAAA88;
	color:		#FFF;
}
.tx-wecdevo-iconBox span.icon, .tx-wecdevo-iconBox span.iconSelected {
	float:		left;
	margin:		1px;
	padding:	1px;
	margin-left: 2px;
	margin-right:2px;
}
.tx-wecdevo-iconBox span.iconSelected {
	border:		1px dotted #FF0000;
	padding:	0px;
}
.tx-wecdevo-nextArrow {
	width:		100%;
	height:		25px;
	padding:	10px;
	text-align: center;
	margin:		0px auto;
}
.tx-wecdevo-printWindow {
	background-color:  #CCCCFF;
}
.tx-wecdevo-printBtn {
	text-align: 	center;
    text-decoration: none;
	font-family: 	 "Trebuchet MS", Tahoma, Georgia, Verdana, Arial,Sans-serif;
	font-size: 		12px;
	font-weight:	normal;
	padding-left:  1px;
	padding-right: 3px;
	margin:  		3px;
    color: 			#303010;
    height: 		20px;
    background-color: #E0D0A0;
}
input.tx-wecdevo-printBtnHov {
    background-color: #F0F080;
 	text-decoration:    none;
}
/*------------------------------ TABBED NAVIGATION -----------------------------------
  The tab navigation CSS is from http://www.clagnut.com/sandbox/csstabs/
*/
#tx-wecdevo-globalnavTable {
	width:		700px;
	height:		34px;
	background:	#EEEECC;
	left:		0;
	top:		0;
	padding:	0;
	margin:		0;
}
#tx-wecdevo-globalnav {
	position:	relative;
	float:		left;
	width:		700px;
	margin: 	0;
	padding:	0;
	list-style:	none;
	line-height: 20px;
    text-decoration:none;
    font-weight:normal;
    font-size:	85%;
	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
}
#tx-wecdevo-globalnav LI {
	float:		left;
	list-style-type: none;
	margin:		0px;
	margin-top: 4px;
}
/* These two bars are for decorative purposes. They span the whole table width.*/
#tx-wecdevo-globalnav LI span.bar {  /* top highlight*/
	position:	absolute;
	float:		left;
	width:		700px;
	top:		24px;
	left:		0;
	border-top:	2px solid #AAAA77;
	margin-top: 8px;
}
#tx-wecdevo-globalnav LI span.bar2 {   /* thicker highlight underneath 'bar' */
	position:	absolute;
	float:		left;
	width:		700px;
	top:		28px;
	left:		0;
	border-top:	6px solid #CCCC99;
	margin-top: 5px; /* shift down top menu */
}
/*-- Note that the A and A-span are left and right parts of the tab menu
	 Through padding, it allows it to look like a full tab.
	 This technique for sliding windows tabs is from Lightweight CSS Menus at:
	 http://www.fiftyfoureleven.com/sandbox/doors-meets-mountaintops-1/
--*/
#tx-wecdevo-globalnav A {		/* Left part of top tab */

	float:		left;
	display:	block;
	color:		#444444;
	background:	#EEEECC url("/typo3conf/ext/wec_devo/res/bg-tab2.gif") no-repeat left top;
	text-decoration:none;
	font-weight:bold;
	padding:	0 0 0 8px;
	border-bottom:3px solid #CCCC99;
	cursor: 	pointer;
}
#tx-wecdevo-globalnav A span {	/* Right part of top tab */
	float:		left;
	display:	block;
	color:		#444444;
	background:	#EEEECC url("/typo3conf/ext/wec_devo/res/bg-tab2.gif") no-repeat right top;
	text-decoration:none;
	font-weight:bold;
	padding:	4px 16px 4px 8px;
}
#tx-wecdevo-globalnav A:hover,
#tx-wecdevo-globalnav A:active,
#tx-wecdevo-globalnav A.here:link,
#tx-wecdevo-globalnav A.here:visited {
	float:		left;
	display:	block;
	font-weight:bold;
	background:	#EEEECC url("/typo3conf/ext/wec_devo/res/bg-tab.gif") no-repeat left top;
	padding:	0 0 0 8px;
}
#tx-wecdevo-globalnav A:hover {
	color:		#CC4444;
	background:	#EEEECC url("/typo3conf/ext/wec_devo/res/bg-tab.gif") no-repeat left top;
}
#tx-wecdevo-globalnav A:hover span,
#tx-wecdevo-globalnav A:active span,
#tx-wecdevo-globalnav A.here:link span,
#tx-wecdevo-globalnav A.here:visited span {
	float:		left;
	display:	block;
	color:		#444444;
	text-decoration:none;
	font-weight:bold;
	padding:	4px 16px 4px 8px;
	background:	#EEEECC url("/typo3conf/ext/wec_devo/res/bg-tab.gif") no-repeat right top;
}
#tx-wecdevo-globalnav A:hover span {
	color:		#CC4444;
	background:	#EEEECC url("/typo3conf/ext/wec_devo/res/bg-tab.gif") no-repeat right top;
	font-weight:bold;
}
#tx-wecdevo-globalnav A.here:link,
#tx-wecdevo-globalnav A.here:visited {
	position:	relative;
}

/* 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: 10px;
	}

	/* 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: 10px;
	}

	/* 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 */