@font-face {
	font-family: 'Helvetica Neue Roman';
	src: url('HelveticaNeueLTStd-Roman.eot');
	src: local('?'), url('HelveticaNeueLTStd-Roman.woff') format('woff'), url('HelveticaNeueLTStd-Roman.ttf') format('truetype'), url('HelveticaNeueLTStd-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.reportButtons > a
{
	cursor: pointer;
}

.cms_pagination{
	margin-left: 200px;
	margin-bottom: 30px !important;
}

.canvasjs-chart-credit
{
		font-size: 3px !important;
}

.canvasjs-chart-tooltip div
{
	text-align: right !important;
}


table.dataTable tbody th, table.dataTable tbody td {
    padding: 0px 0px 0px 5px  !important;
}


.inline-ground
{
	display:inline !important;
	float: none !important;
	padding: 3px;
}

.buttons{
	position:fixed;
	bottom:62px;
	right:5px;
	opacity:0.75 /*just a test*/
}
.buttons:hover{
	opacity:1
}
.btn {
	float: left;
	/*clear: both;*/
	background: url("../___img/btn_left.png") no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 5px 5px 0;
	text-align:center;
	-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px
}
.btn a, .btn > form > .send-invoice, input.btn-kiosk-scan, input.save-prod-btn {
    background: url("../___img/btn_stretch.png") repeat-x scroll left top transparent;
    color: #FFFFFF;
    float: left;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #030000;
    text-transform: uppercase;
}
input.btn-kiosk-scan {
	background: url("../___img/btn_stretch.png") repeat-x scroll left top #00ff00 !important;
	border-radius: 5px;
}
input.save-prod-btn {
	background: url("../___img/btn_stretch.png") repeat-x scroll left top #0080c0 !important;
	border-radius: 5px;
	text-shadow: 0 0 black !important;
    padding-top: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.btn span:last-child {
	background: url("../___img/btn_right.png") no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}

.btn_save a{ padding:0 30px }


.topNav{z-index:99999999;border-bottom:2px solid #fff;position:fixed;height:30px;width:100%;background:url("../___img/topNav.png")repeat-x 0 -6px #4B4B4B;} /*Customizable Top navigation background color*/
#globalSearch{
    background-color: rgba(0, 0, 0, 0.5);
    bottom: -35px;
    padding: 5px 4px;
    position: absolute;
    right: 21px;
    z-index: 200
}
#globalSearch #s{
    background: url("../___img/sprite.png") no-repeat scroll -3px -531px #FBFBFB;
    border: 1px solid #FFFEFE;
    color: #444444;
    font-style: italic;
    height: 13px;
    margin-right: -3px;
    padding: 5px 5px 5px 20px;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 199px
}
#globalSearch #b{
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	-moz-box-shadow: 0 0 0 0 #666666, 0 2px 0 0 #AEAEAE;
	-webkit-box-shadow:0 0 0 0 #666666, 0 2px 0 0 #AEAEAE;
	box-shadow:0 0 0 0 #666666, 0 2px 0 0 #AEAEAE;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* W3C */
    border: 1px solid #F9F9F9;
    color: #484848;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    padding: 5px;
    text-shadow: 0 1px 0 #FFFFFF;
    margin:0 2px 0 5px

}
#globalSearch #c{
    -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	-moz-box-shadow: 0 0 0 0 #666666, 0 2px 0 0 #AEAEAE;
	-webkit-box-shadow:0 0 0 0 #666666, 0 2px 0 0 #AEAEAE;
	box-shadow:0 0 0 0 #666666, 0 2px 0 0 #AEAEAE;
    background: rgb(241,241,241); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    border: 1px solid #C1C1C1;
    color: #800000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    padding: 5px;
    text-shadow: 0 1px 0 #FFFFFF
    }
#globalSearch #c:hover{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* W3C */
}
#globalSearch #b:hover{
  background: rgb(241,241,241); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}
