﻿/* CSS Document */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.container{
	min-height: auto;
	height: auto !important;
	margin: 0 auto -0px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 0px; /* .push must be the same height as .footer */
	bottom:0;
}

a {
	font-family: Calibri, Verdana, sans-serif;
	color: #4b4b4b;
}
a:link {
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}
a:visited{
	text-decoration:none;
}
h1{
	color: #f8981d;
	font-family:Calibri, Verdana, sans-serif;
	font-weight:bold;
	font-size: 1.2em;
	padding-left: 20px;
	padding-top: 15px;
}

body {
	background-image: url(/Style%20Library/Images/sengen/bg.jpg);
	background-repeat:repeat-x;
	background-attachment: fixed;
	background-position: left top;
	background-color:#77b3d7;
}

/*  siteaction menu */
.ms-siteaction, .ms-siteaction a {
	font-family: verdana;
	font-size: 8pt;
 	color:black;
}

/* site actions font weight */
.ms-siteactionsmenu div div div a {
	font-weight: normal;
	 color:black;
}

/* site action arrow */
.ms-siteactionsmenu div div div img {
	/*display: none;*/
}

/* site action bg and button */
.ms-siteactionsmenu div div div {
	background-image: none;
	background-position: right;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0px;
	padding: 2px;
	padding-top: 1px;
}

/* site action link hover */
.ms-siteactionsmenu div div div a:hover, .ms-siteactionsmenu div div div.ms-siteactionsmenuhover a:hover {
	text-decoration: none;
}

/* site action hover button */
.ms-siteactionsmenu div div div.ms-siteactionsmenuhover {
	background: #ffffff;
	border: 0px;
	padding: 2px;
	padding-top: 1px;
}

.ms-HoverCellActive,.ms-SpLinkButtonActive{
 background-image:none;
 background-color: #EEEEEE;
}
/* end */

/* top nav */
#customNav {
	height: auto; 
	float:right;
}

/* top nav holder */
.customNavItemContainer {
	margin-left: 0px;
	/*border-left: 1px solid #3a3d40; */
}

/* top nav items */
.customTopNavItem {
	height: auto;
	min-height:40px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(/Style%20Library/Images/sengen/topnavbg.gif) repeat-x;
	/*border-right: 1px solid #3a3d40;	*/
}

/* top nav link color */
.customTopNavItem a {
	color: white;
	text-decoration: none;
}

/* top nav hover bg */
.customTopNavItemHover {
	background: url(/Style%20Library/Images/sengen/topnavbg.gif) repeat-x; 
	height: auto;
	min-height:28px;
	padding-left: 8px;
	padding-right: 8px;
	margin-right:0px;
	/*border-right: 1px solid #3a3d40;*/
	text-decoration: none;
}

/* top nav hover font color */
.customTopNavItemHover a {
	color: black;
	text-decoration: none;
	background-image: none; /* NEEDED to hide double background on hover */
}
/* top nav sub item flys */
.customTopNavFlyOut {
	border-top:1px #CBD1E0 solid;
}

/* top nav sub item fly items */
.customTopNavFlyOutItem {	
	font-family: tahoma; 
	font-size: 8pt; 
	background-color: #ECEFF3;
	border:1px #CBD1E0 solid;
	border-top-style: none;
	color:#3A4663; 
	*width:150px;
}

.customTopNavFlyOutItem a {
    display:block;
    padding:4px 5px 4px 5px;
    text-decoration: none;
}

/* top nav sub item fly out hover */
.customTopNavFlyOutHover {
	background-color: #B2BCD3;
	text-decoration: none;
}

#pagetop {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: auto;
	/*border: 1px solid #868686; */
}

#logoheader{
	width: 800px;
	margin-top: 20px;
}

#logotop {
	width: auto;
	float:left;
}
	
#searchboxtop {
	width: 220px;
	float:right;
	margin-top: 7px; 
}

