/* CSS Document - body.css */
/* Global Style to contain font and body container styles for the entire site */
/* Created 10/08/2006 - Cranfield School of Management */ 
@import url("/som/som_applications/includes/sommenu.css");

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	text-decoration: none;
	font-size: small;
	}

p {	
	margin-top: 0px;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #525252;
	text-decoration: none;
	padding-left: 10px;
	}

p.small {
	margin-top: 0px;
	font-size: 10px;
	font-style: normal;
	color: #666;
	text-decoration: none;
	padding-left: 10px;
	}

.quote {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #6f92a6;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	}
	
.date {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: none;
	}

h1 {
	margin-top: 5px;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: none;
	padding-left: 10px;
	}

h1.inv {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 8px;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	}

h2 {
	
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: none;
	padding-left: 10px;
	}

h3 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: none;
	padding-left: 10px;
	}

h6 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	padding-left: 10px;
	}

 td {
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #525252;
	text-decoration: none;
	padding-left: 10px;
	}

hr {	
	height: 1px;
	text-align: center;
	color: #6f92a6;
	}

#main-container img {
	float: right;
	margin: 0px 5px 5px 5px;
	}

	
#barlamb img {
    float: left;
	margin: 0px 0px 0px 0px;
	}

#left img {
	float: left;
	margin: 0px 5px 5px 5px;
	}

#top-container {
	width: 763px; 
	position: relative; 
	height: 100px;
	}

/* Site Layout */

#center {
	text-align: center;
	}

#top {
	position:relative;
	margin: 0;
	width:764px;
	height:130px;
	text-align:left;
	background-color:#fff;
	padding-left:0px;
	}

#main-container {
	position: relative;	
	width: 608px;
	margin-left: 155px;
	margin-bottom:20px;
	background-color: #fff;
	height: auto;
	}
	

#main-container td {
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #525252;
	text-decoration: none;
	padding-left: 10px;
	}

	
#main-container  a:link, #main-container a:visited, #main-container  a:active{
	font-size: 12px;
	color: #6f92a6;
	text-decoration: underline;
	}

#main-container  a:hover  {
	font-size: 12px;
	color: #6f92a6;
	text-decoration: none;
	}

#main-container  ul {
    font-size: small;
    color: #525252; 
    list-style-type: disc;
    text-decoration: none;
	} 

#main-container ol {
    font-size: small;
    color: #525252; 
	/*list-style-type: number;*/
    text-decoration: none;
	} 

/* Left Hand Nav */

#nav {
	position: absolute;
	left: 10px;
	width: 155px;
	background-color: #fff;
	}

.right img {
	float: right;
	margin: 0px 5px 5px 5px;
	}
	
.outline-right img {
	float: right;
	border-top: 1px solid #6f92a6;
	border-left: 1px solid #6f92a6;
	border-bottom: 1px solid #6f92a6;
	border-right: 1px solid #6f92a6;
	padding: 10px 10px 10px 0px;
	margin: 0px 5px 5px 5px;
	}

/* Styles for full width silver boxes */

#wide {
	width: 600px;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
#wide img {
	float: left;
	margin: 0px 5px 0px 5px;
	}
		
#wide p, #wide td {
	color: #525252;
	font-weight: normal;
	padding: 0px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	}

#wide h1 {
	color: #6f92a6;
	font-weight: bold;
	padding: 0px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	}
#wide h2 {
	color: #6f92a6;
	font-weight: bold;
	padding: 0px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	}

#wide h1 img {
	float: right;
	margin: 0px 5px 0px 0px;
	}
	
#wide td img {
	float: left;
	margin: 0px 5px 0px 0px;
	}

#wide em {
	color: #6f92a6;
	font-size: 13px;
	padding: 0px 0px 20px 10px;
	font-weight: normal;
	font-style: italic;
	}

#wide a:link, #wide a:visited, #wide a:active {
	color: #6f92a6;
	text-decoration: underline;
	font-weight: bold;
	}

#wide a:hover  {
	font-size: 12px;
	color: #6f92a6;
	text-decoration: none;
	}
	

