/* CSS Document */
body, html   {background-color:#e6e7da; font-family: arial, helvetica, verdana, sans-serif; color:#000000; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; font-size:10px; height:100%; text-align:center;}

label				{float:left; width:80px}
label.error			{color:#f60; font-weight:bold}
textarea.medium		{height:60px}
	.entry.medium	{width:160px; margin: 2px 0 2px 0}
	
input.button		{font-size:10px; cursor:pointer}
	.submit			{border:1px solid #697e5a; background-color:#fbffd3}
	.reset			{border:1px solid #806557; background-color:#c38d75} 

/* Elements */ 
#scope		{z-index:3; position: absolute; top: 130px; left: 0px;  width:100%; height:320px}
#content	{width:500px}
#projector	{z-index:300px; position:absolute; top:200px; margin-left:20px; background-color:#697e5a; cursor:move; background:url(../images/patterns/dragnobar.gif); background-position:top; background-repeat:repeat-x; z-index:969}
#projector:hover	{background:url(../images/patterns/dragbar.gif); background-position:top; background-repeat:repeat-x}

.layout-main {width:700px; background-color:#d5d8b3; text-align:left; margin:0 auto}

.footer	  {text-align:center; margin-top:50px; color:#999; font-size:10px; width:100%; padding:20px 0 20px 0; clear:both}

.glassBox { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/glass_yellow.png'); background:url(../images/glass_yellow.png); border:1px dotted #B2B594;}

.glassMenu { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/glass_green.png'); background:url(../images/glass_green.png) }

.close   {float: right; background-color: #B2B996; color: #ffffff; cursor: hand; cursor: pointer;}
.marker  {position: relative; z-index:39; top:0px; left:0px; float:left}
.panel-top {background:url(../images/patterns/verti_dots.gif); height:90px; background-color: #93b17f; background-repeat:repeat-x}
.panel-bottom {background:url(../images/patterns/haze.gif); background-color:#d5d8b3; width:100%; background-repeat:repeat-x; height:auto; padding-top:15px}
.cityname {position:absolute; top:-3px; background-color:#f3f5cb; padding:2px; white-space:nowrap}

.thumb-space {float:left; padding:10px; margin-left:5px}
.thumb-img   {border: 1px dotted #697e5a; cursor: pointer}

.tray-left  {background:url(../images/patterns/tray-left.gif); background-repeat:repeat-y; width: 10px}
.tray-middle {background-color: #fbffd3; padding-top: 10px}

/* Menu */
.menu  			{background-color:#697e5a; height:15px; padding-left:23px;}
.submenu  		{border-top:1px dotted #d5d8b3; padding:1px; letter-spacing: 2px; white-space:nowrap}
a.sublink 		{color:#697e5a; text-decoration: none}
.bar-state, .bar-link {width:80px; float:left; font-size:11px; letter-spacing:1px; text-align:center; white-space:nowrap}
.bar-state {color: #697e5a; cursor: pointer; border-bottom:1px solid #FBFFD3; background-color:#fbffd3}
.bar-link  {color: #ffffff; cursor: pointer}

.tray    {z-index:69; display:none; position:absolute; text-align:left}
.con	 {position:absolute; top:15px; left:-80px; border-left:1px solid #697e5a; border-right:1px solid #697e5a; border-bottom:1px solid #697e5a; padding:10px; background-color:#fbffd3; text-align:left}

/* Size */
h1		 {font-size:21px; font-weight: bold; letter-spacing:2px; margin:0 0 10px 20px; clear:both}

.tiny    {font-size:9px}
.small   {font-size:11px}
.medium  {font-size:12px}
.large   {font-size:16px; font-weight: bold}

/* Color */
.black   {color:#000000;}
.coal    {color:#444639;}
.olive   {color:#A7A785;}
.plum    {color:#728892}
.rust    {color:#C43C00;}
.white   {color:#ffffff;}