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

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

#main,
.module { margin: 10px; }

#header { margin: 20px 10px 15px 10px; }

#toolbar { margin-bottom: 20px; }

#headerbar { margin-bottom: 15px; }

#content,
#breadcrumbs { padding: 20px; }

#innertop-a,
#innertop-b,
#innerbottom-a,
#innerbottom-b { padding: 10px; }

.sidebar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
} 

.sidebar .module { margin: 3px; }

#footer { margin: 30px 10px; }
#footer .module { margin: 0; }


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

#main {
  padding: 4px;
  border: 1px solid rgba(20,20,25,0.2);
  border-radius: 5px;
  background: #d1d2d6;
  background: rgba(90,90,100,0.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),
        0 1px 3px rgba(20,20,25,0.2),
        inset 0 -1px 0 rgba(255,255,255,0.2);
}

#toolbar,
#footer {
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
  font-size: 12px;
}

/* Main */
#maininner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f6f6f6;
  border: 1px solid rgba(20,20,25,0.3);
  border-radius: 5px;
}

#breadcrumbs,
#innertop-a,
#innertop-b,
#content,
#innerbottom-a,
#innerbottom-b { 
  border-top: 1px solid #ddd;
  box-shadow: inset 0 1px 0 #fff;
}

#maininner > #breadcrumbs + *,
#maininner > #menubar + * {
  border-top: none;
  box-shadow: none;
} 

.position-bg-grey { background: #eff0f0; }
.position-bg-white { background: #f6f6f6; }
.position-bg-gradient { 
  background-color: #f0f0f0;
  background-image: -o-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px,  #f6f6f6 80%, #f0f0f0 100%);
  background-image: -webkit-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px,  #f6f6f6 80%, #f0f0f0 100%);
  background-image: -moz-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px,  #f6f6f6 80%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom,  #f0f0f0 0%, #f6f6f6 40px,  #f6f6f6 80%, #f0f0f0 100%);
}

#maininner section:last-child { 
  border-bottom-left-radius: 4px; 
  border-bottom-right-radius: 4px;
}

.sidebar-a-right #maininner section:last-child,
.sidebar-b-right #maininner section:last-child { border-bottom-right-radius: 0; }

.sidebar-a-left #maininner section:last-child,
.sidebar-b-left #maininner section:last-child { border-bottom-left-radius: 0; }


.sidebar-a-left #maininner,
.sidebar-b-left #maininner { 
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.sidebar-a-right #maininner,
.sidebar-b-right #maininner { 
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Sidebars */
.sidebar {
  background: #494E54;
  background: -o-linear-gradient(top, #494E54 0%,#5B6066 15%,#5B6066 40%,#494E54 100%);
  background: -webkit-linear-gradient(top, #494E54 0%,#5B6066 15%,#5B6066 40%,#494E54 100%); 
  background: -moz-linear-gradient(top, #494E54 0%,#5B6066 15%,#5B6066 40%,#494E54 100%);
  background: linear-gradient(to bottom, #494E54 0%,#5B6066 15%,#5B6066 40%,#494E54 100%);
}

.sidebar-a-left #sidebar-a, 
.sidebar-b-left #sidebar-b { 
  border-radius: 4px 0 0 4px;
  box-shadow: inset -20px 0 20px -10px rgba(20,20,25,0.3); 
}

.sidebar-a-right #sidebar-a, 
.sidebar-b-right #sidebar-b { 
  border-radius: 0 4px 4px 0; 
  box-shadow: inset 20px 0 20px -10px rgba(20,20,25,0.3);
}

.sidebar-a-left.sidebar-b-left #sidebar-b,
.sidebar-a-right.sidebar-b-right #sidebar-a { border-radius: 0px; }

.sidebar-a-left.sidebar-b-left #sidebar-a,
.sidebar-a-right.sidebar-b-right #sidebar-b { box-shadow: none; }

/* Menu */
#menubar { 
  height: 60px;
  border-radius: 5px 5px 0 0;
  background: url(../images/menubar.png) 0 0 repeat-x;
}

.sidebar-a-left #menubar,
.sidebar-b-left #menubar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.sidebar-a-right #menubar,
.sidebar-b-right #menubar {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Footer */
#footer { text-align: left; }

/* ToTop Scroller */
#totop-scroller {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 24px;
  height: 25px;
  background: url(../images/totop_scroller.png) 0 0 no-repeat;
  text-decoration: none;
}

#totop-scroller:hover { background-position: 0 -30px; }

.chronoform { display:none; }