#botwidesubimg {
    background:  url('/som/som_applications/images/bottomwideSilver.jpg') no-repeat;
	height: 12px;
	clear:both;
	}

#topwidesubimg {
    background:  url('/som/som_applications/images/topwideSilver.jpg') no-repeat;
   	height: 18px;
	}

#botwidesubimgcenter {
	text-align:center;
    background:  url('/som/som_applications/images/bottomwideSilver.jpg') no-repeat;
	height: 12px;
	}
	
/* Styles for centered full width silver boxes */

#centered-wide {
	width: 600px;
	text-align:center;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
#topwidecenter {
    background:  url('/som/som_applications/images/topwideSilver.jpg') no-repeat;
   	height: 18px;
	}

/*#wide {
	width: 600px;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
#wide img {
	float: left;
	margin: 0px 5px 20px 5px;
	}
		
#wide p, #wide td {
	color: #525252;
	font-weight: normal;
	padding: 0px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	}

#wide h1 {
	color: #6f92a6;
	font-weight: bold;
	padding: 0px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	}

#wide h1 img {
	float: right;
	margin: 0px 5px 0px 0px;
	}
	
#wide td img {
	float: left;
	margin: 0px 5px 0px 0px;

	}

#wide em {
	color: #6f92a6;
	font-size: 13px;
	padding: 0px 0px 20px 10px;
	font-weight: normal;
	font-style: italic;
	}

#wide a:link, #wide a:visited, #wide a:active {
	color: #6f92a6;
	text-decoration: underline;
	font-weight: bold;
	}

#wide a:hover  {
	font-size: 12px;
	color: #6f92a6;
	text-decoration: none;
	}
	
#topwidesubimgcenter {
    background:  url('/som/som_applications/images/topwideSilver.jpg') no-repeat;
   	height: 18px;
	}

#botwidecenter {
	background:  url('/som/som_applications/images/bottomwideSilver.jpg') no-repeat;
	height: 12px;
	}
	
	
/* Styles for 200 pixel width silver boxes */

#twohundred {
	width: 198px;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
#twohundred p, #twohundred td{
	color: #525252;
	font-size: 10px;
	font-weight: normal;
	padding: 30px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	}
	
#twohundred h3 {
	color: #6f92a6;
	font-weight: bold;
	padding: 0px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	}
	
#twohundred em {
	color: #6f92a6;
	font-size: 16px;
	font-weight: normal;
	font-family: Bodoni MT;
	}
	
#twohundred a:link, #twohundred a:visited, #twohundred a:active{
	color: #6f92a6;
	text-decoration: underline;
	font-weight: normal;
	}

#twohundred a:hover  {
	font-size: 12px;
	color: #6f92a6;
	text-decoration: none;
	}

#twohundred img {
	float: left;
	padding: 0px 5px 0px 0px;
	margin-left: 5px;
	}

#top200{
    background:  url('/som/som_applications/images/topSilver200.jpg') no-repeat;
   	height: 20px;
	}

#bot200 {
    background:  url('/som/som_applications/images/bottomSilver200.jpg') no-repeat;
	height: 20px
    }
	
/* Styles for Team Page */

#team {
	width: 600px;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
#team img {
	float: left;
	margin: 0px 5px 30px 5px;

	}
		
#team p, #team td {
	color: #525252;
	font-weight: normal;
	padding: 0px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	}

#team h1 {
	color: #6f92a6;
	font-weight: bold;
	padding: 0px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	}

#team em {
	color: #6f92a6;
	font-size: 14px;
	padding: 0px 5px 20px 10px;
	font-weight: normal;
	font-style: italic;
		}

#team a:link, #team a:visited, #team a:active{
	font-size: 12px;
	color: #6f92a6;
	text-decoration: none ;
	font-weight: bold;
}

#team a:hover  {
	font-size: 12px;
	color: #6f92a6;
	text-decoration: underline;
	font-weight: bold;
}

/* Style for Play Movie Button */

#movie {
	margin: 10px 5px 0px 5px;
	}

#movie img {
	float: left;
	margin: 0px 5px 0px 5px;
	border: none;
	}

