* {
    margin: 0;
    padding:  0;
}
html, body {
    padding: 0;
    margin: 0;
    font-size: 13px;
    background-color: lightgray;
    font-family: Arial;
}

.sliderline a:hover {
    color: white;
	font-style: italic;
}

@media print {
	
	.noprint {
		display:none;
	}
	
	.imageprint {
		margin-top: -80px;
	}
	
	.textprint {
		margin-top: -110px;
	}
				
	a[href]:after {
    content: none !important;
  	}
}

p {
	font-size: 14px;
}
.glyphicon {
    font-size: 25px;
    padding: 0;
    margin: 0;
    padding-top: 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    color: #FFF;
}
.glyphicon:hover {
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.col-md-8 ul li{ list-style-type:circle}
.col-md-8 ul {padding-left: 30px}
.clear {
    clear: both;
}
.inner {
    margin: 5px;
}
.inner-p {
    padding: 10px 15px 10px 15px;
}
.breaker {
    margin-top: 12px;
    margin-bottom: 12px;
    border-bottom: 4px dotted #e9e9e9;
}
.right-margin {
  margin-right: 5px;
}
li {
    list-style-type: none;
}
h1 {
    padding: 20px;
}
h2 {
    color: #C4C4C4;
    text-align: left;
    border-bottom: 4px dotted #e9e9e9;
}
  h2 span {
    font-size: 18px;
  }
h3 {
  font-size: 14px;
  font-weight: bold;
}
h5 {
  font-size: 25px;
  font-weight: bold;
  padding-bottom: 10px;
  margin: 0;
}
h8 {
  font-size: 18px;
  font-weight: bold;
}
img {
  border: none!important;
  box-shadow: 5px 5px 5px #888888;
}

li.article-list {
  font-size: 12px;
}
li.article-list:first-child {
  margin: 20px 0 20px 0;
  font-size: 14px;
}
li.article-list i {
  font-size: 11px;
  margin-bottom: 10px;
}
  li.article-list img {
  width: 200px;
  height: 113px;
  border: 0 none!important;
  box-shadow: none!important; 
}

.invisible-inner { display: none!important; }

.print-button {

	font-size: 11px;
	padding: 6px;
	background: #eee;
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.print-button i {
	padding-right: 3px;
	font-size: 12px;
	color: darkgrey;
}

/* COLOR STYLES
--------------------------------------------- */

#green{background-color: #7cc153}
#orange{background-color: #e39142}
#blue{background-color: #5EA1C4}
.darkblue{color: #355CA1}

h4 {
    font-family: Arial;
    font-size: 16px;
    padding-top: 2px;
    font-weight: bold;
}
h4.magazine {
    font-family: Arial;
    font-size: 22px;
    padding-top: 2px;
    font-weight: bold;
}
.right-btn {
  right: 10px;
  float: right;
}

.page {
    width: 100%;
    height: 100%;
    background-color: #FFF;
}

.page .left{
    background-color: #FFF;
    margin-bottom: 20px;
}
.page .right {
    background-color: #FFF;
    margin-bottom: 20px;
	z-index: 20;
}

.rss-footer-box {
	height: 305px;
	overflow: hidden;
}

/* LOGO STYLES
--------------------------------------------- */

  .logo-wrapper {
    width: 281px;
    height: 72px;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
  }

    .logo-wrapper .logo {
      font-family: Verdana;
      font-size: 70px;
      
      font-weight: bold;
      letter-spacing: -0.1em;
      color: #5EA1C4;
      background-image: url('/media/1040/notat_logo.png');
      float: left;
      height: 72px;
      width: 281px;
    }

        .logo-wrapper .logo img {
            height: 72px;
            width: 281px;
        }

    .logo-wrapper .phrase {
      height: 60px;
      float: left;
      font-size: 18px;
      color: #FFFFFF;
      font-family: Arial;
      font-weight: bold;
      width: 380px;
      font-family: arial;
      font-weight: 500;
      margin-top: 18px;
    }
.logo-wrapper .logo:hover {
    text-decoration: none;
    color: #7EBAE7;
}

.icon-bar {
    margin: 0 auto;
    background-color: #FFFFFF;
}

/* NAVIGATION STYLES
--------------------------------------------- */
.navbar {
    margin: 0;
    padding: 0;
    height: 90px;
}


ul.nav.navbar-nav {
    margin-top: 59px;
    font-family: arial;
    margin-left: 540px;
    position: absolute;
}
  .gun-wrapper ul.nav.navbar-nav li.active a {
    background-color: transparent;
  }
.nav.navbar-nav li a {
    font-family: 'arial';
    font-size: 15px;
    color: #7EBAE7;
    text-decoration: none;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    text-shadow: black 0px 0px 3px;
    height: 25px;
    margin-left: 10px;
    padding-left: 10px;
    clear: none;
    float: left;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0px 5px rgba(0,0,0,0.8);
    text-transform:uppercase;
	line-height: 25px;
}
.nav.navbar-nav li:first-child a{border-left: 0;}
ul.nav.navbar-nav li a:hover {
    color: #D93232;
    background-color: transparent;
}
ul.nav.navbar-nav li a:active {
    color: #D93232;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #D93232;
	background-color: transparent!important;
}
.navbar-toggle,.nav-bar-toggle.collapsed {
    top: 10px;
    right: 10px;
    zoom: 120%;
}
navbar-collapse.in {
  height: 200px!important;
  width: 200px!important;
}
  navbar-collapse.in ul.nav.navbar-nav {
  }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #222;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:visited {
	color: #7EBAE7;
}
/* SEARCH PANEL BOX STYLES
----------------------------------------------- */
.search-box {
    height: 50px;

}
.search-box-mag {
    height: 50px;
	width: 245px;
}
#search-box-mag-notat {
	background-color: #f44c4c;
	height: 50px;
	width: 245px;
	color: #fff;
	text-shadow: 0 -1px rgba(0,0,0,0.28);
	padding-top: 17px;
	margin-bottom: 0px;
}
    .search-box .glyphicon {
        margin-top: -2px;
        height: 40px;
        width: 32px;
        margin-left: 5px;
    }
#search {
    margin-top: 7px;
    margin-left: 10px;
    height: 34px;
    width: 200px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.7);
    font-size: 11px;
}
/* ARTICLES styles
----------------------------------------------- */

