@import url('reset.css');

/* Global Setting */
html, body {
    margin: 0;
    padding: 0;
    text-align: left;
    height: 100%;
	background-color:#f2f2f2 !important;
}
/*
* {
    font: 12px Arial;
    color: #262626;
	margin: 0;
}
*/
a:link {
    color: #06f;
}
a:visited {
    color: #06f;
}
a:active {
    color: #06f;
}
a:hover {
    color: #f60;
}

* { 
    outline: none; 
}
*::-moz-focus-inner { 
    border: none; 
}
.hidden {
    display: none;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 14px;
}

b {
	font-weight: bold;
	font-size: inherit;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 

em { font-weight:bold;}

/**************************************************
Layout
**************************************************/

.wrapper{
	background: url(../images/wrapper_bg.png) 0px 60px repeat-x #fff;
}
.header {
	width:100%;
	border-bottom: 3px solid #c00;
	position:relative;
	z-index:11;
	background-color:#ffffff;
	box-shadow:inset 0px -3px 6px #e2e2e2;
	-moz-box-shadow:inset 0px -3px 6px #e2e2e2;
}
.header .header_inner{
	height:60px;
	/*width:990px;*/
	width:990px; /*Extending width For RU and JP*/
	margin:0 auto;
}
.header h1.logo{
	background: url(../images/tm_logo.png) left center no-repeat;
	width:330px;
	max-width:330px;
	text-align:left;
	padding-left:130px;
	/*line-height:60px;*/
	height:40px;
	padding-top:20px;
	line-height: 90%;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
	color:#333;
	font-size:22px;
	/*text-shadow: 1px 1px 3px #ccc;
	filter: dropshadow(color=#333333, offx=1, offy=1);*/
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
}
.header #user_name {
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;	
	display:inline-block;
	max-width:250px;
	width:250px; /*Set it for IE to prevent truncate when innerHTML is too long*/
	font-weight:bold;
	vertical-align:top;
	height:18px;
	line-height:18px;
	text-align:right;
}
.header #user_name span{
	font-weight:normal;
}

.header ul#account_toolbar {
	float:right;
	max-width:600px;
	margin-top:20px;
}
.header ul#account_toolbar li{
	border-right:1px solid #666;
	float:left;
	padding:0px 6px 0px 6px;
	height:15px;
}
.header ul#account_toolbar li span{
	height:18px;
	line-height:18px;
}
.header ul#account_toolbar li:first-child, .header ul#account_toolbar li:last-child{
	border:0px;
}
.header ul#account_toolbar li.first_child, .header ul#account_toolbar li.last_child{ /*For IE*/
	border:0px !important;
}


.header ul#account_toolbar li.help {
	background:url(../images/icon_help.png) no-repeat 3px center;
	padding-left:20px;
	border-right:0px;
}
.main {
	width:990px;
	height:590px;
	margin:25px auto 0px;
}

.main #map_toolbar{
	width:990px;
	height:32px;
	margin:0 auto;
}
.main #map_toolbar li{
	float:right;
	padding:2px 7px;
	margin:0px 0px 0px 10px;
	padding-left:23px;
}
.main #map_toolbar li#map_print{
	background:url(../images/icon_print.gif) no-repeat 0px center;
}
.main #map_toolbar li#map_link{
	background:url(../images/icon_link.png) no-repeat 0px center;
}

.main .menu {
	position:absolute;
	width:210px;
	height:524px;
	border:0px solid #333;
	float:left;
}

.main .menu .menu_panel {	
	text-align:left;
	border:1px solid #434343;
	height:583px;
	width:100%;
	background: #afafaf; /* Old browsers */
background: -moz-linear-gradient(top, #afafaf 0%, #ffffff 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afafaf), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #afafaf 0%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #afafaf 0%,#ffffff 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #afafaf 0%,#ffffff 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #afafaf 0%,#ffffff 99%); /* W3C */
	border-radius:5px 0px 0px 0px;
	-moz-border-radius:5px 0px 0px 0px;
}
.main .menu .menu_panel .side_header{
	width: 100%;
	height:30px;
	padding:-20px 0px 0px 0px;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	border-bottom:1px solid #434343;
}


.main .menu .menu_panel .side_header #device_info{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	white-space: nowrap;
	overflow:hidden;
	text-indent:10px;
	text-overflow:ellipsis;
	border-radius:5px 0px 0px 0px;
	-moz-border-radius:5px 0px 0px 0px;
	width:90%;
}