.main{
    padding:50px 20px 20px 20px;
    min-height:600px;
    text-align:left;
    background:url("../___img/leftbg-2.png") no-repeat top left;
    border-top: 2px solid #B4B4B4;

}
#bottom{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    border-bottom: 2px solid #414141;
    border-top: 2px solid #414141;
    bottom: 0;
    clear: both;
    height: 20px;
    padding: 3px;
    /*position: fixed;*/
    position:absolute;
    width: 100%
}
ul#bNavigation li{
    border-right: 1px solid #323232;
    float: left;
    padding-right: 7px;
}
ul#bNavigation li:last-child{
    border:0 none
}
ul#bNavigation li a{
    padding-left: 8px;
    color:#fff;
    display:block
}
li.icon1 a{
    background: url("../___img/icon1.png") no-repeat scroll 6px 0 transparent;
    padding: 1px 1px 1px 27px !important;
}
#notification{
    -moz-border-radius:4px;
    background: none repeat scroll 0 0 rgba(217, 217, 217, 0.9);
    bottom: 20px;
    height: auto;
    margin: 0 20px 20px;
    padding: 10px;
    position: fixed;
    width: 200px;
    opacity:1; /*just a test*/
    text-shadow:0 1px 0 #fff;
    z-index:1000;
}
span#nhTitle{
    border-bottom: 1px dotted #888888;
    color: #5B0000;
    display: block;
    float: left;
    font-weight: bold;
    margin-left: 10px;
    padding: 2px 0;
    text-shadow: 0 1px 0 #FFFFFF;
}
p#nContent{
    float: left;
    font-size: 12px;
    overflow: hidden;
    text-align: left;

}
#notification p{
	margin-bottom:8px
}
#logo {
    border: 1px solid rgba(0,0,0,0.5);
    border-bottom: 3px solid rgba(0,0,0,0.5);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(0,0,0,0.25);
    box-shadow:
        0 2px 8px rgba(0,0,0,0.5), /* Exterior Shadow */
        inset 0 1px rgba(255,255,255,0.3), /* Top light Line */
        inset 0 10px rgba(255,255,255,0.2), /* Top Light Shadow */
        inset 0 10px 20px rgba(255,255,255,0.25), /* Sides Light Shadow */
        inset 0 -15px 30px rgba(0,0,0,0.3); /* Dark Background */
    -o-box-shadow:
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);
    -webkit-box-shadow:
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);
    -moz-box-shadow:
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);
    /*-moz-border-radius: 4px;-webkit-border-radius:4px;border-radius:4px;
    -moz-box-shadow:-1px 1px 3px 2px rgba(14, 14, 14, 0.7) inset;-webkit-box-shadow:-1px 1px 3px 2px rgba(14, 14, 14, 0.7) inset;box-shadow:-1px 1px 3px 2px rgba(14, 14, 14, 0.7) inset;
    background: none repeat scroll 0 0 rgba(194, 194, 194, 0.5);
    border: 1px solid #CDCDCD;*/
	left: 20px;
	padding: 4px;
	position: fixed;
	top: 40px;
}
#logo h2{
	background:url("../___img/logo.png") no-repeat;
	width:111px;
	height:102px;
	text-indent:-10000px
}
#logo h2 a{
	display:block;
	height:100%
}
#mainContent{
    margin-left: 139px;
    margin-top: 10px;
    margin-bottom:40px
}

