@charset "utf-8";
/**********************************************************/
/*
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size: 100%;
	height: 100%;
	width: 100%;
	overflow:hidden;
}
*/
#ID_ctrlpanel_template{
width:160px;
height:160px;
padding:0;
margin:0;
}

.myHtmlBody #container {
	width: 100%; /*99.5%;*/  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 100%; /*99.5%;*/
} 
.myHtmlBody #ctrlpanel {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	width: 100%;
	height: 100%;
}

.myHtmlBody #ID_SelTrkLeadText {
	filter: alpha(opacity =60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	color: #fefefe;
}


.myHtmlBody #ID_minialbum {/*
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 0px;
	font-family: Arial;
	letter-spacing: 0px;
	overflow-x: hidden;
	display: block;
	float: left;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #DDDDDD;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;		
*/}
.myHtmlBody #map {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	width: 100%;
	height: 100%;
}
.myHtmlBody #ID_slides {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	width: 100%;
	height: 100%;
	display: none;
	visibility: hidden;
}
.myHtmlBody #header {
	background: #DDDDDD;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	display: none;
	visibility: hidden;
} 
.myHtmlBody #slides {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	width: 100%;
	height: 100%;
	display: none;
	visibility: hidden;
}
/***************************************************************************************************/
#ID_myLogoHomePage {
float:left;
}

/*style="filter: alpha(opacity = 60); -moz-opacity: 0.6; opacity: 0.6;"*/
#ID_igotu_home_img {
	border-collapse: collapse;
	/*filter: alpha(opacity = 60);
	MozOpacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;*/
	cursor: hand;
	border: 0px;
}
#ID_SwitchBtn {
	/*filter: alpha(opacity = 60);
	MozOpacity: 0.6; 
	-moz-opacity: 0.6;
	opacity: 0.6;*/
	border: 0px;
	float: right;
	padding-top:6px;	
}
#ID_BtnPrevTrkEntry{float: left;}

#ID_BtnNextTrkEntry {float: right;}

#ID_mySlideObj {
background: url(../img/trackbar.gif) no-repeat center bottom;
position:absolute;
top:70px;
left:5px;
width:150px;
height:18px;
border:0;
padding:0;
margin:0;
}
#ID_mySlideBarCtrl{
position:absolute;
top:95px;
left:6px;
width:148px;
height:23px;
}


#ID_myCtrlPad {
/*
position:absolute;
width: 141px;
height:24px;
top:126px;
left:10px;
border:0;
padding:0;
margin:0;
*/}
#ID_myCtrlPad img{
}

#ID_SlideInfo {/*
position:absolute;
top:100px;
left:29px;
	
	font-size: 11px;
	font-family: Arial;
	text-align: center;
	color: #8d8d8d;
	width:102px;