#clientlogin{
	width: 792px;
	font-family: Calibri, Verdana, sans-serif;
	text-align: right;
	font-size: 0.8em;
	margin-top: 10px;
	margin-bottom: 6px;
	padding-right:8px;
}

#clientlogin a {
	color:#4b4b4b;
}
#clientlogin a:hover {
	color:#f8981d;
	text-decoration: underline;
}

/* CORRECT TOP NAV MENU STYLING for gradient tabs*/

.ms-topnav {
	height: 20px;
	border: none;
	width: 90px;
	background: url(/Style%20Library/Images/sengen/topnavtab.gif) top left no-repeat transparent;
	font-family: Calibri, Verdana, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
}/* for general tab styling */

.ms-topnav a{
	display: block;
	white-space: nowrap;
	padding: 11px 2px 0px 5px;
	height: 20px;
	color: #ffffff;
}/* for static tab */

.ms-topnav a:hover{color: #4b4b4b;
	text-decoration:underline;
}/* active (black) tab */

/* flyout menu */
.mytopNavFlyOutsContainer
{
border:solid 1px #ffffff;

}
.mytopNavFlyOuts{
	background-color:#F8981d;
	font-family: Calibri, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	text-align:left;
	color: #FFFFFF;
	border-bottom: solid 1px #ffffff;
}
.mytopNavFlyOuts a{
	display: block;
	width: 85px;
	min-width: 200px;
	color: #ffffff;
	padding: 4px 8px 4px 7px;
}
.mytopNavFlyOuts a:hover{
	color: #4b4b4b;
	text-decoration:underline;
}
.mytopNavFlyOuts a:visited{
	text-decoration:none;
}

#navbottomlines, .navbottomlines{
	width: 800px;
	/*background-image:url(images/nav_bottomlines.gif);  */
	height: 7px;
	background-color:#f8981d;
}
#navbottomlines2{
	width: 800px;
	/*background-image:url(images/nav_bottomlines.gif);  */
	height: 7px;
	background-color:#CECECE;
}

/* ------------------------banner -----------------------------*/
#bannerleft{
	width: 266px;
	height: 200px;
	float: left;
}

#bannermiddle{
	width: 268px;
	height: 200px;
	background-color:#CCCCCC;
	float: left;
	font-family: Calibri, Verdana, sans-serif;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5;
}

#bannerright{
	width: 266px;
	height: 200px;
	text-align: center;
	float: right;
}

#bannerbottomline{
	width: 800px;
	background-image:url(/Style%20Library/Images/sengen/banner_bottomline.gif);
	height: 3px;
	clear: both;
}

#footer{
	width: 100%;
	text-align:center;
	font-family:Calibri, Verdana, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	margin: 10px 0px 10px 0px;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	color:#4b4b4b;
	text-decoration:underline;
}

/* ------------------------End of static area for each page -----------------------------*/

#mainvisuals{
 width:800px;
 height:200px;
}

#left_image
{
	float:left;
	height:200px;
	width:267px;
}
#middle_image{
	float:left;
	background-color:#e8e8e8;
	width:33%;
}
#right_image
{
	float:left;
	height:200px;
	width:267px;
}

#middlecontentpart {
	width: auto;
	height: 450px;
	min-width:800px;
	min-height:250px;
	background-image: url(/Style%20Library/Images/sengen/contentbg.gif);
	background-repeat:repeat-x;
}

#middleleftmenu
{
	width: auto;
	float:left;
	padding:0px;
	/*border: 1px solid #000;*/
	width:200px;
	min-width:180px;
}

#maincontentcontainer
{
	width: auto;
	min-width:560px;
	min-height: 360px;
	padding: 15px;
	float:left;
}

#mslogo{
	padding-left: 40px;
}

#mslogoproducts{
	padding-left: 40px;
}

/*-------------------------for about sengen page-----------------------------*/