.main .menu .hide_header{
	width: 0px;
	height: 0px;
	position: absolute;
	margin-top:-587px;
}
.main .menu .hide_header.show{
	width: 30px;
	height: 30px;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	margin-top:0px;
	margin-left: 210px;
	border: 1px solid #000;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	position: static;
}

.main .menu_panel ul#device_list {
	width:100%;
	height:470px;
	margin:0 auto;
	overflow-y:auto;
	overflow-x:hidden;
	position: relative;
}
.main .menu_panel #device_list li{
	width:100%;
	height:55px;
	font-size:16px;
	font-weight:bold;
	/*padding:8px 10px 6px 6px;*/
	border-bottom:1px solid #999;
	background: url(../images/bg_device_unselected.png) repeat-x 0px bottom #fff;
	margin:0px auto;
	cursor:pointer;
}
.main .menu_panel #device_list li .device{
	height:100%;
	cursor:inherit;
	border-radius:3px;
	-moz-border-radius:3px;
	line-height:60px;
	font-size:16px;
	font-weight:bold;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 86%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(86%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 86%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 86%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 86%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EAEAEA',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 1%,#eaeaea 86%); /* W3C */
}
.main .menu_panel #device_list li .icon{
	display:inline-block;
	background: url(../images/icon_m_device.png) no-repeat center center;	
	height: 55px;
	margin:0px;
	position: relative;
	width: 50px;


}
.main .menu_panel #device_list li .status{
	display:inline-block;
	border:0px solid red;
	background: url(../images/icon_unlocated.png) no-repeat center center;
	width:30px;
	height:30px;
	margin:0px 0px 0px -25px;
	position: relative;
	*margin:-32px 0px 0px 25px;
	top:-9px;
}
.main .menu_panel #device_list li .status.located{
	background-image: url(../images/icon_located.png);
}
.main .menu_panel #device_list li .status.locating{
	background-image: url(../images/icon_locating.gif);
}
.main .menu_panel #device_list li .status.unlocated{
	background-image: url(../images/icon_unlocated.png);
}
.main .menu_panel #device_list li .status.locked{
	background-image: url(../images/icon_locked.png);
}
.main .menu_panel #device_list li .status.wiped{
	background-image: url(../images/icon_wiped.png);
}

.main .menu_panel #device_list li .name{
	display:inline-block;
	border:0px solid yellow;
	width:135px;
	height:20px;
	position: relative;
	/*white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	*/
	margin:-90px 0px 0px 55px;
	background:transparent;
	resize:none;
	overflow-y:hidden;
	cursor:inherit;
	font-size: 13px;
	*margin:-45px 0px 0px 55px;
}

.main .menu_panel #device_list li .app{
	font-size: 11px;
	display:none;

}
.main .menu_panel #device_list li .expire_app_name{
	display:none;
}

.main .menu_panel #device_list li .unlock_p{
	display:none;
}