.article-list {
	background-color: #f5f5f5; 
	padding: 20px; 
	margin-bottom: 10px;
}

/* Magazine styles
----------------------------------------------- */

.img-rounded {
    margin-top: 40px;
}
.magazine-thumbnail {
    position: relative;
    margin: 5px;
    float: left;
	height: 300px;
}
.magazine-thumbnail .title {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    background: #000;
    color: #fff;
    text-align: center;
}

.magazine-thumbnail{position:relative;}
	.magazine-thumbnail img{
		background-color: rgba(255,255,255,0.5);

		-webkit-transition: background-color;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	.magazine-thumbnail .details{
		position:absolute;
        z-index: 99;
        top: 0;
        left: 0;
        width: 155px;
        height: 220px;
        background: #FFF; 
        color: #fff;
        text-align: center;
		background-color: rgba(255,255,255,0);
		-webkit-transition: background-color;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
	.magazine-thumbnail .details:hover{
		background-color: rgba(255,255,255,0.1);
		-webkit-transition: background-color;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 300ms;
	}
        .magazine-thumbnail .details:hover .btn-wrapper {
            position: absolute;
            background-color: rgba(255,255,255,0.5);
            width: 100%;
            height: 50px;
            top: 20px;
            left: 0;
            padding: 7px;
            display: block;
        }
        .magazine-thumbnail .details .btn-wrapper {
            position: absolute;
            width: 100%;
            height: 50px;
            top: 20px;
            left: 0;
            padding: 7px;
            display: none;
        }

    .magazine-thumbnail .details p {

        font-size: 14px;
        color: #000;
        padding: 5px;
        bottom: 0;
		margin-top: 221px;
        width: 100%;
    }
    .paddingBottom20 {
        margin-top: 20px;
    }

ul li.magazineTags {
    margin: 5px 5px 0 0;
   	display: inline-block;
	border-radius: 5px 5px 5px 5px;
    width: 184px;
}
    ul li.magazineTags a {
        color:#7EBAE7;
		font-weight: bold;
		font-family: Arial;
		padding-top: 10px;
		padding-bottom: 10px;
    }
    ul li.magazineTags a:hover {
        color: #D93232;
        text-decoration: none; 
    }

ul li.magazineTags::first-letter {
    text-transform: capitalize;
}

/**Article pagination styles */

.paging {
}
  .paging li {
    display: inline-block;
    padding: 2px;
    width: 20px;
    text-align: center;
    border: 1px solid #C4C4C4;
  }
  .paging li.selected {
    font-weight: bold;
    color: #355CA1;
    font-size: 15px;
  }


/**Mobile Subscription styles*/

.mobile-subscription {
    width: 100%;
    height: 100px;
    display: none;
    text-align: center;
    color: #7EBAE7;
    font-family: gridnikregular;
    padding-top: 10px;
    margin-bottom: 22px;
}
.mobile-subscription span {
        font-weight: bold;
        color: #FFFFFF;
}
.mobile-subscription p {
    margin-bottom: 2px;
}
.mobile-subscription button {
    margin-bottom: 5px;
}
.mood-bar {
    width: 100%;
    height: 10px;
    background-color: #f44c4c;
}

.mood-bar.top {
    width: 100%;
    height: 10px;
    background-color: #f44c4c;
    margin-top: 90px;
}

.center-wrapper {
    width: 100%;
    min-height: 900px;
    margin-bottom: 4px;
}

.content {
    height: 100%;
    background-color: #5C5C5C;
    float: left;
		
}

.content-mag {
    height: 100%;
    background-color: #5C5C5C;
    float: left;
	margin-left: -15px	
}
.newest-article {
    width: 100%;
    height: 20px;
    background-color: black;
}

.insight-col {
    margin: 0;
}
.insight-col .box .inner{
    background-color: #e9e9e9;
}

/* PRONTPAGE SLIDER STYLES 
------------------------------------------------ */
#myCarousel {
	margin-top: 20px;
}
.carousel-headline {
    width: 100%;
    height: 50px;
    background-color: rgba(0,0,0,0.05);
    margin: 0;
    padding: 0;
    top: 0;
    position: absolute;
    font-weight: bold;
}
.carousel-headline h1 {
    font-size: 20px;
    color: black;
    margin: 0;
    padding: 16px;
    font-weight: bold;
}
    .carousel-headline h1 span {
        float: right;
        font-size: 12px;
        padding: 2px;

    }
    .carousel-headline h1 a {
        color: #000;
    }

#myCarousel .item {
    padding: 0;
    margin: 0;
    height: 300px;
}

