/*=TOC
	
	Contents
	-----------------------------------
	=Global
	=Page Structure
	=Header
	=Footer
	=Side Menu
    =Main Content
    =Home
    =Map
    =Events
    =Register
    =Properties
    =Ajax
    =Simple Chart
    =FAQ
    =Admin
    =Invite
    =Help

	Colors
	-----------------------------------
	palest blue	#cfedee		grids etc
	pale blue	#a6dbe4		replaced with 0098c8
	lt blue		#0098c9
	blue		#04659f
	lt yellow	#fff6ce
	yellow		#ffec95
	dk yellow	#ffd100
	
	brown		#646451		text
	dk brown	#575447		dark text
	beige		#F3ECC4		page bg
	tan			#E0D9B8		box border
	
	
	unused:
	orange		#ffcc52
	dk orange	#e68c00		link on light
*/

/*
	...................................
	=Global
	...................................
*/

body {
    font:15px Tahoma;
    line-height:20px;
    color:#646451;
    background-color:#F3ECC4;
    height:100%;
}
 
html {height:100%}
 
td {
	vertical-align:top;
	}

.inline {display:inline;}

.hide {display:none;}

.fatb {
	border:10px solid #E0D9B8;
}

.nb {border:0 !important;}

.small {font-size:12px;}

.content p {
	margin:1.13em 0;
	}

h1 {
	font-weight:normal;
	font-size:25px;
	color:#575447;
	margin-bottom:10px;
	}

h2 {
	font: normal 20px Georgia;
	line-height:20px;
	margin-bottom:10px;
	}

h3, .h3 {
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	}

h4 {
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	margin-bottom:10px;
	}

h5 {
	font: normal 16px Georgia;
	line-height:16px;
	margin-bottom:10px;
	}

.x {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin-bottom:-1px;
	overflow:hidden;
	visibility:hidden;
	width:1px;
}

.floatl {
	float:left;
	}

.mr15 {
	margin-right:15px;
	}
	
.pr15 {
	padding-right:15px;
	}

.nopad {padding:0 !important;}

.bullets {
	margin:1em 15px;
  }

.bullets li {
    margin:0;
    padding:0;
    line-height:15px;
    margin-left:15px;
    list-style-type:disc;
    padding:5px 0;
    }
  
  ol {
	margin:1em 15px;
  }
    
 ol li {
    margin:0;
    padding:0;
    line-height:20px;
    margin-left:15px;
    list-style-type:decimal;
    padding:5px 0;
    }

.page {
	padding:60px 45px 4em 45px;
	}
	
.infobox {
	border:2px solid #ffd100;
	padding:10px;
	margin:20px 0;
}

.tab {
	padding:15px;
	}

.number {margin-bottom:28px;}

	.number img {
		margin-bottom:-8px;
	}

a:link, a:visited {
	color:#0098c9;
	}

.link {
	color:#0098c9;
	text-decoration:underline;
	cursor:pointer;
	}

.linkoff {
	color:#666;
	text-decoration:none;
	cursor:auto;
	}

.numbers {
	display:block;
	}
	
	.numbers li {
		display:block;
		padding:4px 30px 6px 35px;
		margin-bottom:28px;
	}
	
	.numbers li * li {
		padding:0;
		margin:0;
	}
	
	.floated li {float:left}
	
	.n1 {background: transparent url(images/1b.png) no-repeat;}
	.n2 {background: transparent url(images/2b.png) no-repeat;}
	.n3 {background: transparent url(images/3b.png) no-repeat;}
	.n4 {background: transparent url(images/4b.png) no-repeat;}
	.n5 {background: transparent url(images/5b.png) no-repeat;}

	.subtext {
		font-size:11px;
		margin-top:3px;
		color:#666;
	}

.form td.l, form td.r {
	padding:4px;
	}

.form td.l {
	padding-right:10px;
	border-right:1px solid #ccc;
	color:#000;
	/*font-size:12px;*/
	}

	.form td.l em {
		color:#c00;
		font-size:10px;
		position:relative; top:-0.6em; left:0;
	}

/*
	...................................
	=Page Structure
	...................................
*/

#container {
	width:950px;
	margin:0 auto;
	position:relative;
	height:100%;
	background:#F3ECC4 url(images/bg_body.gif) repeat-x 0 40px;
	}


/*
	...................................
	=Header
	...................................
*/

#header {
	height:61px;
	background:url(images/header_bgB.jpg) repeat-x;
	position:relative;
	z-index:0;
	}

	#logo {
		position:absolute;
		top:0;
		left:0;
		}

	#header ul {
		margin-left:210px;
		}

	#header li {
		float:left;
		border-left:1px solid #ccc;
		display:block;
		}

			
	#header a:hover, #header li.current {
		background:url(images/menu_bgBy.jpg) repeat-x 0 0;
		color:#000;
		}
		
		#header li a:link, #header li a:visited {
			color:#fff;
			text-decoration:none;
			font-size:16px;
			font-family:Tahoma;
			line-height:61px;
			height:61px;
			padding:0 15px;
			display:block;
			white-space:nowrap;
			}

		#header li:hover a:link, #header li:hover a:visited,
		#header li.current a:link, #header li.current a:visited {
			color:#000;
			}

		.loginbox {
			position:absolute;
			right:0;
			top:61px;
			}