.main .menu_panel #device_list li:focus{
}
.main .menu_panel #device_list li:hover{
	cursor:pointer;
}
.main .menu_panel #device_list li.current{
	cursor:default;
	/*height:240px;*/
	border-bottom:1px solid #666;
	margin-bottom:5px;
	/*background: url(../images/bg_device_selected.png) repeat-x 0px 0px;*/
	background: rgb(219,230,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(219,230,246,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,230,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(219,230,246,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(219,230,246,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(219,230,246,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(219,230,246,1) 0%,rgba(255,255,255,1) 100%); /* W3C */	
	text-align:center;
/*	
-webkit-transition: all 300ms cubic-bezier(0.220, 0.000, 1.000, 1.000); 
   -moz-transition: all 300ms cubic-bezier(0.220, 0.000, 1.000, 1.000); 
     -o-transition: all 300ms cubic-bezier(0.220, 0.000, 1.000, 1.000); 
        transition: all 300ms cubic-bezier(0.220, 0.000, 1.000, 1.000);

-webkit-transition-timing-function: cubic-bezier(0.220, 0.000, 1.000, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.220, 0.000, 1.000, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.220, 0.000, 1.000, 1.000); 
        transition-timing-function: cubic-bezier(0.220, 0.000, 1.000, 1.000);		*/
}
.main .menu_panel #device_list li.current .device{
	height:100%;
	padding-left:0px;
	padding-top:0px;
	font-size:20px;
	text-align:center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 44%, #d7ebff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#ffffff), color-stop(100%,#d7ebff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 44%,#d7ebff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 44%,#d7ebff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 44%,#d7ebff 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D7EBFF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 44%,#d7ebff 100%); /* W3C */
}

.main .menu_panel #device_list li.current .icon{
	display:inline-block;
	background: url(../images/icon_l_device.png) no-repeat center center;
	height: 174px;
	width: 150px;
	margin:0px auto;
	position:relative;
}
.main .menu_panel #device_list li.current .status{
	display:inline-block;
	border:0px solid red;
	width:52px;
	height:52px;
	margin:-80px 0px 0px 106px;
	position: relative;
	float:left;
	background: url(../images/icon_located_l.png) no-repeat center center;
	/*margin:-30px 0px 0px 115px\9;*/
	top: 5px;
	top:180px\9;
	*top:5px;
}
.main .menu_panel #device_list li.current .status.located{
	background-image: url(../images/icon_located_l.png);
}
.main .menu_panel #device_list li.current .status.locating{
	background-image: url(../images/icon_locating_l.gif);
}
.main .menu_panel #device_list li.current .status.unlocated{
	background-image: url(../images/icon_unlocated_l.png);
}
.main .menu_panel #device_list li.current .status.locked{
	background-image: url(../images/icon_locked_l.png);
}
.main .menu_panel #device_list li.current .status.wiped{
	background-image: url(../images/icon_wiped_l.png);
}

.main .menu_panel #device_list li.current .name{
	/*float:left;*/
	font-family:Arial, Verdana, sans-seif;
	display:block;
	border:0px solid #333;
	width:170px;
	position: relative;
	/*white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	*/
	/*float:left;*/
	overflow-y:hidden;
	background: transparent;
	margin:-25px auto 0px;
	height: 22px;
	text-align: center;
	resize: none;
	font-size: 18px;
	font-weight:bold;
	*margin:-20px auto 0px;
}
.main .menu_panel #device_list li.current .name:hover{
	border:1px solid #999;
	height: 20px;
}

.main .menu_panel #device_list li.current .name.editable{
	overflow-y:hidden;
	width:184px;
	border:1px inset #ccc;
	background: #fff;
	height: 20px;
}

.main .menu_panel #device_list li.current .app{
	display: block;
	width: 160px;
	height: auto;
	line-height: 12px;
	text-align: center;
	padding-left: 3px;
	font-weight:bold;
	/*background:url(../images/icon_app.png) no-repeat 0px center;*/
	margin:0px auto 0px;
	/*white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;*/
}

.main .menu_panel #device_list li.current .unlock_p{
	display:inline-block;
	position:relative;
	margin:5px auto;
	z-index:12;
	font-family:Arial, Verdana, sans-serif;
}
.main .menu_panel #device_list li.expired{
}

.main .menu_panel #device_list li.expired .icon{
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

.main .menu_panel #device_list li.expired.current .app{
	/*margin:10px 0px 0px 35px;;*/
	margin: 0 auto;
	text-align: center;	
}
.main .menu_panel #device_list li.expired.current .name{
	color:#666;
}
.main .menu_panel #device_list li.expired.current .name:hover{
	border:0px;
	height: 22px;
}

.main .menu_panel #device_list li.expired .unlock_p{
	display:none;
}

.main .menu_panel #device_list li.expired .app{
	color:#c00;
	background: transparent !important;
	padding-left:0px !important;
	width:150px !important;
	display:block !important;
	margin: -47px 0px 0px 57px;
	*margin: -40px 0px 0px 57px;
}
.main .menu_panel #device_list li.expired.current .expire_app_name{
	color:#c00;
	font-size:11px;
	background: transparent !important;
	padding-left:0px !important;
	width:180px !important;
	display:block !important;
	margin: 0px 0px 0px 12px;
	*margin: 0px 0px 0px 12px;

}

.main .content {
	width:100%;
	height:100%;
	text-align:left;
}