.carousel-inner .item .container {
    padding: 0;
    margin: 0;
    top: 0;
}
.carousel-inner .item .container img {
    position:absolute;
    left:0;
    top: 50px;
    width:100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 250px;
}

.carousel-control {
  background-color: rgba(0,0,0,0.01);
  
  margin-top: 50px;
}
.carousel-control.left  {
  background-color: rgba(0,0,0,0.1);
  background-image: none;
  margin-bottom: 0;
}
.carousel-control.right {
  background-color: rgba(0,0,0,0.1);
  background-image: none;
  margin-bottom: 0;
}
.carousel-control:hover {
  background-color: rgba(0,0,0,0.2);
  background-image: none;
}
.glyphicon-chevron-left:hover {
  text-shadow: none;
  color: rgba(0,0,0,0.3);
}
.glyphicon-chevron-right:hover {
  text-shadow: none;
  color: rgba(0,0,0,0.3);
}
.glyphicon-chevron-left {
  font-size: 40px;
  line-height: 50px;
  margin-top: -40px;
  margin-left: -10px;
  color: rgba(0,0,0,0.2);
  text-shadow: none;
}
.glyphicon-chevron-right {
  font-size: 40px;
  line-height: 50px;
  margin-top: -40px;
  margin-left: -32px;
  color: rgba(0,0,0,0.2);
  text-shadow: none;
}
.carousel-indicators {
    position: absolute;
    bottom: 0;
    width: 100px;
    right: 0;
    left: inherit;
    margin: 0;
    padding-top: 7px;
    background-color: rgba(0,0,0,0.3);
}
ol.carousel-indicators li {
    display: inline-block;
width: 15px;
height: 15px;
margin: 1px;
cursor: pointer;
border: 1px solid #e9e9e9;
border-radius: 15px;
}
ol.carousel-indicators li.active {
    display: inline-block;
width: 15px;
height: 15px;
margin: 1px;
cursor: pointer;
border: 1px solid #e9e9e9;
background-color: #e9e9e9;
border-radius: 15px;
}