*/}
.context {
	 font-family:Arial, sans-serif;
	 text-decoration:none;
	 color:#4444ff;
	 font-size:small;
	 text-align: left;
}
.context1 {
	filter: alpha(opacity = 90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
	 font-family:Arial, sans-serif;
	 text-decoration:none;
	 font-size:small;
	 text-align: left;
	 background-color:  #FFFFFF;
	 color:#000000;	 
}
.context1_focus {
	filter: alpha(opacity = 90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
	 font-family:Arial, sans-serif;
	 text-decoration:none;
	 font-size:small;
	 text-align: left;
	 background-color:  #77DDFF;
	color: #000000;
}
.context2 {
	filter: alpha(opacity = 90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
	 font-family:Arial, sans-serif;
	 text-decoration:none;
	 font-size:small;
	 text-align: left;
	 background-color:  #FFFFFF;
	 color:#999999;	 
}
.context2_focus {
	filter: alpha(opacity = 90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
	 font-family:Arial, sans-serif;
	 text-decoration:none;
	 font-size:small;
	 text-align: left;
	 background-color:  #77DDFF;
	color: #999999;	 
}
.button_style1 {
	/*filter: alpha(opacity=60);
	MozOpacity: 0.6; 
	-moz-opacity: 0.6;
	opacity: 0.6;*/
	cursor: hand;
	/*padding-top: 1px;
	margin-right: 0.1px;
	margin-left: 0.1px;*/
}
.button_style2 {
    cursor: hand;
/*    border:solid; 
    border-color:#CCCCCC; 
    border-width: 1px;
    display: inline;*/
}
.SmallInfo {
	font-size: 10px;
	font-family: Arial;
	color: #8d8d8d;
	letter-spacing: .5px;
}

.slider {
	position: relative; 
	left: 1px; 
	top: 0px; 
	z-index: 1980; 
	visibility: visible;
}


#ID_SelTrkComboBox
{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	top: 20px;
	left: 20px;
	width: 155px;
	border: 0;
	/*float: right;*/
	padding-left: 20px;
	background-color: #FFFFFF;
	color: #0000FF;
}
/* -------------------------------------------------------------- */

.minialbum_entry {
	overflow: hidden; 
	line-height: 12px;
	width: 200px;
	height: 70px;
}

/*
.minialbum_photo {
    /* width: 70px; expression( (this.width > this.height) ? '70px' : 'auto' ); /
    /* height: 70px; expression( (this.height > this.width) ? '70px': 'auto'); /
	/*border: 0px; /
	vertical-align: middle;
	max-height:80px;
	max-width:93px;
	 /*border: solid; border-collapse: collapse; border-color: #EEEEEE; border-width: thin; line-height: 100%;	 /
}
*/

.minialbum_photo_block {
	overflow: hidden; 
	width: 45%;
	height: 100%;
}

.minialbum_desc {
	line-height: 100%;
	font-size: x-small; 
	font-family: Arial; 
	color: #ffffff; 
	overflow: hidden; 
	width: 100%;
	height: 60px;
	/*padding-top: 2px;*/
}

.old_transON {
	overflow: hidden; 
	line-height: 10px;
	width: 200px;
	/*width: 80px;*/
	height: 80px;
	
	/* width:198px;  */
	background-color: black;
	opacity:.85;
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85;
	border:1px solid black;
	cursor:pointer; 
	/* margin-left: 67px;*/
}

.old_transOFF {
	overflow: hidden; 
	line-height: 10px;
	width: 200px;
	/*width: 80px;*/
	width: 200px;
	height: 80px;
	
	/* width:198px;  */
	background-color:black;
	opacity:1;
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0;
	border:1px solid white;
	cursor:pointer; 
	/* margin-left: 67px;*/
}

.testMargin {
	background-color: black;
	overflow: hidden; 
	line-height: 0px;
	width: 80px;
	height: 80px;
	cursor:pointer; 
	margin-left: 0px;
}

/* 2008.4.12
.transON {
	opacity:.85;
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85;
	border-width:2px;
	border-color: #afafaf; 
	border-style: ridge; 
}
.transOFF {
	opacity:1;
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0;
	border-width:2px;
	border-color: #FFBD32; 
	border-style: ridge; 
}
*/

.rightclickmenu {
	background-color: #ffffff;
	border:1px solid #8888FF;
	/*visibility: hidden;*/
	/*display: none;*/
	font-family:Arial,sans-serif; 
	text-decoration:none; 
	color:#4444ff; 
	font-size:small;
	margin: 10px;
	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index: 5;
}
/* ----------------------------------------------------------- */
.style24 {
    font-size: 10px;
    font-family: Arial;
    color: #8d8d8d;
    letter-spacing: .5px;
}
.SlideImageStyle {
    border: 0px none ;  
    /*width: 100%;*/
    max-width:100%;
    max-height:100%;
}
#MapWindow {
    width: 100%; 
    height: 100%; 
    z-index: 4; 
    letter-spacing: .5px;
    font-size: 13px;
    font-family: Arial;	
    border: solid;
    border-collapse: collapse;
    border-color: #CCCCCC;
    border-width: thin;
    line-height: 100%;
}
#ID_PropSheet { 
    margin:0px;
    padding:0px;
    font-size: 0px;
    font-family: Arial;    
    letter-spacing: 0px;	
    width:99.55%;
    height:99.75%;
    border:solid;
    border-collapse:collapse;
    border-color:#CCCCCC;
    border-width:thin;
}
.infownd_body {
	font-size: 10px;
	font-family: Arial;
	color: #8d8d8d;
	letter-spacing: .5px;
	word-break:break-all;
}

.infownd_text {
	background: #ffffff;
	overflow-y: auto;
	overflow-x: auto;
	font-size: 10px;
}
.infownd_photo {
	font-size: 10px;
	font-family: Arial;
	color: #8d8d8d;
	letter-spacing: .5px;
	padding-top: 3px;
}
.infownd_floortext{
	font-size: 10px;
	font-family: Arial;
	color: #8d8d8d;
	letter-spacing: .5px;
}
#myInfoWnd_NoLoc {
	border-style:ridge;
	border-collapse: collapse; 

	border-color: #EEEEEE; 
	border-width: thin;
	line-height: 100%;
	background-color: #ffffff;
}

/*
#ID_Dashboard{
background:url(img/DashBoard_background.gif) no-repeat;
width:160px;
height:160px;
}
*/
/* [new CSS] *********************************************************/
body {
position: absolute;
font:100% Arial;
width:100%;
height:100%;
background: #FFF;
color: #666;
margin: 0; 
padding: 0;
overflow:hidden;
}

#TableLayer{
border-collapse:collapse;
width:100%;
height:100%;
margin:0;
padding:0;
}
#TableLayer td{/*border:1px solid #CCC;*/
position:relative;
vertical-align:top;
}


