/* @group Reset Styling */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 19.24px;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a:active {
	outline: none;
	color:#666666;
	} 
a:hover {
	color:#F95211;
	}

a:focus {
	color:#F95211;
	}

/* @end Reset Styling */

/* @group Base Styling */

html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	font-weight: normal;
	height: 100%;
	background: #666;/** WAS #ccc before **/
}

table {
	border-collapse:collapse;
	width: 100%;
	}

pre {
	margin-bottom: 15px;
	}

code {
	margin-left: 10px;
	margin-right: 10px;
}

pre code {
	margin-left: 0px;
	margin-right: 0px;
	}

pre,
code {
	font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
	}

/* FORMS */
form input, form textarea {
	margin-right: 5px;
	}

form input:focus, form input:hover {
	color: black;
	}

form select {
	font-size: 11px;
	}

form option {
	margin: 0px;
	margin-left: 5px;
	margin-right: 10px;
	}

optgroup {
	font-weight: bold;
	font-style: italic;
	margin: 0;
	margin-top: 5px;
	}

optgroup option {
	padding-left: 5px;
}

legend {
	font-weight: bold;
	color: black;
	}


/* @end Forms */

/* @end Base Styling */


/* @group Common Classes */

.clear {
	clear: both;
	}

.clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	}

.outOfSight {
	overflow: hidden;
	width: 0;
	height: 0;
	float: left;
	}

.csc-firstHeader, h1 {
	margin-top: 0px;
	font-size:25.48px;
	color: #808080;
	}

.graphicTextWrapper {
	overflow: hidden;
	}

.graphicText {
	line-height:300px;
	display: block;
	}

.collapsable-container-1 {
	padding: 10px;
	}
	
.collapsable-container-1 h3 {
	border-bottom: 4px solid #999999;
	color: #999999;
	height: 19px;
}
.collapsable-container-1 .collapseLink {
	font-size: 9px;
	margin-left: 5px;
	height: 20px;
	cursor: pointer;
}
.collapsable-container-1 .tx-comments-comment-form .tx-comments-form-top-message {
	color:#999999;
}

.collapsable-container-1 hr {
	height: 2px;
	color:#F2F2F2;
	background-color:#F2F2F2;
	border: none;	
}
/* @end Common Classes */

/* @group Layout */

/** SITE SELECTOR **/
#siteSelector {
	padding-left: 20px;
	height: 20px;
	background-color: #444;/* #5d5d5d*/
}
#siteSelector a {
	color: #7e7e7e;
	margin-right: 15px;
}
#siteSelector a.current {
	color: white;
}
#siteSelectorShadow {
	height: 8px;
	background: url(images/shadow.png) repeat-x;
}
/** PAGE WRAP **/
#pageWrap {
	padding: 0;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 980px;
}
#pageWrap a#imageLink {
	display:block;
	position: absolute;
	left: 0px;
	top: 0;
	width: 334px;
	height: 103px;
}

/** HEADER **/
#header {
	margin-top: 0;
	height: 104px;
	width: 100%;
	position: relative;
	background: url(images/title_left.png) no-repeat;
}
body.netflowde #header {
	background: url(images/title_left_netflow.png) no-repeat;
}

#header #toplevel_rightarea {
	position:absolute;
	left: 605px;
	height:104px;
	width:354px;
	background:url(images/title_bg.png) repeat-x;
}
#header #toplevel_rightarea ul#language_switch {
	position: absolute;
	left: 245px;
	top: 16px;
	margin-left:0;
	margin-bottom:0;
}
#header #toplevel_rightarea #language_switch li {
	list-style-type: none;
	display: inline;
	margin-right: 4px;
}

#header #toplevel_rightarea #language_switch li,
#header #toplevel_rightarea #language_switch li a {
	color: #999;
}
#header #toplevel_rightarea #language_switch li.active a {
	color: white;
}
#header #toplevel_rightarea #pdflink {
	position:absolute;
	left:70px;
	top:76px;
	display: none; /** TODO */
}
#header #top_rightborder {
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
	height: 104px;
	background: url(images/title_right.png) no-repeat;
}

/** TOPLEVEL MENU **/	
ul#menu-toplevel {
	list-style-type:none;
	height: 29px;
	background-color: #41469a;
	width: 960px;
	margin-left: 0;
	margin-bottom: 0;
	}
ul#menu-toplevel li {
	display: inline;
	height:29px;
	float:left;
	}

ul#menu-toplevel li a {
	padding-right:10px;
	padding-left:10px;
	font-size:13px;
	font-weight: bold;
	color: #E3E6FF;
	text-decoration: none;
	position:relative;
	top:4px;
	padding-top:7px;
	padding-bottom:7px;
}

ul#menu-toplevel li a:hover {
	color: white;
}


ul#menu-toplevel li.active {
	
	background-color: #cccccc;
}

ul#menu-toplevel li.active a{
	color:black;
}



