﻿/*------------Master page-----------*/


/*-----------Background and scaling*/
.branding-background {
	background-color: #D6D6E0;
}
.branding-content-width {
    width: 100%;
    max-width: 950px;
    min-width: 760px;
    padding-left: 16px;
    padding-right: 16px;
    margin: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin: 0 auto;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
div #s4-bodyContainer {
	padding-bottom: 0px
}
div #contentRow {
	background-color: white;
	/*min-height: 400px;*/
	min-height: 490px;
	padding-top: 20px;
}
div #contentBox {
	margin: auto;
}
div #sideNavBox {
	display: none;
}
div #DeltaPlaceHolderMain {
	overflow-x: auto;
}
div #DeltaPlaceHolderMain .ms-srch-siteSearchResults {
	margin-left: 241px; /* Find a better way */
}
.ms-webpartzone-cell {
    margin: auto auto 15px;
}


/*-----------Top bar*/
div #s4-titlerow {
	/*background-image: url("/Style%20Library/Branding/Images/header_bg_side.png");*/
	background-color: #D6D6E0;
	padding: 0px;
	min-height: 143px;
}
div #titleAreaBox {
	margin: 0 auto;
	background-image: url("../Images/header_bg_middle.gif");
	min-height: 143px;
}
div #pageTitle {
	display: none;
}
div #branding-search-bar {
	width: 240px;
}
.branding-align-bottom {
	vertical-align: bottom;
	margin-top: 18px;
}
.branding-padded-bot {
	padding-bottom: 8px;
	margin-top: 31px;
}


/*-----------Logo*/
div #DeltaSiteLogo {
	margin-top: 25px;
}
.ms-siteicon-img {
	max-width: 125px;
	max-height: 75px;
}


/*-----------Search bar*/
div #DeltaPlaceHolderSearchArea {
	margin-top: 16px;
}
div #DeltaPlaceHolderSearchArea .ms-srch-sb {
	background-color: white;
}


/*-----------Navigation*/
div #DeltaTopNavigation ul.ms-core-listMenu-root > li:first-child > a
{
    display: none !important; 
}
div #DeltaTopNavigation {
	font-size: 0.82em;
	color: white;
}
div #DeltaTopNavigation .menu-item-text {
	color: white;
/*	padding-left: 15px; */
}
div #DeltaTopNavigation ul.dynamic {
	background-color: #346e86;
	white-space: nowrap;
	padding: 0px;
}
div #DeltaTopNavigation ul li.dynamic {
	padding: 5px;
}
div #DeltaTopNavigation ul li.dynamic:hover {
	background-color: #497f96;
	text-decoration: none;
	/*color: orange;*/
}
div #DeltaTopNavigation ul li.dynamic .menu-item-text:hover {
	text-decoration: none;
	/*color: #00ff00;*/
}
div #DeltaTopNavigation .menu-item-text:hover {
	text-decoration: underline;
}
div #DeltaTopNavigation .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	margin-right: 15px;
}
div #DeltaTopNavigation .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	padding-right: 0px;
	background-image: none;
}
div #DeltaTopNavigation ul.static li.static,
div #DeltaTopNavigation ul.static li.static.dynamic-children,
div #DeltaTopNavigation ul.static li.static.dynamic-children.selected {
	border-left: dotted 1px white;
	padding-left: 15px;
	/*text-transform: uppercase;*/
}
div #DeltaTopNavigation ul.root.ms-core-listMenu-root.static > li.static {
	border-left: none;
	padding-left: 0px;
}
div #DeltaTopNavigation ul.root.ms-core-listMenu-root.static > li.static > ul.static > li.static:first-child {
	border-left: none;
	padding-left: 0px;
}


/*-----------CQWP--*/
ul.dfwp-column.dfwp-list div.groupheader.item.small {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}
ul.dfwp-column.dfwp-list div.item.link-item {
	padding-bottom: 10px;
	border-bottom: dotted 1px gray;
	margin-bottom: 5px;
}

/*-----------Side navigation links*/
div #branding-nav-links {
	margin-bottom: 79px;
}
div #branding-nav-links ul {
	text-align: right;
}
div #branding-nav-links li {
	display: inline;
	padding: 5px;
}
.branding-top-links {
	/*border-right: 1px solid white;*/
}

div #branding-nav-links li a,
div #branding-nav-links li a:link {
	color: white;
	text-align: center;
	font-size: 0.80em;
}


/*-----------Footer*/
.footer
{
    font-size: 9px;
    color: #415951;
    background-repeat: no-repeat;
    background-position: center top;
}
.footer a:visited
{
    color: #415951;
    text-decoration: none;
}
.footer a
{
    color: #415951;
    text-decoration: none;
}
.footer a:hover
{
    color: #263430;
    text-decoration: underline;
}
.padded
{
    padding: 10px;
}
.paddedtop
{
    padding-top: 7px;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.credit
{
    padding-left: 5px;
    margin-top: 3px;
}

.credits a:visited
{
    margin-right: 10px;
    font-size: 10px;
    color: #536d64;
}
.credits a
{
    margin-right: 10px;
    font-size: 10px;
    color: #536d64;
}

/* Web part settings */
#MSOTlPn_MainTD {
	position: absolute;
	top: 10px;
	left: 10px;
}

/*Settings page adjustments*/

div #ctl00_PlaceHolderMain_SettingLinksV4{
	background-color: white;
}

/*Customizations for GEANT3*/
.h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #497f96;
    font-size: 1.6em;
}
.leaderpanel {
    height: 205px;
    background-image: url(../../geant/publishingimages/leader-panel.jpg);
    background-repeat: no-repeat;
}
.leaderpanel h1 {
    font-weight: normal;
    font-style: normal;
    color: #c1ce3a;
    font-size: 20px;
}
.leadercopy p {
    width: 320px;
    color: white;
    font-size: 0.9em;
    padding-top: 0px;
}
.standard {
    padding-right: 5px;
    padding-left: 8px;
}
.focus {
    width: 220px;
    padding-top: 0.9em;
    font-size: 11px;
}







/*Top Navigation Menu*/

#topnavlinks {
    float: left;
    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%;
}

.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;
}
