/*
	General
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: arial, helvetica, sans-serif;
	
	background: #333;
	cursor: default;
}

h2 {
	font-size: 1.3em;
	
	border-bottom: 1px solid #1B7AA4;
}

h3 {
	font-size: 1em;
}

p {
	margin: 0.8em 0;
}

ul {
	list-style: none;
}

li {
	font-size: inherit;
}

a {
	text-decoration: underline;
	
	color: #1B7AA4;
	cursor: pointer;
}

input.text {
	width: 140px;
	margin-right: 0.1em;
	
	border: 1px solid #333;
}


/*
	Specific
*/

#container {
	width: 960px;
	margin: 20px auto 0 auto;
	
	font-size: 1.2em;
	
	background: #FFF;
}

#header {
	height: 107px;
	position: relative;
	
	background: #333 url(../images/header1.5.png) no-repeat;
}

	#header h1 {
		display: none;
	}

#menu {
	position: absolute;
	bottom: -1px;
	left: 15px;
}

	#menu a {
		float: left;
		padding: 8px 15px;
		
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
	}
	
	#menu a.current {
		color: #1B7AA4;
		
		background-color: #FFF;
	}

#main {
	padding: 15px;
}

#footer {
	height: 45px;
	
	background: #333 url(../images/footer1.5.png) no-repeat;
}

#footerNotice {
	padding-bottom: 15px;
	
	text-align: center;
	color: #666;
	
	background: #333;
}
	
	#footerNotice a {
		color: #666;
	}

#columnOne {
	display: inline; /* Stupid IE */
	float: left;
	width: 420px;
}

#columnTwo {
	display: inline; /* Stupid IE */
	float: right;
	width: 490px;
}

#columnFull {
	
}

#gMap {
	width: 490px;
	height: 490px;
}

#gMapLarge {
	width: 100%;
	height: 560px;
}



#variableContent, #loginBox {
	margin: 10px 0;
	padding: 8px 10px;
	
	background: #EEE;
}

#spotContent {
	margin-top: 10px;
	padding: 5px;
	
	background: #EEE;
	display: none;
}



#spotImageThumbs, spotViewImageThumbs {
	width: 100%;
	overflow: auto;
	padding-bottom: 10px;
}

#spotImageThumbs div, spotViewImageThumbs div {
	float: left;
	width: 102px;
}

	#spotImageThumbs div a {
		cursor: pointer;
	}

#spotViewImageThumbs img {
	margin: 0 5px 5px 0;
	
	cursor: pointer;
}

#spotViewImageLarge {
	margin-top: 10px;
}

#spotEditImageThumbs {
	margin: 0.8em 0;
}

	#spotEditImageThumbs div {
		display: inline;
		float: left;
		margin-right: 5px;
		width: 110px;
		
		background: #EEE;
	}
	
		#spotEditImageThumbs div * {
			display: block;
			margin: 5px;
		}

#shortcuts {
	margin-top: 10px;
	padding: 8px 10px;
	
	background: #EEE;
}


/*
	Classes
*/

.clear {
	clear: both;
	width: 0;
	height: 0;
	
	font-size: 0;
	line-height: 0;
}

.hide {
	display: none;
}

.notice {
	font-size: 0.8em;
}

.styledForm {
	margin: 10px 0;
}

.blockInput input, input.blockInput {
	display: block;
}

ul.columnList {
	margin: 0.8em 0;
}

	ul.columnList li {
		margin-top: 1px;
		border: 1px solid #EEE;
	}
	
		ul.columnList li span {
			float: left;
			width: 120px;
			padding: 4px 6px;
		}
		
		ul.columnList li span.liMain {
			background: #EEE;
		}



.tagsSelect, .defaultSelect {
	padding-bottom: 1em;
	list-style: none;
}

.tagsSelect li, .defaultSelect li {
	margin-top: 1px;
	padding: 2px 5px 2px 18px;
	
	background: url(../images/unchecked.png) no-repeat 3px center;
	cursor: pointer;
}

.tagsSelect li.selected, .defaultSelect li.selected {
	color: #FFF;
	
	background-color: #696;
	background-image: url(../images/checked.png);
}

.buttonOk, .buttonCancel {
	width: 8em;
	margin-right: 0.1em;
	
	color: #EEE;
	text-align: center;
	
	cursor: pointer;
}

.buttonOk {
	background: #1B7AA4;
	border: 1px solid #363;
}

.buttonCancel {
	background: #900;
	border: 1px solid #633;
}