/***********************************
Stories (tabsStories)
***********************************/

div.panesStories {
	height:270px;
}

div.panesStories div.paneStory {
	display:none;
	/*padding:15px 10px;*/
	/*border:1px solid #999;*/
	/*border-top:0;*/
	height:270px;
	font-size:14px;
	background-color:#fff;
}

/* root element for tabs  */
ul.tabsStories {
	list-style:none;
	margin:0 !important;
	padding:0 5px;
	/*border-bottom:1px solid #666;*/
	height:100px;
}

/* single tab */
ul.tabsStories li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabsStories a {
	background: url(/img/bg_tabs_stories.gif) no-repeat 0 0;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 79px; /* 100 (actual height) - 20 (top padding) - 1 (bottom border) */
	/*line-height:100px;*/
	width: 115px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding:20px 0 0;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabsStories a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabsStories a:hover {
	color:#3D7F35;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabsStories a.current, ul.tabsStories a.current:hover, ul.tabsStories li.current a {
	cursor:default !important;
	color:#FFFFFF !important;
}

/* width 115px */
ul.tabsStories a.w115 			{ background-position: 0 0; width:115px; }
ul.tabsStories a.w115:hover 	{ background-position: 0 -101px; }
ul.tabsStories a.w115.current   { background-position: 0 -202px; }

/***********************************
Covers (tabsCovers)
***********************************/
div.panesCovers div.pane {
	display:none;
	padding:15px 10px;
	min-height:180px;
	font-size:14px;
	background-color:#fff;
}

#coversBoxTab {
	/*border:1px solid #A3C19F;*/
	margin:3px 0 10px 3px;
	/*width:100%;*/
	width:635px;
	height:auto;
}
#coversBoxTab_tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	/*width:100%;*/
	width:635px;
}
/* single tab */
#coversBoxTab_tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}
/* link inside the tab. uses a background image */
#coversBoxTab_tabs a {
	/*background:url(/img/bg_title2.gif) bottom left repeat-x;*/
	border-bottom:1px solid #CA1A7C;
	display:block;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	height: 120px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	margin:0px;
	position:relative;
	padding:21px 21px 20px 21px;
	width:113px;
}
#coversBoxTab_tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
#coversBoxTab_tabs a:hover {
	/*background-position: -420px -31px;*/
	color:#CA1A7C;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#coversBoxTab_tabs a.current, #coversBoxTab_tabs a.current:hover { /*, #newsBoxTab_tabs li.current a*/
	background:url(/img/icon_issue.gif) no-repeat scroll bottom center;
	background-color:#FFFFFF;
	border-top:1px solid #CA1A7C;
	border-right:1px solid #CA1A7C;
	border-bottom:none;
	border-left:1px solid #CA1A7C;
	color:#CA1A7C !important;
	cursor:default !important;
	padding-top:11px;
	padding-bottom:30px;
}
#coversBoxTab_panes {
	clear:both;
	float:none;
	margin-top:145px;
	width:100%;
}
#coversBoxTab_panes.panes #coversBoxTab_panes.pane {
	display:none;
	padding:15px 10px;
	font-size:14px;
	background-color:#fff;
}

/***********************************
News (tabsNews)
***********************************/
div.panes div.pane {
	display:none;
	padding:15px 10px;
	min-height:135px;
	font-size:14px;
	background-color:#fff;
}

#newsBoxTab {
	border:1px solid #A3C19F;
	margin:3px 0 10px 3px;
	width:300px;
}
#newsBoxTab_tabs {}
#newsBoxTab_panes.panes #newsBoxTab_panes.pane {
	display:none;
	padding:15px 10px;
	height:180px;
	font-size:14px;
	background-color:#fff;
}
.newsBoxTab_head {
	color:#CA1A7C !important;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	height: 30px;
	line-height:30px;
	/*width: 134px;*/
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding-right:7px;
	border:0px;
	margin:0px;
	position:relative;
	top:1px;
}
.newsBoxTab_head img {
	vertical-align:middle;
	padding: 0 5px 4px 5px;
}
#newsBoxTab_tabs ul  {
	width:300px;
	list-style:none;
	margin:0 !important;
	padding:0;
	border-bottom:1px solid #666;
	height:30px;
}
/* single tab */
#newsBoxTab_tabs li {
	background: url(/img/bg_title2.gif) bottom left repeat-x;
	float:left;
	height:37px;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
#newsBoxTab_tabs a {
	background:url(/img/bg_title2.gif) bottom left repeat-x;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	width: 97px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding:0px;
	margin:0px;
	position:relative;
	top:7px;
	border: 0px;
}
#newsBoxTab_tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
#newsBoxTab_tabs a:hover {
	/*background-position: -420px -31px;*/
	color:#CA1A7C;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#newsBoxTab_tabs a.current, #newsBoxTab_tabs a.current:hover { /*, #newsBoxTab_tabs li.current a*/
	/*background-position: -420px -62px;*/
	cursor:default !important;
	color:#CA1A7C !important;
	background-image:none;
	background-color:#FFFFFF;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	margin-left:5px;
}
#newsBoxTab_tabs li.current {
	/*background:url(/img/bg_title2.gif) bottom left repeat-x;*/
}

