/*------------------------------------------------------------------
|     Site Color Theme
| Colors used 
| Dark Grey - 2f3234
| Mid Grey - 57595c
| Light Grey - 45484b
| Dark Brown - 8C8372
| Smoke White - dddddd
| Blue - 567D8C
| Dark Blue - 435b6f
| Dark Blue Border - 415e69
| beige - bcb8ad
| 
--------------------------------------------------------------------*/
body, html{
	background-color:#bcb8ad;
	color:#efefef;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
	font-size:1em;
	margin:0px;
	padding:0px;
	text-align:center;
	width:100%;
	z-index:0;
}
/*=======================
|   Default Overrides
=========================*/
a {
	color:#9cb9d5;
	text-decoration:none;
}
a:hover {
	color:#dddddd;
}
img {
	border:none;
}
input {
	background-color:#567D8C;
	border:1px solid #415e69;
	color:#efefef;
	font-size:.9em;
	margin:1px;
}
select {
	background-color:#567D8C;
	border:1px solid #415e69;
	color:#efefef;
	font-size:.9em;
}
h1 {
	display:inline;
	font-size:1em;
}
/*=======================
|    Lists
=========================*/
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	left:0px;
}
ol {
	margin:0px;
	padding:0px;
}
li {	
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:auto;
	left:0px;
}
/*=======================
|    Headers
=========================*/
h1 {	
	display:inline;
	font-size:1em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
h2 {	
	display:inline;
	font-size:1em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
h3 {	
	display:inline;
	font: inherit;
}
h4{
	display:inline;
	font:inherit;
}
/*------------------------------------------------------------------
|     Containers
| 
--------------------------------------------------------------------*/
#siteContainer {
	font-size:.8em;
	position:relative;
	margin:0px auto;
	text-align:center;
	width:100%;
}
/*=======================
|   Top 
=========================*/
#topContainer {
	background-color:#bcb8ad;
	position:relative;
}
#logoContainer {
	text-align:left;
}
#loginContainer {
	text-align:right;
	padding:.5em 1.5em 0em 0em;
	position:absolute;
	right:0px;
	top:0px;
}
/*=======================
|   Nav 
=========================*/
#navContainer{
	background-color:#567D8C;
	background-image:url(images/linkbarbg.png);
	border-top:1px solid #415e69;
	border-bottom:1px solid #415e69;
	font-size:1.2em;
	font-weight:bold;
	height:20px;
	_height:18px;
	padding:.5em 1.5em .5em 0em;
	text-align:right;
}
#navContainer a {
	padding:9px 12px 8px 12px;
}
#navContainer a:hover {
	background-image:url(images/linkbarbgover.png);
	padding:9px 12px 8px 12px;
	z-index:20;
}
/*=======================
|   Main Content 
=========================*/
#mcWrapper{
	background-color:#bcb8ad;
}
#mainContentContainer{
	margin:0px auto;
	padding:10px 1.5em 0px 0px;
	position:relative;
	text-align:left;
	width:1000px;
}
	/*=======================
	|   ToolBars 
	=========================*/
	#toolBoxenContainer {
		margin:0px 5px 5px 10px;
		position:absolute;
		left:0px;
		width:350px;
	}
	#toolBox1Container{
		border:1px solid #415e69;
	}
	#toolBox2Container {
		border:1px solid #415e69;
		display:none;
		margin-top:10px;
	}
	.toolBoxClass{
		background-color:#8C8372;
	}
	.containerHeader {
		background-color:#567D8C;
		background-image:url(images/linkbarbg.png);
		border-bottom:1px solid #415e69;
		font-weight:bold;
		height:25px;
		padding:5px;
		margin-bottom:5px;
	}
	.toolBoxContent{
		padding:0px 5px 5px 5px;
	}
	
		#tb2blcBase{
			overflow:hidden;
		}
		#tb2blcCommon{
			overflow:hidden;
		}
		#tb2blcCommon br {
			margin:2px 0px;
		}
		#tb2blcAdvanced{
			overflow:hidden;
		}
		#tb2blcButtons{
			overflow:hidden;
		}

    /*=======================
	|	Map
	=========================*/
	#toolBox1MapContainer {
		background-color:#9D9483;
		border:1px solid #756e61;
	}
	.tb1lcHeader { 
		background-color:#567D8C;
		border-bottom:1px solid #415e69;
		font-weight:bold;
		padding:2px 0px 2px 5px;
		position:relative;
	}
	
	#innerMapListContent{
		padding:5px;
	}	
	#tb1MapListArea {
		background-color:#a99f8d;
		border:1px solid #7e776a;
		padding:5px;
		margin:5px 10px 5px 10px;
	}	
	/*Layer Items*/
	#tbMapOptionContainer{
		background-color:#476773;
		height:100%;
		position:absolute;
		right:0px;
		width:25%;
		top:0px;
    }
	#tb1NewMap {
	}
	#tbMapListNumLayers {
		padding:5px;
		text-align:center;
	}
	#toggleMapList {
		position:absolute;
		right:10px;
		top:2px;
	}
	/*=======================
	|	Layer list
	=========================*/
	#toolBox1LayerContainer {
		background-color:#9D9483;
		border:1px solid #756e61;
	}
	.tb1lcHeader { 
		background-color:#567D8C;
		border-bottom:1px solid #415e69;
		font-weight:bold;
		padding:2px 0px 2px 5px;
		position:relative;
	}
	
	#innerLayerListContent{
		padding:5px;
	}	
	#tb1LayerListArea {
		background-color:#a99f8d;
		border:1px solid #7e776a;
		padding:5px;
		margin:5px 10px 5px 10px;
	}	
	/*Layer Items*/
	#tbLayerOptionContainer{
		background-color:#476773;
		height:19px;
		position:absolute;
		right:0px;
		width:25%;
		top:0px;
	}
	#layerListItems li {
		background-color:#567D8C;
		border:1px solid #415e69;
		color:#efefef;
		cursor:move;
		margin:5px;
		position:relative;
		width:280px;
	}
	.tbLayerDeleteDiv { 
		cursor:pointer;
		display:block;
		position:absolute;
		right:0px;
		text-align:right;
		top:0px;
		width:18px;
	}
	.tbLayerEditDiv { 
		background-color:#476773;
		cursor:pointer;
		display:block;
		height:17px;
		margin-left:5px;
		padding:0px 2px 0px 2px;
		position:absolute;
		text-align:center;
		top:0px;
		right:18px;
		width:40px;
	}
	#tb1NewLayer {
	}
	#tb1LayerListNumLayers {
		padding:5px;
		text-align:center;
	}
	#toggleLayerList {
		position:absolute;
		right:10px;
		top:2px;
	}
	/*=======================
	|	Control list
	=========================*/
	#toolBox1ControlContainer {
		background-color:#9D9483;
		border:1px solid #756e61;
	}
	.tb1lcHeader { 
		background-color:#567D8C;
		border-bottom:1px solid #415e69;
		font-weight:bold;
		padding:2px 0px 2px 5px;
	}
	#innerControlListContent{
		padding:5px;
	}	
	#tb1ControlListArea {
		background-color:#a99f8d;
		border:1px solid #7e776a;
		padding:5px;
		margin:5px 10px 5px 10px;
	}	
	#controlListItems li {
		background-color:#567D8C;
		border:1px solid #415e69;
		color:#efefef;
		cursor:move;
		margin:5px;
		position:relative;
		_width:280px;
	}
	.tbwDeleteDiv { 
		cursor:pointer;
		display:block;
		position:absolute;
		right:0px;
		text-align:right;
		top:0px;
	}
	#tb1NewControl {
	}	
	#toggleControlList {
		position:absolute;
		right:10px;
		top:2px;
	}	
	
		
	.tbControlEditDiv { 
		background-color:#476773;
		cursor:pointer;
		display:block;
		margin-left:5px;
		padding:0px 2px 0px 2px;
		position:absolute;
		text-align:center;
		top:0px;
		right:15px;
		width:55px;
	}
	.tbControlDeleteDiv {
		cursor:pointer;
		display:block;
		position:absolute;
		right:0px;
		text-align:right;
		top:0;
	}
	/*=======================
	|	Panel list
	=========================*/
	#tb1Panels{
		padding:0px;
		margin:0px 10px;
	}
	/*Panel Items*/
	.tb1PanelHeader {
		background-color:#567D8C;
		font-size:.9em;
		font-weight:bold;
		padding:2px 0px 2px 5px;
		position:relative;
	}
	.tb1PanelEditDiv { 
		background-color:#476773;
		cursor:pointer;
		display:block;
		margin-left:5px;
		padding:0px 2px 0px 2px;
		position:absolute;
		text-align:center;
		top:0px;
		right:28px;
		_right:38px;
		width:40px;
	}
	.tb1PanelDeleteDiv { 
		cursor:pointer;
		display:block;
		position:absolute;
		right:10px;
		_right:20px;
		text-align:right;
		top:0px;
	}
	/*Controls inside panel*/
	.tb1PanelListArea {
		background-color:#a99f8d;
		border:1px solid #7e776a;
		padding:5px;
	}	
	.PanelListItems li {
		background-color:#567D8C;
		border:1px solid #415e69;
		color:#efefef;
		cursor:move;
		margin:5px;
		position:relative;
		width:280px;
	}	
	
	#tb1NewPanel {
	}
	/*=======================
	|   Map 
	=========================*/
	#mapContainer {
		background:#8C8372 url(images/mapBG.png) no-repeat;
		border:1px solid #415e69;
		left:370px;
		height:500px;
		position:absolute;
		width:630px;
	}
	#mapControls {
		background-color:#8C8372;
		left:370px;
		margin-top:10px;
		position:absolute;
		top:510px;
		width:630px;
	}
	#mapFunctions {
		background-color:#8C8372;
		border:1px solid #415e69;
		left:370px;
		margin-top:10px;
		position:absolute;
		top:510px;
		width:630px;
	}
	#siteAlerts {
		background-color:#567D8C;
		color:#EFEFEF;
		display:none;
		height:40px;
		left:500px;
		line-height:3;
		padding:10px;
		position:absolute;
		text-align:center;
		top:200px;
		width:250px;
	}
	/*=======================
	|   Draggable  Boxes
	=========================*/
	#draggableDivContainer {
		background-color:#504B42;
		height:80px;	
		left:0px;
		/*overflow:hidden*/
		position:relative;
		top:0px;	
		width:100px;
		z-index:1;
	}
	 
	#draggableDiv {
		background:#628D9D;
		border:1px solid #415E69;
		cursor:move;
		height:25px;	
		left:-2px;
		position:absolute;
		text-align:center;
		top:-25px;
		width:100%;	
		z-index:6;
	}

	#draggableDivResize {
		background:#efefef url(images/resize.png);
		bottom:0px;
		cursor:se-resize;
		height:15px;
		position:absolute;
		right:0px;
		width:15px;
		z-index:999;
	}
	#draggableDivTitle {
		background:#567D8C;
		font-size:.9em;
		margin:0px auto;
		left:20%;
		padding:5px;
		position:absolute;
		text-align:center;
		top:40%;
		z-index:4;
	}
	.controlBox {
		background-color:#567D8C;
		font-size:.9em;
		height:26px;
		float:left;
		width:26px;
	}
	/*Code block*/
	.genCodeBlock {
		background-color:#567D8C;
		border:1px solid #415E69;
		color:#efefef;
		height:420px;
		width:98%; 
	}
