/* Resetting OOTB styles @C.Oliv */
#s4-titlerow {
  background-color: transparent;
margin: 0;
padding: 0;
height: auto;
width: auto;
margin-left: 220px;
}

#MSOTlPn_MainTD
{
    position:absolute;
    left:10px;
    top:10px;
}

div.article, div.welcome {
padding: 0px 0px;
}

#s4-bodyContainer
{
    display: block;
    float: left;
    width: 100%;
}

#s4-workspace {
    background-color: #D5D5DF;
}

#topwelcome
{
  width: 100%;
  display: block;
  float: left;
  padding-bottom: 10px;
  padding-top:10px;
}

#s4-bodyContainer
{
    padding-bottom:0px;
}

.ms-webpartzone-cell
{
    margin-bottom:16px;
}

#contentBox
{
    margin-right: 0px;
    margin-left: 0px;
}

/* Geant Master Page Styles @C.Oliv*/
#geant-header-wrapper {
    background-color: #006D94;
    float: left;
    width: 100%;
    min-height: 135px;
    background-image: url(header_bg_side.png);
}

#geant-header {
    min-height: 135px;
    background-image: url(header_bg_middle.png);
    display:table;
}

#geant-logo {
    width: 32%;
    float: left;
    margin-top: 25px;
    margin-left: 10px;
}

.geant-content {
    background-color: white;
    padding-bottom:16px;
    height:100%
}

.contentwidth {
    width: auto;
    min-width:1260px;
    padding-left: 16px;
    padding-right: 16px;
    margin: auto;
            box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing:border-box;
    margin-left: 5%;
    margin-right: 5%;
}



#navigation {
}

#searchbox {
    float: right;
    background-color: white;
    margin-top: 16px;
}

#topnavlinks {
    float: right;
    width: 40%;
    margin-left: 8px;
    margin-top: 16px;
}

    #topnavlinks ul {
        padding-left: 0px;
        float: right;
        margin: 4px;
    }

    #topnavlinks li a {
        display: inline;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 5px;
        padding-right: 5px;
        border-left: 1px solid #265C6F;
    }

    #topnavlinks li {
        display: inline;
    }

        #topnavlinks li.first a {
            border-left: none;
        }

        #topnavlinks li a, #topnavlinks li a:link {
            color: white;
            font-size: 10px;
        }


#topnavbar {
    background-repeat: repeat-x;
    float: left;
    width: 100%;
    padding-top: 8px;
}

.main-menu
{
 margin:0px;
 padding:0px;   
}

.main-menu .menu-root
{   background-image: url("top_menu_divider.png");
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
    padding:0px;
    margin:0px;
    position: relative;   
    float: left;
    height: 28px;
}

.main-menu .menu-root ul
{
     margin:0px;
     padding:0px;
     width:auto;   
     position: absolute;
     display: none;
     border-left: 1px solid white;
     border-right: 1px solid white;
     border-bottom: 1px solid white;
     background-color: #0679A1;
}

.main-menu .menu-root-dynamic:hover > ul{
    display:block;
    margin-top:6px;
    z-index:9999999;
}

.main-menu .root-link
{
   color: white;
   font-size: 13px;
   text-transform: uppercase;
   padding-left:15px;
   padding-right:15px;
   line-height: 22px;
}

.main-menu .selected
{
}

.main-menu .child-level
{
    position:relative;
    list-style:none;   
    border-bottom: 1px solid #016081;
    
}

    .main-menu .child-level.menu-dynamic
    {
        background: url("go-menu.png") no-repeat right center;
    }

    .main-menu .child-level:hover
    {
        background-color:#0888B4;
    }

.main-menu .child-level:hover > ul {
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    z-index:9999999;
}

.main-menu .child-link
{
   color: white;
   font-size: 13px;
   padding-left:15px;
   padding-right:25px;
   padding-top:5px;
   padding-bottom:5px;
   display:block;
           box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing:border-box;
   min-width:155px;
   white-space:nowrap;
}

    .main-menu .child-link .selected
    {
         background-color:#0888B4;
    }

#topnavigation ul.dynamic {
    padding: 0px;
    border: 1px solid white;
}

    #topnavigation ul.dynamic li {
        padding: 0px;
        list-style: none;
    }

#topnavigation .ms-core-listMenu-root {
    margin-top: 5px;
    padding: 0px;
    color: white;
}

#topnavigation .menu-item-text {
    color: white;
    font-size: 13px;
    text-transform: uppercase;
}

#topnavigation .ms-core-navigation a.static {
    width: auto;
}

#topnavigation .ms-core-navigation a.static span.additional-background {
    background-image: none;
    padding-left: 4px;
}

#topnavigation .ms-core-navigation a.static span.menu-item-text {
    padding: 4px;
}

#topnavigation .ms-core-navigation li.dynamic-children li.dynamic {
    background-color: #0679A1;
    border-bottom: 1px solid #005675;
}

    #topnavigation .ms-core-navigation li.dynamic-children li.dynamic a {
        color: white;
        display: block;
        padding: 4px 20px 4px 5px;
    }

#topnavigation .s4-tn ul.dynamic {
    border-top-color: #0679A1;
}

#topnavigation .ms-core-navigation li.dynamic-children li.dynamic a:hover {
    background-color: #0679A1;
    color: lime;
}

