/**
 * @package   mod_flyout - Flyout Tabs
 * @version   1.0.8 April 2012
 * @author    GraphicAholic - http://www.graphicaholic.com
 * @copyright Copyright (C) 2010 - 2011 GraphicAholic All rights reserved.
 */

/* Left Core */
ul#navigationLeft {
    list-style-type: none;
    list-style: none;
    position: fixed;
    margin: 0px;
    padding: 0px;
    left: 0%;
    z-index:9999;
}
ul#navigationLeft li {
    list-style-type: none;
    list-style: none;
}
ul#navigationLeft li a {
    list-style-type: none;
    list-style: none;
    display: block;
    background-repeat:no-repeat;
    background-position:left;
    list-style: none;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
}
ul#navigationLeft li a:hover{
	
}
ul#navigationLeft li a span {
	letter-spacing: 1px;
    font-size: 11px;
    color: #60ACD8;
    text-shadow: 0 -1px 1px #fff;
	float: right !important;
	margin: -40px 0px -50px 0px;
	/* Safari */
	-webkit-transform: rotate(-90deg) !important;
	/* Firefox */
	-moz-transform: rotate(-90deg) !important;
	/* IE */
	-ms-transform: rotate(-90deg) !important;
	/* Opera */
	-o-transform: rotate(-90deg) !important;
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) !important;
	font-weight: 800;
}
/* Left DS Core */
ul#navigationLeftDS {
    list-style-type: none;
    list-style: none;
    position: fixed;
    margin: 0px;
    padding: 0px;
    left: 0%;
    z-index:9999;
}
ul#navigationLeftDS li {
    list-style-type: none;
    list-style: none;
}
ul#navigationLeftDS li a {
    list-style-type: none;
    list-style: none;
    display: block;
    background-repeat:no-repeat;
    background-position:left;
    list-style: none;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -webkit-box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
    -moz-box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
    box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
}
ul#navigationLeftDS li a:hover{
    -webkit-box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
    -moz-box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
    box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
}
ul#navigationLeftDS li a span {
	letter-spacing: 1px;
    font-size: 11px;
    color: #60ACD8;
    text-shadow: 0 -1px 1px #fff;
	float: right !important;
	margin: -40px 0px -50px 0px;
	/* Safari */
	-webkit-transform: rotate(-90deg) !important;
	/* Firefox */
	-moz-transform: rotate(-90deg) !important;
	/* IE */
	-ms-transform: rotate(-90deg) !important;
	/* Opera */
	-o-transform: rotate(-90deg) !important;
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) !important;
	font-weight: 800;
}
/* Right Core */
ul#navigationRight {
    list-style-type: none;
    list-style: none;
    position: fixed;
    margin: 0px;
    padding: 0px;	   
    z-index:9999;
}
@media only screen and (max-width: 800px) {
ul#navigationRight {
	left: 90% !important;
	}
}
@media only screen and (min-width: 801px) {
ul#navigationRight {
	left: 97%;
	}
}

ul#navigationRight li {
    list-style-type: none;
    list-style: none;
}
ul#navigationRight li a {
    list-style-type: none;
    list-style: none;
    display: block;
    background-repeat:no-repeat;
    background-position:left;
    list-style: none;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
}
ul#navigationRight li a:hover{
}
ul#navigationRight li a span {
	letter-spacing: 1px;
    font-size: 11px;
    color: #60ACD8;
    text-shadow: 0 -1px 1px #fff;
	float: left;
	margin: -40px 0px -50px 0px;
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	font-weight: 800;
}
/* Core Right DS */
ul#navigationRightDS {
    list-style-type: none;
    list-style: none;
    position: fixed;
    margin: 0px;
    padding: 0px;
    z-index:9999;
}
@media only screen and (max-width: 800px) {
ul#navigationRightDS {
	left: 90% !important;
	}
}
@media only screen and (min-width: 801px) {
ul#navigationRightDS {
	left: 97%;
	}
}
ul#navigationRightDS li {
    list-style-type: none;
    list-style: none;
}
ul#navigationRightDS li a {
    list-style-type: none;
    list-style: none;
    display: block;
    background-repeat:no-repeat;
    background-position:left;
    list-style: none;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -webkit-box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
    -moz-box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
    box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
}
ul#navigationRightDS li a:hover{
    -webkit-box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
    -moz-box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
    box-shadow: 0px 3px 3px rgba(136,136,136,0.75);
}
ul#navigationRightDS li a span {
	letter-spacing: 1px;
    font-size: 11px;
    color: #60ACD8;
    text-shadow: 0 -1px 1px #fff;
	float: left;
	margin: -40px 0px -50px 0px;
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	font-weight: 800;
}