/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/
body {
    font: 13px/20px Arial,Helvetica,sans-serif;
    color: #333333;
}
#footer, #toolbar {
    font-size: 12px;
    line-height: 26px;
    color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
    color: #31A3F4;
}
#breadcrumbs, #content, .module {
    margin: 0px;
}
#top-a {
    padding: 0px 0px;
}
#footer-background {
	background:url("/~campblue/images/default/campblue-background-bottom.jpg");
	background-repeat:repeat-x;
	width: 100%;
	height: 70px;
}
.fullwidthbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0px;
    overflow: hidden;
    z-index: 0;
}
#page #block-bottom, #page #block-footer {
   position:fixed;
   left:0px;
   bottom:0px;
   margin-top: 10px;
   width:100%;
   background-image: url("/~campblue/images/default/campblue-background-bottom.jpg") !important;
   background-position: 0px 0px;
   background-repeat: repeat;
	height: 45px;
    
}


.isblog #system .item, .noblog #content {
    padding: 30px;
    background: none repeat scroll 30% 16% rgba(255, 255, 255, 0.6);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	MARGIN-BOTTOM: 100PX
}
#system .items .leading .item {
    margin-bottom: 100px;
	margin-top: 55px;
    height: ;
}
#header-responsive .logo, #header-responsive .searchbox {
    display: inline-block;
    width: 100%;
    margin:70px 0 -70px 0 !important ;
	float: center;
	
}


/* Layout
----------------------------------------------------------------------------------------------------*/


#block-toolbar { background: url("/~campblue/images/default/campblue-background-bottom.jpg"); }

#block-headerbar { 
	background: #2e368f;
	background: (../images/headerbar.png) 50% 50% repeat,
				;
	background-size: 100% 100%, 99px 99px, 2300px 600px;
}

#block-top-a { 
	background: none #ffffff;
		background-size: 99px 99px, cover;
	box-shadow: none;
}

#block-main { background: #f9f9f9; }

#block-bottom { background: #333333; }

#block-footer {
	border-top: 1px solid #262626;
	background: none;
}


/* Menus
----------------------------------------------------------------------------------------------------*/

.menu-dropdown .dropdown-bg > div { background: #333; }

.menu-dropdown a.level1,
.menu-dropdown span.level1 { color: #919191; }

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { 
	background: #191919;
	background: rgba(0,0,0,0.15);
	box-shadow: 1px 0 0 rgba(255,255,255,0.04),
				-1px 0 0 rgba(255,255,255,0.04),
				inset 0 0 5px rgba(0,0,0,0.08);
	color: #ffffff;
}

.menu-dropdown  li.parent.remain > .level1 > span,
.menu-dropdown  li.level1.parent:hover > .level1 > span { background: url(../images/menu_dropdown_level1_parent.png) 50% 100% no-repeat; 
 }
.menu-dropdown a.level1, .menu-dropdown span.level1, .menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span {
       font-size: 25px;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    height: 55px;
    padding: 0px 13px;
    line-height: 55px;
}
#header {
    position: relative;
    height: 55px;
	}
.menu-dropdown .dropdown {
    top: 55px;
}

.menu-dropdown a.level1, .menu-dropdown span.level1 {
    color: #7ec7f9;
}
.menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span {
    font-size: 16px;
	 font-family: "Arial";
	font-weight: normal;
}




/* Modules
----------------------------------------------------------------------------------------------------*/


/* Tools
----------------------------------------------------------------------------------------------------*/

#top-a .button-primary,
#top-a .button-default,
#top-a form.style button,
#top-a form.style input[type='button'],
#top-a form.style input[type='submit'] { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.7); }

#top-a .mod-plain .button-primary:hover,
#top-a .mod-plain .button-primary:active {
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3), 
				inset 0 0 5px rgba(0,0,0,0.8), 
				0 1px 0 rgba(255,255,255,0.4);
}

