/* CSS Document */


@font-face {
        font-family: Nobel-Regular;
		src: 	url("./fonts/Nobel-Regular.otf") format("opentype"),
				url('./fonts/Nobel-Regula.ttf') format("truetype"),
				url('./fonts/Nobel-Regular-Webfont.eot');
    }
	
@font-face {
        font-family: Nobel-Bold;
		font-weight: bold;
		src: 	url("./fonts/Nobel-Bold.otf") format("opentype"),
				url('./fonts/Nobel-Bold.ttf') format("truetype"),
				url('./fonts/Nobel-Bold-Webfont.eot');
    }
	
	
	
em {background:#000000; color:#ffffff; display:inline-block; min-width:14px; font-style:normal; padding:0px 3px 0px 3px;text-align:center;margin:0px 5px 0px 0px;font-weight:bold;}


/*/*/

body {
	margin:0px;
}

#campus_map {
	
	width:860px;
	height:700px;
	font: 16px/20px Arial, Helvetica, sans-serif;
	overflow:hidden;
	margin:0px auto;
}

#header {
	
	height:39px;
	
	border-bottom:1px solid #ffffff;
	margin:0px;
	padding:0px 0px 0px 0px;
	font: 16px/24px Arial, Helvetica, sans-serif;	
	font-weight:bold;	
	background-color:#00488e;
}

	#header img {
		float:left;
		margin:0px 25px 0px 25px;
	}
	#header a {		
		display:inline-block;
		padding:8px 16px 7px 16px;
		height:24px;		
		
		font-family:Nobel-Bold, Helvetica Neue, Arial, sans-serif; 
		font-size:12px;
		font-weight:bold;
		color:#ffffff;				
		text-decoration:none;
		text-transform:uppercase;
	}
	
	#header a:hover	{	
		color:#99e0cf;
	}
	
	#header a.active {		
		background:#00995c;	
		color:#ffffff;		
	}


/********************************************/


div.map {	
	height:660px;
	width:860px;	
	/*background-image:url(./images/campus_clarkesville.jpg);*/
	background-repeat:no-repeat;
	background-color:#eeeeee;
	padding:0px;
	position:absolute;		
}



/********************************************/

#hint{
	width:38px;
	height:38px;
	position:absolute;
	display:none;
	border:2px dotted #ffffff;
	border-radius:19px;
}

#pointer{
	width:250px;
	height:340px;
	position:absolute;
	display:none;
	font-size: 12px;
	line-height:15px;	
}
		
	#pointer a.close {
		float:right;
		display:block;
		width:10px;
		height:10px;
		border:1px solid #000000;
		font:12px/12px Arial;
		padding:2px;
		text-align:center;
		border-radius:3px;
		margin:0px 0px 4px 4px;
		cursor:pointer;
		font-weight:bold;
	}
	#pointer a.close:hover {
		background:#cccccc;
	}
	/*
	#pointer #panelserve {
		border:1px solid #ff8800;
		border-width:0px 0px 0px 5px;
		padding: 0px 0px 0px 5px;
	}
*/
	#pointer div.panel{
		background:#ffffff;
		border-radius:5px;
		height:292px;
		width:240px;
		padding:5px 5px;	
		border:0px solid #cccccc;
		margin:19px 0px 19px 0px;	
		box-shadow: 0px 0px 30px -5px #000000;		
	}
	
	#pointer #arrow{
		width:250px;
		height:340px;
		top:0px;
		left:0px;
		position:absolute;
	}
	
	#pointer img{padding:0px 0px 5px 0px;}
	#pointer h2 {margin:0px 0px 5px 0px;font:14px/20px Arial, Helvetica, sans-serif;font-weight:bold;}
	#pointer p {margin:0px 0px 5px 0px;
		
		}
	
	
/********************************************/

div.toolbox {
	/*600h*/
	border:1px solid #aaaaaa;
	border-width:0px 1px 1px 0px;
	border-radius:0px;
	height:640px;
	width:300px;
	top:10px;
	left:550px;
	background-color:#ffffff;
	position:relative;
	
}

	
	div.toolheader {
		/*90h*/
		height:70px;		
		padding:10px 50px 10px 50px;
	}
	
	div.tooltabs {
		/*40h*/
		border-bottom:1px solid #cccccc;	
		height:30px;
		padding:0px 10px;
		
	}
	
		div.tooltabs a {
			display:block;
			border:1px solid #cccccc;
			border-width:1px 1px 0px 1px;	
			height:22px;
			margin:2px 2px 0px 0px;
			background:#eeeeee;
			text-decoration:none;
			padding:5px 10px 0px 10px;
			float:left;
			
			font-family:Nobel-Bold, Helvetica Neue, Arial, sans-serif; 
			font-size:11px;
			font-weight:bold;
			color:#000000;				
			text-decoration:none;
			text-transform:uppercase;
		
		}
		
		div.tooltabs a.active {
			height:22px;
			padding-top:7px;
			margin-top:0px;
			background:#ffffff;		
		}
		
		div.tooltabs a:hover {			
			color:#666;
		
		}
	
	ul.toollist {
		/*520h*/
		
		overflow:scroll;
		overflow-x:hidden;
		height:520px;
		margin:0px;
		padding:0px;
		list-style:none;
		-webkit-overflow-scrolling: touch;
	}
	
		ul.toollist li{
			
			font-size:14px;
			line-height:20px;
			height:20px;
			padding:4px 5px 4px 15px;
			border-bottom:0px solid #999999;
			
		}
		ul.toollist a{
			
			text-decoration:none;
			color:#000000;
			
		}
		
		ul.toollist a:hover li {
			
			background-color:#eeeeee;
			
		}