.sliderlines {
    position: absolute;
    height: 250px;
	width: 450px;
    top: 50px;
}

.sliderline { 
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    height: 30px;
    font-size: 14px;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}
.sliderline.line-1 {bottom: 50px}
.sliderline.line-2 {bottom: 90px;}
.sliderline.line-3 {bottom: 130px;}
.sliderline.line-4 {bottom: 170px;}

    .sliderline a {
        color: white;
    }

/* LATEST ARTICLE FRONTPAGE STYLES 
------------------------------------------------- */
.latest-article-box {
    margin: 10px 0;
    width: 255px;
    font-size: 11px;
    float: left;
    min-height: 510px;
}
    .latest-article-box img {
         left:0; 
         width:100%;
         height: 143px;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: 50% 50%;
         z-index: 0;
         float: left;
    }
    .latest-article-box .title {
        padding: 10px;
        background-color: rgba(0,0,0,0.06);
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        float: left;
		min-height: 95px;

    }
    .latest-article-box .title span {
        float: right;
        font-size: 10px;
        padding: 2px;
        color: rgba(0,0,0,0.7);
    }
    .latest-article-box .teaser p {
        width: 100%;
        font-size: 13px;
        background-color: rgba(0,0,0,0.03);
        padding: 10px;
        float: left;
		min-height: 100px;
    }
    .latest-article-box .title a {
        color: #000;
    }
    .latest-article-box .readmore {

    }
/* FOCUS ARTICLE STYLES
-------------------------------------------------- */

.focus-articles-frontpage {
    background-color: transparent;
}
.focus-articles-frontpage .headline {
    height: 50px;
    width: 100%;
    text-transform: uppercase;
    color: #222;
    font-size: 18px;
    padding: 5px;
    font-weight: bold;
}
.focus-article-box {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 275px;
    height: 200px;
    font-size: 11px;
    position: relative;
    color: #222;
}
  .focus-article-box .headline {
    width: 100%;
    height: 30px;
    background-color: rgba(0,0,0,0.05);
    text-transform: uppercase;
    color: #222;
    padding-top: 7px;

    font-weight:300;
  }
    .focus-article-box .headline h5 {
        color: #222;
        font-size: 16px;
    }
  .focus-article-box .teaser {
    padding: 10px;
    position: absolute;
    bottom: 0;
  }
    .focus-article-box .teaser p {
      color: #222;
      background-color: rgba(255,255,255,0.8);
      text-shadow: 0 1px rgba(255,255,255,0.8);
      padding: 10px;
    }
    .focus-article-box .teaser p a {
        color: #000;
    }
    .focus-article-box a {
        color: #222;
    }
  
  .focus-article-box img {
     position:absolute;
     top:30px;
     left:0; 
     width:100%;
     height: 164px; /*Due to 3 px border*/
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     z-index: 0;
     opacity: 0.8;
  }
  .focus-article-box .btn {
     position: absolute;
     height: 20px;
     width: 100px;
     top: 150px;
     background-color: rgba(250,250,250,1);
     padding-bottom: 25px;
  }
/* SIDEBAR STYLES
-------------------------------------------------- */

.side-bar {
    width: 100%;
    height: 100%;
    float: left;
}
.side-bar p {
	font-size: 13px;
}
.side-bar .box{
    margin-top: 20px;
    width: 100%;
    min-width: 250px;
    background-color: #5EA1C4;
    position: relative;
	-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;
}

.side-bar .box.no-content {
	height: 50px;
}
.side-bar .box.small.no-content {
    height: 70px;
}
.side-bar .box.small {
    height: 240px;
}
.side-bar .box.medium {
    height: 350px;
}
.side-bar .box.big {
    height: 450px;
}
.side-bar .box.search {
    height: 100px;
}
.side-bar .box.small .sign.up{
	height: 15%;
	width: 70%;
			position: absolute;
			bottom: 6px;
			left: 15%;

}
.side-bar .box .headline {
    width: 100%;
    height: 50px;
    background-color: #222;
    text-transform: uppercase;
    color: #FFF;
    padding-top: 6px;
    text-shadow: 0 -1px rgba(0,0,0,0.28);

}
  .side-bar .box .headline a {
    color: #FFF;
  }
    .side-bar .box .headline a:hover {
    color: #e9e9e9;
  }

