/* Start of CMSMS style sheet 'fluid' */
/* JUMP LINKS */
#jumplinks {
      left:-5000px;
      position:absolute;
      top:-5000px;
}

/* BRANDING */
#branding {
    margin: 0;
}

#branding a {
    text-indent: -100em;
    display: block;
    background: url('uploads/images/FluidSiteHeader.png') no-repeat top left;
    height:99px;
}

#branding a:focus {
    outline-width: 0px;
}

.breadcrumbs {
    padding-top: 5px;
}

.hidden {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px; 
    height:1px;
    overflow:hidden;
}

/* BODY */
html {
     background-image: url(uploads/images/FluidSiteHeaderBG.png);
     background-repeat: repeat-x;
     background-position: top center;
     color: #333333;
}

body {
    background-image: url(uploads/images/FluidSiteMainBG.png);
    background-repeat: repeat-x; 
    background-position: left bottom;
    font-size: 0.9em;
    line-height: 1.5em;
}

h2 {
    font-size:1.5em; 
    line-height:1.8em;
    margin:1.25em 0 0.1em;
}

h3 {
     font-size:1.3em; 
     line-height:1.6em;
}

table {
      margin-left: 2px;
}

.design_rollover {
      background:transparent url(uploads/images/home_design.png) no-repeat scroll center top
}

.demos_rollover {
      background:transparent url(uploads/images/home_demos.png) no-repeat scroll center top
}

.projects_rollover {
      background:transparent url(uploads/images/home_projects.png) no-repeat scroll center top
}

.downloads_rollover {
      background:transparent url(uploads/images/home_downloads.png) no-repeat scroll center top
}

.documentation_rollover {
      background:transparent url(uploads/images/home_documentation.png) no-repeat scroll center top
}
.infusion_rollover {
      background:transparent url(uploads/images/home_infusion.png) no-repeat scroll center top
}

.rollovers {
      display:block;
      font-size:1.35em;
      font-weight:bold;
      height:170px;
      width:190px;
      text-decoration:none;
}

.rollovers:hover {
      background-position: bottom center
}

.rollovers:focus {
    outline-width: 0px;
}

.bolder-text {
      font-weight: bold;
}

a {
     /*text-decoration: none;*/
     color: #577F00;
}

:focus {
     outline: 1px solid white;
}

img {
      display: block;
}

.push-down {
      padding-top: 20px;
      padding-bottom: 20px;
}

/* NAVIGATION */
#primary-nav {
      margin: 0.8em 0;
      padding:0;
      border: none;
 }

#primary-nav li a {
    background-color: #333;
    border-color:#848484;
    border-bottom:none;
    border-top:none;
    padding:0.8em 3em;
    color:#fff;
    zoom:0;
    white-space: nowrap;
    text-decoration:none;
}

#primary-nav li a:hover, 
#primary-nav .fl-activeTab a {
     background-image : url(uploads/images/FluidSiteNavBG.png);
     background-repeat: repeat-x;
     white-space: nowrap;
}

/* SUB-NAV */
.tabbed_content_container {
    background: url(uploads/images/single_grey_pixel.png) repeat-y 229px top ;
    margin-bottom:30px;
}

.sub_nav_tabs {
    background:#333333 url(uploads/images/subnav_tabs_bg.png) repeat-x top left;
    margin:60px -1px 0 30px;
    border:none;
}

.sub_nav_tabs li {
    border:none;
}

.sub_nav_tabs li a {
    color: #d8e1c3;
    padding:10px 15px;
    font-weight:bold;
}

.sub_nav_tabs li a:hover {
   color:#333;
   background-color:#D8E1C3;
}

.sub_nav_tabs .fl-activeTab a, 
.sub_nav_tabs .fl-activeTab a:hover {
    background:#fff;
    color:#333;
    border:1px solid #ccc;
    border-right:none;
    margin-left:-10px;
    padding-left:25px;
    *margin-left:0px;
    *padding-left:15px;
}

.activeContent {
    float:left;
    display:inline;
    margin-left:1px;    
    border:1px solid #ccc;
    border-left:none;
    background:#f4f4f4 url(uploads/images/subnav_tabs_content_bg.png) repeat-x top left;
    padding: 15px;
    min-height:250px;
    width:680px;
}