.main .content .button_toolbar{
	text-align:right;
	width:777px;
	height:58px;
	line-height:58px;
	display:block;
	position:absolute;
	margin:0px 0px 0px 212px;
	z-index:11;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(94,94,94,0.11) 67%, rgba(94,94,94,0) 81%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(67%,rgba(94,94,94,0.11)), color-stop(81%,rgba(94,94,94,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(94,94,94,0.11) 67%,rgba(94,94,94,0) 81%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(94,94,94,0.11) 67%,rgba(94,94,94,0) 81%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(94,94,94,0.11) 67%,rgba(94,94,94,0) 81%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#005e5e5e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(94,94,94,0.11) 67%,rgba(94,94,94,0) 81%); /* W3C */
	*margin:0px 0px 0px 212px;
}
.main .content .button_toolbar.fullscreen {
	margin-left:43px;
	width:946px;
}
.main .content .mapview {
	width:777px;
	height:583px;
	min-height:400px;
	border:1px solid #434343;
	float:right;
	/*float:right;*/
	box-shadow:inset 3px 3px 3px #999;
	/*background: url(../images/loader.gif) no-repeat center center;*/
}
.main .content .mapview.fullscreen {
	/*width:960px;*/
	margin-left:30px;
}

#menu_btn.collapse {
	width:21px;
	height:21px;
	display:inline-block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:11;
	background: url(../images/menu_btn.png) no-repeat 0px 0px #333;
	margin:7px 0px 0px 188px;
	cursor:pointer;
	float:left;
}
#menu_btn.collapse:hover {
	background-position: 0px -23px;
}
#menu_btn.collapse:active {
	background-position: 0px -46px;
}

#menu_btn.extend {
	margin-left:216px;
	background: url(../images/menu_btn.png) no-repeat 0px -90px #333;
}
#menu_btn.extend:hover {
	background-position: 0px -113px;
}
#menu_btn.extend:active {
	background-position: 0px -136px;
}

#device_dialog{
	display:none;
}


.footer {
/*Fixed in bottom
	position:absolute;
	bottom:0px;
	
*/
	color:#666;
	clear:both;	
	width: 100%;
	font-size:11px;
	margin-top:30px;
	height:35px;
	line-height:35px;
	border-top:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	text-align: center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 24%, #dbdbdb 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ffffff), color-stop(99%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 24%,#dbdbdb 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 24%,#dbdbdb 99%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 24%,#dbdbdb 99%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DBDBDB',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 24%,#dbdbdb 99%); /* W3C */
}

/***********************************************
Push button
***********************************************/
.push_btn{
	display: inline-block;
/*	display: block;
	float: left;*/
	background:url(../images/pbtn_l.png) no-repeat 0 0;
	line-height: 4px;
	height: 48px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	padding:0px 0px 0px 6px;
	cursor: pointer;
	margin: 10px 4px 3px 0px;
	min-width:160px;
	*min-width:170px;
	*text-align:left;
	*margin: 10px 4px 4px 5px;
	*float:left;
	
}
.push_btn:first-child {
	*margin-left:15px;
}
.push_btn:last-child {
	margin-right:10px;
}
.push_btn .inner{
	display: block;
	background:url(../images/pbtn_r.png) no-repeat right 0px;
	padding: 4px 15px 15px 0px;
	color:#000;
	font-size: 12px;
	width:155px;
	height:30px;
}

.push_btn p.desc{
/*
	text-align:left;
	margin:18px 0px 0px 40px;
	font-size:10px;
	font-family:Arial, Verdana, sans-seif;	
	color:#c00;
	-webkit-text-size-adjust:none;
	*position:relative;
	position:absolute;*/
	text-align: left;
	margin: 14px 0px 0px 37px;
	font-size: 10px;
	font-weight:normal;
	font-family: Arial, Verdana, sans-seif;
	color: #c00;
	-webkit-text-size-adjust: none;
	position: absolute;
	width: 120px;
	line-height: 100%;
	*line-height: 130%;
	display:none;
}
.push_btn p.icon{
	position:absolute;
	width:135px;
	height:26px;
	padding:8px 0px 0px 37px;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Verdana, sans-seif;
	text-align:left;
	line-height: 100%;
	*line-height: 120%;
}
.push_btn:hover{
	background-position: 0px -53px;
}