#Table-CtrlPeanl,#Table-MiniAlbum,#Table-Dashboard{width:160px;}
#Table-CtrlPeanl,#Table-Dashboard,#Table-Simmary,#Table-Graph{height:160px;}
#Table-Gmap,#ID_map2{
height:expression(document.body.clientHeight-162); 
}
#Table-MiniAlbum,#ID_minialbum{
height:expression(document.body.clientHeight-328); 
height:expression(document.body.clientHeight-322)  !important; 
}

#Table-CtrlPeanl{background:url(../img/CrtlPanel_background.gif) no-repeat center 60px;}
#Table-CtrlPeanl a{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
#Table-CtrlPeanl a:hover{
/*	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
*/}
/*#Table-CtrlPeanl div{border:1px dashed #F00;}*/

#ID_igotu_home_img{/*Button*/
background:url(../img/igotU-Logo.gif) no-repeat;
float:left;
width:120px;
height:60px;
}
#ID_btn_switch_img{/*Button*/
float:right;
background:url(../img/btn_switch.gif) no-repeat;
width:40px;
height:40px;
margin-top:6px;
}
#ID_Switch:hover{background:url(../img/btn_switch1.gif);}

/* Slide Obj *************************************************************/
#ID_mySlideObj{
position:absolute;
padding:0;
top:70px;
left:10PX;
width:140px;
height:18px;
background:url(../img/trackbar.gif) no-repeat center bottom;
}
#ID_SlideBaseRunner{
position:absolute;
top:0;
left:-5px;}

/* [Slide Obj] *************************************************************/
/* [Slide Info] *************************************************************/
#ID_SlideInfo{
font:11px Arial;
text-align:center;
position:absolute;
top:99px;
left:0;
width:160px;
white-space: nowrap;
}
/* [Slide Info] *************************************************************/
/* [SlideBar Ctrl] *************************************************************/
#ID_mySlideBarCtrl{
position:absolute;
top:96px;
left:7PX;
width:148px;
z-index:2008;
}
#ID_mySlideBarCtrl a{height:23px;}
.btn_Prev{background:url(../img/btn_previous.gif) no-repeat;width:23px;float:left;}
.btn_Prev:hover{background:url(../img/btn_previous_over.gif) no-repeat;width:23px;}
.btn_Next{background:url(../img/btn_next.gif) no-repeat;width:23px;float: right;}
.btn_Next:hover{background:url(../img/btn_next_over.gif) no-repeat;width:23px;}
/* [SlideBar Ctrl] *************************************************************/
/* [Ctr lPad] *************************************************************/
#ID_myCtrlPad{
position:absolute;
top:127px;
left:11PX;
z-index:3001;
}
#ID_myCtrlPad a{
	float:left;
	height:24px;
}
.btn_start{background:url(../img/btn_play.gif) no-repeat;width:36px;}
.btn_start:hover{background:url(../img/btn_play_over.gif) no-repeat;width:36px;}
.btn_pause{background:url(../img/btn_pause.gif) no-repeat;width:36px;}
.btn_pause:hover{background:url(../img/btn_pause_over.gif) no-repeat;width:36px;}
.btn_stop{background:url(../img/btn_stop.gif) no-repeat;width:34px;}
.btn_stop:hover{background:url(../img/btn_stop_over.gif) no-repeat;width:34px;}
.btn_slower{background:url(../img/btn_slower.gif) no-repeat;width:34px;}
.btn_slower:hover{background:url(../img/btn_slower_over.gif) no-repeat;width:34px;}
.btn_faster{background:url(../img/btn_faster.gif) no-repeat;width:36px;}
.btn_faster:hover{background:url(../img/btn_faster_over.gif) no-repeat;width:36px;}
/* [Ctr lPad] *************************************************************/
/* [Dashboard] *************************************************************/
#Table-Dashboard{
z-index:1981;
background:url(../img/DashBoard_background.gif) no-repeat 0 0;
}
.ImperialUnit#Table-Dashboard{
z-index:1981;
background:url(../img/DashBoard_background_Imperial.gif) no-repeat 0 0;
}