.activeContent p {
    padding-bottom:10px;
}
.activeContent h3 {
    float:left;
    width:100%;
}

p span.follow {
    display:block;
    text-align:right;
    padding:5px 0 30px;
    font-style:oblique;
    color: #ccc;
}

/************** Project Blocks ****************************/

.left_project_div {
    margin-right: 45px;
}

.project_block{
    background-position:left top;
    background-repeat:no-repeat;
    width: 100px;
    height: 100px;
}

.left_project_block {
    margin-left: -30px;
    padding-left: 10px;
    margin-right: 10px;
}

.right_project_block {
    margin-right: 20px;
    margin-left: 0px;
    width: 130px;
}


/************** Logo Blocks ****************************/
.logo_block {
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:150px;
    padding-right:15px
}

.logo_block_push_down {
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:150px;
    padding-right:15px;
    padding-top: 30px;
}

.logo_heritage {
   background-image: url(/uploads/images/Heritage.png);
}

.logo_collectionspace {
    background-image:url(uploads/images/CollectionSpace.png);
}

.logo_opencast{
    background-image:url(uploads/images/opencast.png);
}

.logo_fluidAcademic{
    background-image:url(uploads/images/LogoFluid.png);
}

.logo_fluidEngage{
    background-image:url(uploads/images/LogoFluidEngage.png);
}

.logo_decapod{
    background-image:url(uploads/images/Decapod.png);
}

.logo_atrc{
    background-image:url(uploads/images/atrc.png);
}

.logo_fluidInfusion{
    background-image:url(uploads/images/LogoFluidInfusion.png);
}

.logo_fluidOSDPL {
   background-image:url(uploads/images/LogoFluidOSDPL.png);
}

.logo_fluidDesignHandbook {
   background-image:url(uploads/images/LogoFluidDHandbook.png);
}

.logo_VULab {
   background-image:url(uploads/images/VUlab.png);
   margin-top: -10px;
}

.logo_educational {
   background-image:url(uploads/images/Educational.png);
   margin-top: -5px;
}

.partner_block {
    background-position:center top;
    background-repeat:no-repeat;
    width:130px;
    height:30px;
    padding-top:80px;
    float:left;
    display:inline;
   text-align:center;
}


/* HOME CONTENT */
#home-content {
        padding-bottom: 1em;
        margin-bottom: 2em;
        background-image: url(uploads/images/ImgBar.png);
        background-repeat: no-repeat;
        background-position: 63% 2em;
}

#home-main-text {
        margin-right: 44%;
}

#home-news {
     padding-left: 20px;
}

#home-news .NewsSummary {
       margin-top: 12px;
}

#home-news img {
      padding: 1.5em 1.2em;
}

#home-news .NewsSummaryHeading {
       font-style: italic;
       font-weight: bold;
       margin-bottom: 0;
}

#home-news .NewsSummaryByLine {
      font-size:0.8em;
      line-height:1.1em;
}

#home-news .NewsSummaryParagraph {
     margin-top: 1em;
     margin-bottom: 0;
}

#home-rollovers {
     padding-top: 10px;
}

#home-rollovers a {
    white-space: nowrap;
}

/* ABOUT */
.img-margin {
      padding:0 35px 40px 0;
}

ul.margin-list {
    margin: 5px 0;
    padding: 5px 0;
}

ul.margin-list li {
    list-style-position: inside;
}

/* PARTNERS CONTENT */
#all-content .fl-col-flex7 .fl-col {
    width : 14.25%;
}

#all-content .fl-col-flex6 .fl-col {
    width : 16.6%;
}

.logo_cluster {
    padding-bottom:10px;
}

ul.clean-list {
    margin: 0;
    padding: 0;
}

ul.clean-list li {
      list-style-type:none;
}

.dividing-image {
     margin-top: 20px;
}

/* PRODUCTS CONTENT*/
.left_product_block {
      padding-bottom: 30px;
}

.right_product_block {
      padding-bottom: 30px;
}

.left_product_block li, .right_product_block li {
     list-style-position: inside;
}

.product_block_logo {
    background-position:left top;
    background-repeat:no-repeat;
    width: 140px;
    height: 120px;
}

.left_product_block_logo {
    height: 120px;
}

