.outer-border {
	border: 1px solid #9FA46E;
	width: 100%;
}

.footer-text {
	font-family: "trebuchet ms" Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
.login-box-border {
	border: 1px solid #B4B79A;
}
.sign-in-title {
	font-family: "Trebuchet Ms" Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.submit-btn {
	background-color: #85EC15;
	border-radius:6px;
	border: 1px solid #5EB729;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.black-link {
	font-family: "Trebuchit Ms" Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3B3B3B;
	text-decoration: none;
}
.black-bold {
	font-family: "Trebuchit Ms" Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3B3B3B;
	text-decoration: underline;
}

.right-link-line {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFCC00;
}


.black-title {

	font-family: "Trebuchit Ms" Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3B3B3B;
	text-decoration: none;
}

.input-box-border {
	border: 1px solid #B4B79A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.top-brown-link {
	font-family: "Trebuchet Ms" Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BB2F04;
	text-decoration: none;
}
.top-brown-link_sub {
	font-family: "Trebuchet Ms" Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
		font-weight: normal;
	color: #BB2F04;
	text-decoration: none;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}
.admin-text {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009933;
	text-decoration: none;
}
.white-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.blue-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0000CC;
	text-decoration: none;
}
a.blue-link:hover {
	text-decoration: underline;
}.red-message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.warn-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.white_content {
	display: none;
	position: absolute;
	top: 35%;
	left: 35%;
	width: 30%;
	height: 30%;
	padding: 16px;
	border: 1px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/*admin menu style*/


#menu, #menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu {
float:left;
width:220px;
height:80%;
margin: 5px auto;
border: 1px solid #222;
background-color: #111;
background-image: -moz-linear-gradient(#444, #111);
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
background-image: -webkit-linear-gradient(#444, #111);
background-image: -o-linear-gradient(#444, #111);
background-image: -ms-linear-gradient(#444, #111);
background-image: linear-gradient(#512, #111);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}


#menu:before,
#menu:after {
content: "";
display: table;
}

#menu:after {
clear: both;
}

#menu {
zoom:1;
}

#menu li {
-moz-box-shadow: 1px 0 0 #444;
-webkit-box-shadow: 1px 0 0 #444;
box-shadow: 1px 0 0 #444;
position: relative;
 padding: 0 0 17px 0px;
}

#menu a {

padding: 12px 24px;
color: #999;
text-transform: uppercase;
font: bold 12px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}

#menu li:hover > a {
	color: #fafafa;

}

#menu .active{
	color: #fafafa;
  	margin: 0; 
   	padding: 4px; 
   	text-decoration: none; 
   	font-family: arial;
   	font-size: 14px; 
   	background-color: #00B0B0; 
   	display: block; 
}

*html #menu li a:hover { /* IE6 only */
color: #fafafa;
}

#menu ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 1;
background: #444;
background: -moz-linear-gradient(#444, #111);
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#menu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}


#menu ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#menu ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

#menu ul li:last-child {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#menu ul a {
padding: 10px;
width: 150px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}

#menu ul a:hover {
background-color: #0186ba;
background-image: -moz-linear-gradient(#04acec,  #0186ba);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background-image: -webkit-linear-gradient(#04acec, #0186ba);
background-image: -o-linear-gradient(#04acec, #0186ba);
background-image: -ms-linear-gradient(#04acec, #0186ba);
background-image: linear-gradient(#04acec, #0186ba);
}

#menu ul li:first-child > a {
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
border-bottom-color: #04acec;
}

#menu ul ul li:first-child a:hover:after {
border-right-color: #0299d3;
border-bottom-color: transparent;
}

#menu ul li:last-child > a {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}

/* Mobile */
#menu-trigger {
display: none;
}

@media screen and (max-width: 600px) {

/* nav-wrap */
#menu-wrap {
position: relative;
}

#menu-wrap * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* menu icon */
#menu-trigger {
display: block; /* show menu icon */
height: 40px;
line-height: 40px;
cursor: pointer;
padding: 0 0 0 35px;
border: 1px solid #222;
	color: #fafafa;
	font-weight: bold;
	background-color: #111;
	
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}

/* main nav */
#menu {
margin: 0; padding: 10px;
position: absolute;
top: 40px;
width: 100%;
z-index: 1;
background-color: #444;
display: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#menu:after {
content: '';
position: absolute;
left: 25px;
top: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #444;
}

#menu ul {
position: static;
visibility: visible;
opacity: 1;
margin: 0;
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#menu ul ul {
margin: 0 0 0 20px !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#menu li {
position: static;
display: block;
float: none;
border: 0;
margin: 5px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#menu ul li{
margin-left: 20px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#menu a{
display: block;
float: none;
padding: 0;
color: #999;
}

