@import "../../empoweredCommon/css/common.css";

/*** "Section Header" page content ***/

/* Typography */

/* Structure */

#sectionContentUpper { 
	width: 940px;
	height: 330px;
	margin: 0 auto 0 auto;
	color: #FFFFFF;
}

#sectionContentUpper p { 
	padding: 0;
}

body.it-management #sectionContentUpper { 
    background: url(../images/bg_section_upper_it_940x330.jpg) top left no-repeat;
}

body.synchronization #sectionContentUpper { 
    background: url(../images/bg_section_upper_synch_940x330.jpg) top left no-repeat;
}

body.testing #sectionContentUpper { 
    background: url(../images/bg_section_upper_test_940x330.jpg) top left no-repeat;
}

#sectionContentUpperLeft { 
	float: left;
	display: inline;
	width: 340px;
	margin: 100px 0 0 190px;
}

#sectionContentUpperLeft h3 { 
	width: 310px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
}

#sectionContentUpperRight { 
	float: left;
	width: 400px;
	margin-left: 10px;
}

#sectionContentUpperRight h3 { 
	width: 104px;
	margin-top: 22px;
	padding: 11px 0 6px 10px;
	font-size: 1.4em;
}

body.it-management #sectionContentUpperRight h3 { 
	background-color: #0F6E76;
}

body.synchronization #sectionContentUpperRight h3 { 
	background-color: #0073B3;
}

body.testing #sectionContentUpperRight h3 { 
	background-color: #505E8D;
}

#sectionContentUpperRight a {
	color: #FDB717;
}

#sectionContentLower {
	width: 100%;
		margin-top: 5px;
	min-height: 250px;
    background: url(../images/bg_section_lower_980x250.jpg) top left no-repeat;
}

* html #sectionContentLower { /* Hack for IE6 cause it doesn't understand min-height */
	height: 250px;
}

#sectionLowerC2,
#sectionLowerC3 {
	float: left;
	width: 263px;
}

body.it-management #sectionLowerC2 h3,
body.it-management #sectionLowerC3 h3 {
	color: #006A72;
	font-size: 1.4em;
	margin-top: 0;
}

body.synchronization #sectionLowerC2 h3,
body.synchronization #sectionLowerC3 h3 {
	color: #0082C8;
	font-size: 1.4em;
	margin-top: 0;
}

body.testing #sectionLowerC2 h3,
body.testing #sectionLowerC3 h3 {
	color: #556293;
	font-size: 1.4em;
	margin-top: 0;
}

#sectionLowerC2 {
	padding: 0 15px 5px 0;
}

#sectionLowerC3 {
	padding: 0 0 5px 15px;
}

body.synchronization #carouselWrapper {
    background: url(../images/bg_carousel_synch_980x143.png) top left no-repeat;
}
 
/* "Browse our Offerings" styles */

div.browseOfferingsWrapper {
	margin: 30px 0 0 0;
}

#browseOfferings,
#browseOfferings ul {
	width: 290px;
	margin: 0;
	padding: 0;
	border: 2px solid #FFFFFF;
}

#browseOfferings li {
	list-style: none;
	margin: 0;
	padding: 0;
}
 
#browseOfferings a { 
	display:block; /* force the <a> element to fill the <li> element */
	color: #FFFFFF;
	font-size: 13px;
}
 
#browseOfferings a:hover { 
	display:block; /* force the <a> element to fill the <li> element */
	color: #FFFFFF;
	text-decoration: none;
}

li.browseOfferingsTop {
	height: 34px;
}

body.it-management li.browseOfferingsTop {
    background: #005F66 url(../images/bg_browseOfferingsTop_IT_290x34.png) right 0 no-repeat;
}

body.synchronization li.browseOfferingsTop {
    background: #006094 url(../images/bg_browseOfferingsTop_Synch_290x34.png) right 0 no-repeat;
}

body.testing li.browseOfferingsTop {
    background: #4C5884 url(../images/bg_browseOfferingsTop_Test_290x34.png) right 0 no-repeat;
}

li.browseOfferingsTop span.browseOfferingsText {
	display: inline-block;
	padding: 8px 0 0 10px;
	font-size: 14px;
}

#browseOfferings ul {
	position: relative;
	margin: -75px 0 0 -2px;
	z-index: 2;
}

body.testing #browseOfferings ul {
	margin-top: -120px;
}

body.it-management #browseOfferings ul {
	background-color: #006A72;
}

body.synchronization #browseOfferings ul {
	background-color: #0082C8;
}

body.testing #browseOfferings ul {
	background-color: #556293;
}

#browseOfferings li li {
	margin: 0;
}

span.menuPlaceholder {
	display: block;
	height: 25px;
	padding: 6px 0 0 10px;
	font-size: 14px;
}

body.it-management span.menuPlaceholder {
    background: #005F66 url(../images/bg_menuPlaceholder_it_1x31.png) top left repeat-x;
}

body.synchronization span.menuPlaceholder {
    background: #006094 url(../images/bg_menuPlaceholder_synch_1x31.png) top left repeat-x;
}

body.testing span.menuPlaceholder {
    background: #4C5884 url(../images/bg_menuPlaceholder_test_1x31.png) top left repeat-x;
}

#browseOfferings ul a {
	padding: 5px 0 5px 10px;
}

#browseOfferings ul li:hover,
#browseOfferings ul li.li-hover {
	background-color: #FFFFFF;
}

#browseOfferings ul a:hover {
	background-color: #FFFFFF;
}

body.it-management #browseOfferings ul a:hover,
body.it-management #browseOfferings ul li.li-hover a {
	color: #006A72;
}