#ed-res {
     padding-top: 20px;
}

/* GET INVOLVED CONTENT */
.getinvolved-text {
       font-size: larger;
       font-weight: bold;
       margin-top: 15px;
       margin-bottom: 20px;
       text-align: center;
}

.getinvolved-container {
       width: 115px;
}

/* SITE INFO */
#site-info {
    height:80px;
    background-color: #333333;
}

#site-info p {
    background-image: url('uploads/images/FluidFooterLogo.png');
    background-repeat: no-repeat;
    background-position: left center;
    color:white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left:75px;
}

/* NEWS on news page */
.NewsSummary2 {
     margin: 0 50px 50px 50px;
}

.NewsSummaryLink2 {
     font-size: larger;
     font-weight: bolder;
     margin-bottom: 0px;
}

.NewsByLine2 {
      font-size: smaller;
}

.demos-table th, .demos-table td {
      width: 200px;
}

.demos-table th.demos-table-right, .demos-table td.demos-table-right {
      width: 500px;
}

.engage {
    padding:1em 2em 2em;
}


/**** Infused Content ****/
/* Banner for homepage */
.banner {
   background:transparent url(uploads/images/banner_infusion_bar.png) no-repeat scroll left top;
   height:80px;
   padding:20px 0 0 20px;
}
.banner h2 {margin:12px 0 0 0;padding:0;}
.banner_button {
   float:right;
   height:96px;
   margin-top:-20px;
   width:300px;
   text-indent:-100%;
}
.banner_button:hover {background-position:bottom left;}
.download_button {
   background:transparent url(uploads/images/banner_download_button.png) no-repeat scroll 0 0;
}
.learn_button {
   background:transparent url(uploads/images/banner_learn_button.png) no-repeat scroll 0 0;
}

/* Splash and sidebar for product page */

.infusion_splash {
  background:transparent url(uploads/images/infusion_landing_splash.png) no-repeat scroll left top;
  height:150px;
  margin:0;
  padding:0;
  text-indent:-100%;
  position:relative;
}
.infusion_splash a {
  font-size:1.5em;
padding:53px 20px 50px 45px;
position:absolute;
right:0;
text-indent:0;
top:0;}

.infusion_splash sup {
color:#fff;
left:350px;
position:absolute;
text-indent:0;
top:45px;
font:normal 1.5em Verdana;
}

.infusion_sidebar {
  background:transparent url(uploads/images/infusion_sidebar_repeater.png) repeat-y scroll left top;
  float:right;
  margin:0 30px;
  display:inline;
  position:relative;
}
.infusion_sidebar .heading {
color:#FFFFFF;
margin:20px 0 0 20px;
position:absolute;
font-size:1.25em;
line-height:1em;
}
.infusion_sidebar ul {
  background:transparent url(uploads/images/infusion_sidebar_top.png) no-repeat scroll left top;
  margin:0;
  padding:50px 20px 0px;
}
.infusion_sidebar li {list-style:none}
.infusion_sidebar a {color:#d6dbcb; background:url(uploads/images/sidebar_bullets.png) no-repeat -285px 0.35em; display:block; padding:0 0 20px 25px; zoom:1; width:150px; text-decoration:underline;}
.infusion_sidebar a:hover {background-position:0px 0.35em; color:#fff;}


.panel_group div.infusion_panel {
   background:transparent url(uploads/images/panel_TR_scaling.png) no-repeat scroll right top;
   padding:0;
   position:relative; 
   margin-top:10px;
}
.infusion_panel h3 {
   background:transparent url(uploads/images/panel_TL_corner.png) no-repeat scroll left top;
   color:#FFFFFF;
   margin:0;
   padding:10px 0 50px;
   text-align:center;
   position:absolute;
   width:100%;
}
.infusion_panel p {
   background:transparent url(uploads/images/panel_BL_scaling.png) no-repeat scroll left bottom;
   margin:0;
   padding: 55px 25px 20px;
}
.infusion_panel img {
  bottom:0;
  position:absolute;
  right:0;
}





/*BUILDER */

 dt label {font-weight:bold; cursor:pointer;}
 dd .warning {display:none; background:#FF7F7F; margin:3px; border:1px solid #900;}
 dd.showWarning .warning {display:block;}















/* End of 'fluid' */