.push_btn .inner:hover, .push_btn:hover .inner{
	background-position: right -53px;
}

.push_btn:active{
	background-position: 0px -106px;
	background-position: 0px -53px/9; /*Remove this effect in IE8*/
}
.push_btn .inner:active{
	background-position: right -106px;
	background-position: 0px -106px/9; /*Remove this effect in IE8*/
}

.push_btn.disabled {
	background-position: 0px -159px;
	cursor:default;
}
.push_btn.disabled .inner {
	background-position: right -159px;
}

.push_btn.disabled p{
	color:#ccc;
}

.push_btn p.icon#locate{
	background: url(../images/icon_locate.png) no-repeat 0px 0px;
}
.push_btn.disabled p.icon#locate, .push_btn.disabled p.icon#scream, .push_btn.disabled p.icon#lock, .push_btn.disabled p.icon#wipe{
	background-position:0px -34px;
}

.push_btn p.icon#scream{
	background: url(../images/icon_scream.png) no-repeat 0px 0px;
}
.push_btn p.icon#lock{
	background: url(../images/icon_lock.png) no-repeat 0px 0px;
}
.push_btn p.icon#wipe{
	background: url(../images/icon_wipe.png) no-repeat 0px 0px;
}
/***********************************************
Action button
***********************************************/
.action_btn {
	color:#18416D;
	display: inline-block;
	background:url(../images/abtn.png) no-repeat 0 0;
	height: 45px;
	width:180px;
	font-size:14px;
	line-height:42px;
	text-align:center;
	margin-left:15px;
	cursor:pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.action_btn:hover {
	background-position:0px -52px;
	color:#18416D;
	font-weight:bold;
}

.action_btn:active {
	background-position:0px -104px;
}

.action_btn span{
	display: inline-block;
	background:url(../images/abtn.png) no-repeat right 0;
	padding:16px 0px 17px 5px;
	border:0px solid green;
	width:170px;
	font-size:14px;
	line-height:14px;
	text-align:center;
}

/***********************************************
Action button
**********************************************/

.panel_mask {
	width: 300px;
	height: 610px;
	position: absolute;
	margin:-25px 0px 0px -300px;
	z-index: 1001;
	background: url(../images/wrapper_bg.png) repeat-x #fff;
}
.map_mask, #map_mask {
	width: 777px;
	height: 585px;
	position: absolute;
	z-index: 12;
	margin-left: 212px;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	display:none;
}
.map_mask.fullscreen, #map_mask.fullscreen{
	width: 946px;
	margin-left:43px;
}

.infoBox {
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	font-family: Arial;
}

.infoBox .title{
	color:#fff;
	height:14px;
	padding:3px;
	background: url(../images/popup_title_bg.png) repeat-x 0 0 #fff;
	border:1px solid #999;
	border-bottom:0px solid #999;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	position:relative;
	float:left;
	width:272px;
	top:0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.infoBox img{
	float:right;
	background: url(../images/btn_close.png) 0 0 no-repeat;
	top:20px;
	z-index:12;
}
.infoBox img:hover{
	background-position:0 -18px;
}

.infoBox .container{
	border:1px solid #999;
	border-top:0px solid #999;
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	box-shadow: 0px 3px 0px rgba(150,150,150, 0.5);
	-moz-box-shadow: 0px 3px 0px rgba(150,150,150, 0.5);
	padding:5px;
	background:#fff;
	margin-top:41px;
	*margin-top:10px;
}
.infoBox label{
	font-weight:bold;
	margin-top:10px;
	font-size:14px;
}
.infoBox p.info{
	font-size:12px;
	margin:0px auto 5px;
}
.infoBox p{
	font-size:11px;
}

.infoBox .box_arrow {
	background: url(../images/box_arrow.png) 0 0 no-repeat;
	position:relative;
	margin:0px 0px 0px 20px;
	width:12px;
	height:19px;
	top:-1px;
}

/***********************************************
Dialog
***********************************************/

#loading{
/*
	width:220px;
	height:30px;
	background: url(../images/connecting.gif) no-repeat center 0 #373737;
	font-size:13px;
	text-align:left;
	padding:120px 10px 10px 10px;
	color:#fff;
	position:absolute;
	margin: 150px 480px;
	z-index:13;
	display:none;*/
}