#movie a, #movie a:active, #movie a:visited {
	font-family: verdana, arial, sans-serif;
	font-size: small;
	text-decoration:none;
	color: #333;
	}
#movie a:hover {
	text-decoration: underline;
	}
/* Styles for Executive Course details Pages  */

.courses {
	width: 600px;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
.courses img {
	margin: 0px 5px 0px 5px;
	border: 0px;
	}
		
.courses p, #courses td {
	color: #525252;
	font-weight: normal;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
	}

.courses h1 {
	color: #6f92a6;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	}

.courses a:link, courses a:visited, courses a:active {
	font-size: 12px;
	color: #6f92a6;
	text-decoration: underline;
	font-weight:normal;
}

/*#team a:hover  {
	font-size: 12px;
	color: #6f92a6;
	text-decoration: none;
	font-weight: normal;
}*/

hr.courses {
	border: 1px dotted #ccc;
	width: 590px;
	}

/* Styles for Right-Box */

#right-box-container {
	float:right;
	background-color:#fff;
	width: 160px;
	margin-right:0px;
	margin-bottom:5px;
	}
	
#right-box-container h1 {
	background-image:  url('/som/som_applications/images/newsHead.jpg');
	background-repeat:no-repeat;
	display: block;
	font-family: verdana;
	width: 158px;
	height: 22px;
	padding-top: 3px;
	padding-left: 4px;
	color:#fff;
	font-size: 10pt;
	font-weight:bold;
	margin: 0px;
	clear:both;
	}

#quick-link {
	text-align: left;
	width: 156px;
	border-right: 1px solid #7da3b8;
	border-left: 1px solid #7da3b8;
	border-top: 2px solid #339966;
	} 
	
#quick-link p {
	color: #333;	
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	}

#quick-link img {
	float: left;
	margin: 5px 5px 0px 5px;
	}

#quick-link a:link, #quick-link a:visited, #quick-link a:active  {
	font-size: 11px;
	font-family: verdana;
	color: #333;
	text-decoration: none;
	}
	
#quick-link  a:hover  {
	font-size: 11px;
	font-family: verdana;
	color: #009933;
	text-decoration: underline;
	}
		
#right-box-no-border {
	width: 158px;
	/*height: 50px;*/
	padding: 0px;
	margin: 0px;
	text-align:left;
	} 

#right-box {
	text-align: left;
	width: 156px;
	border-right: 1px solid #7da3b8;
	border-left: 1px solid #7da3b8;
	border-top: 2px solid #445762;
	}  
	
#right-box p, #right-box td {
	font-family: verdana;
	font-size: 11px;
	color: #333;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	}
	
#right-box h6 {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	margin: 0px;
	padding: 5px 3px 0px 5px;
	}

#right-box em {
	font-family: verdana;
	font-size: 12px;
	color: #990033;
	/*font-style:normal;
	font-style:bold;*/
	}
	
#right-box-link {
	list-style: none;
	padding: 0 0 0 0px;
	margin: 0;
	border: 0;
	}
	
#right-box-link li {
	list-style: none;
	}

#right-box img {
	margin: 5px 5px 0px 0px;
	}

#right-box a:link, #right-box a:visited, #right-box a:active  {
	font-size: 11px;
	font-family: verdana;
	color: #6f92a6;
	text-decoration: none;
	padding-left: 2px;
	font-weight: bold;
	}
	
#right-box a:hover  {
	font-size: 11px;
	font-family: verdana;
	color: #6f92a6;
	text-decoration: underline;
	font-weight: bold;
	}
	
#right-box-foot {
	background:  url('/som/som_applications/images/quickFoot.jpg') no-repeat;
	height: 18px;
	width: 168px;
	}
	
.right-box-foot {
	background:  url('/som/som_applications/images/quickFoot.jpg') no-repeat;
	height: 18px;
	width: 168px;
	}
	
	
/* Container for holding book summarie buttons for KI */

#right-box-container-ki {
	float: right;
	background-color:#fff;
	width: 120px;
	margin-right: 6px;
	margin-bottom: 0px;
	}
	