#reportTable
{
	margin-bottom: 5px;
}
.content1-field,.content2-field{
    -moz-box-shadow: 0 0 0 1px #FFFFFF inset;-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;box-shadow: 0 0 0 1px #FFFFFF inset;
    background: none repeat scroll 0 0 rgba(221, 221, 221, 0.5);
    border: 1px solid #A4A4A4;
}
.content1-legend,.content2-legend{
    -moz-border-radius: 4px;-webkit-border-radius:4px;border-radius:4px;
    -moz-box-shadow: -1px -1px 0 0 #DDDDDD;-webkit-box-shadow:-1px -1px 0 0 #DDDDDD;box-shadow:-1px -1px 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    color: #434343;
    font-family: arial;
    font-size: 14px;
    margin-left: 10px;
    padding: 3px 8px;
    letter-spacing:0.1em;
    text-shadow: 0 1px 0 #FFFFFF;
    background: rgb(237,237,237);
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(229,229,229,1) 65%, rgba(254,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(65%,rgba(229,229,229,1)), color-stop(100%,rgba(254,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(229,229,229,1) 65%,rgba(254,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(229,229,229,1) 65%,rgba(254,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(229,229,229,1) 65%,rgba(254,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#feffff',GradientType=0 );
	background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(229,229,229,1) 65%,rgba(254,255,255,1) 100%)

}
.content1,.content2,.content3{
	padding:10px;overflow:hidden
}

.content3{
	background-color: #F5F5F5;
}

.content1 input[type="button"],.content2 input[type="button"]{
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D3D0D0));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #D3D0D0);
  background-image:    -moz-linear-gradient(top, #FFFFFF, #D3D0D0);
  background-image:     -ms-linear-gradient(top, #FFFFFF, #D3D0D0);
  background-image:      -o-linear-gradient(top, #FFFFFF, #D3D0D0);
  background-image:         linear-gradient(top, #FFFFFF, #D3D0D0);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#D3D0D0');
-moz-border-radius: 4px;-webkit-border-bottom-left-radius:4px;border-radius:4px;
    background-color: #444444;
    border-color: #C1C1C1 #A09C9C #8B8B8B #DADADA;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    text-shadow: 0 1px 0 #FFFFFF;
    cursor:pointer;

}
.content1 input[type="button"]:focus,.content2 input[type="button"]:focus{
  background-color: #D3D0D0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D3D0D0), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #D3D0D0, #ffffff);
  background-image:    -moz-linear-gradient(top, #D3D0D0, #ffffff);
  background-image:     -ms-linear-gradient(top, #D3D0D0, #ffffff);
  background-image:      -o-linear-gradient(top, #D3D0D0, #ffffff);
  background-image:         linear-gradient(top, #D3D0D0, #ffffff);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D3D0D0', EndColorStr='#ffffff');

}
select{
    border: 1px solid #CCCCCC;
    padding: 2px;
}
ul.topNavigation{
    float: left;
    padding: 6px 0 0 0;
}

ul.topNavigation li.open a{
    background-color:#FFFFFF !important;
    color: #000000 !important;
    }
ul.topNavigation li{
	float:left;
	margin:0 6px;
	text-align:left
}
ul.topNavigation li:last-child{margin-right:0}
ul.topNavigation li.active{
	background: none repeat scroll 0 0 #FFFFFF;
    height: 30px;
    margin-top: -6px;
}
ul.topNavigation li.active a{
	color: #444444;
    display: block;
    margin-top: 6px;
    padding: 0 10px;
}
ul.topNavigation li.active a{
	text-shadow:0 1px 0 #eaeaea
}
ul.topNavigation a{
	color: #FFFFFF;
	letter-spacing: 0.2em;
	/*padding-right: 10px;*/
}
ul.topNavigation a:hover{
	color:#c0c0c0;
	/*text-shadow:0 1px 0 #000000*/
}
span#next{padding-left:14px}
span#prev{padding-right:14px}
span#prev,span#next{float:left;text-indent:-10000px;}
span#prev a{
	background: url("../___img/arrows.png") no-repeat scroll 0 -15px transparent;
	display: block;
	height: 15px;
	margin: 7px 0 0 8px;
	width: 10px;
}
span#next a{
	background: url("../___img/arrows.png") no-repeat scroll -10px -15px transparent;
    display: block;
    height: 15px;
    margin-top: 7px;
    width: 10px;
}
span#prev a:hover{
	background:url("../___img/arrows.png") no-repeat 0 0px;
}
span#next a:hover{
	background:url("../___img/arrows.png") no-repeat -10px 0px;
}
html body div.topNav div#divNavigation ul.topNavigation li.open a:first-child{
	border-bottom:1px solid #ccc
}
ul.topNavigation li.dropdown a{
	/*font-weight:bold;*/
	color:#f0f0f0;
	background:url("../___img/arrowdown.png") no-repeat 93% center ;
	padding: 8px 25px 6px 8px;
	cursor:pointer;

}
/*stripe*/
table.stripe {
        background-color: black;
        border: 1px #ccc solid;
        border-collapse: collapse;
      }
table.stripe th {
        background-color: #808080;
	border: 1px outset silver;
	color: #FFFFFF;
	padding: 4px;
	text-shadow: 1px 1px 0 rgba(52, 52, 52, 0.5);
      }
table.stripe tr {
        background-color: white;
        margin: 1px;
      }
table.stripe tr.striped {
        background-color: #EAEAEA;
      }
table.stripe td {
        padding: 1px 8px;
}
.additionalBtn{
   /*-moz-border-radius: 4px;-webkit-border-radius:4px;border-radius:4px;*/
    /*border: 1px solid #B8B8B8;*/
    top: 1px;
    float: right;
    padding: 3px;
    position: absolute;
    right: 13px;

 /* background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D6D6D6));
  background-image: -webkit-linear-gradient(top, #ffffff, #D6D6D6);
  background-image:    -moz-linear-gradient(top, #ffffff, #D6D6D6);
  background-image:     -ms-linear-gradient(top, #ffffff, #D6D6D6);
  background-image:      -o-linear-gradient(top, #ffffff, #D6D6D6);
  background-image:         linear-gradient(top, #ffffff, #D6D6D6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#D6D6D6'); */
}
.additionalBtn a{
    color: #FEFEFE;
    padding: 3px 7px 3px 26px;
    text-shadow: 0 1px 0 #000000;
}
.additionalBtn a:hover{
	color:#DCDCDC
}
.leftbuttons{
	position:fixed;
	margin:20px 0 0 0;
	left:10px
    /* change the product return to remove style important*/
}

/************************************
 *Change topbar and bottombar color
 ***********************************/
/**red**/
body.red .topNav{
	border-bottom:2px solid #FF0000
}
body.red #fadeto{
	background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
body.red ul.topNavigation li.active{
	background:none repeat scroll 0 0 #FF0000
}
body.red ul.topNavigation li.active a{
	text-shadow:0 1px 0 #000000;
	color:#FFF9F9
}
body.red div#bottom{
	border-top: 2px solid #FF0000
}
body.red div#fadeto_bottom{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,0,0,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,0,0,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,0,0,1) 100%); /* W3C */
}
body.red legend.content1-legend, body.red legend.content2-legend{
	-moz-box-shadow: -1px 1px 2px 0 #B30505 inset;-webkit-box-shadow:-1px 1px 2px 0 #B30505 inset;box-shadow:-1px 1px 2px 0 #B30505 inset;
	background: none repeat scroll 0 0 #FF4444;
	border: 1px solid #BC0000;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
/**orange**/
body.orange .topNav{
	border-bottom:2px solid #ff8000
}
body.orange #fadeto{
	background: -moz-linear-gradient(top, rgba(255,128,0,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,128,0,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,128,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,128,0,1) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,128,0,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,128,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
body.orange ul.topNavigation li.active{
	background:none repeat scroll 0 0 #ff8000
}
body.orange ul.topNavigation li.active a{
	text-shadow:0 1px 0 #000000;
	color:#FFF9F9
}
body.orange div#bottom{
	border-top: 2px solid #ff8000
}
body.orange div#fadeto_bottom{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,128,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,128,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,128,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,128,0,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,128,0,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff8000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,128,0,1) 100%); /* W3C */
}
body.orange legend.content1-legend, body.orange legend.content2-legend{
	-moz-box-shadow: -1px 1px 2px 0 #B55004 inset;-webkit-box-shadow:-1px 1px 2px 0 #B55004 inset;box-shadow:-1px 1px 2px 0 #B55004 inset;
	background:none repeat scroll 0 0 #FF9000;
	border: 1px solid #935402;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
/*************************************/
/**blue**/
body.blue .topNav{
	border-bottom:2px solid #0080c0
}
body.blue #fadeto{
	background: -moz-linear-gradient(top, rgba(0,128,192,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,128,192,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,128,192,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,128,192,1) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,128,192,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080c0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(0,128,192,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
body.blue ul.topNavigation li.active{
	background:none repeat scroll 0 0 #0080c0
}
body.blue ul.topNavigation li.active a{
	text-shadow:0 1px 0 #000000;
	color:#FFF9F9
}
body.blue div#bottom{
	border-top: 2px solid #0080c0
}
body.blue div#fadeto_bottom{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,128,192,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,128,192,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,128,192,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,128,192,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,128,192,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0080c0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,128,192,1) 100%); /* W3C */
}
body.blue legend.content1-legend, body.blue legend.content2-legend{
	-moz-box-shadow: -1px 1px 2px 0 #0827AE inset;-webkit-box-shadow: -1px 1px 2px 0 #0827AE inset;box-shadow: -1px 1px 2px 0 #0827AE inset;
	 background: none repeat scroll 0 0 #5C80FF;
	    border: 1px solid #035FB4;
	    color: #FFFFFF;
	    text-shadow: 0 1px 0 #000000;
}
/*************************************/
/**yellow**/
body.yellow .topNav{
	border-bottom:2px solid #ffff00
}
body.yellow #fadeto{
	background: -moz-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,0,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
body.yellow ul.topNavigation li.active{
	background:none repeat scroll 0 0 #ffff00
}
body.yellow div#bottom{
	border-top: 2px solid #ffff00
}
body.yellow div#fadeto_bottom{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,0,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,0,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,0,1) 100%); /* W3C */
}
body.yellow legend.content1-legend, body.yellow legend.content2-legend{
	-moz-box-shadow: -1px 1px 2px 0 #B9BE00 inset;-webkit-box-shadow: -1px 1px 2px 0 #B9BE00 inset;box-shadow: -1px 1px 2px 0 #B9BE00 inset;
	background: none repeat scroll 0 0 #FEF749;
	border: 1px solid #B3B806;
	color: #1A1A1A;
	text-shadow: 0 1px 0 #FFFFFF;
}
/*************************************/
/**violet**/
body.violet .topNav{
	border-bottom:2px solid #800080
}
body.violet #fadeto{
	background: -moz-linear-gradient(top, rgba(128,0,128,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,0,128,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(128,0,128,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(128,0,128,1) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(128,0,128,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(128,0,128,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
body.violet ul.topNavigation li.active{
	background:none repeat scroll 0 0 #800080
}
body.violet ul.topNavigation li.active a{
	text-shadow:0 1px 0 #000000;
	color:#FFF9F9
}
body.violet div#bottom{
	border-top: 2px solid #800080
}
body.violet div#fadeto_bottom{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(128,0,128,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(128,0,128,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(128,0,128,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(128,0,128,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(128,0,128,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#800080',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(128,0,128,1) 100%); /* W3C */
}
body.violet legend.content1-legend, body.violet legend.content2-legend{
	-moz-box-shadow: -1px 1px 2px 0 #540056 inset;-webkit-box-shadow: -1px 1px 2px 0 #540056 inset;box-shadow: -1px 1px 2px 0 #540056 inset;
	background: none repeat scroll 0 0 #BC00AF;
	border: 1px solid #AC0AB7;
	color: #FFFFFF;
	text-shadow:0 1px 0 #000
}
/*************************************/
/**pink**/
body.pink .topNav{
	border-bottom:2px solid #FF0098
}
body.pink #fadeto{
	background: -moz-linear-gradient(top, rgba(255,0,152,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,152,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,0,152,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,0,152,1) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,0,152,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0098', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,0,152,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
body.pink ul.topNavigation li.active{
	background:none repeat scroll 0 0 #FF0098
}
body.pink ul.topNavigation li.active a{
	text-shadow:0 1px 0 #000000;
	color:#FFF9F9
}
body.pink div#bottom{
	border-top: 2px solid #FF0098
}
body.pink div#fadeto_bottom{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,0,152,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,0,152,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,0,152,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,0,152,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,0,152,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff0098',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,0,152,1) 100%); /* W3C  */
}
body.pink legend.content1-legend, body.pink legend.content2-legend{
	-moz-box-shadow: -1px 1px 2px 0 #D90081 inset;-webkit-box-shadow: -1px 1px 2px 0 #D90081 inset;box-shadow: -1px 1px 2px 0 #D90081 inset;
	background: none repeat scroll 0 0 #F969A7;
	border: 1px solid #EF0067;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
/*************************************/
/**green**/
body.green .topNav{
	border-bottom:2px solid #00ff00
}
body.green #fadeto{
	background: -moz-linear-gradient(top, rgba(0,255,0,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,255,0,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,255,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,255,0,1) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,255,0,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(0,255,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
body.green ul.topNavigation li.active{
	background:none repeat scroll 0 0 #00ff00
}
body.green ul.topNavigation li.active a{
	text-shadow:0 1px 0 #fff;
	color:#000;
	font-weight:bold
}
body.green div#bottom{
	border-top: 2px solid #00ff00
}
body.green div#fadeto_bottom{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,255,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,255,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,255,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,255,0,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,255,0,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ff00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,255,0,1) 100%); /* W3C */
}
body.green legend.content1-legend, body.green legend.content2-legend{
	-moz-box-shadow: -1px 1px 2px 0 #03950B inset;-webkit-box-shadow:-1px 1px 2px 0 #03950B inset;box-shadow:-1px 1px 2px 0 #03950B inset;
	background: none repeat scroll 0 0 #00D20C;
	border: 1px solid #008915;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
/*************************************/

.btn_new,.btn_green { background-color: #00ff00; }
.btn_red{background-color:#ff0000}
.btn_save,.btn_blue{background-color:#0080c0}
.btn_yellow{background-color:#ffff00}
.btn_orange{background-color:#ff8000}
.btn_violet{background-color:#800080}
.btn_pink{background-color:#FF0098}
.btn_test {background-color:#0080ff}
.btn_cancel,.btn_gray{background-color:#cccccc}


.btn a{ min-width: 88px; }
.hasLeft{
	clear:both;text-align:center
}
#fade{
	background:url("../___img/topNavfade.png") repeat-x;
	width:100%;
	height:57px;
	position:fixed;
	top:30px
}
span.req{color:red}



.icons,.iconset{
	background:url("../___img/sprite.png") no-repeat;
}


.admin{
	background-position:0 -1px
}
.logout{
	background-position:0 -24px
}
.edit{
	background-position: 0 -159px
}
.delete{
	background-position: 0 -180px
}
.read{
	background-position: 0 -458px
}
.print{
	background-position: 0 -70px
}
.upload{
	background-position: 3px -222px
}

.publish{
	background-position: 3px -321px
}


.unpublish{
	background-position: 3px -337px
}

.images{
	background-position: 0 -201px
}
.exec{
	background-position: 0 -474px
}
.audit{
	background-position:0 -513px
}
.super{
	background-position:0 -492px
}
.iconset,.edit,.delete,.images,.read,.print,.upload,.exec,.audit,.super,.view,.write,.binTrash{
	display:block;
	width:20px;
	float:left;
	padding:2px;
	height:15px
}
.xalertx{
    -moz-box-shadow: 0 1px 0 0 #FFFFFF inset;
    -webkit-box-shadow: 0 1px 0 0 #FFFFFF inset;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #D5D2D2;
    height: auto;
    min-width: 500px;
    padding:10px;
    position:relative
}
.xh{
   border-bottom: 1px dotted #FFFFFF;
}
h2.xht{
    border-bottom: 1px dotted #A9A8A8;
    padding: 2px 0;
    font-size:14px
}
.x{
    background-position: 0 -180px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 3px;
    text-indent: -10000px;
    top: 1px;
    width: 22px;
    cursor:pointer
}
.xm{
	margin:10px 0;text-align:left
}
.addphoto{
    background-color: rgba(99, 111, 120, 0.4);
    background-position: 0 -115px;
    border-top: 1px solid #CFCFCF;
    display: block;
    float: left;
    margin-right: 20px;
    outline: 1px solid #A7A7A7;
    padding: 0 20px 0 25px;
    text-shadow: 0 1px 0 #CCCCCC;
}
.addphoto:hover{
	color:#292929;
}
.xpanel{
   -moz-box-shadow: 2px 1px 2px #CCCCCC inset;-webkit-box-shadow: 2px 1px 2px #CCCCCC inset;box-shadow: 2px 1px 2px #CCCCCC inset;
    background: none repeat scroll 0 0 #EAEAEA;
    margin: 11px 0 0;
    padding: 7px 6px 2px;
    overflow:hidden;
    height:24px
}
input#ca{
    padding-left: 20px;
    vertical-align: top;
    cursor:pointer;float:left
}
label.ca{
	padding: 0 3px;cursor:pointer;float:left;margin-right:8px
}
.trash{
    background-position: 0 -282px;
    display: block;
    float: left;
    height: 18px;
    text-indent: -10000px;
    width: 20px;
     margin:0 2px
}
.featured{
    background-position: 0 -303px;
    display: block;
    float: left;
    height: 18px;
    text-indent: -10000px;
    width: 20px;
     margin:0 2px
}
.show{
    background-position: 0 -321px;
    display: block;
    float: left;
    height: 18px;
    text-indent: -10000px;
    width: 22px;
    margin:0 2px
}
.hide{
    background-position: 0 -336px;
    display: block;
    float: left;
    height: 18px;
    text-indent: -10000px;
    width: 22px;
    margin:0 2px
}
.xselect{
    float: right;
    font-family: Helvetica;
    font-size: 12px;
    margin-top: -2px;
    padding: 2px;
}
li.dropdown{
   position:relative
}

li.dropdown ul.sub_menu li{
    float: none;
    text-align: left;
    /*border-bottom: 1px solid #D7D5D5;*/
    padding:0;
    /*border-top: 1px solid #969696;*/
    margin-right:0;
    margin-left:0
}
html body.green div.topNav div#divNavigation ul.topNavigation li.dropdown ul.open li a:hover{
	background:#ccc !important
}
li.dropdown ul.sub_menu li:first-child{
	border-top:none
}
li.open ul.sub_menu{display:block !important}
li.dropdown ul.sub_menu{
    background: none repeat scroll 0 0 #FFFFFF;
    left: 1px;
    margin-top: 5px;
    padding: 0;
    position: relative;
    z-index: 999;
    /*border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;*/
    border-bottom: 1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    display:none
}
li.dropdown ul.sub_menu li a{
    background-image: none;
    font-weight: normal;
    padding:3px 16px;
    color:#444;
    width:100%;
    display:block
}
li.dropdown ul.sub_menu li a:hover{
	text-shadow:0 1px 0 #fff !important;
	background: none repeat scroll 0 0 #E6E6E6 !important;
	color: #004258 !important;
}
#fadeto{
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    height: 15px;
    position: fixed;
    top: 31px;
    width: 100%;
}
#fadeto_bottom{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	height: 15px;
	/*position: fixed;*/
	position: absolute;
	bottom: 28px;
	width: 100%;
}
.sub_menu2{
	 position: relative;
}
li.dropdown ul.sub_menu li.sub_menu2 a{
	background:#D0D0D0 !important
}
.sub_menu2 ul.sub_menu2-1{
	background:#D0D0D0;
	border-top:1px solid #969696;
	border-right:1px solid #969696;
	border-bottom:1px solid #969696;
	display:block !important;
}

.sub_sub_menu ul.sub_menu2-1{
	display:none;
}

.sub_menu2-1{
	background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
    right: -100%;
    top: -1px;
}
.bottomRight{
	float: right;
    margin-right: 20px;
}
.bottomRight span a{
    display: block;
    text-indent: -10000px;
    width: 20px;height:20px;padding:0 3px
}
.bottomRight span{float:left}
.calendar{
	background-position: 0 -375px
}
.notes{
	background-position: 0 -417px
}
.calc{
	background-position:0 -396px
}
.incident
{
	background-position:0 -439px
}
/*login*/
/*login*/
#bMessage p,#bMessage small,#bMessage h2{
	text-shadow:none;
	color:#fff
}
.login #top{
    background: none repeat scroll 0 0 #000000;
    border-bottom: 1px solid #FFFFFF;
    height: auto;
    padding:10px
}
.login #mid{
   background: url("../___img/login-mid.png") repeat-x transparent;
    border-top: 1px solid #B5B5B5;
    min-height: 500px;
    height:500px;
}
.login #mainLogin{
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1), 0 0 0 1px #CFC4C4 inset;
	-webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1), 0 0 0 1px #CFC4C4 inset;
	box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1), 0 0 0 1px #CFC4C4 inset;
	background: none repeat scroll 0 0 #FFFFFF;
	height: 232px;
	margin: 50px auto 20px;
	width: 387px;
}
.login #mainLogin-header{
    -moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;
    background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
    border-bottom: 1px solid #FFFFFF;
    height: 20px;
    margin: 1px 1px 0;
    padding: 10px 0;
}
.login #mainLogin-header h2{
    color: #04577E;
    font-size: 14px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.login #mainLogin-content{
   -moz-box-shadow: 0 1px 1px -1px #CFCFCF inset;-webkit-box-shadow: 0 1px 1px -1px #CFCFCF inset;box-shadow: 0 1px 1px -1px #CFCFCF inset;
    border-top: 1px solid #C9C9C9;
    margin: 0 1px 0;
    padding:22px 0
}
.login #username,.login #password{
   -moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;
    -moz-box-shadow: 0 0 0 3px rgba(139, 139, 139, 0.1), 0 2px 1px 0 #EBEBEB inset;-webkit-box-shadow: 0 0 0 3px rgba(139, 139, 139, 0.1), 0 2px 1px 0 #EBEBEB inset;box-shadow: 0 0 0 3px rgba(139, 139, 139, 0.1), 0 2px 1px 0 #EBEBEB inset;
    border: 1px solid #B8B8B8;
    margin: 0 24px 15px;
    padding: 7px 4px;
    width: 130px;
    display: inline-block;
}
.login #username input,.login #password input{
    border: 0 none;
    width: 100%;
    color:#898989
}
.login #username input:focus,.login #password input:focus{
	background:transparent
}
.login #remember{
	margin: 0 24px 15px;
    text-align: left;
}
.login #rem{
	float:left;
	display:none
}
.login #remember label{
	float:left;
	display:none
}
.forgotpassworD{display:none}
.login #remember input[type="submit"]{
    -moz-border-radius: 20px;-webkit-border-radius:20px;border-radius:20px;
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    color: #444444;
    float: right;
    font-weight: bold;
    padding: 5px 17px;
    text-shadow: 0 1px 0 #FFFFFF;
    cursor:pointer;
    background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
}
.login #remember input[type="submit"]:focus{
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(49%,rgba(209,209,209,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 50%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 50%,rgba(226,226,226,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 50%,rgba(226,226,226,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(254,254,254,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 50%,rgba(226,226,226,1) 100%); /* W3C */
border:1px solid #666666
}
.column1{
	float: left;
    margin-right: 20px;
    width: 47%;
}
/*span#btnicon{
	background:url("../___img/save.gif") no-repeat;
}*/
#divNavigation{
	float: left;
	overflow: hidden;
	padding: 0 14px
}
.fl{
	float:left
}
.cms_pagination{
	padding:11px 2px 0;
	margin-bottom: 5px;
}
.cms_pagination a.active{
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight:bold
}
.cms_pagination a.arrows{
	border-bottom:0 none
}
div#mainLogin div#mainLogin-content form div#username input#usernamePHP,div#mainLogin div#mainLogin-content form div#password input#passwordPHP{
	-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;
	width:120px
}
#admin_history_icon{
	position:relative
}
span.notCount{
	-moz-border-radius: 11px;-webkit-border-radius:11px;border-radius:11px;
	-moz-box-shadow: 0 -1px 2px 0 #FFFFFF inset;-webkit-box-shadow: 0 -1px 2px 0 #FFFFFF inset;box-shadow: 0 -1px 2px 0 #FFFFFF inset;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
	color: red;
	display: block;
	height: 17px;
	padding: 0 4px;
	position: absolute;
	right: -3px;
	text-shadow: 0 1px 0 #000000;
	top: -16px;
	font-weight:bold
}
#notBoxArea,#admin_history{
	bottom: 13px;
	display: block;
	margin: 0 0 21px 20px;
	overflow: hidden;
	min-width: 512px;
	opacity:0.95;
	position:fixed;
	width: 100%;
	max-width: 700px;
}
#admin_history span#xNoteClose a{
	background: url("../___img/xNoteClose.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 18px;
	position: absolute;
	right: 9px;
	text-indent: -10000px;
	top: 17px;
	width: 20px;
}
#admin_history span#xNoteClose a:hover{
	background: url("../___img/xNoteClose.png") no-repeat scroll 0 -19px transparent
}
#notTop{
	background:url("../___img/notTop.png") no-repeat;
	min-width:512px;
	height:42px;
	width: 100%;
	max-width: 700px;
	background-size: cover;
}
#notMid{
	background: url("../___img/noteMid.png") repeat-y scroll 0 0 transparent;
	color: #444444;
	height: auto;
	line-height: 21px;
	margin-right: 8px;
	text-align: left;
	min-width: 512px;
	max-width: 700px;
	width: 100%;
    background-size: contain;
}
#notMid .g854ihHH{
	height: 210px;
	min-width: 140px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 10px 0 33px;
	min-width: 456px;
	width: 100%;
	max-width: 657px;
}
#notBot{
	background:url("../___img/notBot.png") repeat-y;
	min-width:512px;
	height:45px;
	width: 100%;
	max-width: 700px;
	background-size: cover;
}
span.required{
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 1px 0 #000000;
}
.notTitle{
	font-family: cursive;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}