.popup_dialog{
	text-align:left;
	display:block;
}
.popup_dialog label{
	font-weight:bold;
}

.popup_dialog input[type=button]{
	font-weight: bold;
	width: 70%;
	margin-bottom: 5px;
	font-size:15px;
	font-family:Arial, Verdana, sans-serif;
}
.popup_dialog p{ /* For dialog icon */
	width: 48px;
	height: 48px;
	float: left;
	position: relative;
	display:none;
}
.popup_dialog p.ok{
	background: url(../images/icon_ok_m.png) no-repeat 0 0;
}
.popup_dialog p.error{
	background: url(../images/icon_error_m.png) no-repeat 0 0;
}
.popup_dialog p.warning{
	background: url(../images/icon_warning_m.png) no-repeat 0 0;
}
.popup_dialog p.unlock{
	background: url(../images/icon_unlockey.png) no-repeat 0 0;
}
.popup_dialog .dialog_msg{
	position: relative;
	display: block;
	float: left;
	width: 320px;
	/*padding-left:10px;*/
}
.popup_dialog .dialog_msg em{ /*Unlock key*/
	font-size:20px;
	font-weight:bold;
	/*margin-left:50px;
	display: inline-block;*/
	margin:10px auto;
	text-align:center;
	width:100%;
	display:block;
}

.popup_dialog .dialog_errcode{
	font-size:12px;
	color:#fff;
	clear:both;
}
.popup_dialog .dialog_errcode:hover{
	color:#999;
}

/****************************
License Button & Panel
*****************************/
.main .menu #license_btn {
	margin-top:10px;
	text-indent: 10px;
	display:block;
}
.main .menu #license_btn.expand{
	background-position:0px -52px;
	color:#18416D;
	font-weight:bold;
}
.main .menu #license_btn .arrow{
	background: url(../images/icon_license_arrow.png) no-repeat 0 0 ;
	width:16px;
	height:22px;
	position:relative;
	float:right;
	margin:10px 10px 0px 0px;
}
.main .menu #license_btn.expand .arrow{
	background: url(../images/icon_license_arrow.png) no-repeat 0 -22px ;
}

#license_panel {
	width: 0px;
	height: 584px;
	border: 0px solid #999;
	border-left: 0px solid #999;
	box-shadow: 3px 0px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 0px 3px #666;
	background: #fff;
	position: absolute;
	margin-left: 212px;
	z-index: 13;
	display:block;
	overflow-y:hidden;
}
#license_panel > div{
	overflow-x:hidden;
	overflow-y:auto;
	height:552px;
	position:relative; /*For scrollbar issue in IE7*/
}
#license_panel h3{
	width:100%;
	height:32px;
	line-height:31px;
	font-size:15px;
	font-weight:bold;
	text-indent:10px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 4%, rgba(244,244,244,1) 32%, rgba(155,155,155,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,rgba(255,255,255,1)), color-stop(32%,rgba(244,244,244,1)), color-stop(100%,rgba(155,155,155,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 4%,rgba(244,244,244,1) 32%,rgba(155,155,155,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 4%,rgba(244,244,244,1) 32%,rgba(155,155,155,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 4%,rgba(244,244,244,1) 32%,rgba(155,155,155,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 4%,rgba(244,244,244,1) 32%,rgba(155,155,155,1) 100%); /* W3C */	
	display:inherit;
}
#license_panel .box{
	border-bottom:1px solid #ccc;
	height:35px;
	background-color:#fff;
	display:inherit;
	text-align:center;
	overflow-y:hidden;
	overflow-x:hidden;
}
#license_panel .box.expand{
	/*height:350px;*/
	background-color:#f7f7f7;
}

#license_panel .box h4{
	padding: 8px 0px 0px 0px;
	display: inherit;
	text-align: left;
	width: 100%;
	overflow: hidden;
	height: 25px;
	text-indent: 10px;
	cursor:pointer;
	white-space: nowrap;
}
/*#license_panel .box h4 .pname{
	width:85%;
	border:1px solid #333;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}*/

#license_panel .box.expand h4{
	color:#06f;
}