#bannerleftlarge{
	width: 534px;
	height: 200px;
	float: left;
}
#bannerrighttext{
	width: 266px;
	height: 200px;
	background-color:#CCCCCC;
	color: #4b4b4b;
	float: left;
	font-family: Calibri, Verdana, sans-serif;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5;
}
#aboutnav{
	width: 200px;
	height: 250px;
	background-color: #e9e9e9;
	line-height: 1.5;
}
ul.about li {
	list-style-type: none;
}
ul.about li a{
	font-family: Calibri, Verdana, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color:#4b4b4b;
}
ul.about li a:hover { 
	color: #f8981d;
	text-decoration:underline;
}
ul.about li a:active { 
	color: #f8981d; 
}
ul.about li a:visited{
	text-decoration:none;
}

#abouttext{
	width: 450px;
	height: auto;
	float: right;
	font-family: Calibri, Verdana, sans-serif;
	font-size: 0.8em;
	text-align: justify;
	margin-right: 40px;
}
#abouttext a{
	color: #f8981d;
}

#welcomemesg{
	width:30px
}

/* main content area */
#portalhome_main_content
{
	width: auto;
	min-width:750px;
	padding-top: 20px;
/*	background-image: url(/Style%20Library/Images/sengen/hmcontentbg2.gif);
	background-position:left bottom; */
}

#portalhome_region1
{
	width: 400px;
	min-width:400px;
	min-height:200px;
	float:left;
}

#homeflashmovie{
	width: auto;
	height: auto;
}

#portalhome_region2 /*tabs area*/
{
	width: 300px;
	min-width:300px;
	float:right;
	min-height:200px;
	margin-left:30px;
}

/* for the tab surface*/
 /*for general top tabs styling for the News Events & MS Widget box*/
#tabsLayout {
	background-color: #ffffff;  
	border:0;
}

#tabsTable { /*Bottom of nav tabs*/
	float: left;
	height: 20px;
	margin-bottom:11px;
} 

#tabsTable a {
	text-decoration: none;
	font-family: Calibri, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	float: left;
	display: block;
	text-align: right;
	white-space: nowrap;
	padding: 10px 30px 0px 8px;
	height: 20px;
	background: url(/Style%20Library/Images/sengen/topnavtab.gif) top left no-repeat transparent;
	width: 60px;
	margin-right: 2px; /*for gap between tabs*/
} /*for static tab */

.tab a {
	display: block;
	/*padding: 0px 8px 5px 8px;  ??*/
	color: #fff;
}
.tabActive a { 
	display: block; 
	padding: 5px 8px 5px 8px; 
	color: #4b4b4b;
}
.tabPane { 
	display: none;
}
.tabPaneActive {
	background-image: url(/PublishingImages/newsgradient.gif);
	display: block;
	padding: 10px 30px 10px 10px;
	height:350px;
	min-height: 340px;
	min-width: 150px;
}

/* this section is for the news-events-widget section links and info*/
/* for CQWP*/
/* Item Styles - Store in a CSS file or the master page file*/		
.S2StyleImage {
	border-bottom: 1px rgb(251,230,187) solid;
	padding: 5px 7px 10px 0px;
	}
.S2StyleDate {
	padding-top: 5px;
	color:#4b4b4b;
}
.S2StyleTitle {
	padding-top: 2px;
	color:#FF9900;
}
.S2StyleTitle a, .S2StyleTitle a:link, .S2StyleTitle a:visited, .S2StyleTitle a:hover {
	font-weight: bold;
	font-size: 1.4em;
	color:#f8981d;
}
.S2StyleDescription {
	padding: 2px 0px 15px 0px;
}
.S2StyleBorder {
	border-bottom: 2px rgb(251,230,187) solid;
}
	
.ms-sbcell{
padding:0px;
padding-left:2px;
white-space:nowrap;
border:solid 1px #7f9db9;
}