body.synchronization #browseOfferings ul a:hover,
body.synchronization #browseOfferings ul li.li-hover a {
	color: #0082C8;
}

body.testing #browseOfferings ul a:hover,
body.testing #browseOfferings ul li.li-hover a {
	color: #556293;
}
 
#browseOfferings li ul,
#browseOfferings li:hover ul ul,
#browseOfferings li:hover ul ul ul,
#browseOfferings li.li-hover ul ul,
#browseOfferings li.li-hover ul ul ul{ /* Initially hide nested lists */
	display: none;
}
 
#browseOfferings li:hover ul,
#browseOfferings li li:hover ul,
#browseOfferings li li li:hover ul,
#browseOfferings li.li-hover ul,
#browseOfferings li li.li-hover ul,
#browseOfferings li li li.li-hover ul { /* Show submenus nested lists */
	display: block;
}


/* Twitter feed styles */

#sectionContentLower .ltBlock {
	margin-top: 15px
}

div.ltBlock ul.ltBlockList li {
	border-bottom:1px dotted #CCCCCC;
	margin-bottom: 4px;
	padding:0 0 4px 0;
}

#sectionContentLower .ltOdd,
#sectionContentLower .ltEven {
	background-color: transparent;
}

#sectionContentLower div.ltFollowUsLink a {
	text-align: left;
}

#sectionContentLower div.ltFollowUsLink a:hover {
	text-decoration: underline;
}

/* Blog feed styles */

.newsfeedC3Feed li a {
	font-weight: bold;
}

.newsfeedC3Feed li div a {
	font-weight: normal;
}

table.moduletableC3Feed {
	margin-top: 15px;
}

table.moduletableC3Feed ul {
	margin: 0;
}

table.moduletableC3Feed li {
	margin-bottom: 10px;
	list-style: none;
}

/* Newsflash styles (position:sectionUpperRight) */

div.moduletablewhatshot {
	font-size: 12px;
	line-height: 120%;
}

body.it-management div.moduletablewhatshot {
	border-top: 4px solid #0F6E76;
}

body.synchronization div.moduletablewhatshot {
	border-top: 4px solid #0073B3;
}

body.testing div.moduletablewhatshot {
	border-top: 4px solid #505E8D;
}

div.whatsHotItem1,
div.whatsHotItem2,
div.whatsHotItem3 {
	margin-bottom: 4px;
	padding: 5px 10px 5px 10px;
}

body.it-management div.whatsHotItem1{
	border-top: 1px solid #7CA8AA;
    background: #314342 url(../images/bg_whatsHot1_it_1x55.png) top left repeat-x;
}

body.it-management div.whatsHotItem2{
	border-top: 1px solid #A7B9B6;
    background: #585D5F url(../images/bg_whatsHot2_it_1x55.png) top left repeat-x;
}

body.it-management div.whatsHotItem3{
	border-top: 1px solid #D1D6D9;
    background: #666A6E url(../images/bg_whatsHot3_it_1x55.png) top left repeat-x;
}

body.synchronization div.whatsHotItem1{
	border-top: 1px solid #6DA3BF;
    background: #003047 url(../images/bg_whatsHot1_synch_1x55.png) top left repeat-x;
}

body.synchronization div.whatsHotItem2{
	border-top: 1px solid #6EA3BE;
    background: #2B495B url(../images/bg_whatsHot2_synch_1x55.png) top left repeat-x;
}

body.synchronization div.whatsHotItem3{
	border-top: 1px solid #A3C3D7;
    background: #4B5D6A url(../images/bg_whatsHot3_synch_1x55.png) top left repeat-x;
}

body.testing div.whatsHotItem1{
	border-top: 1px solid #969BB2;
    background: #222537 url(../images/bg_whatsHot1_test_1x55.png) top left repeat-x;
}

body.testing div.whatsHotItem2{
	border-top: 1px solid #9397A9;
    background: #3A3C4A url(../images/bg_whatsHot2_test_1x55.png) top left repeat-x;
}

body.testing div.whatsHotItem3{
	border-top: 1px solid #B2B5C4;
    background: #51545F url(../images/bg_whatsHot3_test_1x55.png) top left repeat-x;
}

table.contentpaneopenwhatshot {
	border-collapse: collapse;
}

table.contentpaneopenwhatshot .contentheadingwhatshot {
	color: #FDB717;
	font-weight: bold;
}

#sectionContentUpperRight .moduletableWhatsHotLink a {
	float: right;
	margin-right: 15px;
	padding: 3px 0 2px 25px;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	background: transparent url(../../empoweredCommon/images/bg_more_button_22x22.png) 0 0px no-repeat;
}

#sectionContentUpperRight .moduletableWhatsHotLink a:hover {
}

/* Carousel */

a.sectionPartnersButton {
	display: block;
	width: 110px;
	height: 40px;
	margin: 35px auto 0 auto;
	text-indent: -9999px;
}

body.it-management a.sectionPartnersButton {
	background: url(../images/bg_partners_it_110x80.png) no-repeat 0 0 transparent;
}

body.synchronization a.sectionPartnersButton {
	background: url(../images/bg_partners_synch_110x80.png) no-repeat 0 0 transparent;
}
 
body.testing a.sectionPartnersButton {
	background: url(../images/bg_partners_test_110x80.png) no-repeat 0 0 transparent;
} 

body.it-management a.sectionPartnersButton:hover,
body.synchronization a.sectionPartnersButton:hover,
body.testing a.sectionPartnersButton:hover {	
	background-position: 0 -40px;
}