/*
	...................................
	=Footer
	...................................
*/

#footer {
	margin-top:2em;
	margin-bottom:0em;
	font-size:12px;
	padding:5px 45px;
	/*background-color:#E0D9B8;*/
}

/*
	...................................
	=Home
	...................................
*/


#home {
	padding:10px 45px 4em 45px;
	}

	#home * {text-align:left}

	#globalmap {
		position:relative;
		width:860px;
		}

		#worldmap {
			width:840px;
			height:376px;
			display:block;
		}

		#usermap {
			width:840px;
			height:376px;
			position:relative;
			top:0px;
			left:0px;
			z-index:80;
		}

		#seeusermap {
			position:absolute;
			right:10px;
			top:354px;
			padding:5px;
			padding-left:25px;
			border:1px solid #fff6ce;
			font-size:10px;
			color:#ffcc52;
			cursor:pointer;
			z-index:90;
			background:#575447 url(images/icon_world.gif) no-repeat 5px 7px;
		}

		#explore {
			position:absolute;
			top:342px;
			left:40px;
			color:#fff;
			font-size:10px;
			}
			
		#mapstat {
			position:absolute;
			top:274px;
			left:40px;
			width:175px;
			color:#fff;
			font-size:16px;
			line-height:18px;
			z-index:50;
		}
			#mapstat #country {
				padding-bottom:6px;
				}
			
			#mapstat b {
				display:block;
				color:#ffec95;
				font-weight:normal;
				font-size:13px;
				}
				
			#whatlink {
				position:absolute;
				top:357px;
				left:40px;
				font-size:10px;
				color:#ffcc52;
				cursor:pointer;
			}
			
			#what {
				border:10px solid #E0D9B8;
				border-top:0;
				margin-top:0;
				padding:10px;
				position:relative;
				}
				
				#close {
					font-size:10px;
					cursor:pointer;
					}
		
		#crosshairs {
			position:absolute;
			top:100px;
			left:100px;
			}
		
		.marker {
			position:absolute;
			top:100px;
			left:100px;
			}
			
	#blocks {
		margin-top:3em;
		background-color:#575447;
		padding:30px 0;
	}
	
		#blocks a:link,#blocks a:visited  {
			color:#ffec95;
		}
	
		#blocks h2 {
			font: normal 20px Georgia;
			color:#fff;
			line-height:20px;
			margin:4px 0pt 0pt 35px;
		}
	
		#blocks li {
			float:left;
			display:block;
			padding:0  25px;
			width:234px;
			background:transparent url(images/dot.gif) no-repeat 25px top;
			}
			
			#blocks li.middle {
				border-right:1px solid #ccc;
				border-left:1px solid #ccc;
				}
			
		#blocks p {
			padding:20px 0 15px;
			color:#F3ECC4;
			}
			
			#blocks li ul li {
				float:none;
				display:block;
				background:none;
				margin-left:15px;
				list-style-type:disc;
				padding:3px 0;
				border:0;
				width:auto;
				color:#F3ECC4;
				height:auto;
			}
	
	#homemain {
		background-color:#f7f3dd;
		position:relative;
		height:270px;
		}
		
	#homemain div {
		font-size:16px;
		width:390px;
		padding:40px 0 40px 420px;
		
	}
	
	#homemain img {
		position:absolute;
		top:40px;
		left:36px;
		}
		
	#btnjoin {
		display:block;
		font-size:17px;
		width:301px;
		height:32px;
		color:#fff;
		line-height:32px;
		text-decoration:none;
		text-align:center;
		background: transparent url(images/joinbutton.gif) no-repeat 0 0;
		margin-left:40px;
		margin-top:2em;
	}
	
	.btnjoinshort td {
		line-height:32px !important;
		width:161px;
		text-align:center;
		cursor:pointer;
	}

	#programlist {
		text-align:right;
		margin-bottom:30px;
	}
	
	#programlist h4 {
		display:inline;
		padding-right:15px;
	}

/*
	...................................
	=Map
	...................................
*/

#map 
{
    width:920px;
    height:500px;
    border:2px solid #ccc;
}

#dojopop, #dojopopajax 
{
    /*display:none; */
    padding:10px;
    line-height:18px;
    position:relative;
}

#dojopopajax 
{
    
}

#dojopopholder 
{
    /*width:700px;
    border:2px solid #ccc;*/
}

.dojolisting h1
{
    font-size:15px;
    padding:0;
    margin:0;
}

.dojolisting p 
{
    margin-bottom:0;
}


/*
	...................................
	=Events
	...................................
*/

.eventtable {
	margin:1em 0;
	width:100%;
	}
	
	.eventtable td {
		width:auto;
		}
	
	.eventtable .sep {
		border-top:3px dotted #fff;
		}
	
	.eventtable td.l {
		padding-right:10px;
		color:#000;
		font-size:.8em;
		width:120px;
		white-space:nowrap;
		text-align:right;
		}


