@charset "utf-8";

.p-line{
    text-align:center;
    margin-top:30px;
    font-style:italic;
    font-size:14px;
    color:#999999;
}

/*===============TOP HEADER AND MENU==================*/
.login-header{
	height: 82px;
	background: #54748e url(images/header_bg.jpg) repeat-x;
	border-bottom:1px solid #445c71;
}


#loginLogo{
	margin:3px 0px 0px 18px;
	float:left;
}

.header{
	height:45px;/*height: 67px;*/
	background: #54748e url(images/header_bg.jpg) repeat-x;
	border-bottom:1px solid #445c71;
}


#logo{
	margin:3px 0px 0px 18px;
	float:left;
}


.top-nav{
	height:45px;/*height: 67px;*/
	float:right;
	margin:0px 20px 0px 0px;
}


.top-nav li{
	display:inline;
	float:left;
}


.top-nav li a img{
	display:block;
	margin:2px auto 3px auto;
}


.top-nav ul:hover li a{
	background:none !important;
	-moz-box-shadow:inset 0 0 0px #33485a !important;
	-webkit-box-shadow:inset 0 0 0px #33485a !important;
	box-shadow:inset 0 0 0px #33485a !important;
}


.top-nav li a{
	/*padding:31px 0px 22px 0px;*/
    /*padding: 15px 0;*/
    padding: 0px;
	height:45px;
	float:left;
	color:#FFFFFF;
	width:112px;
	text-align:center;
	font:16px Calibri;
	text-decoration:none;
	/*margin:0px 6px;*/
	text-shadow: 2px 2px 1px #4a687d;
}


.top-nav li:last-child a{margin-right:0px;}


.top-nav ul li a:hover, .top-nav ul li a:active, .active{
	background-color:#415b71 !important;
	-moz-box-shadow: inset 0 0 10px #33485a !important;
	-webkit-box-shadow: inset 0 0 10px #33485a !important;
	box-shadow: inset 0 0 10px #33485a !important;
}


.top-nav ul li a:active, .active{cursor:default;}

/*===============MAIN LAYOUT AREAS ==================*/
#main{ /* outer div between header and footer */
	background-color:#FFFFFF; width:100%; float:left; }

#content{ /*left column, NO padding; don't change - is referenced in JS for slide menu panel */
	overflow:hidden; 
}

#content-inner { /* within #content; for inner (non-map) pages */
	overflow:hidden; 
	padding: 20px;
	margin-bottom:40px;
}

/*===============Left Menu Start==================*/

#showLeftMenu {
    color: #FFFFFF;
}
#showLeftMenu {
    cursor: pointer;
    float: left;
    padding-top: 0;
    position: absolute;
    width: 0;
    z-index: 2;
}
#showLeftMenu span {
    background: none repeat scroll 0 0 #54748E;
    color: #FFFFFF;
    display: block;
    font-size: 22px;
    height: 30px;
    margin-top: 0;
    padding: 5px 0 5px 10px;
    width: 20px;
}

#left-menu{
	width:260px;
	float:left;
	height:auto; /*min-height:630px; */
	position:relative; 		/* required for slide panel to work */
	overflow: auto;
	border-right: 2px solid #AAAAAA;
	background-color: #F4F3F4;
}

#hideLeftPanel {
    background: none repeat scroll 0 0 #54748E;
    color: #FFFFFF;
    height: 24px;
    padding: 5px 0 0;
    width: 100%;
}

#hideLeftPanel a {
    color: #FFFFFF;
    font-size: 16px;
    padding-left: 140px;
}

.leftMapContainer
{
    margin: 5px; position: relative; border: 1px solid #AAAAAA;background-color: #54748E;
}
.bigMapContainer
{
    margin: 5px; position: relative; border: 1px solid #AAAAAA;background-color: #54748E;
}
.leftTruckId
{
    float: left;
    color: #FFFFFF;
    margin-left: 5px;
}

.leftClose
{
    position: absolute; 
    top: 0px; 
    font-size: 15px; 
    right: 5px; 
    cursor: pointer;
    color: #FFFFFF;
}

.leftMiniMap
{
    width: 100%; 
    height: 240px;
}
.bigMap
{
    width: 100%; 
    height: 650px;
}

/*===============RIGHT MENU START==================*/

#right-menu{
	width:260px;
	float:right;
	height:auto; /*min-height:630px; */
	/*padding:0 10px 0px 0px; */
	position:relative; 		/* required for slide panel to work */
}

/*
#scrollcontainer{top:1px !important;}
*/

/*
.advanced-search{
	margin: 5px 0px 0px 158px;
	float:left;
}
*/

#scrollbox{
	background: url(images/right-menu-bg.png) top left no-repeat;
	/*min-height:630px; *//* was 680px */
	height:auto;
}


#form-search{
	width:250px;
	float:left;
	height: 92px;
	margin:5px 0px 5px 0px;
}


.search{
	/*width:191px;*/
	width:162px;
	height:33px;
	background:url(images/input-search.png) left top no-repeat;
	border:0px;
	float:left;
	color:#807e7e;
	padding:0px 0px 0px 10px;
	/*margin:0px 0px 0px 12px;*/
	margin:0px 0px 0px 41px;
}


.search-submit{
	width: 35px;
	height: 33px;
	background:url(images/input-search-button.png) left top no-repeat;
	float:left;
	border:0;
	cursor:pointer;
}


#main-nav {
	width:260px;
	padding: 0;
	margin:15px 0 0 0px; 
	min-height:auto;
	/*height:480px;*/
}


#main-nav li {
	list-style: none;
	padding-bottom: 10px;
	text-align:left;
}


#main-nav li img{float:left;}


#main-nav li a.nav-top-item {
	background: transparent url('images/menu-bg.jpg') left top repeat-x; /* Background image for default color scheme - green */
	padding:5px 0px 7px 15px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-shadow: 1px 2px 1px #4c637d;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	margin-bottom:7px;
}


#main-nav li a.current {
	background-image: url('images/menu-bg.jpg') !important;
	color: #fff;
}
  
                
#main-nav li a.current:hover {color: #fff;}


