/**
 *	Basic Layout Theme
 * 
 *	This theme uses the default layout class-names for all classes
 *	Add any 'custom class-names', from options: paneClass, resizerClass, togglerClass
 */

.ui-layout-pane { /* all 'panes' */ 
    background: #FFF; 
    border: 1px solid #006600; 
    padding: 10px; 
} 

.ui-layout-resizer { /* all 'resizer-bars' */ 
    background: #DDD; 
} 

.ui-layout-toggler { /* all 'toggler-buttons' */ 
    background: #AAA; 
} 

.ui-layout-center {
    overflow:hidden;
    padding:0px;
}

.ui-layout-east {
    padding:0px;
    overflow: hidden;
}

.ui-layout-west {
    overflow:hidden;
    padding:0px;
}

.ui-layout-north {
 background-color:#CEE7C2;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#C9DEB8);
 background-image:-moz-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-webkit-linear-gradient(top, #C9DEB8 0%, #FFFFFF 47%,#C9DEB8 100%);
background-image:-o-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-ms-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#CEE7C2), color-stop(47%,#FFFFFF),color-stop(100%,#CEE7C2));
    padding:0px;
}

.ui-layout-south {

filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F7EFC3);
background-image: -ms-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7EFC3), color-stop(42, #FFFFFC), color-stop(80, #F7EFC3), color-stop(90, #FFE3B3), color-stop(94, #FEFFE3), color-stop(98, #F2D498), color-stop(100, #FAB54E));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
}

=============================================================================
Global Buttons Attributes
========================================================================== */


=============================================================================
yeller Buttons Attributes
========================================================================== */

a.button3{
	max-width:200px;
}

.button3 {
	border: 1px solid #999;
    border-radius: 12px;
	-moz-box-shadow:    0px 0px 4px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.40);
	box-shadow:         0px 0px 4px 0px rgba(0,0,0,0.40);
    font-family: "trebuchet ms", verdana, arial, sans-serif; 
    font:10px/bold sans-serif;
/*	text-shadow: 1px 1px 0 #fff; */
    color: #333;
	padding: 0.4em 0.5em;
	font-weight:bold;
 background-color:#F7EFC3;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F7EFC3);
background-image: -ms-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7EFC3), color-stop(42, #FFFFFC), color-stop(80, #F7EFC3), color-stop(90, #FFE3B3), color-stop(94, #FEFFE3), color-stop(98, #F2D498), color-stop(100, #FAB54E));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* W3C Markup */ 
background-image: linear-gradient(to bottom, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
}

.button3:hover,
.button3:focus,
.button3:active,
.button3.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
/*    text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
    color: #006600;
		background-color:#CEE7C25;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#C9DEB8);
 background-image:-moz-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-webkit-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-o-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-ms-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#CEE7C2), color-stop(47%,#FFFFFF),color-stop(100%,#CEE7C2));
}

.button3:active,
.button3.active {
	border: 1px solid #006600;
    border-bottom-color: #3884cd;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000));
    background-image: -moz-linear-gradient(#666, #000);
    background-image: -ms-linear-gradient(#666, #000);
    background-image: -o-linear-gradient(#666, #000);
    background-image: linear-gradient(#666, #000);
}

/* =============================================================================
Base Button
========================================================================== */

.button3 {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.1em 1em;
    margin: 0;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.button3:hover,
.button3:focus,
.button3:active,
.button3.active {
    text-decoration: none;
}

/* overrides extra padding on button2 elements in Firefox */
.button3::-moz-focus-inner {
    padding: 0;
    border: 0;
}


=============================================================================
Geen Buttons Attributes
========================================================================== */
a.button4{
	max-width:200px;
}

.button4 {
	border: 1px solid #999;
    border-radius: 12px;
	-moz-box-shadow:    0px 0px 4px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.40);
	box-shadow:         0px 0px 4px 0px rgba(0,0,0,0.40);
    font-family: "trebuchet ms", verdana, arial, sans-serif; 
    font:10px/bold sans-serif;
/*	text-shadow: 1px 1px 0 #fff; */
    color: #333;
	padding: 0.4em 0.5em;
	font-weight:bold;
		background-color:#CEE7C25;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#C9DEB8);
 background-image:-moz-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-webkit-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-o-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-ms-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#CEE7C2), color-stop(47%,#FFFFFF),color-stop(100%,#CEE7C2));
}

.button4:hover,
.button4:focus,
.button4:active,
.button4.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
/*    text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
    color: #006600;
 background-color:#F7EFC3;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F7EFC3);
background-image: -ms-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7EFC3), color-stop(42, #FFFFFC), color-stop(80, #F7EFC3), color-stop(90, #FFE3B3), color-stop(94, #FEFFE3), color-stop(98, #F2D498), color-stop(100, #FAB54E));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* W3C Markup */ 
background-image: linear-gradient(to bottom, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
}

.button4:active,
.button4.active {
	border: 1px solid #006600;
    border-bottom-color: #3884cd;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000));
    background-image: -moz-linear-gradient(#666, #000);
    background-image: -ms-linear-gradient(#666, #000);
    background-image: -o-linear-gradient(#666, #000);
    background-image: linear-gradient(#666, #000);
}

/* =============================================================================
Base Button
========================================================================== */

.button4 {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.1em 1em;
    margin: 0;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.button4:hover,
.button4:focus,
.button4:active,
.button4.active {
    text-decoration: none;
}

/* overrides extra padding on button2 elements in Firefox */
.button4::-moz-focus-inner {
    padding: 0;
    border: 0;
}