#bd{
	padding-top: 0px; 
	margin:1px;
	overflow: hidden;
    -moz-box-shadow: 0 0 1em #000;
    -webkit-box-shadow: 0 0 1em #000;
    box-shadow: 0 0 1em #000;
   padding: 0.5em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
   -webkit-flex: 1 6 20%;
   flex: 1 6 20%;
   -webkit-order: 3;
   order: 3;
}
 
#bd{
    background:    -moz-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 254, 255, 0.3)), color-stop(49%, rgba(12, 154, 194, 0)), color-stop(51%, rgba(12, 154, 194, 0)), color-stop(100%,rgba(8, 99, 125, 0.3)));
    background: -webkit-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
	background:rgba(243,243,243,0.8);
	background-image: linear-gradient(to right, yellow,orange,red,green,blue,indigo,violet);
    color: #000405;
    border: solid -1px;
    border-color: #CCCCCC #7A960F #7A960F #CCCCCC;
}
#hd,#ft{
	background-color: #8ee53f #a6cd6b #b6b48c #c09aab #c57dc7 #c65be3 #c225ff;
	background:rgba(243,243,243,0.8);
    border: 1px solid #646464;
    border-top: 0;
    border-bottom: 0;
    -moz-box-shadow: 0 0 1em #000;
    -webkit-box-shadow: 0 0 1em #000;
    box-shadow: 0 0 1em #000;
   padding: 0.5em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
   -webkit-flex: 1 6 20%;
   flex: 1 6 20%;
   -webkit-order: 3;
   order: 3;
}
 
.yui-skin-sam .yui-navset li a{
	color:#FFFF;
text-decoration:none;
    -moz-box-shadow: 0 0 1em #FFF;
    -webkit-box-shadow: 0 0 1em #FFF;
    box-shadow: 0 0 1em #000;
 	}
.yui-skin-sam .yui-navset li a:hover{text-decoration:underline;color:#7A960F;}
.yui-skin-sam .yui-navset .yui-nav .selected a{color:#111;}
#yui-cms-loading {
    background:#FFFFFF;
	color: #333333;
    display: none;
}
#yui-cms-loading {
        text-align: center;
        font-size: 80%;
        background-image: url(../../images/loading.gif);
        background-repeat:no-repeat;
        background-position: top;
        padding-top: 20px;}
#header-container, #hd{
	border-top:0;
}
 
#hd,#bd,#ft,.content, .header{
	 background-color: #f8f9fc;
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.58);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
	display: block;
	clear: both;
	padding: 0;
    border: solid 1px #e6eaf4;
}

#yui-cms-loading {
    background:#FFFFFF;
	color: #333333;
    display: none;
}
#yui-cms-loading #yui-cms-float {
        text-align: center;
        font-size: 80%;
        background-image: url(../../images/loading.gif);
        background-repeat:no-repeat;
        background-position: top;
        padding-top: 20px;
    }

#tp-logo{
box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
height:93px;
width:600px;
margin-top:6px;
}
#ygma { margin:.5em auto 1em auto; }
#yui3flytabview,#yui3sleeptabview,#yui3dealstabview,#yui3dedefaulttabview {
	width:98%;
	margin-left:10px;
} 
#jazaartabview {
    width:100%; /* arbitrary width */
 	height:auto;
	margin-top:1px;
 
}
#jazaartabview .yui-content {
	box-shadow: 13px 3px #ff8c00, -1em 0 .4em #2647a0;
	height:auto;
	padding:10px;
  border: 1px solid black;
  border-top-left-radius:50px;
  border-top-right-radius:50px;
  border-bottom-left-radius:50px;
  border-bottom-right-radius:50px;
}
#jazaartabview .yui-content {
    padding:1em;
}
#jazaartabview .loading {
    background-image:url(../images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
}
#jazaartabview .loading * {
    display:none;
}
#contenttabs .yui-content {
    padding:1em;
	background-color:#ffffff;
}

#contenttabs .loading {
    background-image:url(loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
}

