/***********************************
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:#0068b2;
	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:#0068b2;
}

/* 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 #99c5e3;*/
	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 #fd0303;
	display:block;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	height: 120px;
	text-align:center;
	text-decoration:none;
	color:#0068b2;
	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:#fd0303;
}
/* 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 #fd0303;
	border-right:1px solid #fd0303;
	border-bottom:none;
	border-left:1px solid #fd0303;
	color:#fd0303 !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:170px;
	font-size:14px;
	background-color:#fff;
}

#newsBoxTab {
	border:1px solid #99c5e3;
	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:#fd0303 !important;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	height: 30px;
	line-height:30px;
	/*width: 134px;*/
	text-align:center;
	text-decoration:none;
	color:#0068b2;
	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:#0068b2;
	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:#fd0303;
}
/* 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:#fd0303 !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 #99c5e3;
	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:#0068b2;
	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:#fd0303;
}

/* 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:#fd0303 !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 #99c5e3;
	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:#0068b2;
	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:#fd0303;
}

/* 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:#fd0303 !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 #99c5e3;
	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:#0068b2;
	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:#fd0303;
}

/* 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:#fd0303 !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;
}

.releaseItemWrapper {
	clear: both;
	float: none;
	padding-top: 5px;
	border-top: 1px solid #999999;
}
.releaseItemWrapper:first-child {
	border: none;
}
.releaseItemPhoto {
	float: left;
	margin-bottom: 5px;
	max-height: 100px;
	overflow: hidden;
	/*width: 100px;*/
}
/*
.releaseItemPhoto img {
	width: 100px;
}
*/
.releaseItemContent {
	float: left;
	font: normal 12px Arial;
	margin-bottom: 5px;
	margin-left: 5px;
	/*width: 320px;*/
}
.releaseItemContent a {
	color: #2586BB;
	text-decoration: none;
}
.releaseItemContent a:hover {
	text-decoration: underline;
}
.releaseItemTitle, .releaseItemTitle a {
	font: bold 14px Arial;
}
.releaseItemCompany {
	color: #333333;
	font: bold 12px Arial;
}
.releaseItemCompany a {
	color: #666666;
}
.releaseItemCategories {
	color: #666666;
	font: italic 10px Arial;
}
.releaseItemCategories a {
	color: #666666;
}

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

#knowledgeCenterBox {
	border:1px solid #99c5e3;
	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: 100px;
	text-align:center;
	text-decoration:none;
	color:#0068b2;
	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:#fd0303;
}

/* 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:#fd0303 !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; }*/