.side-bar .box.search {

}
.side-bar .box.search .content {
    width: 100%;
    height: 50px;
    background-color: #5C5C5C;
}
.side-bar .box.small .content {
    width: 100%;
    height: 190px;
    background-color: #5C5C5C;
}
.side-bar .box.medium .content {
    width: 100%;
    height: 300px;
     display:block; 
     position:relative;
     overflow:hidden;
    background-color: #5C5C5C;
}
.side-bar .box.big .content {
    width: 100%;
    height: 400px;
    background-color: #5C5C5C;
}
  .side-bar .box img {
     position:absolute;
     left:0; 
     width:100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }

.side-bar .box .content .text {
    position: absolute;
    margin: 12px;
    min-height: 20px;
    background-color: rgba(255,255,255,0.8);
    text-shadow: 0 1px rgba(255,255,255,0.8);
	color: #000;
}
.side-bar .box .content .text a {
	color: #286691;
}

/* FOOTER STYLES
-------------------------------------------------- */

/* Set the fixed height of the footer here */

.rssfeeds {
    color: #FFF;
    font-size: 12px;
}
.rssfeeds h3 {
    border-bottom: 2px dotted #333;
}
.rssfeeds a {
    color: #7EBAE7;

}
.rssfeeds .row .col-md-6 {
    min-height: 280px;

}
footer {
    background-color: #222;
    width: 100%;
    bottom: 0;
    height: 100%;
    border-top: 1px solid #000;
}



/*
 * MEDIA SCREEN FOR MOBILE VERSION
 * --------------------------------------------------
 */
@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .rss-footer-box.col-xs-6.col-sm-3 > h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  ul.nav.navbar-nav {
    margin-left: 435px;
  }
}
@media screen and (max-width: 1023px) {

  ul.nav.navbar-nav {
    margin-top: 59px;
    margin-left: 395px;
  }
}
@media screen and (max-width: 991px) {

  ul.nav.navbar-nav {
    margin-top: 25px;
    margin-left: 290px;
    width: 400px;
  }
}
@media screen and (max-width: 767px) {
       /*--OFFROAD CANVAS--*/
  .invisible-inner { display: block!important; height: 70px; }
	.nav.navbar-nav li:first-child { height: 70px;}
	
ul.dropdown-menu li { height: 20px!important;}
ul.dropdown-menu li a { font-size: 11px!important;}
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -50%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }

}
@media screen and (max-width: 767px) {
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		height: 400px!important;
		margin-top: 7px;
	}
			.navbar-collapse { max-height: 400px;}

.navbar-nav .open .dropdown-menu {
		width: 160px!important;	
}

  ul.nav.navbar-nav {
    background-color: #222;
    margin-top: -20px;
    width: 100%;
    padding: 0;
    margin: 0;
    right: 0;
    border-bottom: 1px solid black;
	z-index: 999;
  }
  ul.nav.navbar-nav li {
    background-color: #222;
    margin-top: 0;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 10px;
    right: 0;
    border: 0;
  }
  .nav.navbar-nav li a {
      border-left: 3px solid #e9e9e9;
  }
  .nav.navbar-nav li:first-child a{border-left: 3px solid #e9e9e9;}
  }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #7EBAE7;
		}