#Table-Dashboard div{
float:left;
padding-left:41px;
padding-right:5px;
height:40px;
width:112px;
overflow:hidden;
}
/* [Dashboard] *************************************************************/
/* [Mini Album] *************************************************************/
#ID_minialbum{
position:absolute;
width:160px;
overflow: hidden;
top:expression(0);
bottom:expression(2);
top:160px;
bottom:162px;
padding:1px;
}
#ID_MiniAlbumUp,#ID_MiniAlbumDown{
position:absolute;
display:block;
width:64px;
height:32px;
left:48px;
cursor:pointer;
}
#ID_MiniAlbumUp{
top:162px;
top:expression(0);
z-index:1978;
}

#ID_MiniAlbumDown{
bottom:163px;
bottom:expression(1);
z-index:1979;
}


#ID_map2{
width: auto;
width:expression(document.body.clientWidth-166); 
height: auto;
bottom:1px;
border:1px solid #CCC;
}
/* [Slideshow] *************************************************************/
#ID_Slide2{position:relative; width:100%; height:100%; overflow:hidden; padding:0px; margin:0px; border-style:solid; border-width:0px; border-color:#FFFFFF; z-index:1; vertical-align:middle; line-height:100%; FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,duration=1,enabled=false);}
/* [Graph] *************************************************************/
td#Table-Graph{
position:absolute;
right:0;
bottom:0;
width:320px;
}
#Table-Graph a{
filter: alpha(opacity =60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#Table-Graph a:hover{
filter: alpha(opacity =100);
-moz-opacity: 1;
opacity: 1;
}
#ID_btn_spddst,#ID_btn_altdst,#ID_btn_spdtime,#ID_btn_alttime{
float: right;
width:24px;
height:24px;
margin:1px;
}
#ID_btn_spddst{background:url(../img/ID_btn_spddst.gif) no-repeat center center;}
#ID_btn_altdst{background:url(../img/ID_btn_altdst.gif) no-repeat center center;}
#ID_btn_spdtime{background:url(../img/ID_btn_spdtime.gif) no-repeat center center;}
#ID_btn_alttime{background:url(../img/ID_btn_alttime.gif) no-repeat center center;}

/* [Graph] *************************************************************/

.transON,.transOFF{
overflow:hidden; 
line-height:0px;
cursor:pointer;
float:left;
width:75px;
height:75px;
margin:1px;
text-align:center;
vertical-align:middle;
border:1px solid #ccc;
}
.transON {
opacity:.75;
filter:alpha(opacity=75); 
-moz-opacity: 0.75;
}
.transOFF {
opacity:1;
filter:alpha(opacity=100); 
-moz-opacity: 1.0;
}
.minialbum_photo{/*
float:left;
width:75px;
height:75px;
*/}
/* [Mini Album] ******************************************************************************************/
/* [Summary] *********************************************************************************************/
#ID_Summary{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
float:left;
top:expression(-2);
left:expression(1);
left:163px;
right:expression(0);
right:242px;
bottom:0;
height:160px;
width:expression(document.body.clientWidth-406-89);
width:auto;
overflow-y: auto;
overflow-x:hidden;
border:1px solid #CCC;
background:#E9E9E9;
}
#ID_Summary table{
border-collapse:collapse;
width:100%;
background:#E9E9E9;
}
#ID_Summary td{
line-height:110%;
padding:3px;
vertical-align:middle;
height: 20px;
}
tr.summay-trC2 td{
background:#DDD;
height: 20px;
}
#ID_Summary td.summay-sub{
font-weight:bold;
/*background:#DFDFDF;*/
color:#666;
width:128px;
padding:.3em .3em .3em .75em;
white-space: nowrap;
}