#top-a .mod-plain .button-default:hover,
#top-a form.style button:hover,
#top-a form.style input[type='button']:hover,
#top-a form.style input[type='submit']:hover,
#top-a .mod-plain .button-default:active,
#top-a form.style button,
#top-a form.style input[type='button']:active,
#top-a form.style input[type='submit']:active {
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3), 
				inset 0 0 5px rgba(0,0,0,1), 
				0 1px 0 rgba(255,255,255,0.4);
}


/* System
----------------------------------------------------------------------------------------------------*/

.searchbox input:-moz-placeholder { color: #919191; }
.searchbox input::-webkit-input-placeholder { color: #919191; }
.searchbox input.placeholder { color: #919191; }

.searchbox .results { background: #333; }

.searchbox .results:after { background-image: url(../images/menu_dropdown_level1_parent.png); }

.searchbox.loading button { background-image: url(../images/searchbox_loader.gif); }

.searchbox .results li.result { border-color: #414141; }

#block-toolbar {
    padding: 5px 0px;
    
}
div.scdp-container {
    width: 445px;
    height: 72px;
    background-image: url(/~campblue/images/default/site-images/countdown-background.jpg) ;
}
em, code {
    color: #1190FF;
}
.bottom-buttons {
	display: inline-block;
	margin-right: 10px !important ;
	margin-top: -5px !important ;
}
.countdown-counter {
	display: inline-block;
}
.copyright {
	margin: -11px 0 0 0 !important ;
}
#bottom-buttons {
	margin-top: -5px !important ;
}
.countdown {
    position: relative;
    text-align: center !important;
    width: 140px;
    height: 60px;
    border: medium none;
    background-image: url("/~campblue/images/default/site-images/countdown-background.jpg");
    margin-top: -5px !important ;
}
.countdown_title {
    display: block;
    font-weight: normal;
    font-size: 14px;
	margin: -5px;
	color: #ffffff;
}
.countdown_daycount {
    display: block;
    color: rgb(43, 124, 190);
    font-size: 40px;
    font-weight: bold;
    margin: 5px;
    padding: 0px;
    line-height: 26px;
	color: #ffffff !important ;
}
.top-buttons {
	display: inline-block;
	margin: 0px 0 0 0;
}
.contact-page {
	display: inline-block;
	margin: 0 0 300px 0;
}
.contact-form {
	display: inline-block;
	
}
.bfQuickMode .bfLabelLeft label {
    width: 25%;
    float: left;
    margin: 0px 10px 0px 0px;
}
.bfQuickMode p input[type="text"], .bfQuickMode p textarea, .bfQuickMode p select {
    float: left;
    margin: 0px;
    width: 65%;
    height: 25px;
}

.bfQuickMode p.bfElemWrap {
    background: none !important ;
    padding: 5px;
    margin: 0px 0px 10px;
    border-radius: 5px 5px 5px 5px;
}
.bfQuickMode button span {
    padding: 9px 0 0 15px !important; 
    height:35px !important; 
    background: transparent url('/~campblue/images/default/site-images/bg_btn.png') no-repeat left top !important; 
    color:#ffffff !important;
    position: relative !important;
    display: block !important; 
    white-space: nowrap !important;
}
.bfQuickMode button {
    padding: 0px 15px 0px 0px !important;
    margin-right: 5px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: center !important;
    background: url("/~campblue/images/default/site-images/bg_btn.png") no-repeat scroll right -110px transparent !important;
    position: relative !important;
    border: 0px none !important;
    cursor: pointer !important;
    overflow: visible !important;
}
#footer .module {
    margin: -7px 0 0 0px;
}
.campblue-logo {
	margin-bottom: -129px !important ;
}
.mobile-link {
	display: block !important ;
 }
#mobile-frontpage {
	height:370px !important ;
}
hr {
    border-top-color: #bbb;
}
.menu-dropdown li.level3 {
    font-size: 15px;
    line-height: 17px;
}
#page #block-main {
	background-size: cover !important ;
	background-repeat: repeat !important ;
}
.accordion-container-left {
	display:inline-block;
	width: 47%;
	vertical-align: top;
	margin-right: 40px;
}
.accordion-container-right {
	display:inline-block;
	width: 47%;
	vertical-align: top;
}