/* width 100px
#newsBoxTab_tabs a 			{ background-position: 0 0; width:100px; }
#newsBoxTab_tabs a:hover 	{ background-position: 0 -31px; }
#newsBoxTab_tabs a.current  { background-position: 0 -62px; }*/

/* width 150px */
#newsBoxTab_tabs a.w150 			{ background-position: -100px -0px; width:150px; }
#newsBoxTab_tabs a.w150:hover 	{ background-position: -100px -31px; }
#newsBoxTab_tabs a.w150.current  { background-position: -100px -62px; }


/***********************************
Top Searches / Articles (tabsTop)
***********************************/
#tabsTop_tabs .panesTop #tabsTop_tabs .paneTop {
	display:none;
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:140px;
	font-size:14px;
	background-color:#fff;
}
#tabsTop_panes .pane {
	border:none;
}
#tabsTop {
	border:1px solid #A3C19F;
	margin:3px 0 10px 3px;
	width:300px;
}
/* root element for tabs  */
#tabsTop_tabs {}
#newsBoxTab_tabs ul  {
	width:300px;
	list-style:none;
	margin:0 !important;
	padding:0;
	border-bottom:1px solid #666;
	height:30px;
}
/* single tab */
#tabsTop_tabs li {
	background:url(/img/bg_title2.gif) bottom left repeat-x;
	float:left;
	height:37px;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
#tabsTop_tabs a {
	background:url(/img/bg_title2.gif) bottom left repeat-x;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	width: 146px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding:0px;
	margin:0px;
	position:relative;
	top:7px;
	border: 0px;
}

#tabsTop_tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
#tabsTop_tabs a:hover {
	/*background-position: -420px -31px;*/
	color:#CA1A7C;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#tabsTop_tabs a.current, #tabsTop_tabs a.current:hover, #tabsTop_tabs li.current a {
	background-image:none;
	cursor:default !important;
	color:#CA1A7C !important;
	background-color:#FFFFFF;
	border-top:1px solid #999999;
	margin-left:5px;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}

/***********************************
Events (tabsCalendar)
***********************************/
#calendarmenu {
	border:1px solid #A3C19F;
	margin:3px 0 10px 3px;
	width:300px;
}
div.panesCalendar div.paneCalendar {
	display:none;
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:180px;
	font-size:14px;
	background-color:#fff;
}
/* root element for tabs  */
#calendarmenu_tabs {}
#calendarmenu_tabs ul {
	background:url(/img/bg_title2.gif) bottom left repeat-x;
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	width:300px;
}
/* single tab */
#calendarmenu_tabs li {
	background: url(/img/bg_title2.gif) bottom left repeat-x;
	float:left;
	height:37px;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}
/* link inside the tab. uses a background image */
#calendarmenu_tabs a {
	background:url(/img/bg_title2.gif) bottom left repeat-x;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	width: 144px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding:0px;
	margin:0px;
	position:relative;
	top:7px;
	border: 0px;
}

#calendarmenu_tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
#calendarmenu_tabs a:hover {
	/*background-position: -420px -31px;*/
	color:#CA1A7C;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#calendarmenu_tabs a.current, #calendarmenu_tabs a.current:hover {
	background-image:none;
	border-top:1px solid #999999;
	margin-left:5px;
	cursor:default !important;
	color:#CA1A7C !important;
	background-color:#FFFFFF;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

/***********************************
Releases (productBoxTab)
***********************************/

div.panesReleases div.paneReleases {
	display:none;
	padding:15px 5px;
	height:102px;
	font-size:14px;
	background-color:#fff;
	overflow:hidden;
}
#productBoxTab{
	border:1px solid #A3C19F;
	margin:3px 0 10px 3px;
	width:470px;
}
/* root element for tabs  */
#productBoxTab_tabs {
	background:transparent url(/img/bg_title2.gif) repeat-x scroll left bottom;
	height:37px;
	width:470px;

}
#productBoxTab_tabs ul {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	width:470px;
}

/* single tab */
#productBoxTab_tabs li {
	background: url(/img/bg_title2.gif) bottom left repeat-x;
	float:left;
	height:37px;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	width:156px;
}

/* link inside the tab. uses a background image */
#productBoxTab_tabs a {
	background:url(/img/bg_title2.gif) bottom left repeat-x;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding:0px;
	margin:0px;
	position:relative;
	top:7px;
	border:0px;
}

#productBoxTab_tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
#productBoxTab_tabs a:hover {
	/*background-position: -420px -31px;*/
	color:#CA1A7C;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#productBoxTab_tabs a.current, #productBoxTab_tabs a.current:hover {
	cursor:default !important;
	color:#CA1A7C !important;
	background-image:none;
	background-color:#FFFFFF;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	margin-left:5px;
}

/***********************************
Releases (blogTab)
***********************************/

