body {
	font-family: Arial, sans-serif;
	font-size:10px;
	line-height: 1.2;
	text-align:left;
	margin:auto;
	background-color:#fff;
	color:#333;
}

a img {
	border: 0;
}

img {
	_behavior: url(/png_behavior.htc);
}

fieldset {
	border:1px solid #ccc;
	margin:10px
}

.error {
	color:#e58d0e;
	font-weight:bold;
}

.leftCornerTop {
	position:absolute;
	top:-1px;
	left:-1px;
}

.rightCornerTop {
	position:absolute;
	right:-1px;
	top:-1px;
}

ul, li {
	font-size:10px;
} 

p {
	font-size:10px;
	letter-spacing:.5px;
	margin:2px;
	padding:2px;
}
   
a {
	text-decoration:none;
	color:#555;
	font-size:10px;
}
a:hover {
	color:#000;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4 {
	color:#3b872f;
	padding:2px;
	margin:3px;
}

h1 {
	font-size:20px;
	padding:3px;
	margin:4px;
}


h2 {
	font-size:18px;
}

h3 {
	font-size:16px;
}
	

h4 {
	font-size:14px;
}
	

h5 {
	font-size:12px;
}
	

h6 {
	font-size:10px;
}

#container {
	clear: both;
	width: 762px;
	margin: 10px auto;
	background-color:#ffffff;
	position:relative;
	z-index: 0;
}


/* Main Display Area */
#main {
	padding:2px;
	margin-top:20px;
}  


/* Basic Header */

#headerBasic {
  
	height:125px;
	}
	
/* edit mode header */

#headerEdit {
	position: relative;
   	border:1px solid #5f5f5f;
	height:65px;
	background:url(images/fadeTop.png) repeat-x #fff;
}

#headerEditToolBoxAreaName {
   position:absolute;
   left:255px;
   top:30px;
   z-index:3;
   font-weight:bold;
   color:#95C872;
   font-size:12px;
}	
	
#headerEditGreenCurve {
	position:absolute;
	bottom:0px;
	left:0px;
	}
	
#headerEditLogo {
	position:absolute;
	top:5px;
	left:30px;
	}
	
#headerEditTrafficGo {
	position:absolute;
	top:5px;
	left:230px;
	}
	
#headerEditWsControl {
	position:absolute;
	top:9px;
	left:255px;
	}
	
	
#headerEditTClickLogo {
	position:absolute;
	top:0px;
	right:9px;
	}

/* Stuff in the header */
    
#header {
   	border:1px solid #5f5f5f;
	height:125px;
	background:url(images/fadeTop.png) repeat-x #fff;
	position:relative;
	z-index:200;
	}

	
#greenCurve {
	position:absolute;
	bottom:45px;
	left:0px;
	}

#logo {
    position:absolute;
    top:20px;
    left:20px;
}

#trafficGo {
	position:absolute;
    top:25px;
    left:220px;
}

#headerTClickLogo {
	position:absolute;
	top:8px;
	right:10px;
	}

#wsControl {
	position:absolute;
	top:28px;
	left:250px;

}

#toolBoxAreaName {
   position:absolute;
   left:251px;
   top:50px;
   z-index:3;
   font-weight:bold;
   color:#95C872;
   font-size:12px;
}

#userLogout {
	position:absolute;
	right:10px;
	bottom:-14px;
	z-index:3;
}


#pathway {
	position:absolute;
	bottom:23px;
	left:0px;
	height:16px;
	width:750px;
	color:#505a5b;
	text-align:right;
	padding-top:6px;
	padding-right:10px;
	background-color:#daedcd;
	
	}

#pathway a {
	color:#67a33f;

	}


#areaMenuContainer {
	height:24px;
	position:absolute;
	top:101px;
	left:0px;
	width:750px;
	padding-left:10px;
	background-color:#badba2;

}

/* Top menu css  --------------------- */    

 


#areaMenu, #areaMenu ul { /* all ul lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
}



#areaMenu li { /* all list items */
	float: left;
	position: relative;
	width:112px;
	z-index:200;
	display:block;
	margin:0px;
	padding:0px;
	height:24px;
}


#areaMenu li ul { /* second-level lists */
	z-index:20001;
	display: none;
	position: absolute;
	top: 25px;
	left: 0px;
	border-bottom:2px solid #5f5f5f;
	border-right:1px solid #5f5f5f;
	border-left:1px solid #5f5f5f;
	background:#BADBA2;
	margin:-1px;               /* This voodoo margin offsets the border correctly on ie and firefox , should be same width as border */
	
}


#areaMenu li.over ul, #areaMenu li:hover ul { /* lists nested under hovered list items */
	display: block;
}

 	
#areaMenu a {   /*All of the links*/
	height:12px;
	padding:6px 4px 4px 4px;
	font-size:11px;
	color:#666;
    display:block;
    width:102px;
    margin:0px;
	font-weight:bold;
	text-align:center;
    }
	
#areaMenu li ul a:hover {   /* Not first level links */
    color:#444444;
    background-color:#DAEDCD;
    text-align:left;
    width:102px;
    font-weight:normal;
 	}

#areaMenu li ul a{   /* Not first level links */
    padding-left:6px;
    padding-right:4px;
    padding-bottom:6px;
    width:102px;
    font-weight:normal;
    text-align:left;

	}
	


   

/* End Top menu css */        


/* Task Menu */


#taskMenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
#taskMenu a {
	display:block;
	height:16px;
	border-bottom:1px solid #ccc;
	padding:6px 5px 3px 5px;
	}
	
#taskMenu a:hover {
	background-color:#eee;
	}
	
.currentTask a {
	font-weight:bold;
	color:#000;
	background: url(images/currentTask.png) right no-repeat;
	}
	
#taskMenu {
	float:right;
	width:140px;
	padding-left:10px;
	}
	
#contentFloated {
	float:right;
	width:600px;
	}
	
#toolBoxMain {
	border:1px solid #ccc;
	width:760px;
	margin:10px 0px 0px -1px;
	background:url(images/fadeDual.png) repeat-y;
	padding:1px;
}

.hidden {
	position: absolute;
	visibility: hidden;
}

a.export {
	background-color: #ccc;
	padding: 2px 5px;
}
a.export:hover {
	background-color: #999;
	color: #eee;
}