/*=======================
|   Bottom 
=========================*/
#bottomContainer {
	bottom:0px;
	right:0px;
	padding:0px;
	position:absolute;
	text-align:right;
}
/*------------------------------------------------------------------
|     Classes
| 
--------------------------------------------------------------------*/
	
/*=======================
|   Colors 
=========================*/
.colorDarkBlue {
	color:#435b6f;
}
.colorLightBlue {
	color:#9cb9d5;
}
.colorLightGrey {
	color:#57595c;
}
/*=======================
|   Cursor
=========================*/
.cursorPointer {
	cursor:pointer;
}
/*=======================
|   Display
=========================*/
.displayInline {
	display:inline;
}
/*=======================
|   Divs 
=========================*/
.innerDivAlign {
	margin:0px auto;
	position:relative;
	text-align:left;
	width:84%;
}
.cornerStyleDarkGrey {
	background-color:#2f3234;
	text-align:center;
}
.cornerStyleMedGrey {
	background-color:#45484b;
	text-align:center;
}
.cornerStyleLightGrey {
	background-color:#57595c;
	color:#efefef;
	text-align:center;
}
.cornerStyleBlue {
	background-color:#9cb9d5;
	color:#2f3234;
	text-align:center;
}
.cornerStyleDarkBlue {
	background-color:#435b6f;
	color:#9cb9d5;
	text-align:center;
}
/*=======================
|   Positioning 
=========================*/
.absoluteRight {
	position:absolute;
	right:0px;
}
.absoluteRightButton2 {
	position:absolute;
	right:100px;
}
.alignCenter {
	text-align:center;
}
.alignRight {
	text-align:right;
}
.alignLeft {
	text-align:left;
}

