#map {border: 1px solid #979797; background-color: #e5e3df; width: 500px; height: 450px;}
#output {border:1px solid #979797; border-left-style:hidden; background:#fff;padding: 0 0px;height: 100%; overflow: hidden;position:relative;font-size:10px;width:501px;}
#output h3, #badLinks h3, .ieHeaderFix {font-size:12px;padding: 0; margin: 0; padding-bottom:5px;background:#99B3cc;border-bottom: 1px solid #ccc;text-align:center;padding-top:5px;}
#output a {font-size:10px}
#output .contactlist {font-size:10px;margin-left:15px;padding:5px;}
#output .contactAddress {font-size:10px}

#FE_InfoWindow {widthx: 100px !important}
#mapPopupInfox {font-size:10px}
#mapPopupInfo h3 {margin:0;padding:0;font-size:12px;padding-bottom:3px;padding-top:10px;color:#666666; text-transform:capitalize;}
#mapPopupInfo strong {margin:0;padding:0;color:#ccc;font-weight:normal}
#mapPopupInfo p {margin:0;padding:0;font-size:10px}
#contactDetails {font-size:12px;}
#container {display: none; }

.zebra 
{
    background-color: #DBDBDB;   
}

#loadingstatus { 
	position: absolute;
	top:200px;
	left:0px;
	background:#999999; 
	z-index:5;	
	width:420px;
	height: 90px;
	margin:0px;
	background: url(http://master.umc.org/spheremaps/images/loadingbg.png) no-repeat;
	padding:30px 50px 50px 50px;	
	text-align:center;
	color: #fff;
	font-size:14px;
	font-weight:bold;
	display:block;
}
button#choose {margin-top:10px;}
#loadingstatus img { padding-top:10px;}
#currentName { display: inline; }
#currentSegment {display:none;}
#treeHolder 
{
    padding:5px;
    height:153px;
    width:350px;
    margin-left:-11px;
    overflow-y:auto;
    overflow-x:none;    
}
#filter 
{
	background-color:#cccccc;
	position:relative;
	width:501px;
	z-index:2;
}
#results
{
	
	display: none;
	height: 402px;
	overflow: auto;
	width:501px;
}
#filterForm { padding:7px;
	display: none; }
.error
{
	float:left;
	height:12px;
	padding:5px;
	width:14px;
	margin-top:10px;
}

#filtertop {display: none;}

#badLinks {	background-color: #FFFF99; }
.errorMessage {font-size:12px;font-weight:bold;margin-left:20px;padding:5px;}
.bad {	background-color: #FFFF99; }
.options 
{
	font-weight:normal;
	font-size:10px;	
}
form {
margin:0;
padding:0;
}
body 
{
	font-family: Helvetica, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	/* background-color:#CCCCCC; */
}

#portlet {position:relative;}

.clear 
{
    line-height: 0;
    font-size:0px;
    clear: both;
    margin : 0;
    padding: 0;
    border: 0;
    height:0px;
}
.bottomReminder 
{
    width:475px;
    background-color:#FFFF99;
    font-size:13px;
    padding:5px 5px 5px 20px;
    border: solid 1px #99B3CC;
    border-top-style: none;
    display: none;
    position: relative;
}
#appHeader
{
    width:inherit;
    background:#BBBBBB none repeat scroll 0 0;
    border-color:#979797;
    border-style:solid solid none;
    border-width:1px;
    font-size:18px;
    font-weight:bold;
    padding:5px;
    position: relative;
    width: 490px;
}
.iconReminder
{
    margin-right:4px;
    position:relative;
    top:2px;
}
.closeReminder
{
    cursor:pointer;
    position:absolute;
    left:3px;
    top:3px;
    width:14px;
}
#kinteraViewer 
{
    height:640px;
    width:900px;
}
.selected
{
    background-color:Yellow;
    font-weight:bold;
}
.segment {margin-left:24px; padding:2px;display:list-item;}
.level1 {margin-left:0px;}
.level0 {margin-left:3px;}
.level-1 {margin-left:6px;}
.level-2 {margin-left:9px;}
.level-3 {margin-left:12px;}
.level-4 {margin-left:15px;}
.level-5 {margin-left:18px;}
.level-6 {margin-left:21px;}
#controller
{
    margin-bottom:10px;
    width:315px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    text-align: center;
}
.textBox { float:right; padding-right:10px;}
#filterMap label, #filterForm label {float:left; margin-top:4px; }
#filterbtn { margin: auto; margin-top:5px;}
.finderlink {text-align:center;margin-bottom:5px; font-size:12px;color:#0000cc; cursor:pointer;font-size:13px;font-weight:bold;}

.overlay  
{
    position:absolute;
    width:500px;
    height: 100%; 
    z-index:10; 
    background-color: #E8E8E8;
    opacity:0.5;
    filter:alpha(opacity=50);
    top:0px;
    left:0px;
    display:none;
}

.dialog  
{
    left:50%;
    margin-left:-173px;
    background-color: #E8E8E8;
    position:absolute;
    top:70px;
    width: 375px; 
    height: 300px; 
    z-index:11;
    border: solid 2px #000000; 
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    display:none;
}

#appContainer
{
    /* margin: auto;
    margin-top:30px; */
    width:500px;
    position: relative;
}
#loader
{
    width:350px;
    height:50px;
    margin:170px auto auto;
    text-align: center;   
}
#holder
{
    overflow: hidden;
    padding:20px 20px 0px;
    margin:auto;
    position:relative;
}
.imgLoader
{
    margin-top:10px;
}
#segNote
{
    font-size:10px;
    text-align:center;  
    font-style:italic; 
    clear:both;
}
.closeDialog
{
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    z-index:20;
}
#segHeader
{
    display:block;
    font-size:19px;
    font-weight:bold;
    margin-top:-5px;
    padding-bottom:10px;
    padding-left:5px;
    text-align:center;
}
input#segID
{
    display:none;
    height:0px;   
}
body, html {
    height: 100%;
}