#admin_history_ul li{
	font-style:italic;
	font-family:monospace
}
#admin_history_ul li.new_notice{
	color: #000000;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.tableDash{
	margin:0 10px 10px 0
}
.ui-autocomplete{
	float:left
}
.sparatr,.se{
	border-left:1px solid rgba(108, 108, 108, 0.4);
	margin: 0 !important;
	padding: 0 !important;
}
.se{
	padding-right: 8px !important;
}
div#fakerdion.ui-accordion h3.ui-accordion-header, div#accordion.ui-accordion h3.ui-accordion-header {
    border: 1px solid #d3d3d3;
    background: #9dd53a; /* Old browsers */
    background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
    font-weight: normal;
    color: #555555
}
div#fakerdion.ui-accordion h3.ui-accordion-header a, div#accordion.ui-accordion h3.ui-accordion-header a {
    color:#113300;
    font-weight:bold;
    text-shadow:0 1px 0 #ACFF87;
    background:url("../___img/ad123.png") no-repeat right 2px
}

.invinput,.invinput:focus,.invinput:hover{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:none repeat scroll 0 0 transparent;
    border:medium none;
    font-size:1px;
    height:1px;
    text-indent:1000px;
    width:1px
}
.hoverTip{
		background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.7) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
	-moz-box-shadow: -4px 6px 0 -1px rgba(0, 0, 0, 0.3), -1px 2px 0 -1px #7B7B7B inset, 0 0 3px 2px rgba(96, 96, 96, 0.5);
	-webkit-border-radius:-4px 6px 0 -1px rgba(0, 0, 0, 0.3), -1px 2px 0 -1px #7B7B7B inset, 0 0 3px 2px rgba(96, 96, 96, 0.5);
	border-radius:-4px 6px 0 -1px rgba(0, 0, 0, 0.3), -1px 2px 0 -1px #7B7B7B inset, 0 0 3px 2px rgba(96, 96, 96, 0.5);
	border: 1px solid #323131;
	color: #FFFFFF;
	float: left;
	letter-spacing: 1px;
	padding: 5px;
	text-shadow: 0 1px 0 #0D0D0D;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	position:fixed;
	left:20px;
	bottom:50px;
	text-align: left;
}