.clear {
	clear:both;
}
.floatLeft {
	float:left;
	position:relative;
}
.floatRight {
	float:right;
}

.hidden {
	visibility:hidden;
}


.margin5px {
	margin:5px;
}
.margin5pxLeft{
	margin-left:5px;
}
.margin5pxRight{
	margin-right:5px;
}
.margin5pxTop{
	margin-top:5px;
}
.margin5pxTopBot {
	margin:5px 0px 5px 0px;
}
.margin10px {
	margin:10px;
}
.margin10pxLeft {
	margin-left:10px;
	position:relative;
}
.margin20pxLeft {
	margin-left:20px;
	position:relative;
}

.padding1px {
	padding:1px;
}
.padding2px {
	padding:2px;
}
.padding5px {
	padding:5px;	
}
.padding10px {
	padding:10px;
}
.padding20px {
	padding:20px;
}
.paddingTopBot20px {
	padding:20px 0px 20px 0px;
}
.paddingLeftRight10px {
	padding:0px 10px 0px 10px;
}

.positionAbsolute {
	position:absolute;
}
.positionRelative {
	position:relative;
}
.position85Left {
	position:relative;
	left:85%;
}

.width98 {
	width:98%;
}
/*=======================
|   Text 
=========================*/
.bold {
	font-weight:bold;
}
.fontSize8em {
	font-size:.8em;
}
.textBig {
	font-size:1.3em;
	font-weight:bold;
}
.textHuge {
	font-size:1.7em;
	font-weight:bold;
}
.textMed {
	font-size:1.2em;
}
.textMedBold{
	font-size:1.2em;
	font-weight:bold;
}