@media screen and (max-width: 400px) {
  .uninvisible {
  	display: none;
  }

  ul.nav.navbar-nav {
	z-index: 999;
  }
  .logo-wrapper {
    width: 196px;
    height: 50px;
    margin-left: 10px;
    margin-top: 20px;
    float: left;
  }

    .logo-wrapper .logo {
      font-family: Verdana;
      font-size: 70px;
      
      font-weight: bold;
      letter-spacing: -0.1em;
      color: #5EA1C4;
      background-image: url('/media/1039/notat_slogan_lille.png');
      float: left;
      height: 50px;
      width: 196px;
    }
	#myCarousel .item {
		padding: 0;
		margin: 0;
	}
	
	.carousel-inner .item .container img {
		position:absolute;
		left:0;
		top: 50px;
		width:100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		height: 150px;
	}
	.carousel-headline {
		width: 100%;
		height: 50px;
		background-color: rgba(0,0,0,0.05);
		margin: 0;
		padding: 0;
		top: 0;
		position: absolute;
		font-weight: bold;
	}
	.carousel-headline h1 {
		font-size: 16px;
		color: black;
		margin: 0;
		padding: 12px;
		font-weight: bold;
	}
    .carousel-headline h1 span {
        float: right;
        font-size: 11px;
        padding: 2px;

    }
    .carousel-headline h1 a {
        color: #000;
    }

	.sliderlines {
    position: absolute;
    height: 150px;
    width: 200px;
    top: 50px;
}

.sliderline { 
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    height: 24px;
    font-size: 12px;
    padding: 4px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
}
.sliderline.line-1 {bottom: 24px}
.sliderline.line-2 {bottom: 58px;}
.sliderline.line-3 {bottom: 92px;}
.sliderline.line-4 {bottom: 126px;}
}

/**NAVIGATION DROPDOWN HOVER STYLES*/
.sidebar-nav {
    padding: 9px 0;
}
.navbar-nav .open .dropdown-menu {
position: absolute;
float: left;
width: 100%;
margin-top: 0;
border: 0;
box-shadow: none;
		z-index: 1000!important;
}
.dropdown-menu .sub-menu {
    position: absolute;
    top: 0;
    margin-top: -1px;
}
.navbar-nav .open .dropdown-menu {
	background-color: #222!important
}
.dropdown-menu li:hover .sub-menu {

}
.dropdown-menu {
    background-color: #222;
}
  .dropdown-menu li a {
      border: none;
  }
.dropdown.open li {
          border: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.open>.dropdown-menu {
	display: block!important; 
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.dropdown .dropdown-toggle {
	color: black;
}


.uiStreamStory .storyContent .storyInnerContent {
	margin-left: 0!important;
}


/*CONTOUR ORDER FORM STYLING */

.contourPage {
	padding: 0px;
}

.contourPage .contourPageName { 
	margin: 0px!important;
}
			
			
.contourPage legend {
	font-size: 25px!important;
	color: #444!important;
	border-bottom: 4px dotted #e5e5e5!important;
	line-height: 35px!important;
	margin-bottom: 2px!important;
}

.contourPage label.fieldLabel {
	width: 38%!important;
	margin-top: 2px!important;
}


.contourPage .contourField {
	width: 100%!important;
}

.contourPage .contourField input.text, .contourPage .contourField textarea {
	width: 62%!important;
	margin-top: -5px!important;
	margin-bottom: 15px!important;
			border-radius: 5px!important;
}

.contourPage .contourField.radiobuttonlist .fieldLabel {
	font-size: 16px!important;
	width: 100%!important;				
}

.radiobuttonlist label {
	padding-left: 5px!important;
}

.radiobuttonlist input {
	margin-top: 5px!important;
}

.radiobuttonlist {
	margin-bottom: 25px!important;
	margin-top: 0px!important;
	padding: 0px!important;
}

.contourNavigation {
	padding-left: 1.4em!important;
}

.contourNavigation input {
	margin-left: 37%!important;
	padding: 4px 22px!important;
	font-size: 18px!important;
	line-height: 1.33!important;
	border-radius: 5px!important;
	color: #fff!important;
	background-color: #428bca!important;
	border-color: #357ebd!important;
	display: inline-block!important;
	margin-bottom: 0!important;
	font-weight: normal!important;
	line-height: 1.428571429!important;
	text-align: center!important;
	white-space: nowrap!important;
	vertical-align: middle!important;
	cursor: pointer!important;
	border: 1px solid transparent!important;
}

.contourFieldSet {
	margin-bottom: 0px!important;
	padding-bottom: 0px!important;
}


.contourPage span.field-validation-error {
	float: right!important;
	padding-bottom: 10px!important;
	margin-top: -15px!important;
}

.contourMessageOnSubmit {
	margin-top: 100px!important;
	font-weight: bold!important;
	color: blue !important;
}







































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */