/* Start of CMSMS style sheet 'Metability : clipm layout' */
/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
  margin: 0;
  padding: 0;
}
/*Set initial font styles*/
body {
        text-align: left;
        font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
        color: #494949;
        font-size: 85%;
}

/*set font size for all divs, this overrides some body rules*/
div {
  font-size: 1em;
}
/*if img is inside "a" it would have borders, we don't want that*/
img {
  border: 0;
}

/*default link styles*/
a, a:link a:active {
  text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
  background-color: inherit;
  color: #404B69;
}
a:visited {
  text-decoration: underline;
  background-color: inherit;
  color: #18507C;
/* a different color can be used for visited links */
}
/* remove underline on hover and change color */
a:hover {
  text-decoration: none;
  background-color: inherit;
  color: #385C72;
}

/* --------------------------------------------------
    cufon - do not delete!
   -------------------------------------------------- */

.cufon {
 /* nothing needed here, move along... */
}

/* --------------------------------------------------
    Utils
   -------------------------------------------------- */
   
dfn {
  display: none;
  overflow: hidden;
}

.accessibility, hr {
  position: absolute;
  top: -999em;
  left: -999em;
}

.clear {
  clear: both;
}   
.clear:after {
  content: ".";
  height: 0px;
  visibility: hidden;
  display: block;
  clear: both;
}

/*****************basic layout *****************/
body {
  text-align: left;
  min-width: 960px;
  margin: 0 auto;
  border: 0;
  padding: 0;
  background: #FFFFFF url(uploads/metability/images/bg_page.png) repeat-x top;
}
#bodyWrapper {
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header {
/* adjust according your image size */
  height: 93px;
  width: 
  margin: 0;
  padding: 0;

  /* you can set your own image here, will go behind h1 a image */
/* border just the bottom */
/*  border-bottom: 1px solid #D9E2E6;*/
}

div#header h1 a {
  background: transparent url(uploads/metability/images/HeaderLogoMetability.png) no-repeat 50px 15px;
  display: block;
  height: 93px;
  text-indent: -999em;
  text-decoration: none;
  border-bottom: 0px;
  outline: none;
}

div#header h1 {
  margin: 0;
  padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
  line-height: 0;
  border-bottom: 0px;
  font-size: 0;
/* this will keep IE6 from flickering on hover */
  background: transparent url(uploads/metability/images/HeaderLogoMetability.png) no-repeat 50px 15px;
}

div#header div.feulogin {
  float: right;
  margin: 30px 30px 0 0;
}

div#header div.feulogin, div#header div.feulogin a {
 color: #FFFFFF;
}

div.breadcrumbs {
  padding: 0.7em 0em 1em 2em;
  font-size: 1em;
  margin: 0;
}

div.breadcrumbs span.lastitem {
  font-weight: bold;
}

div#search {
  float: right;
  width: 27em;
  text-align: right;
  padding: 0.5em 0 0 0;
  margin: 0 1em;
}

/* a class for Submit button for the search input box */
input.search-button {
  border: none;
  height: 22px;
  width: 53px;
  margin-left: 5px;
  padding: 0px 2px 2px 0px;
/* makes the hover cursor show, you can set your own cursor here */
  cursor: pointer;
/* you can set your own image here */
  background: url(uploads/ngrey/search.gif) no-repeat center center;
}

div#content {
  margin: 1.5em auto 2em 0;
  padding: 0px;
}

div#main {
  padding: 10px 15px;
  background: url(uploads/ngrey/rtup.gif) no-repeat right bottom;
}


div#footer {
  padding: 0px 0px 0px 10px;
  color: #595959;
  border-top: 1px solid #F2F2F2;
  background: url(uploads/metability/images/footerpad.gif) no-repeat left top;
}

div#footer p {
  font-size: 0.8em;
  padding: 1.5em;
  text-align: center;
  margin: 0;
}

div#footer p a {
  color: #595959;
}

div.hr {
  height: 1px;
  padding: 1em;
  border-bottom: 1px dotted black;
  margin: 1em;
}

div.left49 {
  width: 70%;
}
div.right49 {
  float: right;
  width: 29%;
  text-align: right;
}

/* From the Ocean layout */
#contentHeading {
  text-align: left;
  width: 920px;
  margin: 0 auto;
  padding: 0px;
  padding-bottom: 10;
}

#contentWrapper {
 text-align: left;
 width: 960px;
 margin: 0 auto;
 padding: 0;
 border: 0;
 background-color: #fff;
}  

#contentMain {
  width: 960px;
  margin: 0 auto;
  padding: 0.5em ;
  border: 0;
  text-align: left;
  float: left;
  margin-top: 0px;
  margin-bottom: 10px;
  background-color: #fff;
}
    /* HACK: IE6 doubles the right margin. */
* html #contentMain  {
  margin-right: 10px;
}

/* Full-width content page, no child pages */
#contentMainFullWidth {
  width: 920px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
}

/* Two column content page, no children */
#contentLeftNoChildren {
 float: left;
 width: 630px;
 margin-left: 20px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-right: 20px;
}

/* HACK: IE6 doubles the left margin. */
* html #contentLeftNoChildren {
  margin-left: 10px;
}

#contentRightNoChildren {
  float: left;
  width: 250px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 20px;
}

/* HACK: IE6 doubles the right margin. */
* html #contentRightNoChildren {
  margin-right: 10px;
}

/* Two column content page, with children */
#contentLeftWithChildren {
  float: left;
  width: 480px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 20px;
}