.hoverTipR{
    right:50px;
    left:auto
}
.hoverTipborder div.hTcontent{
	color:#F2F2F2;
    text-shadow:0 1px 0 #00390B

}
.hoverTipborder h2{
	margin-bottom:6px
}
.hoverTipborder{
	-moz-box-shadow:0 2px 1px 0 rgba(65, 65, 65, 0.4) inset;
	-webkit-border-radius:0 2px 1px 0 rgba(65, 65, 65, 0.4) inset;
	border-radius:0 2px 1px 0 rgba(65, 65, 65, 0.4) inset;
	border:1px dashed rgba(48, 48, 48, 0.5);
	padding:8px
}


.ui-spinner {position: relative}
.ui-spinner-buttons {position: absolute}
.ui-spinner-button {overflow: hidden}

/*span#btnicon{
	background:url("../___img/save.gif") no-repeat;
}*/


.modal {display: none; position: fixed; z-index: 1; padding-top: 150px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal .modal-header {padding: 6px 16px 20px 16px; color: white; text-align: center; }
.modal .modal-header h1 {font-size: 25px;color: #000;}
.modal .modal-content {position: relative; background-color: #fefefe; margin: auto; padding: 20px 0px; border: 1px solid #888; width: 40%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; border-radius: 4px; } @-webkit-keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1} } @keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1} }
.modal .modal-header .close {color: #000; float: right; font-size: 28px; font-weight: bold; }
.modal .modal-header .close:hover,.close:focus {color: #000; text-decoration: none; cursor: pointer; }
.modal .modal-body {padding: 2px 16px 12px 16px;}
.modal .modal-body h2.no-data {position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #595959; font-size: 2.4em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; }
.modal .modal-body h2{position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #595959; font-size: 1.4em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; }
.modal .modal-body h2 small {color: #808080; font-size: 0.7em; }
.modal .modal-body h3{color: #ec2e2e; font-size: 0.925em; font-weight: 600; line-height: normal; word-wrap: break-word; text-align: center; padding: 5px 0px 5px 0px; }
.modal .modal-body textarea{margin: 5px 30px 10px 30px;padding: 8px; width: 80%;}
.modal .modal-body .button {    padding: 10px 25px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; border-radius: 4px; }
.modal .modal-body .button-default {background-color: #f2f2f2; color: black; border: 2px solid #cccccc; }
.modal .modal-body .button-default:hover {background-color: #cccccc; color: black; }
.modal .modal-body .button-primary {background-color: #2675c0; color: white; border: 2px solid #cccccc; }
.modal .modal-body .button-primary:hover {background-color: #1d5b95; color: white; }
.modal .modal-body .button-danger {background-color: #e60000; color: white; border: 2px solid #cccccc; }
.modal .modal-body .button-danger:hover {background-color: #b30000; color: white; }
.modal .modal-body span{margin: 0px 30px 0px 30px;}
.modal .modal-body a{margin-top: 20px;}
.modal .modal-footer {padding: 2px 16px; background-color: #5cb85c; color: white; }


/**
 * Pills
 */

 .pill {
	text-shadow: none;
	padding: 3px 6px 2px 6px;
	border-radius: 5px;
	white-space: nowrap;
 }

 .pill.pill-primary,
 .pill.pill-success,
 .pill.pill-danger,
 .pill.pill-dark {
	color: #FFF;
 }

 .pill.pill-default {
	background-color: #DDD;
 }

 .pill-primary {
	background-color: #007bff;
 }

 .pill-success {
	background-color: #059862;
 }

 .pill-danger {
	background-color: #dc3545;
 }

 .pill-dark {
	background-color: #343a40;
 }