#license_panel .box .switch_btn{
	width:20px;
	height:10px;
	cursor:pointer;
	background: url(../images/icon_switch_updn.png) no-repeat center 0;
	margin:-11px 0px 0px 312px;
}
#license_panel .box h4:hover .switch_btn{
	background: url(../images/icon_switch_updn.png) no-repeat center -10px;
}

#license_panel .box.expand h4:hover .switch_btn{
	background: url(../images/icon_switch_updn.png) no-repeat center -50px;
}
	
#license_panel .box.expand .switch_btn{
	background: url(../images/icon_switch_updn.png) no-repeat center -40px;
}

#license_panel .box .sbox {
	/*display:none;*/ /*Don't set it display:none to prevent canvas cannot get it.*/
	visibility:hidden;
}
#license_panel .box.expand .sbox {
	display:block;
	visibility:visible; 
	border-radius:7px;
	-moz-border-radius:7px;
	border:1px solid #ccc;
	width:220px;
	padding:15px;
	font-size:12px;
	background: rgb(229,229,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(229,229,229,1) 15%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(229,229,229,1) 15%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(229,229,229,1) 15%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(229,229,229,1) 15%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(229,229,229,1) 15%,rgba(255,255,255,1) 100%); /* W3C */
	margin:15px auto;
}
#license_panel .box .sbox h5{
	font-weight:bold;
	font-size:15px;
	text-transform: uppercase;
	margin:0 auto;
	width:100%;
	text-align:center;
}
#license_panel .box .sbox .desc{
	width:90%;
	margin:0 auto;
	margin-top:10px;
	text-align:left;
}

#license_panel .box .sbox .normal_status{
	width:120px;
	height:120px;
	margin:10px auto;
}
#license_panel .box .sbox .btn_process{
	margin-top:10px;
}

#license_panel .box .sbox button{
	display:inline-block;
	margin:10px auto 0px;
	padding:0.2em 1em;
}
#license_panel .box .sbox p.link{
	margin: 10px auto 0px;
}
#light {
	position:absolute; left:-9999px; width:1px; height:1px;
	background:transparent;
	border:1px;
}
#map_link_box{
	display: none;
	width: auto;
	height: auto;
	padding: 5px 10px;
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	margin: -82px 0px 0px 693px;
	box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	*margin: -84px 0px 0px 683px;
	*width:285px;
	z-index:12;
}
#map_link_box #d_clip_container{
	height:25px;
	margin:28px auto 0px;
	text-align:center;
}
#map_link_box input[type=text]{
	height:20px;
	width:271px;
	/**float:left;
	*margin-left:10px;*/
	*width:280px;
	position:absolute;
	display:block;
}
#gmap_link_it, #gmap_copy_it{
	/*padding:1px 3px;
	float:right;	
	font-size:12px;
	display:inline-block;
	margin-top:30px;*/
	display:inline-block;
}

#gmap_copy_it.hover {
	background-position: 0 -24px;
}
#gmap_copy_it.hover span{
	background-position: right -24px;
}
#gmap_copy_it.active{
	background-position: 0 -48px;
}

#gmap_copy_it.active span{
	background-position: right -48px;
}
#map_link_box .this_icon{
	width: 27px;
	height: 23px;
	border: 1px solid #ccc;
	border-top: 6px solid #fff;
	position: absolute;
	top: 58px;
	left: -1px;
	box-shadow: 0px 4px 5px #999;
	-moz-box-shadow:0px 4px 5px #999;
	*left:10px;
	top:58px\9;
	*top:60px;
}
.close_btn {
	width:14px;
	height:14px;
	background: url(../images/icon_close.png) no-repeat 0 0;
	cursor:pointer;
	margin-left:260px;
	*margin-left:270px;
}

.close_btn:hover {
	background: url(../images/icon_close.png) no-repeat 0 -16px;
}

.close_btn:active {
	background: url(../images/icon_close.png) no-repeat 0 -32px;
}
.error_page{
	height:500px;
}
.error_page p{
	width:800px;
	margin:10px auto;
	text-align:center;
}
.error_page em{
	font-weight:bold;
}			
.error_page .icon{
	width:118px;
	height:118px;
	margin:50px auto;
	background: url(<?php echo $base_url;?>portal_res/images/icon_warning_l.png) no-repeat 0px 0px;
}