/* temp */


/*
	...................................
	=Events
	...................................
*/

#chartholder {
	position:relative;
	z-index:0;
	}

#cmap 
{
    width:478px;
    height:398px;
    border:1px solid #000;
	position:absolute;
	top:0;
	left:0;
}

		.eventtable .buttons {
			position:absolute;
			top:0;
			right:0;
			}

/*
	...................................
	=Import
	...................................
*/
.tblPreview {
	background-color:#fff;
	font-size:12px;
	color:#000;
	}
	
	.tblPreview td {
		border:1px solid #ccc;
		}
		

#importhelp {
	margin-left:30px;
	color:#666;
	}

/*
	...................................
	=Register
	...................................
*/

.steps {
	display:block;
	margin-bottom:20px;
	}
	
/*
	...................................
	=Properties
	...................................
*/

#welcometext {
	font-size:18px;
	margin-bottom:20px;
}

	#welcometext b {
		display:block;
		margin-bottom:.5em;
		color:#e68c00;
		}

#propbtns td {padding-right:5px;}

.property {
	padding-bottom:2em;
	border-bottom:5px solid #E0D9B8;
	margin-bottom:2em;
	padding-left:50px;
	}

	.property td.propicon {
		width:170px;
		}

		.property label {
			font-size:10px;
			/*text-align:right;*/
			padding-right:15px;
			display:block;
			color:#04659f;
			}
	
		.property .midcol {
			padding-left:30px;
			}
			
		.property .buttons {
			position:absolute;
			top:0;
			right:0;
			}
	
.placeform {}

	.placeform td.row {
	padding-bottom:15px;
	white-space:nowrap;
	}
	
/*
	...................................
	=Ajax
	...................................
*/

#mydata #progress {
	font-size:30px;
	color:#fff;
	text-align:center;
    width:478px;
    height:398px;
    line-height:398px;
    border:1px solid #000;
	position:absolute;
	top:0;
	left:0;
	background:transparent url(images/mask.png) repeat;
}

/*
	...................................
	=Simple Chart
	
	The arrow is 7 x 20
	...................................
*/

#simplechart {
    width: 620px;
    height:200px;
    position:relative;
    border:2px solid #000;
    }
    
    #simplechart #bar {
        width:450px;
        height:40px;
        background: #ffd100 url(images/bar.jpg) repeat-y 0 0;
        position:relative;
        top:80px;
        left:80px;
        border:1px solid #000;
        }
        
    #simplechart #avgbar {
        background-color:#000;
        width:15px;
        height:100%;
        }

    .scbox {
        /*background-color:#ffd100;*/
        /*border:1px solid #000;*/
        height:40px;
        padding:1px 6px;
        position:absolute;
        line-height:20px;
        color:#000;
        white-space:nowrap;
        text-align:center;
        width:109px;
        }
        
        .scbox span {
			display:block;
			font-size:11px;
			}
        
        .scbox img {
            position:absolute;
            }
            
        #max, #avg, #min {
            top: 60px;	/* bar height + arrow height */
            background: transparent url(images/labelDY.gif) no-repeat 0 0;
            }
            
        #max img, #avg img, #min img {
            top:-20px;
        }
                
        .scbox img  {
            left:55px;
            }
        
        #user img 
        {
        	top:40px;
        	left:71px !important;
        }
        
        #max {
            left:391px; /* -59 + width */
            }
            
        #min {
            left:-59px;
            }
            
        #user {
            top:-61px; /* scbox height + arrow */
            background: transparent url(images/labelLY.gif) no-repeat 0 0;
            width:141px;
            }
            
        
/*
	...................................
	=FAQ
	...................................
*/

.faq {margin-bottom:.75em;}

	.faqq {
		font-weight:bold;
		cursor:pointer;
		}
	
	.faqa {
		padding:10px;
		}
		
/*
	...................................
	=Learn More
	...................................
*/

#learnmore li {padding:5px 0;}

/*
	...................................
	=Admin
	...................................
*/

#impersonate {
	background-color:#ffcc52;
	border:1px solid #e68c00;
	position:fixed;
	bottom:0;
	padding:5px;
	width:950px;
	color:#000;
}

#impersonate input {
	position:absolute;
	right:20px;
	width:120px;
	border:1px solid #e68c00;
	background-color:#fff6ce;
	}
	
/*
	...................................
	=Invite
	...................................
*/


#btninvite {
		display:block;
		font-size:17px;
		width:171px;
		height:32px;
		color:#fff;
		line-height:32px;
		text-decoration:none;
		text-align:center;
		background: transparent url(images/invitebutton.gif) no-repeat 0 0;
		position:absolute;
		top:120px;
		left:735px;
	}
	
/*
	...................................
	=Help
	...................................
*/

#help ul li.top {
		padding: 0 0 2em 0;
	}
	
#help img {
	border:5px solid #666;
	}