/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#header,
#breadcrumbs,
#content,
#footer { margin: 15px; }

#menu .module { margin: 10px 5px; }

#footer .module { margin: 0; }

#toolbar,
#headerbar { margin-bottom: 15px; }

/* Layout
----------------------------------------------------------------------------------------------------*/
body#page{background:#fff url(../images/blue2_j.jpg)repeat-x fixed 0 0 ; }

.wrapper { background:#fff;
   margin-top:50px !important; 
   border: 1px solid #d9d9d9 ;
   -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px                         
}

#content{padding: 15px}

#menubar { 
  background: #3399cc; 
 padding:8px 8px ;
 
}

#headerbar { padding:0 20px; margin-bottom:0px !important; }

#toolbar {
	padding:5px 20px;
	font-size:11px;
}

#sidebar-a
.module-title {
    background:#f2f2f2;
    color:#333;
    font-weight: normal;
   border-left:5px solid #3399cc ;
   line-height: 30px;
    margin-bottom: 20px;
    padding-left:15px;
    text-transform: none;	
}

#sidebar-b
.module-title
{  background:#f0f0f0;
    color:#3399cc;
    font-weight: normal;
   border-left:5px solid #3399cc ;
   line-height: 30px;
    margin-bottom: 20px;
    padding-left:15px;
    text-transform: none; 
}



#sidebar-a
 .mod-box
 {
 background: #f9f9f9;
box-shadow: 2px 2px 2px 1px rgba(128,128,128,0.1);
 border:1px solid #ddd;
 -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}

#bottom-a{background: #258dc8;
    color: #f2f2f2
}
#bottom-b
.module-title
{  
    color:#3399cc;
    font-weight: normal; 
   line-height: 30px;
    margin-bottom: 20px;
    padding-left:15px;
    text-transform: none;
    padding: 5px
}
#bottom-a
.module-title
{  
  color:#f1f1f1;   
}
#bottom-a a{color: #f5f5f5}
#bottom-a a:hover{color: #0066CC}


#system .item > header .title { margin-bottom: 0; 
color:#333;                             
}

#header {	
	margin:0  !important;
}

#footer{background: #252525;
 margin:0  !important;
 color: #b5b5b5 ;
 padding: 5px       
}

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.png) 50% 50% no-repeat;
	text-decoration: none;
}
