/* yahoo reset css */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.45em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}	
	body{
		font-family:Arial, Verdana, sans-serif;	
		text-align:center;
		background:#141414;
		color:#eee;
	}
	a{outline:none;}
	span.mapFrom{
		margin-left:5px;
		color:#666;
		font-size:85%;
		background:#eee;
	}
	span.feeling{
		color:#444;	
		font-family:georgia;		
	}
	img.gmnoprint{
		
	}
	#container{
		text-align:left;border:1px sl
	}
	h1{
		color:#f90050;
		font-size:122%;
		font-family:Arial, verdana;	
		margin:5px 10px 25px 10px;	
		font-weight:bold;
	}
	h1 span#cutefeelings{
		background:#333;
		display:block;
		width:85px;
		height:69px;
		text-indent:-9999px;
		position:absolute;
		top:0;
		left:0;
		margin:-10px 0 0 80px;
		background:url(images/feelings.png) no-repeat;
	}
	* html h1 span#cutefeelings{
		background:url("blank.gif");
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/feelings.png", sizingMethod="image");
	}
	h1 span#around{
		margin-left:85px;
	}
	h2{
		font-size:85%;
		position:absolute;
		left:0;
		top:0;
		color:#cfcfcf;
		margin:22px 0 0 179px;
	}
	h2 a{
		color:#ccc;
		text-decoration:none;
	}
	h2 a:hover{
		text-decoration:underline;
	}
	a.sourcelink{
		color:#f90050;
		font-size:85%;
		margin-left:0.25em;
	}
	#map, #map-reflection{
		width:100%;
		height:600px;
	}
	#map-reflection{
		border-top:2px solid #141414;
		background:url(images/reflection.gif) repeat-x left top;
		position:relative;
		height:115px;
	}
	#map-reflection p#glogo, #map-reflection p#telealta-reflect, #map-reflection p#cute1{
		display:block;
		width:63px;
		height:36px;
		position:absolute;
		background:url(images/g-reflect.gif) no-repeat;
		top:0;		
		margin:0;
	}
	#map-reflection p#cute1{
		width:63px;
		height:187px;
		left:0;
		margin:-129px 0 0 75%;
		z-index:1000;
		background:url(images/cute_1.png) no-repeat;
	}
	* html #map-reflection p#cute1{
		background:url("blank.gif");
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/cute_1.png", sizingMethod="image");
	}
	#map-reflection p#glogo{left:0;}
	#map-reflection p#telealta-reflect{
		width:329px;
		height:18px;
		right:0;
		background:url(images/telealta-reflect.gif) no-repeat;
	}

	ul#mapMenu{
		position:absolute;
		top:0;
		right:0;
		overflow:auto;
		margin:1.1em 0.7em 0 0;
		font-size:92%;
		z-index:100;
		padding:0.3em 0 0.3em 0.3em;
		background:#262626;
	}
	ul#mapMenu li{
		display:block;
		color:#5f5f5f;
		float:left;
		padding:0.12em 0.4em 0.2em;
		background:#2d2d2d;
		cursor:pointer;
		margin-right:0.4em;
		border:1px solid #eee;
		border-color:#363636 #121212 #121212 #363636;
	}
	ul#mapMenu li:hover{
		cursor:pointer;
		color:#8f8f8f;
	}
	ul#mapMenu li.selected{
		background:#292929;
		color:#f90050;
		cursor:default;
		border-color: #000 #363636 #363636 #000;
	}
	ul#navigation{
		color:#666;
		position:absolute;
		border-top:1px solid #444;
		right:0;
		top:0;
		text-align:right;
		padding-top:2px;
		margin:110px 10px 10px;
		font-size:85%;
	}
	ul#navigation li{
		display:inline;
	}
		ul#navigation li a{
			color:#ccc;						
			padding:2px;
			display:inline-block;
			text-decoration:none;
		}
			ul#navigation li a:hover{
				text-decoration:underline;
			}
	#statBox{
		text-align:left;
		font-size:159%;
		background:#222;
		width:485px;
		border:3px solid #1f1f1f;
		color:#999;
		padding:0.45em;
		overflow:auto;
	}		
	#statBox p{
		margin:0;
	}
	#statBox strong{
		color:#f90050;
		font-size:182%;
		font-family:Georgia, 'Courier New';
	}
	#statBox ul {
		font-size:85%;
		margin:0.5em 0 0.2em 0;
	}
	#statBox ul li{
		font-size:77%;
		background:#303030;
		margin:0.3em 0 0 0;
		padding:0.2em 0.4em;
		height:1%;
		cursor:pointer;
		border:1px solid #000;
		border-color:#363636 #151515 #151515 #363636;
	}
	#statBox ul li:hover{
		background:#252525;
		border-color:#151515 #333 #333 #151515;
	}
	
	#statBox ul li img{
		float:left;
		margin:0.3em 0.55em 0 0;
	}
	#statBox ul li h3{
		color:#ccc;
		font-weight:bold;
	}
	a#storyteller_but, a#marker_but{
		text-indent:-9999em;
		background:url(images/view.gif) no-repeat;
		width:28px;
		display:block;
		height:6px;
		float:right;
		margin-top:-0.6em;
	}
	/*------[alert box // different love for IE 6]------*/
	.alertBox{
		width:131px;
		background:transparent url(images/alert.png) no-repeat right bottom;
		font-size:92%;
		padding-bottom:5px;
		text-align:left;
	}
	* html .alertBox{
		background:#4b4b4b;
		padding:0;height:1%;
		border:1px solid #363636;
	}
	.alertBox p{
		margin:0;
		background:#4b4b4b;
		border-left:1px solid #363636;
		border-right:1px solid #363636;
		padding:14px 4px 0 5px;
	}
	* html .alertBox p{
		position:relative;
		border:none;
		background:none;
		padding:0 0 5px 7px;
	}
	.alertBox h3{
		background:transparent url(images/alert.png) no-repeat left top;
		height:7px;
		color:#eee;	
		position:relative;
		margin:0 0 -7px 0;
		padding:4px 4px 0 6px;
	}
	* html .alertBox h3{
		background:#4b4b4b;
		margin:0 0 -2px 0;
	}
	.alertBox p{
		color:#aaa;
		font-size:92%;
	}
	#colorChart{
		font-size:92%;		
		z-index:100;
		width:140px;
		position:absolute;
		bottom:63px;
		left:32px;
		background: #262626;
		border:1px solid #eee;
		border-color:#333 #111 #111 #333;
		padding:0.1em 0.2em;
	}
	#colorChart p#resultArrow{
		background:transparent url(images/arrowdown.png) no-repeat;
		position:absolute;
		bottom:0;left:0;
		margin:0 0 -11px 68px ;
		width:9px;
		height:11px;
		display:block;
		
	}
	#colorChart li{
		color:#fff;
		cursor:pointer;
		text-decoration:none;
		display:block;
		background:#323232;
		margin:0.1em 0;		
		padding:0.1em 0.3em 0.1em 0.275em;
		border-left:2px solid #323232;
	}
	#colorChart li.SR_selected,#colorChart li:hover{
		background:#444;
		border-left:2px solid #f90050;
	}
	#fform{
		position:relative;
		margin:-50px 0 0 10px;		
	}
	#fform h3{
		color:#f90050;
		font-size:114%;
		font-family:Arial, verdana;	
		margin-bottom:0.2em;
		font-weight:bold;
	}
	form#feelForm{
		font-weight:bold;
		padding:0.025em 0.8em;
		font-size:114%;
		position:relative;
		width:39em;
		background: #262626;
		border:1px solid #eee;
		border-color:#333 #111 #111 #333;
	}
	* html form#feelForm p{
		margin-top:14px;
	}
	*+html form#feelForm p{
		margin-top:14px;
	}
	form#feelForm label{
		padding:0 0.1em;
	}
	form#feelForm input, form#feelForm select{
		margin:0;
		font-size:100%;		
		border:1px solid #eee;
		border-color:#000 #666 #666 #000;
		padding:0.1em;
		color:#666;
	}
	form#feelForm input:focus, form#feelForm select:focus{
		background:#ffffcc;
		color:#333;
	}
	form#feelForm input.button{
		border-color:#f67da4 #b6003b #b6003b #f67da4;
		background:#f90050;
		color:#fff;
		margin-left:0.2em;
	}
	form#feelForm .datePickerContainer{
		position:absolute;
		top:0;
		right:0;
		margin:-180px 18px 0 0;
	}
	#about a{
		color:#f90050;
	}
	#about{
		color:#ddd;
		margin:-10px 0 0 0;
		padding:0 0 0 10px;
	}
	
	#fform .calendarBodyContainer thead tr td {
		color:#666;
		background: #292929;
	}
	#fform .calendarBodyContainer tbody tr td {
		color:#fff;
		background: #333;
	}
	
	#fform .monthLabelContainer {
		background:#292929;
		color:#f90050;
	}
	#fform .yearWrapper {
		background: #3e3e3e;
	}
	#fform .yearContainer td {
		background:#292929;
	}
	
	#fform .selectedDate {
		background-color:#d3d3d3!important;
		color:#f90050 !important;
	}
	
	#fform .yearLabel .selectedYear {
		background-color:#d3d3d3!important;
	}
	
	#fform .previousMonth {
		background-color:#4f4f4f !important;
	}
	
	#fform .nextMonth {
		background-color:#4f4f4f!important;
	}

	#fform .monthLabelContainer {
		background:#292929!important;
		color:#f90050;
	}
	#fform .monthCurveTL {
		background:#292929!important;
	}

	#fform .monthCurveTR {
		background:#292929!important;
	}
	
	#fform .curveBL {
		background:#292929!important;
	}

	#fform .curveBR {
		background:#292929!important;
	}
	#fform .monthWrapper {
		background: #3e3e3e;
	}