#contenttabs .loading * {
    display:none;
}
button{
	padding:5px;
		-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
button{
		border: 1px; 
	border-style:solid;
	border-color: #8089F9; 
 
} 
button:hover{
  background-color: #BDB76B;
  color: #EFEFEF;
  cursor:hand;
}
 
.top-menu{
	float:left;
	margin:5px;
	text-align:center;
	padding-bottom:8px;
	font-weight:600;
	font:11px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}

.top-menu a:hover  {
     /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    font-size: 100%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 1em 0.45em; /*0.4em 1em 0.45em;*/
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;

    /* Presentation */
    /*color: #444;  rgba not supported (IE 8) */
    /*color: rgba(0, 0, 0, 0.80);  rgba supported */
    /**color: #444;  IE 6 & 7 */
    color: #0e1320;
    /*border: 1px solid #999;  IE 6/7/8*/
    /*border: none rgba(0, 0, 0, 0);  IE9 + everything else*/
    border: solid 1px;
    border-color: #d1d8eb #a6b3d9 #a6b3d9 #d1d8eb;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #b0bcdd;

    text-decoration: underline;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}
.top-menu a {
    border: inset 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(51, 85, 186, 0)), color-stop(51%, rgba(51, 85, 186, 0)), color-stop(100%,rgba(20, 33, 72, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #3355BA;
    color: #fbfcfe;

    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
text-decoration:none;
}
.top-menu a:active,.top-menu li.current-menu-item a {
 border: inset 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(51, 85, 186, 0)), color-stop(51%, rgba(51, 85, 186, 0)), color-stop(100%,rgba(20, 33, 72, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #3355BA;
    color: #fbfcfe;

    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
	text-decoration:underline;
	}

.topmenu{
	margin:6px;
	text-align:left;
	padding-bottom:8px;
	font-weight:600;
	font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}
.topmenu a {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;

    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 1em 0.45em; /*0.4em 1em 0.45em;*/
    line-height: normal;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    /* Presentation */
    /*color: #444;  rgba not supported (IE 8) */
    /*color: rgba(0, 0, 0, 0.80);  rgba supported */
    /**color: #444;  IE 6 & 7 */
    color: #0a2229;
    /*border: 1px solid #999;  IE 6/7/8*/
    /*border: none rgba(0, 0, 0, 0);  IE9 + everything else*/
    border: solid 1px;
    border-color: #d6eef5 #87cfe3 #87cfe3 #d6eef5;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 253, 254, 0.3)), color-stop(49%, rgba(152, 214, 231, 0)), color-stop(51%, rgba(152, 214, 231, 0)), color-stop(100%,rgba(48, 172, 207, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #98d6e7;

    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}
.topmenu a.current {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 253, 254, 0.3)), color-stop(49%, rgba(152, 214, 231, 0)), color-stop(51%, rgba(152, 214, 231, 0)), color-stop(100%,rgba(48, 172, 207, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 253, 254, 0.3) 0%, rgba(152, 214, 231, 0) 49%, rgba(152, 214, 231, 0) 51%, rgba(48, 172, 207, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #7bcae0;
    color: #061519;
text-decoration:underline;
}
.topmenu a:hover,.topmenu a:active{
    background:    -moz-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(11, 141, 177, 0) 49%, rgba(11, 141, 177, 0) 51%, rgba(7, 88, 110, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 254, 255, 0.3)), color-stop(49%, rgba(11, 141, 177, 0)), color-stop(51%, rgba(11, 141, 177, 0)), color-stop(100%,rgba(7, 88, 110, 0.3)));
    background: -webkit-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(11, 141, 177, 0) 49%, rgba(11, 141, 177, 0) 51%, rgba(7, 88, 110, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(11, 141, 177, 0) 49%, rgba(11, 141, 177, 0) 51%, rgba(7, 88, 110, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(11, 141, 177, 0) 49%, rgba(11, 141, 177, 0) 51%, rgba(7, 88, 110, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(250, 254, 255, 0.3) 0%, rgba(11, 141, 177, 0) 49%, rgba(11, 141, 177, 0) 51%, rgba(7, 88, 110, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #0b8db1;
    color: #fafeff;
    border: solid 1px;
    border-color: #0eacd8 #0a82a3 #0a82a3 #0eacd8;
	}

.topmenu ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.topmenu ul:hover li:not(:hover) a {
  opacity: 0.2;
}
.topmenu ul li {
  position: relative;
  padding: 30px 25px 30px 25px;
  cursor: pointer;
}
.topmenu ul li::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #3498db;
  transform: scaleX(0);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.topmenu ul li:hover::after, ul li.active::after {
  transform: scaleX(1);
}
.topmenu ul li a {
  position: relative;
  display: flex;
  color: white;
  font-family: Lato, sans-serif;
  text-decoration: none;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
	
.header-address{
	font-size:90%;
	border:1px solid #ccc;
	  border-radius: 25px;
  border: 2px solid #009882;
  padding: 5px; 
  clear:both;
}
.mid-menu {
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
	font-size:70%;	
 }
.mid-menu a{
	background-color:#0AE98;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	text-decoration:none;
	padding:3px;
}
.mid-menu a:hover{
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
text-decoration:underline;
padding:5px;
}
 
.bottom-menu{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
text-align:center;}
.bottom-menu a {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 1em 0.45em; /*0.4em 1em 0.45em;*/
    line-height: normal;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    /* Presentation */
    /*color: #444;  rgba not supported (IE 8) */
    /*color: rgba(0, 0, 0, 0.80);  rgba supported */
    /**color: #444;  IE 6 & 7 */
    color: #41300c;
    /*border: 1px solid #999;  IE 6/7/8*/
    /*border: none rgba(0, 0, 0, 0);  IE9 + everything else*/
    border: solid 1px;
    border-color: #fcf7ee #ebcf93 #ebcf93 #fcf7ee;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 253, 251, 0.3)), color-stop(49%, rgba(240, 219, 173, 0)), color-stop(51%, rgba(240, 219, 173, 0)), color-stop(100%,rgba(215, 160, 40, 0.3)));
    background: -webkit-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #f0dbad;

    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}
/* separated out hover state for selected tab */
.bottom-menu a:hover {
    background:    -moz-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 252, 245, 0.3)), color-stop(49%, rgba(244, 167, 1, 0)), color-stop(51%, rgba(244, 167, 1, 0)), color-stop(100%,rgba(173, 118, 1, 0.3)));
    background: -webkit-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #f4a701;
    color: #0f0a00;
    border: solid 1px;
    border-color: #fecb5d #e49c01 #e49c01 #fecb5d;
}
.bottom-menu a:active{
    background:    -moz-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 253, 251, 0.3)), color-stop(49%, rgba(230, 194, 117, 0)), color-stop(51%, rgba(230, 194, 117, 0)), color-stop(100%,rgba(185, 137, 34, 0.3)));
    background: -webkit-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #e6c275;
    color: #1e1606;
    border: solid 1px;
    border-color: #f0dbad #e1b75b #e1b75b #f0dbad;
    border-bottom: none
    outline:0;
}

