/**
 * 
 * Tous droits reserves - Copyright 2010-2011 AXIMUM PE - France
 *
 * @brief        Cascading Style Sheet for Symart layouts
 * @author       AUSY(hdl)
 * 
 */
 
ul.column li.widget {
    margin-top:30px;
    width: auto;
}

li.widget {
    width: 25%; /* width when 'moving' */
/*	border: 1px solid #eee;*/
    margin-bottom: 5px;
    padding: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.border-blue {
    background: #0078ae;
}

.color-blue {
    background: #0078ae url(images/blue.png) 50% 50% repeat-x !important;
}

.color-orange {
    background: orange url(images/orange.png) 50% 50% repeat-x !important;
}

.border-orange {
    background:#ef5123;
}

.color-black {
    background: black url(images/ui-bg_highlight-hard_70_000000_1x100.png) 50% 50% repeat-x !important;
}

.border-black {
    background: black;
}

.border-green {
    background:#8dc100;
}

.color-green {
    background: #67b021 url(images/green.png) 50% 50% repeat-x !important;
}

.border-fuchsia  {
    background: #836aa4;
}

.color-fuchsia  {
    background: fuchsia url(images/fuchsia.png) 50% 50% repeat-x !important;
}

.border-red {
    background:#c15451;
}

.color-red {
    background: #c15451 url(images/red.png) 50% 50% repeat-x !important;
}

li.widget .widget-head {
    color: white;
    padding:10px 10px 10px 10px;
    margin: 0;
    /*cursor: move;*/
    overflow: hidden;
    font-weight: bold;
    text-align:center;
}
	
li.widget .widget-content {
    font-size:0.9em;
    line-height: 1.2em;
    padding: 5px;
    overflow: hidden;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

/* Layout */

.ui-layout-pane {
    overflow: auto;
}

.ui-layout-pane-north ,
.ui-layout-pane-south {
    /*padding: 10px 15px;*/
    /*text-align: center;*/
    width:100%;
    margin:0;
    padding:0;	
    /*#header {
    border:0;
    height:50px;
    */
}

.ui-layout-resizer { 
    background: #FFF;
}
.ui-layout-toggler { 
    background: #CCC; 
}

.ui-layout-toggler-closed {
    border-top    : 25px solid transparent;
    border-bottom : 25px solid transparent;
    border-right  : 6px solid black;
}

.ui-layout-toggler-open {
    border-top    : 25px solid transparent;
    border-bottom : 25px solid transparent;
    border-left   : 6px solid black; 
}

.ui-layout-resizer:hover { 
    background: #89A; 
}
.ui-layout-resizer:hover .ui-layout-toggler { 
    background: #BCD; 
}
.ui-layout-resizer:hover .ui-layout-toggler:hover	{
    background: #FC0; 
}
.ui-layout-resizer-north:hover, .ui-layout-resizer-south:hover {
	background: #FFF;
}