/* HACK: IE6 doubles the margins. */
* html #contentLeftWithChildren {
  margin-left: 0;
  margin-right: 10px;
}

#contentRightWithChildren {
  float: left;
  width: 200px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 20px;
}

/* HACK: IE6 doubles margins. */
* html #contentRightWithChildren {
  margin-left: 10px;
  margin-right: 10px;
}
        
/* --------------------------------------------------
    Homepage content boxes
   -------------------------------------------------- */

.boxFeaturedContentLeft {
  float: left;
  width: 610px;
  margin: 0;
  border: 0;
  padding: 0;
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* HACK: IE6 doubles the left margin. */
* html .boxFeaturedContentLeft {
  margin-left: 10px;
}

.boxFeaturedContentMain {
  width: 610px;
}

.boxSubContentLeft {
  float: left;
  width: 275px;
  padding: 10px;
  min-height: 15px;
  margin-right: 10px;
  margin-top: 20px;
  background: #e3e3e3 url(uploads/metability/images/bg_feature_box.gif) repeat-x top;
}

.boxSubContentRight {
  float: left;
  width: 275px;
  padding: 10px;
  min-height: 15px;
  margin-left: 10px;
  margin-top: 20px;
  background: #e3e3e3 url(uploads/metability/images/bg_feature_box.gif) repeat-x top;
}

.boxNewsRight {
  float: right;
  width: 290px;
  margin: 0;
  border: 0;
  padding: 0;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.SidbarQuicklinkPad {
  min-height: 38px;
  margin: 10px;
  margin-right: 25px;
  padding: 1px 0 0 0px;
  background: #e3e3e3 url(uploads/metability/images/bg_h4_Sidebar.png);
}

/* HACK: IE6 doubles the right margin. */
* html .boxNewsRight {
  margin-right: 10px;
}

/********************CONTENT STYLING*********************/
/* HEADINGS */
h1 {
  line-height: 1em;
  margin: 0.3em 1em 0.3em 0;
  padding: 0.5em 0 0.7em 0.3em;
  background-color: #f3f3f3;
  background: transparent url(uploads/metability/images/bg_h1.png);
  background-repeat:no-repeat;
  font-size: 1.9em;
  color: #ffffff;


}
h2 {
  text-align: left;
  margin: 0.5em 1em 0.5em 0;
  font-size: 1.6em;
  color: #7A8EA1;
  padding-bottom: 0.2em;
  border-bottom: 1px dotted #cccccc;

}

h3 {
  color: #404B69;
  font-size: 1.2em;
  margin: 0.5em 0.5em 0.5em 0;
  line-height: 1.3em;
}

h4 {
  font-size: 1.1em;
  margin: 0.5em 1em 0.5em 0;
  line-height: 1.2em;
}

h5 {
  color: #404B69;
}

h6 {
  color: #294B5F;
  font-size: 1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}

/* Homepage headings */
.boxFeaturedContentMain h2 {
  margin-top: 0;
}

.boxSubContentLeft h3, .boxSubContentRight h3 {
  margin-top: 0;
}

#footerContent a {
  color: #404B69;
  text-decoration: none;
}


  

/* END HEADINGS */

/* --------------------------------------------------
    Typography
   -------------------------------------------------- */

p { 
  font-size: 1.05em;
  line-height: 1.25em;
}

blockquote {
  margin-left: 10px;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

pre {
  background-color: #ddd;
  margin: 0 1em 1em 1em;
  padding: 0.5em;
  line-height: 1.5em;
  font-size: 90%;
}

/* END TEXT */



/* --------------------------------------------------
    Slideview homepage widget
   -------------------------------------------------- */

/* Preloader stuff, do not modify! */
.svwp {
  width: 50px;
  height: 20px;
  background: #fff;
} 

.svwp ul {
  position: relative;
  left: -999em;
}

.slideViewer { 
  position: relative;
  overflow: hidden; 
  margin: 0;
  padding: 0;
  background: #fff;
}

/* Your list of images */
.slideViewer ul { 
  position: relative;
  left: 0;
  top: 0;
  width: 1%;
  list-style-type: none;
  margin: 0; 
  padding: 0;
}

.slideViewer ul li {
  float:left;
}

/* For the text pop-up */
.slideViewer span.typo { 
  padding: 6px; /* do not modify padding */
  background: #fff;
  color: #494949;
  font: bold 12px Arial;
}

.thumbSlider { 
  overflow: hidden;
  width: 1%;
  background: #fff;
}

.thumbSlider ul { 
  list-style-type: none;
  margin: 0; 
  padding: 0;
}

.thumbSlider ul li { 
  float:left;
  margin: 0;
}

.thumbSlider a {
  color: #fff;
  text-decoration: none;
}

.thumbSlider a img {
  border: 0;
  display: block;
  padding: 0;
}

.thumbSlider p.tmbrdr {
/* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
  position:relative; 
  left: 0;
  font-size: 0.01em;
  left: 0;
  margin: 0;
  padding: 0;
}

a.left, a.right {
/*the left and right buttons (links)*/
  background: transparent; /* could be any color  */
  color: #ff0000;
  font: bold 16px Arial;
  overflow: hidden;
}

a.left span, a.right span {
}

a.left img, a.right img {
  border: 0;
}

a.l_dis, a.r_dis {
  background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
  cursor: default;
}

a.l_dis span, a.r_dis span {
  display: none;
}

a:focus {
  outline:none;
}
/* End of 'Metability : clipm layout' */