/** MIDDLE AREA **/
#middleArea {
	padding-left: 10px;
	background: url(images/border_left.png) repeat-y left;
}
#middleArea #middleAreaInner {
	position:relative;
	background: url(images/border_right.png) repeat-y right;
	padding-right: 10px;
}
/** SECOND LEVEL MENU + IMAGE **/
#middleArea #menuBackgroundImage {
	height: 165px;
	position: relative;
	/* border-bottom: 3px solid #999999; -> Decided to drop this border */
}
#middleArea #menuBackgroundImage #teasertext {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 46px;
	background-color:rgba(255,255,255,0.7); /** TODO: IE Hack -http://css-tricks.com/rgba-browser-support/ */
}
#middleArea #menuBackgroundImage #teasertext h1 {
	margin: 2px 0 0 18px;
	color: black;
}
#middleArea #menuBackgroundImage #teasertext span {
	margin-left: 18px;
	position: relative;
	top: -3px;
}

#middleArea #menu-secondlevel-wrap {
	position: absolute;
	left: 0;
	top: 29px;
	z-index: 10;
	width: 960px;
	
}
#middleArea ul#menu-secondlevel {
	list-style-type:none;
	height: 24px;
	background-color: #ccc;
	padding-top:4px;
	margin-left: 0;
	margin-bottom: 0;
	}
#middleArea ul#menu-secondlevel li {
	font-weight: bold;
	float:left;
	}
#middleArea ul#menu-secondlevel li a {
	padding-right:10px;
	padding-left:10px;
	font-size:13px;
	padding-top:3px;
	padding-bottom:4px;
	color: #666666;
	text-decoration: none;
}

#middleArea ul#menu-secondlevel li.active a, #middleArea ul#menu-secondlevel li a:hover {
	color:black;
}

#middleArea #menu-secondlevel-wrap #firstLevelMenuShadow {
	height: 8px;
	background: url(images/shadow.png) repeat-x;
}

/** Content */
#middleArea #contentBlock-1-wrap {
	padding-left: 19px;
	min-height: 380px;
	font-size: 13px;
	padding-right: 270px;
	padding-bottom: 15px;
	background: url(images/content-background-right.png) repeat-y right white;
}

#middleArea #contentBlock-1-wrap #rootline {
	padding-top: 3px;
	font-size: 11px;
}


#middleArea #contentBlock-1-wrap #rootline,
#middleArea #contentBlock-1-wrap #rootline a {
	color: #bbb;
}

#middleArea #contentBlock-1-wrap #rootline a {
	padding-right: 3px;
}

#middleArea .pagetitle {
	margin-top: 0;
	padding-top:26px;
}

#middleArea #generatedContent-2-wrap {
	width: 240px;
	position:absolute;
	top:0;
	right:10px;
	height:100%;
	padding-top: 29px;
	}
#middleArea #generatedContent-2-wrap #generatedContent-2-wrap-inner {
	width: 100%;
	position: absolute;
	background-color: #E2E2E2;
}
#middleArea #generatedContent-2-wrap #generatedContent-2-wrap-inner #generatedContent-2 {
	padding-top: 40px;
	min-height: 250px;
}

/** Right menu (3rd level) */
#menu-thirdlevel {
	list-style-type: none;
	margin: 0;
	margin-top: 21px;
}
#menu-thirdlevel li {
	width: 100%;
	margin-top:12px;
	/** TODO: Add background image here */
}
	
#menu-thirdlevel li a {
	/*color: #666;*/
	color: black;
	display: block;
	width: 100%;
	height: 46px;
	position: relative;
	background: url(images/wischer_bullet_trans.png) no-repeat 15px center;
}
#menu-thirdlevel li a span {
	position: absolute;
	font-size:13px;
	font-weight:bold;
	left: 50px;
	top: 15px;
}
#menu-thirdlevel li a:hover {
	background-image:url(images/wischer_bullet.png);
}
#menu-thirdlevel li a:hover span {
	color:black;
}
#menu-thirdlevel li.active a {
	background-color:#cccccc;
	background-image:url(images/wischer_bullet.png);
}
#menu-thirdlevel li.active a {
	color: black;
}

.rightcolumn-marketing {
	padding-top:200px;
}

.rightcolumn-marketing .csc-textpic-text p {
	text-align:center;
}
.rightcolumn-marketing .csc-textpic-text a {
	font-weight:bold;
}

/* @group Footer */

#footer {
	padding-left: 21px;
	position: relative;
	height: 21px;
	overflow: hidden;
	background: url(images/corner_bottom_left.png) no-repeat left bottom;
}
#footer #footerInner {
	padding-right: 21px;
	position: relative;
	height: 100%;
	background: url(images/corner_bottom_right_grey.png) no-repeat right bottom;
}
#footer #footerInner #footerInnerBottom {
	height: 21px;
	overflow:hidden;
	background: url(images/border_bottom.png) repeat-x bottom;
}

#footer #footerInner .right {

	background: #E3E3E3;
	position: absolute;
	right: 21px;
	height: 11px;
	width: 229px;
	top: 0;
}