#menu a:hover{
color: #fafafa;
}

#menu ul a{
padding: 0;
width: auto;
}

#menu ul a:hover{
background: none;
}

#menu ul li:first-child a:after,
#menu ul ul li:first-child a:after {
border: 0;
}

}

@media screen and (min-width: 600px) {
#menu {
display: block !important;
}
}

/* iPad */
.no-transition {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
opacity: 1;
visibility: visible;
display: none;
}

#menu li:hover > .no-transition {
display: block;
}

.adminmenuicon{
	float: left;
}

.changelanguage {
    background: url("/images/button-b.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 33px;
    width: 215px;
}

#country_flag {
    float: left;
    list-style-type: none;
    margin: 0 auto;
}

.country_flag_right {
    color: #666666;
    font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    padding: 5px 0 0 40px;
}


#BoxTopMiddle {
    background-image: url("/images/top-box-m.png");
    color: #FFFFFF;
    font-size: 23px;
    font-weight: bold;
    height: 50px;
    text-align: center;
}

#BoxMiddleLeft {
    background: url("/images/left-box-m.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}

#BoxMiddleRight {
    background: url("/images/right-box-m.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}

#BoxBottomMiddle {
    background-image: url("/images/bottom-box-m.png");
    background-repeat: repeat-x;
    height: 10px;
}

#BoxBottomRight {
    background-image: url("/images/bottom-box-r.png");
    background-repeat: no-repeat;
    height: 10px;
}

#BoxBottomleft {
    background-image: url("/images/bottom-box-l.png");
    background-repeat: no-repeat;
    height: 10px;
}

#BoxTopLeft {
    background-image: url("/images/top-box-l.png");
    background-repeat: no-repeat;
    height: 50px;
    width: 13px;
}

#BoxTopRight {
    background-image: url("/images/top-box-r.png");
    background-repeat: no-repeat;
    height: 50px;
    width: 13px;
}
.changelanguage_left {
    float: left;
}
.changelanguage_right {
    color: #0099CC;
    font-size: 11px;
    padding: 8px 0 0 15px;c
}

/* Add  embedded animation .php*/

#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; }
#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 375px;cursor: auto; }

.textlabel {
	font-family:sans-serif,Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}


.form-submit {
    background: -moz-linear-gradient(center top , #003399 50%, #003366 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top, #003399 50%, #003366 100%);
    background:-ms-linear-gradient(top, #003399 50%, #003366 100%);
    background: -o-linear-gradient(top, #003399 50%, #003366 100%);
    background: linear-gradient(top, #003399 50%, #003366 100%);
    border: 1px solid #2783B9;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 1px rgba(255, 255, 255, 0.7) inset, 0 1px 2px rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 21px;
    padding: 3px 8px;
    vertical-align: middle;
}

ericRight {
    text-align: right;
}
.numericCenter {
    text-align: center;
}
.rprttable_header {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.hr {
    background-color: #C1C1C1;
    height: 2px;
  
}
div[id*="divLocationDetails"] {
    padding-left: 20px;
}
div[id*="divUserDetails"] {
    padding-left: 40px;
}
.regionHeader {
    color: #00BC49;
}
.locationHeader {
    color: #2E8B57;
}
div[class*="userHeader"] {
    color: #2E8B57;
}
.reportHeader {
    width: 936px;
}
.reportHeader_da {
    width: 100%;
}
.regionTable {
    background-color: #D7E4BC;
    width: 942px; 
}
.regionTable_da {
    background-color: #D7E4BC;
    width: 100%;
}
.locationTable {
    background-color: #B7CBE3;
    width: 922px;
}
.userTable {
    background-color: #FBD4B3;
    width: 760px;
}
.blankCell {
    background-color: #F5F6F8;
    margin: 0;
    padding: 0;
}
.export {
    width: 20px;
}
.graph {
    width: 20px;
}
.toggleNextRow {
    width: 10px;
}
.actionIcons {
    text-align: left;
    width: 55px;
}
.lColumn {
    font-size: x-small;
    padding-left: 5px;
    text-align: left;
}
.container {
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    width: 981px;
}
.right-boxlogout {
    float: right;
    width: 200px;
}
.loggedinas {
    float: left;
    width: 200px;
}
.text12 {
    font-size: 12px;
}
.text13 {
    font-size: 13px;
}
.text14 {
    font-size: 14px;
}
.all_regions{
	float: left; 
	width: 876px; 
	margin-top: 3px;
}