#main-nav ul {
	padding: 0;
	font-size: 12px;
	margin: 0;
}


#main-nav ul li {
	list-style: none;
	margin: 0;
	text-align:left;
	padding: 0;
}

#main-nav ul li a {	
	padding: 5px 1px 5px 15px;  /*padding: 5px 15px;*/
	display: block;
	color: #5c5c5c;
	font-size: 13px;
	line-height: 1.2em;
	text-decoration:none;
}

#main-nav ul li a:hover,
#main-nav ul li a.current,
#main-nav ul li a.current:hover {
 color: #353535;
}

#main-nav ul li a.current {background: transparent url('images/menu-current-arrow.jpg') right center no-repeat !important;}


/*===============TABS-CONTENOR==================*/
.tabs-contenor{
	background: #eceef0;
	border-bottom: 1px solid #b8bcc0;
	height:97px;
	padding:0px 10px 0px 20px;
	position:relative;
}

.profile{
	width:270px;
	height:80px;
	float:right;
	color:#5c5c5c;
	margin:8px 0px 0px 0px;
	overflow:hidden;
}


.profile img{
	float:left;
	margin:5px 6px 0px 0px;
}


.profile h2{
	float:left;
	width:65%;
	text-shadow: 1px 1px 1px #fff;
	font: 32px 'TallFilmsExpandedRegular';
	line-height:1px;
	letter-spacing:0.5px;
	margin:20px 0px 18px 0px;
	font-weight:bolder;
}


.profile h4{
	font-weight:normal;
	font-size:12px;
	float:left;
	width:65%;
	margin:4px 0px 0px 0px;
	text-shadow: 1px 1px 1px #fff;
}


.profile h4 a{
	text-decoration:none;
	color:#5c5c5c;
}