#topnavigation .s4-tn li.static > a.selected {
    color: #cbd633;
}


#welcomemessage {
    float: left;
    width: 50%;
}


#currentdatetime {
    float: right;
}

#bottomContainer {
    background-color: rgb(214, 214, 224);
    color: #536d64;
    font-size: 9px;

}

    #bottomContainer a, #bottomContainer a:link {
        color: #536d64;
        font-size: 11px;
    }

        #bottomContainer a:hover {
            color: #333333;
        }

    #bottomContainer ul {
        padding-left: 0px;
        margin-top:5px;
    }

        #bottomContainer li {
        display: block;
        padding-top: .2em;
        padding-bottom: .2em;
        padding-right: .8em;
        float: left;
        line-height: 20px;
        }

        #bottomContainer li.first {
            padding-left: 0px;
        }

#bottomnav {
    float: left;
}

#copyrightsnav {
    float: right;
}

/* Styles for fading top tiles @C.Oliv*/

.tile-img {
    position: absolute;
}

.tiled-messages h2 {
    font-size: 20px;
    font-weight: 300;
    margin: 0px;
}

.tiled-wrapper {
    width: 1003px;
    padding: 16px;
    margin: auto;
           box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing:border-box;
}

.tiled-messages {
    width: 971px;
    height: 326px;
    display: block;
    background-color: black;
    background-image: url("tilemessages-bg.gif");
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 32px;
            box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing:border-box;
}

.tile {
            box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing:border-box;
}

.tile {
    width: 296px;
    margin-right: 10px;
    margin-left: 10px;
    height: 272px;
    background-color: white;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
}


.pagination {
    padding-right: 11px;
    width: auto;
    padding-top: 7px;
    float: right;
    display: block;
}

    .pagination ul {
        float: right;
        margin: 0px;
        padding: 0px;
    }

        .pagination ul li {
            width: 10px;
            height: 10px;
            background-color: white;
            display: inline-block;
            margin: 2px;
            cursor: pointer;
        }

.title {
    cursor: pointer;
}

.white-overlay p {
    display: none;
}

.tile-btn {
    position: relative;
    text-align: right;
    background: url("go.png") no-repeat;
    height: 40px;
    width: 45px;
    clear: both;
    left: 195px;
}

.white-overlay .tile-btn {
    display: none;
}

.white-overlay {
    background: url('tilemessage-title-bg.png') repeat;
    width: 240px;
    margin: auto;
    border: 1px solid #D4D9DC;
    padding-top: 25px;
    padding-bottom: 25px;
    top: 80px;
    position: relative;
           box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing:border-box;
    text-align: center;
}

.sea-blue-overlay {
    background: url('tilemessage-description-bg.png') repeat;
    width: 240px;
    margin: auto;
    padding-top: 25px;
    padding-bottom: 5px;
    top: 80px;
    position: relative;
            box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing:border-box;
    text-align: center;
    color: white;
}

    .sea-blue-overlay h2 {
        color: white;
        font-weight: 600;
        font-family: "Segoe",'Open Sans',"Segoe UI","Verdana","Lucida Sans","Helvetica";
    }

     .sea-blue-overlay p{
        padding-left:5px;
        padding-right:5px;
        color:white;
    }

.white-overlay h2 {
    font-weight: 600;
    color: black;
    font-family: "Segoe",'Open Sans','Open Sans',"Segoe UI","Verdana","Lucida Sans","Helvetica";
}

.tile a:link,
.tile a:hover,
.tile a:visited,
.tile a img {
    text-decoration: none;
    color: black;
    border: 0px;
    font-family: "Segoe",'Open Sans',"Segoe UI","Verdana","Lucida Sans","Helvetica";
}

/* Control listings */

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
    font-weight: bold;
    font-size: 16px;
    font-family: "Segoe UI Semilight",'Open Sans',"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    color: #006387;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-webpart-chrome-title {
    vertical-align: middle;
    position: relative;
    margin-bottom: 2px;
    padding: 4px;
    padding-left: 16px;
    background-color: #E8E8EE;
           box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing:border-box;
}

.dfwp-column {
    float: left;
    margin-left: 0px;
}

.link-item a {
    color: #006387;
    font-weight: bold;
}

.dfwp-item {
    border-bottom: 1px solid #98CCCD;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.link-item:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.dfwp-item img{
    
    width:60px;
    display:block;
    float:left;
    clear:both;
    border:0px;
    
}

/*Welcome message styles copied from 2010 version*/
#welcomemessage
{
    float: left;
    width: 50%;
}
/*By default home page message is hidden, and only made visible via JS*/
#homepagemessage
{
    display:none;
}


#currentdatetime
{
    float: right;
}

/*Title and Image WebPart*/
.launchblock
{
        
}

.launchblock h3{
    color:grey;
    font-weight:Bold;
    font-size:12px;
    width:100%;
    padding-bottom:10px;
    text-decoration:none;
    height:32px;
}

.launchblock-left
{
  padding-left:10px;      
}

.launchblock-leftborder
{
border-left:1px solid #cacaca;   
}

.launchblock-rightborder
{
border-right:1px solid #cacaca;   
}

.launchblock-left
{
  padding-left:10px;      
}

.launchblock-right
{
  padding-right:10px;        
}

.launchblock-bothsides
{
      padding-left:10px;
      padding-right:10px;    
}

/**/