#right-box-container-ki img{
	float: right;
	background-color:#fff;
	width: 120px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

/* Contact Form et al */

#contact label {
	width: 15em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}
	
#contact input, #contact select, #contact textarea {
	margin-left: 1em;
	border-top: 1px solid #7da3b8;
	border-right: 1px solid #7da3b8;
	border-bottom: 1px solid #7da3b8;
	border-left: 1px solid #7da3b8;
	margin-bottom: 5px;
	}

.contact-button {
	margin-top: 10px;
}

div.row {
  clear: both;
  padding-top: 10px;
}

div.row span.label {
  float: left;
  width: 130px;
  text-align: right;
}

div.row span.formw {
  float: right;
  width: 190px;
  text-align: left;
}

.selectOne {
	width: 200px;
}

/* Style for full screen width */

#full-screen {
	position: relative;	
	width: 764px;
	margin-left: 0px;
	background-color: #fff;
	min-height: 600px;
	}
	
#full-screen  a:link {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: underline;
}

#full-screen  a:visited {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: underline;
}

#full-screen  a:hover  {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: none;
}

#full-screen  a:active  {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: underline;
}

#full-screen  ul {
    font-size: small;
    color: #525252; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    list-style-type: disc;
    text-decoration: none;
} 

#full-screen ol {
    font-size: small;
    color: #525252; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    /*list-style-type: number;*/
    text-decoration: none;
}

/* Style for full screen width */

#pop-up {
	position: relative;	
	width: 370px;
	margin-left: 0px;
	background-color: #fff;
	min-height: 600px;
	}
	
#pop-up a:link {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: underline;
}

#pop-up a:visited {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: underline;
}

#pop-up a:hover  {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: none;
}

#pop-up a:active  {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6f92a6;
	text-decoration: underline;
}

#pop-up ul {
    font-size: small;
    color: #525252; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    list-style-type: disc;
    text-decoration: none;
} 

#pop-up ol {
    font-size: small;
    color: #525252; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    /*list-style-type: number;*/
    text-decoration: none;
}

/* Style for 2 columns Site Map page */

#siteMap-left {
	position: absolute;
	width: 378px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #fff;
	}

#siteMap-right {
	position: absolute;
	margin-top: 0px;
	margin-left: 379px;
	width: 378px;
	background-color: #fff;
	}
	
#siteMap-container  a:link, #siteMap-container a:visited, #siteMap-container  a:active{
	font-size: 12px;
	color: #6f92a6;
	text-decoration: underline;
}

#siteMap-container  a:hover  {
	font-size: 12px;
	color: #6f92a6;
	text-decoration: none;
}

#siteMap-container  ul {
    font-size: small;
    color: #525252; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    list-style-type: disc;
    text-decoration: none;
} 

#siteMap-footer {
	position: absolute;
	margin-top: 730px;
	width: 764px;
	height: 40px;
	text-align:center;
	padding-top:0;
	}


/* Cranfield Online Styles */

#cranfOnline img {
	text-align: center;
	margin: 0px 5px 5px 5px;
	border: 0px;
	}

/* Footer Styles */

#footer {
	position:relative;
	margin: 0 ;
	width:764px;
	background-color: #fff;
	text-align:center;
	padding-top:0;
	clear:both;
	}
/* Expanding image gallery AEG 6/7/07 see /som/som_applications/msclogistics/globalmsc/china2007.asp*/
.gallerycontainer{
position: relative;
clear:both;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
/*border: 1px solid blue;*/
margin: 0px 0px 0px 0px;
}

.thumbnail div{ /*CSS for enlarged image*/
position: absolute;
background-color: #eee;
margin:60px 0px 0px 0px;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail div img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover div{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 100;
}

/*AEG 20/11/07 at a glance exec dev*/
.moddates{
list-style-type:none;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
font-size:10px;
}

.moddates li {
display:block;
background-color:#e9e9e9;
border:1px solid #669999;
padding:2px 2px 2px 2px;
margin:1px 0px 5px 0px;
font-size:10px;
}
p.err{
clear:both;
color:#ff0000;
font-weight:bold
}