.moreinfo{
	color:#f8981d;
	font-family:Calibri, Verdana, sans-serif;
	font-size:1.2em;
}

#event_date{
	color: #4b4b4b;
	font-family: Calibri, Verdana, sans-serif;
	font-size: small;
}
#event_location{
	color: #f8981d;
	font-family: Calibri, Verdana, sans-serif;
	font-size: small;
	font-weight: bold;
}
#event_content{
	color: #4b4b4b;
	font-family: Calibri, Verdana, sans-serif;
	font-size: small;
}
#event_website{
	color: #f8981d;
	font-family: Calibri, Verdana, sans-serif;
	font-size: small;
}

/* end main content area */


/* For left side Text navigation*/
.navdiv/*container*/{
	background-color: #E8E8E8;
	min-height: 200px;
	padding: 15px;
	width: 150px;
	min-width: 150px;
	float:left;
}

.NleftNav{
	padding-top:0px;
/*	border-top:1px #8997BC solid;
	/*border-left:1px #8997BC solid;
/*	border-right:1px #8997BC solid;
	/*background-color: #D0D6E3; */
	width:160px;
	font-weight:bold;
	line-height: 1.2em;
}
.leftNavSpacer{
	width:160px;
}
.NleftNavSelected{
    color: #f8981d;
}
/*.NleftNav1, .NleftNav2, .NleftNav3
{
	color: #4b4b4b;
}*/
.NleftNav1{
	font-family: Calibri, Verdana, sans-serif;
	font-size: 0.8em;
}
.NleftNav1 a{
	padding-left: 5px;
	display: block;
	padding-right: 10px;
}
.NleftNav2{
	font-family: Calibri, Verdana, sans-serif;
	font-size: 0.8em;
}
.NleftNav2 a{
	padding-left: 5px;
	display: block;
	padding-right: 10px;
}
.NleftNav3{
	font-family: Calibri, Verdana, sans-serif;
	font-size: 0.8em;
}
.NleftNav3 a{
	padding-left:18px; 
	display:block;
	padding-right:10px; 
}
.NleftNavHover{
	color:#f8981d;
	text-decoration:underline;
}
.NleftNavFlyOuts{
	font-family: Calibri, Verdana, sans-serif;
	font-size: 0.8em;
	border-top: 1px #CBD1E0 solid;
	border-left: 1px #CBD1E0 solid;
	border-right: 1px #CBD1E0 solid;
}
.NleftNavFlyOutsItem{
	border-bottom:1px #CBD1E0 solid;
	background-color: #ECEFF3;
}
.NleftNavFlyOutsItem a{
	padding:1px 5px 1px 5px;
	display:block;
	color:#354260;
	*width:100px;
	min-width:100px;
}	
.NleftNavFlyOutsHover{
	background-color: #B2BCD3;
	text-decoration:underline;
}

/*Left Nav for Products Pages*/
#productsleftmenu{
	width: auto;
	float:left;
	padding:0px;
	width:160px;
	margin-top:45px;
	margin-left:20px;
	min-height: 200px;
}

.innerpgtitle{
	height: auto;
	min-height: 10px;
	padding-top: 10px;
	font: bold 1.1em calibri,verdana, sans-serif;
	color: #f8981d;
	padding-left:3px;
}

.sitemapdirectional{
	font-family: Calibri, Verdana, sans-serif;
	font-size: .9em;
	font-weight: normal;
	color: #f8981d;
	text-decoration:none;
}

#breadcrum_menu{
	color: #f8981d;
	font-family: Calibri, Verdana, sans-serif;
	font-size: .9em;
}

.breadcrumbCurrent{
	font-family: Calibri, Verdana, sans-serif;
	font-size: .9em;
	color: #f8981d;
}
 
.breadcrumbCurrent a{
	font-family: Calibri, Verdana, sans-serif;
	font-size: .9em;
	color: #f8981d;
	text-decoration:underline;
}