.profile h4 a:hover{color:#1b1b1b;}


.profile h4 img{float:none;}


.tabs-contenor h1{
	color:#5c5c5c;
	text-shadow: 1px 1px 1px #fff;
	font:40px 'TallFilmsExpandedRegular';
	letter-spacing:0.5px;
	line-height:43px;
	height:46px;
	overflow:hidden;
	font-weight:bolder;
}
.tabs-contenor h1.pad, .tabs-contenor h2.pad {padding-top:10px;}

.tabs-contenor h3{
	font-size:11px;
	font-weight:normal;
	text-shadow: 1px 1px 1px #fff;
	font-style:italic;
	padding:5px 0px;
}


.tabs-contenor h3 a{
	text-decoration:none;
	color:#5c5c5c;
}


.tabs-contenor h3 a:hover{color:#1b1b1b;}


.tabs_links{
	position:absolute;
	bottom:-1px;
}


.tabs_links ul{display:inline;}


.tabs_links ul li{display:inline;}


.tabs_links ul li a{
	text-decoration:none;
	color:#55748e;
	border:1px solid #b8bcc0;
	border-bottom:0px;
	background-color:#ebefef;
	float:left;
	padding:6px 0px;
	width:110px;
	text-align:center;
	text-shadow: 1px 1px 1px #fff;
	font-size:12px;
	margin-right:5px;
	box-shadow: inset 0px 1px 0px #fff;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-khtml-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
	position:relative;
}


.tabs_links ul li span{
	background-color:#6f91b1;
	padding:1px 5px 1.6px 5px;
	color:#FFFFFF;
	text-shadow: 0px 0px 0px #fff;
	border:1px solid #57748d;
	font-size:10px;
	position:absolute;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	-khtml-border-radius:100px;
	border-radius:100px;
	bottom:20px;
	right:2px;
}


.tabs_links ul li.active a span{bottom:21px;}


.tabs_links ul li a:hover{
	background-color:#FFFFFF;
	color:#5c5c5c;
}


.tabs_links ul li.active a{
	background-color:#FFFFFF;
	color:#5c5c5c;
	border-bottom:#FFFFFF;
	padding:6px 0px 7px 0px;
	text-align:center;
}


/*===============CONTENT BOX ==================*/
.content-box {
	border: 1px solid #ccc;
	margin: 15px 0px 0px 0;
	background: #fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	float:left;
}


.full-box{width:100%;}
.half-box{width:48.9%;}
.quater-box{width:31.4%;}
.margin-right{margin-right:2.3%;}


.content-box-header {
	background: #eaedf1 /*url('images/header_bg.jpg') top left repeat-x*/;
	margin-top: 1px;
	height: 40px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
	-khtml-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
}


.closed-box{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}


.content-box-header a{
	float:right;
	background-image:url(images/close-big.png);
	margin:12px 18px 0px 0px;
	height:16px;
	width:16px;
}


.content-box-header h3 {
	padding: 8px 0% 8px 18px;
	float: left;
	color:#5c5c5c;
	font-size:18px;
	font-weight:normal;
}


.content-box-header h4 {
	padding: 8px 0% 8px 18px;
	float: left;
	color:#5c5c5c;
	font-size:18px;
	font-weight:normal;
}
	
				
.content-box-content{
	padding: 20px;
	font-size: 13px;
	border-top:1px solid #ccc;
}



.common-button{
	background-color:#adc5db;
	border:0px;
	cursor:pointer;
	font-size:10.5px;
	padding:0px 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
	text-shadow: 1px 1px 0px #dbe4e9;
	color:#5c5c5c;
}

.common-button:hover{background-color:#a2c0db;}

.big-button, .big-button:focus{
	background:#4f6c85 url(images/big-button-bg.jpg) repeat-x;
	padding:5px 15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	border-radius:15px;
	color:#FFFFFF;
	text-shadow: 1px 1px 0px #d394d5f;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
}

.button, .button:focus{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	background-color:#e7eaeb;
	box-shadow: inset 0px 1px 0px #fff;
	text-shadow: 1px 1px 0px #fff;
	font-size:12px;
	letter-spacing:0.10px;
	text-transform:uppercase;
	font-weight:bold;
	padding:8px 11px 8px 11px; /* padding:6px 11px 6px 11px; */
	cursor:pointer;
	color:#5c5c5c;
	border:1px solid #b5b6b3;
}


.button i{font-size:17px; padding:0px 7px 0px 0px; position:relative; top:2px;}
.button-display{margin:0px 12px 12px 0px; float:left; }

.red-button, .red-button:focus{border-color:#df8f8f; background-color:#ffcece;}
.blue-button, .blue-button:focus{border-color:#64c3f7; background-color:#d5f0fd;}
.green-button, .green-button:focus{border-color:#9adf8f; background-color:#d5ffce;}
.yellow-button, .yellow-button:focus{border-color:#e6db55; background-color:#fffbcc;}

.orange-button, .orange-button:focus{
border-color:#FF8801; background-color:#FF8700;color:#FFF;	text-shadow: NONE;
font-size:12px; font-family: "Lucida Grande", Verdana, sans-serif;
}

.element-box{
	float:left;
	width:100%;
}

.element-box h1{
	color:#5c5c5c;
	font: 32px 'TallFilmsExpandedRegular';
	overflow:hidden;
	/*font-weight:bolder;*/
	letter-spacing:1px;
}

.element-box p{margin:10px 0px;}


pre{
	float:left;
	padding:10px;
	background-color:#fbfbfb;
	border:1px dotted #b5b6b3;
	width:95%;
	margin:0px 0px 15px 0px;
	font-size:13px;
	color:#aaaaaa;
	white-space: pre-wrap; 
	 white-space: -moz-pre-wrap; 
	 white-space: -pre-wrap;   
	 white-space: -o-pre-wrap;
	 word-wrap: break-word; 
}


.table { width: 100%; border: 0; margin-bottom: 1em; border-collapse: collapse;  }
.table thead th{
 	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 10px 10px;
	border-bottom: 1px solid #E3E3E3;
}	
.table td { vertical-align: top; }
.table tbody tr td { background: #FFF; border-bottom: 1px solid #E3E3E3; }
.table tbody td { padding: 10px; }


fieldset{
	padding:10px;
	border:1px solid #d4d5d7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}


legend{
	padding:0px 8px;
	font-weight:bold;
}

/*===============DASHBOARD PAGE START==================*/

/*---GRAPH---*/

.element-box h1 span{
	float:right;
	font-size:11px;
	letter-spacing:normal;
	text-align:right;
	padding-top:5px;
}


.element-box h1 span img{
	position:relative;
	top:2px;
}


.graph{
	width:100%;
	padding:10px 0px 0px 0px;
	float:left;
}

.bars-box{
	width:80%;
	float:left;
}


.bar-cover{
	float:left;
	padding:0px 8px;
	/*background:url(images/bar-bg.jpg) no-repeat center 169px;*/
}


.graph-table span{
	display:block;
	text-align:center;
	font-size:13px;
	color:#5c5c5c;
	clear:both;
}


.graph-table td{padding-right:20px;}


.bar-border{
	width:100%;
	border:1px solid #b5b6b3;
	height:150px;
	margin:4px 0px;
	position:relative;
	overflow:hidden;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow: inset 0 0 20px #d9d7d7;
	-webkit-box-shadow: inset 0 0 20px #d9d7d7;
	box-shadow: inset 0 0 20px #d9d7d7;
}


.bar-blue{
	border:1px solid #54718d;
	position:absolute;
	bottom:1px;
	left:1px;
	right:1px;
	background: #527291 url(images/blue-bar-bg.jpg) repeat-x top left;
	height:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	/*-moz-animation: 1s ease-in-out 0s normal none 1 loadUp;
	-moz-transition-duration: 0s;
	-moz-transition-property:height;*/	
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}


.bar-skyblue{
	border-top:1px solid #54728f;
	position:absolute;
	bottom:0px;
	left:0px;
	background: #54a7dd url(images/skyblue-bar-bg.jpg) repeat-x top left;
	height:0px;
	width:100%;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
	/*-moz-animation: 1s ease-in-out 0s normal none 1 loadUp;
	-moz-transition-duration: 0s;
	-moz-transition-property:height;*/	
	transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
}


.graph-details{
	width:19%;
	float:right;
}


.graph-details ul li{list-style:none;}


.graph-details li a{
	display:block;
	padding:10px 0px;
	border-bottom:1px solid #b8bcc0;
	font-size:12px;
	color:#5c5c5c;
}


.graph-details li a img{
	position:relative;
	top:4px;
	margin-right:4px;
}


.graph-details li a:hover{color:#353535;}


.graph-details li a input{margin-left:4px;}


.graph-dates{
	width:100%;
	float:left;
	list-style:none;
	color:#5c5c5c;
	margin:20px 0px 0px 0px;
}

.graph-dates li{
	display:inline-block;
	padding:0.5% 0% 0.3% 3.2%;
	background-color:#c7d7e5;
	text-transform:uppercase;
	float:left;
	font-size:28px;
	width:9.2%;
	line-height:26px;
	text-shadow: 1px 1px 0px #fff;
	font-family:'OstrichSansMedium';
}

.graph-dates li:first-child{
	-moz-border-radius:4px 0px 0px 4px;
	-webkit-border-radius:4px 0px 0px 4px;
	-khtml-border-radius:4px 0px 0px 4px;
	border-radius:4px 0px 0px 4px;
}


.graph-dates li:nth-child(odd){background-color:#e8ebec;}


.graph-dates li:nth-child(even){background-color:#c7d7e5;}


.graph-dates li:last-child{
	-moz-border-radius:0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
}


.graph-dates li span{
	font-size:11px;
	width:0.1%;
	float:left;
	position:relative;
	left:22px;
	text-align:center;
	line-height:12px;
}

/*---TICKER---*/
.ticker{
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
	font-size:12px;
}


.ticker img{float:left;}


.ticker span{float:right;}


.ticker-data{
	width:98%;
	background-color:#e8ebec;
	padding:1%;
	margin:5px 0px 20px 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}


.ticker-data input{float:right;}




/*---TRAFFIC---*/

.process-bars-box{
width:70%;
float:left;}


.gride-box{
width:30%;
float:right;}


.gride{
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
border:1px solid #b5b6b3;
}

.gride th{
background: #5a7a98 url(images/table-th-bg.png) repeat-x;
border-bottom:1px solid #e6e6e6;
font-weight:normal;
color:#FFFFFF;
padding:8px 0px;
font-size:13px;
text-shadow: 1px 1px 0px #556f84;}

.gride td{
padding:8px 0px;
text-align:center;
border-right:1px solid #abc0d2;
font-size:17px;
text-shadow: 1px 1px 0px #fff;}

.gride td:last-child{
border:0px;}

.gride tr:nth-child(even){
background-color:#c8d8e5;}

.gride tr:nth-child(odd){
background-color:#eaeced;}


.rows-padding td{
padding:6px 0px;}


.process-bar-cover{
width:100%;
float:left;
height:18px;
border:1px solid #b5b6b3;
overflow:hidden;
padding:1px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 10px #d9d7d7;
-webkit-box-shadow: inset 0 0 10px #d9d7d7;
box-shadow: inset 0 0 10px #d9d7d7;}

.process-bar-blue{
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
border:1px solid #56728f;
float:left;
height:16px;
width:0px;
transition: all 1.5s;
-moz-transition: all 1.5s;
-ms-transition: all 1.5s;
-webkit-transition: all 1.5s;
-o-transition: all 1.5s;
background:#4f9dd4 url(images/process-bar-blue-bg.jpg) repeat-x;}


.process-bar-darkblue{
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
border:1px solid #56728f;
float:left;
height:16px;
width:0px;
transition: all 1.5s;
-moz-transition: all 1.5s;
-ms-transition: all 1.5s;
-webkit-transition: all 1.5s;
-o-transition: all 1.5s;
background:#4f9dd4 url(images/process-bar-darkblue-bg.jpg) repeat-x;}


/*===============NOTIFICATIONS PAGE START==================*/
.notification{
position: relative;
margin: 15px 0 10px 0;
padding: 0;
float:left;
border: 1px solid;
background-position: 10px 11px !important;
background-repeat: no-repeat !important;
font-size: 13px;
width: 95%;
padding: 10px 10px 10px 36px;
display:block;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;
}
                

.attention{
background: #fffbcc url('images/icons/exclamation.png') 10px 11px no-repeat;
border-color: #e6db55;
color: #666452;
}

.information{
background: #dbe3ff url('images/icons/information.png');
border-color: #a2b4ee;
color: #585b66;
}

.success{
background: #d5ffce url('images/icons/tick.png');
border-color: #9adf8f;
color: #556652;
}

.error{
background: #ffcece url('images/icons/cross_circle.png');
border-color: #df8f8f;
color: #665252;
}

.help{
background: #d5f0fd url('images/icons/help.png');
border-color: #64c3f7;
color: #665252;
}

.notification .close{
position:absolute;
right:8px;
top:8px;
}


.jquery-msgbox
{
  background:url(images/alert_background.png) repeat-x left bottom;
  padding-bottom:55px;
  font-style:normal;
}

.jquery-msgbox-buttons button[type="submit"],
.jquery-msgbox-buttons input[type="submit"], 
.jquery-msgbox-buttons button[type="button"],
.jquery-msgbox-buttons input[type="button"],
.jquery-msgbox-buttons button[type="reset"],
.jquery-msgbox-buttons input[type="reset"]
{
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
background-color:#e7eaeb;
box-shadow: inset 0px 1px 0px #fff;
text-shadow: 1px 1px 0px #fff;
padding:5px 8px;
height:32px;
cursor:pointer;
color:#5c5c5c;
border:1px solid #b5b6b3;
}

.jquery-msgbox-inputs input[type="text"],
.jquery-msgbox-inputs input[type="password"]{
padding:7px 6px;
border:1px solid #b5b6b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:#8a8a8a;
font-size:13px;
-moz-box-shadow: inset 0 0 10px #e9e9e9;
-webkit-box-shadow: inset 0 0 10px #e9e9e9;
box-shadow: inset  0 0 10px #e9e9e9;
display:block;
margin:3px 0 6px 0;
width:95%;
}

.jquery-msgbox-wrapper
{
  padding:20px 20px 20px 100px;
}

.jquery-msgbox-buttons
{
  padding:15px;
  text-align:right;
  position:absolute;
  bottom:0;
  padding-bottom:10px;
  right:0;
}

.jquery-msgbox-buttons button,
.jquery-msgbox-buttons input
{
  margin-left:10px;
  min-width:85px;
  padding:0 14px 2px;
  height:24px;
  cursor:pointer;
}

.jquery-msgbox-inputs
{
  margin-top:15px;
}

.jquery-msgbox-label
{
  font-weight:bold;
  font-size:11px;
}

.jquery-msgbox-alert
{
  background: url(images/alert.png) no-repeat 20px 20px;
}

.jquery-msgbox-info
{
  background: url(images/info.png) no-repeat 20px 20px;
}

.jquery-msgbox-error
{
  background: url(images/error.png) no-repeat 20px 20px;
}

.jquery-msgbox-prompt
{
  background: url(images/question.png) no-repeat 20px 20px;
}

.jquery-msgbox-confirm
{
  background: url(images/confirm.png) no-repeat 20px 20px;
}

#purr-container {
position: fixed;
top: 0;
right: 0;
color: #fff;
}
	
		
.notice {
position: relative;
width: 324px;
color: #fff;
}

.notice .close{position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url(images/purrClose.png) no-repeat 0 10px;}
		
.notice-body {
min-height: 50px;
padding: 22px 22px 0 22px;
background: url(images/purrTop.png) no-repeat left top;
color: #fff;
}
.notice-body img	{width: 50px; margin: 0 10px 0 0; float: left;}
.notice-body h3	{margin: 0; font-size: 1.1em; color: #fff;}
.notice-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em; color: #fff;}
		
.notice-bottom {
height: 22px;
background: url(images/purrBottom.png) no-repeat left top;
}


#basic-modal-content, #basic-modal-content2 {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#fff; background-color:#333; border:4px solid #444; padding:12px; max-height:400px;}
#simplemodal-container p, #simplemodal-container h3{color:#bbb;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #abc4dc; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}


/*Typography*/

.list-style{margin:0px 12% 30px 0px; float:left; list-style:none;}
.list-style li{padding:0px 0px 0px 20px;}
.gray li{background:url(images/icons/bullet_gray.png) left center no-repeat;}
.red li{background:url(images/icons/bullet_red.png) left center no-repeat;}
.green li{background:url(images/icons/bullet_green.png) left center no-repeat;}
.blue li{background:url(images/icons/bullet_blue.png) left center no-repeat;}


.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding:8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-arrow { position: absolute; background: url('images/icons/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.wysiwyg {
padding: 6px;
font-size: 13px;
background: #fff url('images/bg-form-field.gif') top left repeat-x;
border: 1px solid #d5d5d5;
color: #333;
}

.wizard-box{
width:100%;
border:1px solid #b5b6b3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
	
fieldset.sectionwrap{ /*fieldset that wraps around each form "page" */
border-width:0;
padding:10px;
width:800px;
height:350px;
float:left;
}


div.stepsguide{ /*div that contains all the "steps" text located at top of form */ 
width: 100%; /*width of "steps" container*/
overflow:hidden;
margin-bottom:15px;
cursor:pointer;
border-bottom:1px solid #b5b6b3;

}

div.stepsguide .step{ /*div that wraps around each "steps" text */
	width:150px; /*width of each "steps" text*/
	font: bold 30px;
	float:left;
	background-image: url(images/step-bg.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding:15px;
}

div.stepsguide .disabledstep{ /*div that wraps around each "steps" text */
color:#C4C4C4;
}

div.stepsguide .step .smalltext{ /*small footer text inside "steps" text */
font-size: 13px;
font-weight: normal;
}

div.formpaginate{ /* CSS for pagination DIV container */
width: 98.5%;
overflow:hidden;
font-weight:bold;
text-align:center;
margin:5px;
}

div.formpaginate .prev, div.formpaginate .next{ /*CSS for "prev" and "next" SPAN elements within paginate container */
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
background-color:#e7eaeb;
box-shadow: inset 0px 1px 0px #fff;
text-shadow: 1px 1px 0px #fff;
font-size:15px;
letter-spacing:0.10px;
text-transform:uppercase;
font-weight:bold;
padding:7px 18px 8px 18px;
cursor:pointer;
color:#5c5c5c;
border:1px solid #b5b6b3;
}


.countLabel 
{
    color:Gray;
    font-style:italic;
	width:100%;
	font-size:14px;
}

.storageBox 
{
    display:none;
}

.copiedOption
{
    background-color:Yellow;
}

/*===============UI ELEMENTS PAGE==================*/

/* Image list */

.imglist {
	overflow: hidden;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	}

.imglist ul {
	padding: 0;
	}

.imglist li {
	padding: 0;
	margin: 0;
	background: #fff;
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	position: relative;
	margin: 10px 23px 10px 0;
	border: 1px solid #ccc;
	padding: 1px;
	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	}

.imglist li:hover {

	}

.imglist li img {
	width: 100px;
	height: 100px;
	}

.imglist li ul {
	position: absolute;
	z-index: 10;
	background: url(images/imgo.gif) center no-repeat;
	width: 62px;
	height: 58px;
	left: 20px;
	top: 22px;
	display: none;
	}
	
.imglist li:hover ul {
	display: block;
	}

.imglist li ul li {
	display: block;
	width: 62px;
	height: 29px;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
	
.imglist .ui-state-highlight {
	border: 1px dashed #ccc;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}

.imglist .ui-sortable-helper {
	opacity: .80;
	-moz-opacity: .80;
	filter:alpha(opacity=80);
	}

.imglist li ul li a {
	text-decoration: none;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	text-shadow: 0 0 2px #000;
	outline: none;
	}
	
.imglist li ul li.view a:hover { background: url(images/imgt.gif) bottom center no-repeat; }
.imglist li ul li.delete a:hover { background: url(images/imgb.gif) top center no-repeat; }


.horizontal-tabs, .vertical-tabs{
border:1px solid #b8bcc0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
float:left;}


.horizontal-tabs ul{
background-color:#e8ebec;
border-bottom:1px solid #b8bcc0;
}

.horizontal-tabs ul li{
display:inline;}

.horizontal-tabs ul li a{
display:inline-block;
padding:10px 25px;
color:#55748e;}


.horizontal-tabs ul li.active a{
color:#5c5c5c;
background-color:#cad9e7;}


.horizontal-tab-content{
padding:15px;
font-size:14px;
-moz-box-shadow: inset 0 0 20px #d9d7d7;
-webkit-box-shadow: inset 0 0 20px #d9d7d7;
box-shadow: inset 0 0 20px #d9d7d7;}



.vertical-tabs ul{
background-color:#e8ebec;
border-right:1px solid #b8bcc0;
float:left;
width:180px;
}

.vertical-tabs ul li{
list-style:none;}

.vertical-tabs ul li a{
display:inline-block;
padding:12px 0px 11px 30px;
width:150px;
color:#55748e;}

.vertical-tabs ul li.active a{
color:#5c5c5c;
padding:12px 0px 11px 30px;
width:150px;
background-color:#cad9e7;}


.vertical-tab-content{
padding:15px;
font-size:14px;
-moz-box-shadow: inset 0 0 20px #d9d7d7;
-webkit-box-shadow: inset 0 0 20px #d9d7d7;
box-shadow: inset 0 0 20px #d9d7d7;
overflow:hidden;
}


/*===============PLUGINS PAGE==================*/

.graph-box{
float:left;
width:100%;
margin:0px;
padding:0px;
min-height:500px;
height:100px;}


.slider { width: 100%; height: 600px; display: block; position: relative; background: #fff; overflow: hidden; }
.slider ul { list-style: none; }
.slider-content { float: left; width: 100%; display: block; overflow: auto; min-height: 510px; }
.slider-content ul { float: left; width: 100%; display: block; position: relative; }
.slider-content ul li { float: left; width: 100%; }
.slider-content ul ul li a { padding: 5px 10px; display: block; border-bottom: 1px solid #f3f3f3; text-transform: capitalize; }
.slider-content ul ul li a:hover { background: #f3faff; border-color: #d5ebf9; }
.slider-content .title { padding: 5px 0; text-indent: 10px; background: #c7d7e5; color: #fff; width: 100%; float: left; font-weight: bold; text-transform: uppercase; }
.slider-content .selected .title { background: #95adc8; }
.slider .slider-nav { position: absolute; right: 0; top: 0; background: #95adc8; min-height: 510px; }
.slider .slider-nav ul { padding: 5px 0; }
.slider .slider-nav li a { padding: 3px 5px; line-height: 13px; text-align: center; color: #fff; font-weight: bold; display: block; text-transform: uppercase; cursor: pointer; }
.slider #debug { position: absolute; bottom: 0; left: 0; padding: 5px; background: #000; color: #fff; }
.slider .arrow { font-size: 0px; line-height: 0%; width: 0px; border-bottom: 8px solid #fff; border-left: 5px solid #617489; border-right: 5px solid #617489; position: relative; top: 5px; }
.slider .down { border-bottom: none; border-top: 8px solid #fff; top: 15px; }
.slider .slide-up, .slider .slide-down { height: 20px; background: #55728d; text-align: center; cursor: pointer; float: right; width: 100%; position: relative; }


.video-player{
width:100%;
height:350px;}

.audio-player{
width:100%;
}


/*===============ERROR PAGE==================*/

.errorNum {
    color: #FFFFFF;
    display: block;
    font-size: 200px;
    padding: 0px 0px 20px 0px;
    text-shadow: 0 1px 0 #CCCCCC,
	             0 2px 0 #C9C9C9,
				 0 3px 0 #BBBBBB,
				 0 4px 0 #B9B9B9,
				 0 5px 0 #AAAAAA,
				 0 6px 1px rgba(0, 0, 0, 0.1),
				 0 0 5px rgba(0, 0, 0, 0.1),
				 0 1px 3px rgba(0, 0, 0, 0.3),
				 0 3px 5px rgba(0, 0, 0, 0.2),
				 0 5px 10px rgba(0, 0, 0, 0.25),
				 0 10px 10px rgba(0, 0, 0, 0.2),
				 0 20px 20px rgba(0, 0, 0, 0.15);
	text-align:center;
	filter: dropshadow(color=#CCCCCC,offX=5,offY=5);
	}
	

/*===============ADDITIONAL PAGE==================*/
.map-canvas{
height:300px;
width:100%;
border:1px solid #5c5c5c;
}


.barcode{
margin:0px auto;}


#qrcode2{
width:350px;
height:350px;
}


.qrcode img{
display:block;
margin:0px auto;}


.comment{}

.avartar{
height: 40px;
width: 40px;
background-color: #FAFAFA;
border:1px solid #b5b6b3;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
box-shadow: 1px 1px 5px #CCCCCC;
float: left;
margin: 0 35px 0 0px;
padding: 10px;
}


.avartar img{
height:40px;
width:40px;}

.msg{
    margin: 20px 0px 15px 115px;
    min-height: 40px;
    padding: 10px;
	font-size:14px;
	color:#919191;
	border:1px solid #b5b6b3;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow: inset 0 0 10px #e9e9e9;
    -webkit-box-shadow: inset 0 0 10px #e9e9e9;
     box-shadow: inset  0 0 10px #e9e9e9;
	 max-height:100px;
	 overflow-y:auto;
	 font-style:italic;
}

.msg samp{
text-align:left;
display:inline-block;
width:58%;
margin-bottom:10px;
font-style:normal;}

.msg span{
width:40%;
text-align:right;
display:inline-block;
margin-bottom:10px;
font-size:12px;
color:#CCCCCC;
font-style:normal;}


.commentMsg{
margin:25px 0px 0px 0px;
padding-left:15px;}

.rply{
width:100%;}

/*---FOOTER---------------------------------------------------------*/
/* Styles for 'drop-up' footer panel are in footer.css */


/* Form Style -------------------------------------------------*/
.form_wrapper{
	background:#fff;
	border:1px solid #ddd;
	margin:60px auto 0 auto;
	width:350px;
	font-size:16px;
	-moz-box-shadow:1px 1px 10px #ccc;
	-webkit-box-shadow:1px 1px 10px #ccc;
	box-shadow:1px 1px 10px #ccc;
}


.form_wrapper h3{
	padding:20px 30px 20px 30px;
	color:#fff;
	font-size:25px;
	background: #54748e url(images/header_bg.jpg) repeat-x;
	border-bottom:1px solid #445c71;
}


.form_wrapper form{
	display:none;
	background:#fff;
}


.form_wrapper .column{
	width:47%;
	float:left;
}


form.active{
	display:block;
}


form.login{
	width:350px;
}


form.register{
	width:550px;
}


form.forgot_password{
	width:300px;
}


.form_wrapper a{
	text-decoration:none;
	color:#777;
	font-size:12px;
}


.form_wrapper a:hover{
	color:#000;
}


.form_wrapper label{
	display:block;
	padding:10px 30px 0px 30px;
	margin:10px 0px 0px 0px;
	color:#FFFFFF;
}


.form_wrapper input[type="text"],
.form_wrapper input[type="password"]{
	margin: 5px 30px 0px 30px;
	padding: 9px;
	display:block;
	font-size:16px;
	width:76%;
	
}


.form_wrapper .bottom{
	background-color:#444;
	border-top:1px solid #ddd;
	margin-top:20px;
	clear:both;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}


.form_wrapper .bottom a{
	display:block;
	clear:both;
	padding:10px 30px;
	text-align:right;
	color:#ebedee;
	text-shadow:1px 1px 1px #000;
}


.form_wrapper a.forgot{
	float:right;
	line-height:24px;
	color:#ebedee;
	text-shadow:1px 1px 1px #000;
}


.form_wrapper a.forgot:hover{
	color:#ebedee;
}


.form_wrapper div.remember{
	float:left;
	width:140px;
	margin:20px 0px 20px 30px;
	font-size:11px;
	color:#FFFFFF;
}


.remember span{color:#FFFFFF;}


.form_wrapper div.remember input{
	float:left;
	margin:2px 5px 0px 0px;
}


.form_wrapper span.error{
	visibility:hidden;
	color:red;
	font-size:11px;
	font-style:italic;
	display:block;
	margin:4px 30px;
}


.form_wrapper input[type="submit"] {

	padding: 8px 0 9px;
	width: 120px;
	cursor:pointer;
	float:right;
	margin:15px 20px 10px 10px;
}

/*===============FORMS STUFF PAGE==================*/

.input-text{
padding:6px 6px;
border:1px solid #b5b6b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:#8a8a8a;
font-size:13px;
-moz-box-shadow: inset 0 0 10px #e9e9e9;
-webkit-box-shadow: inset 0 0 10px #e9e9e9;
box-shadow: inset  0 0 10px #e9e9e9;
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
}


.select{
padding:6px 6px;
border:1px solid #b5b6b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:#8a8a8a;
font-size:13px;
-moz-box-shadow: inset 0 0 10px #e9e9e9;
-webkit-box-shadow: inset 0 0 10px #e9e9e9;
box-shadow: inset  0 0 10px #e9e9e9;
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; }


.small{width:20%;}

.medium{width:40%;}

.large{width:70%;}


.input-text-Login{
padding:6px 6px;
border:1px solid #b5b6b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:#8a8a8a;
font-size:24px;
-moz-box-shadow: inset 0 0 10px #e9e9e9;
-webkit-box-shadow: inset 0 0 10px #e9e9e9;
box-shadow: inset  0 0 10px #e9e9e9;
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
}




.input-text:focus{
padding:6px 6px;
border:1px solid #b5b6b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:#8a8a8a;
font-size:13px;
-moz-box-shadow: inset 0 0 10px #e9e9e9;
-webkit-box-shadow: inset 0 0 10px #e9e9e9;
box-shadow: inset  0 0 10px #e9e9e9;
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
}

.input-success:focus, .input-success{
border-color:#7ebf73;
-moz-box-shadow: inset 0 0 10px #d5ffce;
-webkit-box-shadow: inset 0 0 10px #d5ffce;
box-shadow: inset  0 0 10px #d5ffce;
color:#7ebf73;}

.input-error:focus, .input-error{
border-color:#df8f8f;
-moz-box-shadow: inset 0 0 10px #ffcece;
-webkit-box-shadow: inset 0 0 10px #ffcece;
box-shadow: inset  0 0 10px #ffcece;
color:#df8f8f;}


.form-row{
clear: both;
padding: 8px 0px 0px 0px;
position: relative;}

.form-row samp{
width:25%;
float:left;
padding-top:5px;
}


.form-row span{
font-style:italic;
padding-left:10px;
font-size:12px;
color:#a2a2a2;}

.form-row span img{
position:relative;
top:5px;
margin-right:5px;}


.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 15px 5px 0;
	position:relative;
	bottom:5px;
	background: url(images/checkbox.png) no-repeat;
}
.radio {
	background: url(images/radio.png) no-repeat;
}

.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}


/*Datepicker*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; -moz-box-shadow: 0 0 10px #898989; -webkit-box-shadow: 0 0 10px #898989; box-shadow:  0 0 10px #898989; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0 0 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*Datepicker*/


.mainGrid {
    background-color: #F2F2F2;
    border-color: #445C71 #445C71 -moz-use-text-color;
    border-radius: 4px 4px 0 0;
    border-style: solid solid none;
    border-width: 2px 2px medium;
    padding: 0;  /*padding: 15px 0 0;*/
}

.mainGrid h4 {
    margin-left: 10px;
}

.optClient, .optTruck
{
    color: #807E7E;
    float: left;
    height: 18px;/*height: 20px;*/
    width: 197px;/*width: 200px;*/    
    border:1px solid gray;
    margin-top: 0px;/*margin-top: -3px;*/
}
.lblClient 
{
    color: #5C5C5C;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    /*padding: 5px 0px 1px 15px;*//*padding: 5px 0px 5px 15px;*/
    padding:  2px 0 5px 10px;
    text-decoration: none;
}
.optClient option 
{   
    border: 0 none;
    white-space: nowrap;
    width: 177px;/*width: 180px;*/    
    /*overflow-y: scroll;
    overflow-x: scroll;*/
    
}

.classOptTruck
{
    /*COLOR: blue;
    BACKGROUND-COLOR: #ffe4c4*/
    border: 0 none;
    white-space: nowrap;
    width: 177px;/*width: 180px;*/
}
.classOptPoint
{
    COLOR: blue;
    BACKGROUND-COLOR: #fffaf0
}
.optTruck option
{
    width: 177px !important; /*width: 180px !important;*/
}

select option.classOptBeacon {
    color: #111827;
    font-weight: 600;
}
/*.showNewWindow, .showLeftPan, .showHideDetailMap,.button:focus
{
    padding: 0;
    border-radius: 0 0 0 0;
}*/

.maxPointDisplayed
{
    background-color: #FFCC00;
    color: red;
    font-family: verdana;
    font-size: 13px;
    /*left: 250px;*/
    left: 25%;
    position: absolute;
    text-align: center;
    top: 52px;
}


.headerStatus
{
    color: #FFFFFF;
    float: right;
    font-size: 13px;
    margin-right: 25px;
     margin-top: 3px;
     font-family: calibri,arial,helvetica,sans-serif;
     font-weight:400;
}
.headerLastUpdate
{
     color: #FFFFFF;
     float: none;
     clear: both;
}
.headerLoggedUser
{
    color: #FFFFFF;
    float: left;
 
}

.headerSelectedClient
{     color: #FFFFFF;
      float: left;
   
}

.headerStatusSeparator
{
     color: #000000;
    float: left;
    font-size: 12px;
    margin: 1px 2px 0;
}

.hide {
	display:none;
}

.show {
	display:block;
}

.ui-dialog-title
{
    font-size: 22px !important;
}

#divRoute .k-header
{
    font-weight: bold !important;
}

#divRoute .k-button-icontext
{
    font-size: x-small !important
}

.direction-map #direction-panel
{
    height: 100%;
    overflow: auto;
}

.direction-map .adp-list
{
    font-family: calibri !important;
    font-size: small !important;
    border: 0 none !important;
    line-height: 22px !important;
}

.direction-map .adp-list td
{
    border-bottom: 1px solid activecaption !important;
}

.direction-map .adp-listheader {
    padding: 0 0 4px 0 !important;
    font-size: medium !important;
    font-weight: bold !important;
}

.direction-map .adp 
{
    font-family: calibri !important;
    font-size: small !important;
}

.direction-map .adp-listsel
{
    background: none repeat scroll 0 0 #EBF2FC !important;
    font-size: small !important;
}

#divTruckRouteDetailKendoGrid
{
    font-size:11px;
}

.direction-map a:hover
{
    text-decoration: underline
}


/*******************AlarmDiv****************/

#divSoundAlarm {
    border: 1px solid #FF0000;
    color: #FF0000;
    left: 443px;
    padding: 15px;
    position: absolute;
    top: 52px;
    z-index: 20;
    background-color:#FFC0CB;
}

#linkClose{
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top , #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px 10px;
    text-align: center;
    vertical-align: middle;
   
    margin-left:10px;
    }
  
  #linkClose:hover
  {
      /*background-image: linear-gradient(to bottom, #535776 0%, #E4E4E4 100%);*/
       background-position:0 -15px;
    transition:background-position 0.1s linear 0s;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0055cc;
   }
   
   
#divSoundAlarm > span {
    color: #FF0000;
}

/****************Context Menu Styles*********************/

.context_menu{
	background-color:white;
	border:1px solid rgba(0, 0, 0, 0.2);
	outline: medium none;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.37);
    max-width: 132px;
    transform: translate3d(0px, 0px, 0px);
    border-radius:4px;
}
.context_menu_item{
	color: #333333;
    cursor: default;
    font-size: 13px;
    font-weight: normal;
    list-style: none outside none;
    margin: 0;
    padding: 6px 44px 6px 16px;
    white-space: nowrap;
}
.context_menu_item:hover{
	background-color:#CCCCCC;
}
.context_menu_separator{
	background-color:gray;
	height:1px;
	margin:0;
	padding:0;
}
#clearDirectionsItem, #getDirectionsItem{
	display:none;
}

/* My Account */
.my-account-modal
{
    left: 50%;
    margin: -300px 0 0 -400px !important;
    width: 800px !important;
}
    
.my-account-modal .row
{
    margin-left: 0px !important;
}
    
.my-account-header
{
    color: #ce4300;
    background: #c9d8e6 none repeat-x scroll 0 0;
    border-radius: 4px;
}
    
.my-account-modal .close
{
    font-size: 30px;
}
    
.form-control
{
    margin-left: -19px;
    width: 100% !important;
}

#li_header_user
{
    width: 112px;    
    height: 46px;
}

#li_header_user ul
{
    padding: 0px;
}

#li_header_user img
{
    vertical-align: middle;
}

.my-account-modal hr
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eeeeee -moz-use-text-color #ffffff;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 18px 0;
}

.my-account-modal .close
{
    color: #ececec;
    opacity: 1;
    text-shadow: 0 -1px 2px #060606;
}

.my-account-modal .row-fluid div
{
    line-height: 32px;
}

.isloading-overlay .isloading-wrapper
{
    background: #ffffff none repeat scroll 0 0 padding-box;
    border-radius: 7px;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    top: 10%;
    z-index: 9000;
}
        
.isloading-wrapper.isloading-right
{
    margin-left: 10px;
}
        
.isloading-overlay
{
    position: relative;
    text-align: center;
}
/*****************************************************************************/  
          
/*Sub Menu*/
.top-ul ul
{
    margin: 0 0 0 5px;
    left: -9999px;
    position: relative;
}
            
.top-ul ul li
{   
    position: relative;
    background: #54748e url("images/header_bg.jpg") repeat-x scroll 0 0;
    z-index: 999999;
    border-bottom: 2px solid #445c71;
    height: 35px;
    width: 120px;
}

.top-ul ul li:first-child
{
    border-top: 2px solid #445c71;
}
            
.top-ul ul li a
{
    padding-top: 5px;
    height: 30px;
    width: 112px;
    text-align: left;
    padding-left: 8px;
}
            
.top-ul li:hover ul 
{
    left: 0;
}
            
.top-ul ul li a img
{
    display: inline !important;
    padding-right: 10px;
}
/*****************************************************************************/  

/*My Orders*/  
.my-order-modal
{
    left: 50%;
    margin: -300px 0 0 -300px !important;
    width: 600px !important;
}

.my-order-modal .k-grid {
    border-color: scrollbar !important;
    border-radius: 0px !important;
    border-style: solid !important;
    border-width: 1px !important;
}
/*****************************************************************************/  

#li_header_hos_menu {
    width: 112px;
    height: 46px;
}

    #li_header_hos_menu ul {
        padding: 0px;
    }

    #li_header_hos_menu img {
        vertical-align: middle;
    }

#li_header_report_menu {
    width: 112px;
    height: 46px;
}

    #li_header_report_menu ul {
        padding: 0px;
    }

    #li_header_report_menu img {
        vertical-align: middle;
    }
#li_header_home {
	width: 112px;
	height: 46px;
}

	#li_header_home ul {
		padding: 0px;
	}

	#li_header_home img {
		vertical-align: middle;
	}