#blogTab{
	border:1px solid #A3C19F;
	margin:3px 0 10px 3px;
	width:470px;
}

#blogTab div.panesReleases div.paneReleases {
	display:none;
	padding:0 5px;
	height:auto;
	font-size:14px;
	background-color:#fff;
	overflow:auto;
}

/* root element for tabs  */
#blogTab_tabs {
	background:transparent url(/img/bg_title2.gif) repeat-x scroll left bottom;
	height:37px;
	width:470px;

}
#blogTab_tabs ul {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:auto;
	width:470px;
}

/* single tab */
#blogTab_tabs li {
	background: url(/img/bg_title2.gif) bottom left repeat-x;
	float:left;
	height:37px;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	width:156px;
}

/* link inside the tab. uses a background image */
#blogTab_tabs a {
	background:url(/img/bg_title2.gif) bottom left repeat-x;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding:0px;
	margin:0px;
	position:relative;
	top:7px;
	border:0px;
}

#blogTab_tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
#blogTab_tabs a:hover {
	/*background-position: -420px -31px;*/
	color:#CA1A7C;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#blogTab_tabs a.current, #blogTab_tabs a.current:hover {
	cursor:default !important;
	color:#CA1A7C !important;
	background-image:none;
	background-color:#FFFFFF;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	margin-left:5px;
}

/* blogs box */

/* NEWS */
.releasesWrapper .newsItem .newsPicture img {
	width: 115px;
}
.releasesWrapper .newsItem .newsPicture {
	float:left;
	margin:0 4px 4px 0;
}
.releasesWrapper .newsItem .newsTitle, .releasesWrapper .newsItem .newsTitle a {
	color:#3D7F35;
	font:bold 14px arial;
	text-decoration:none;
}
.releasesWrapper .newsItem .newsTitle a:hover {
	text-decoration:underline;
}
.releasesWrapper .newsItem .newsAuthor {
	color:#666666;
	float:left;
	font:bold 12px arial;
	padding-right:10px;
}
.releasesWrapper .newsItem .newsDate {
	color:#696969;
	/*float:left;*/
	font:normal 12px arial;
}
.releasesWrapper .newsItem .newsSummary {
	font:normal 12px arial;
}
.releasesWrapper .newsItem .newsSummary .readmore {
	color:#CA1A7C;
}
.releasesWrapper .newsItem .newsInfoWrapper {
	float:left;
}
.releasesWrapper .withPicture {
	width:315px;
}
/* end blogs box */

/***********************************
KnowledgeCenter (tabsKnowledgeCenter)
***********************************/

#knowledgeCenterBox {
	border:1px solid #A3C19F;
	margin: 3px 0 10px 3px;
	width:470px;
}
#knowledgeCenterTab_panes div.pane {
	border:none;
}

#knowledgeCenterTab.panes #knowledgeCenterTab.pane {
	display:none;
	padding:15px 10px;
	border:none;
	/*height:180px;*/
	font-size:14px;
	background-color:#cf5c1d;
}

/* root element for tabs  */
#knowledgeCenterTab_tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	/*border-bottom:1px solid #666;*/
	height:30px;
	background:url(/img/bg_title2.gif) bottom left repeat-x;
	border:none;
	width:470px;
}

/* single tab */
#knowledgeCenterTab_tabs li {
	float:left;
	text-indent:0;
	/*padding:0;*/
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
#knowledgeCenterTab_tabs a {
	/*background: url(/img/bg_tabs.png) no-repeat -420px 0;*/
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding:0px;
	border:0px;
	margin:0px;
	position:relative;
	top:1px;
}

#knowledgeCenterTab_tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
#knowledgeCenterTab_tabs a:hover {
	/*background-position: -420px -31px;*/
	color:#CA1A7C;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#knowledgeCenterTab_tabs a.current, #knowledgeCenterTab_tabs a.current:hover, #knowledgeCenterTab_tabs li.current a {
	background-color:#FFFFFF;
	border-top:1px solid #999999;
	margin-left:5px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	/*background-position: -420px -62px;*/
	cursor:default !important;
	color:#CA1A7C !important;
}

/* width 100px
#knowledgeCenterTab_tabs a.w100 			{ background-position: 0 0; width:100px; }
#knowledgeCenterTab_tabs a.w100:hover 	{ background-position: 0 -31px; }
#knowledgeCenterTab_tabs a.w100.current   { background-position: 0 -62px; }*/

/* width 150px
#knowledgeCenterTab_tabs a.w150 			{ background-position: -100px -0px; width:150px; }
#knowledgeCenterTab_tabs a.w150:hover 	{ background-position: -100px -31px; }
#knowledgeCenterTab_tabs a.w150.current   { background-position: -100px -62px; }*/

#knowledgeCenterTab_tabs a 			{ padding:0 7px; }

/* width 200px
#knowledgeCenterTab_tabs a 			{ background-position: -400px -0px; width:200px; }
#knowledgeCenterTab_tabs a:hover 	{ background-position: -400px -31px; }
#knowledgeCenterTab_tabs a.current   { background-position: -400px -62px; }*/