.breadcrumbCurrent a:hover{
	text-decoration:underline;
}

.breadcrumbCurrent a:visited{
	text-decoration:none;
}

.innerpageht{  /*Page height for most of the website */
	height:350px; 
	padding-right:10px;
	width:550px; 
	overflow-x:hidden;
	overflow-y:auto; 
}
 
.innerpageht1{  /*Page height for Services pages */
	height:250px; 
	width:550px;
	padding-right:10px;
	overflow-x:hidden;
	overflow-y:auto; 
}
 
 .innerpageht2{  /*Page height for Products homepage */
	height:260px; 
	width:550px;
	padding-right:10px;
	overflow-x:hidden;
	overflow-y:auto; 
}
 .innerpageht3{  /*Page height for products inner pages */
	height:275px; 
	width:320px;
	padding-right:10px;
	overflow-x:hidden;
	overflow-y:auto; 
}

 /*Styles for Events */
 
 .EventsDate{
	font-size:0.9em;
	color:#4b4b4b;
	padding-top: 5px;
}
 
 .EventsTitle{
	padding-top: 5px;
	font-size:11pt;
	color:#f8981d;
	font-weight:bold;
	
}
.EventsBody{
	font-size:0.9em;
   color:#4b4b4b;
	
}
.VisitSiteLink{
   font-size:0.9em;
   color:#f8981d;
}
.VisitSiteLink a {
   color:#f8981d;
   text-decoration:none;
}
.VisitSiteLink a:visited{
	text-decoration:none;
}

/* For Case Studies Pages*/
.innerpgtitlecasestudy{
	height: auto;
	padding-top: 10px;
	padding-bottom:20px;
	font: bold 0.9em calibri,verdana, sans-serif;
	color: #f8981d;
	float: left;
}
.casestudybyline{
	font: bold 0.9em calibri,verdana, sans-serif;
	color:#4b4b4b;
	padding-top: 10px;
	padding-bottom:20px;
}
.tableheaders{
	font: 0.9em calibri,verdana, sans-serif;
	color:#4b4b4b;
}
.tabletext{
	font: 0.9em calibri,verdana, sans-serif;
	color:#4b4b4b;
	text-align:justify;
}
/* End*/

.wrap0, .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap0 {
  float:left;
  background:url(/Style%20Library/Images/sengen/shadow.gif) right bottom no-repeat;
  }
.wrap1 {
  background:url(/Style%20Library/Images/sengen/shadow180.gif) no-repeat;
  }
.wrap2 {
  background:url(/Style%20Library/Images/sengen/corner_bl.gif) 0 100% no-repeat;
  }
.wrap3 {
  padding:4px 6px 6px 4px;
  background:url(/Style%20Library/Images/sengen/corner_tr.gif) 100% 0 no-repeat;
  }
.box {
	
	background: #FFFFF5;
}
.myCustomTopNavTable{
	padding:10;
	border:0;
}

.casestudylink {
                font: bold 1.1em calibri, verdana, sans-serif;
                color: #f8981d;
}
.casestudysubheader{
                font: bold 1.1em calibri, verdana, sans-serif;
                color:#4b4b4b;
}

/* Styles for Contact Form webpart*/

.textboxinput{
	font-family: Calibri, Verdana, sans-serif;
	font-size: 1.2em;
	color:#4b4b4b;
	border:1px #cccccc solid;
	background:#fff;
	width:200px;
}

select.other{
	font-family: Calibri, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	color:#4b4b4b;
	border:1px #cccccc solid;
	background:#fff;
	width:205px;
}

.btn{
	font-family: Calibri, Verdana, sans-serif;
	font-size: 1.2em;
	color:#4b4b4b;
	background: url(/Style%20Library/Images/sengen/btn_bg.gif)top repeat-x;
}

/* Styles for sitemap*/
a.title:link {
	color: #f8981d;
	font-weight:bold;
}