#right-menu {
	float:right;
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
 }
#right-menu a{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	text-decoration:none;
	padding:3px;
}
#right-menu a:hover{
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
text-decoration:underline;
padding:5px;
}
#right-menu a:active,.top-menu a:current{
box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
}

#mid-menu {
	font: 88% arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	text-align:center;
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
 }
#mid-menu a{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	text-decoration:none;
	padding:3px;
}
#mid-menu a:hover{
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
text-decoration:underline;
padding:5px;
}
#mid-menu a:active,.top-menu a.current{
box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
}
 
#bottom-menu{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
text-align:center;}
#bottom-menu a {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 1em 0.45em; /*0.4em 1em 0.45em;*/
    line-height: normal;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    /* Presentation */
    /*color: #444;  rgba not supported (IE 8) */
    /*color: rgba(0, 0, 0, 0.80);  rgba supported */
    /**color: #444;  IE 6 & 7 */
    color: #41300c;
    /*border: 1px solid #999;  IE 6/7/8*/
    /*border: none rgba(0, 0, 0, 0);  IE9 + everything else*/
    border: solid 1px;
    border-color: #fcf7ee #ebcf93 #ebcf93 #fcf7ee;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 253, 251, 0.3)), color-stop(49%, rgba(240, 219, 173, 0)), color-stop(51%, rgba(240, 219, 173, 0)), color-stop(100%,rgba(215, 160, 40, 0.3)));
    background: -webkit-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #f0dbad;

    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}
/* separated out hover state for selected tab */
#bottom-menu a:hover {
    background:    -moz-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 252, 245, 0.3)), color-stop(49%, rgba(244, 167, 1, 0)), color-stop(51%, rgba(244, 167, 1, 0)), color-stop(100%,rgba(173, 118, 1, 0.3)));
    background: -webkit-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #f4a701;
    color: #0f0a00;
    border: solid 1px;
    border-color: #fecb5d #e49c01 #e49c01 #fecb5d;
}
ol.menu  li {
	  border: inset 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(51, 85, 186, 0)), color-stop(51%, rgba(51, 85, 186, 0)), color-stop(100%,rgba(20, 33, 72, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #3355BA;
    color: #fbfcfe;


    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
}
ol.menu {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=55);
    -khtml-opacity: 0.55;
    -moz-opacity: 0.55;
    opacity: 0.55;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset;

    background-color: #b0bcdd;
    color: #0e1320;
}
ol.menu li a:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #9fadd6;
    color: #020204;
}

.vertical-menu {
  width: 200px;
  height: 400px;
  overflow-y: auto;
    position: fixed;
  z-index: 1;
  
font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;  
}

.vertical-menu a {
  background-color: #eee;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu a.active {
  background-color: #04AA6D;
  color: white;
}