#ID_Summary td.SunHeader{
background:#FFF url(../img/SunHeaderBG.gif) bottom repeat-x;
font-size:21px;
letter-spacing: .1em;
font-weight:bold;
line-height:140%;
padding:.2em .5em;
}
/* [Summary] ****************************************************************************************/
/* [Slide Show Table] ****************************************************************************************/
.Slideshow #TableLayer tr td{}
#ID_Slide2{}
.Slideshow #Table-Dashboard div, .Slideshow #Table-Graph a{display:none; height:0; line-height:0;}
.Slideshow Table-MaorInfo, .Slideshow #Table-Dashboard, .Slideshow #Table-Simmary, .Slideshow #ID_Summary, .Slideshow #Table-Graph{visibility:hidden;}

.Slideshow #Table-Gmap{
height:100%;
height:expression(document.body.clientHeight-2);
}
.Slideshow div#ID_map2,.Slideshow div#ID_Slide2{
position:absolute;
width:80%;
height:80%;

border:1px solid #CCC;
}

.Slideshow #Table-MiniAlbum,.Slideshow div#ID_minialbum{
height:expression(document.body.clientHeight-164);
height:expression(document.body.clientHeight-166)  !important;
}
.Slideshow div#ID_minialbum{
position:absolute;
width:160px;
overflow: hidden;
top:expression(0);
bottom:expression(2);
top:160px;
bottom:2px	;
padding:1px;
}
.Slideshow #ID_MiniAlbumDown{
bottom:2px;
bottom:expression(1);
z-index:1979;
background:url(../img/MiniAlbumDown2.png) no-repeat 0 0  !important;
background:none;
}
/* [Slide Show Table] ****************************************************************************************/

/* [Number pic] *****************************************************************************************/
.Num-0,.Num-1,.Num-2,.Num-3,.Num-4,.Num-5,.Num-6,.Num-7,.Num-8,.Num-9,.Num-dot,.Num-div,.Num-min,.Num-pos,.Num-col{
display:block;
float:right;
margin-top:11px;
height:15px;
width:10px;
font-size:1px;
line-height:1px;
}
.Num-0{
background:url(../num/dt_0.png) no-repeat 0 0  !important;
background:none;
}
.Num-1{
background:url(../num/dt_1.png) no-repeat 0 0  !important;
background:none;
}
.Num-2{
background:url(../num/dt_2.png) no-repeat 0 0  !important;
background:none;
}
.Num-3{
background:url(../num/dt_3.png) no-repeat 0 0  !important;
background:none;
}
.Num-4{
background:url(../num/dt_4.png) no-repeat 0 0  !important;
background:none;
}
.Num-5{
background:url(../num/dt_5.png) no-repeat 0 0  !important;
background:none;
}
.Num-6{
background:url(../num/dt_6.png) no-repeat 0 0  !important;
background:none;
}
.Num-7{
background:url(../num/dt_7.png) no-repeat 0 0  !important;
background:none;
}
.Num-8{
background:url(../num/dt_8.png) no-repeat 0 0  !important;
background:none;
}
.Num-9{
background:url(../num/dt_9.png) no-repeat 0 0  !important;
background:none;
}
.Num-dot{
width:9px;
background:url(../num/dt_dot.png) no-repeat 0 0  !important;
background:none;
}
.Num-min{
width:9px;
background:url(../num/dt_minus.png) no-repeat 0 0  !important;
background:none;
}
.Num-col{
width:9px;
background:url(../num/dt_colon.png) no-repeat 0 0  !important;
background:none;
}
/* [Number pic] *****************************************************************************************/