/* Additional footer rules for the startpage */
#footer.footer_startpage #footerInner {
	background: url(images/corner_bottom_right_white.png) no-repeat right bottom;
}
#footer.footer_startpage #footerInner .right {
	background:white;
}


#footer,
#footer a {
	color:#999;
}

#footer #footerCopyright {
	background-color: white;
	height: 14px;
	font-size: 10px;
	margin-top: -3px;
	overflow: hidden;
}

#footer #footerCopyright a {
	position:relative;
	display:block;
	top:-2px;
}
/* @end Footer*/



/* @group Module Styling */
.module {
}
.moduleHeader {
	margin: 0;
	height: 20px;
	overflow: hidden;
	padding: 0;
	padding-left: 4px;
	background-color: #41469A;
	color: white;
	font-weight: bold;
	font-size: 13px;
}


.moduleBody {
	padding: 8px 8px 8px 8px;
	}
.moduleBody p {
	margin: 0;
}
.moduleBodyWrap {
	/*border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
	/* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
	}

.unframed .moduleBody {
	padding: 0;
	border: 0;
	}


.moduleBodyBleed {
	padding: 0;
	}
	
#contentBlock-1.moduleBody {
	border-left: solid 1px #41469A;
	border-right: 1px solid #41469A;
	border-bottom: 1px solid #41469A;
}

.columnGroup {
	margin-bottom: 10px;
	}

.columnGroupRule {
	border-bottom: 1px solid #7f7f7f;
	}

.moduleGroup {
	margin-bottom: 10px;
	}

.moduleFeature {
	margin-bottom: 15px;
	}
/* @end Module Styling */

/* @end Layout */

/* @group Content area */
#contentBlock-1 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contentBlock-1 h1 {
	color: black;
	font-size: 20px;
}

#contentBlock-1 a {
	font-weight:bold;
}
/* @end Content area */

/* @begin News Styling */

.news-single-item h2,
.news-latest-item h3 {
	margin-top: 5px;
}

.news-fullcontent {
	display:none;
}
/* @end News Styling */

/* @begin comments Styling */

.tx-comments-pi1 {
	padding-left: 5px;
}

.tx-comments-comment-form h4 {
	margin-top: 5px;
}

/* @end comments Styling */

/** START PAGE SLIDER **/


/*
	SLIDER
*/
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 960px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 960px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ 
background-color:rgba(255,255,255,0.7); /** TODO: IE Hack -http://css-tricks.com/rgba-browser-support/ */
padding-left: 19px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
height: 50px; 
											  margin-top: -70px; position: relative;color: white; }
.photo-meta-data span 						{ font-size: 30px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }





.slider-wrap {
	left:0;
	width:960px;
	height:300px;
	background-color: white;
	top:0;
}
.slider-wrap .panel {
	cursor:pointer;
}
.slider-wrap .panel {
	display:none;
}
.slider-wrap .panel.panel-1 {
	display:block;
}

	#movers-row {
		/*margin:0 auto;*/
		width:60px;
		height:10px;
		margin-left: 800px;
	}
	#movers-row .cross-link {
		margin:0;
		padding:0;
		width:10px;
		height:10px;
		display:inline;
		float:left;
		background:url(images/bullet-empty.png) no-repeat;
	}

	#movers-row .cross-link.active-thumb {
		background-image:url(images/bullet-full.png);
	}
	
	.wrapper img {
		overflow:hidden;
		height:285px;
		width:960px;
	}
	.loading {
	display: none;
}
.photo-meta-data h1 {
	margin-top: 10px;
	margin-bottom:5px
}
.photo-meta-data a {
	color: black;
	margin-bottom: 2px;
}
	
/** ROOTPAGE ADJUSTMENTS **/
#pageWrap.rootpage #contentBlock-1-wrap {
	background-image: none;
}
#pageWrap.rootpage #generatedContent-2-wrap {
	display: none;
}


/** NewS**/

.news-latest-container h2 {
	display:none;
}

#contentBlock-1 .news-latest-item a {
	color:black;
	font-weight:normal;
}
.news-latest-item {
	position:relative;
	padding-top:5px;
}
.news-latest-item h3 {
	padding-top:0;
}
.news-latest-item .news-latest-date {
	position:absolute;
	width:125px;
	border-right: 4px solid #CCC;
	height:100%;
	text-align:right;
	font-size:18px;
	padding-right:5px;
}
.news-latest-item .news-latest-date a {
	color: #999;
}
.news-latest-item h3,
.news-latest-item p {
	margin-left:140px;
}

.news-latest-item .news-list-morelink {
	margin-left:5px;
	font-size:12px;
}

#contentBlock-1 .news-fullcontent a {
	font-weight:bold;
	color: #373988;
}
#contentBlock-1 .news-fullcontent a:hover {
	color:#F95211;
}

.news-latest-item .news-list-morelink a {
	color: #373988;
}