/* ------------- Reset styles --------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0; 
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 140%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th{
  text-align:left;
  vertical-align:top;
}

/* ------------- Main Layout --------------- */

body{
	text-align:center;
	overflow: hidden;
}

#wrap{
	margin:0 auto;
	text-align: left;
	position:relative;
    min-width: 900px;			/* Minimal width for flexible content area */
}

#header-login{
	height:49px;
	width: 962px;
	margin: 0 auto;
	position: relative;
}

#login{
	background:  url(../imgs/bg-login.png) repeat-x;
	height:240px;
	position: relative;
}
	
	#login-center{
		width: 962px;
		margin: 0 auto;
		position: relative;
	}
	
	#login-form{
		background: #3fa3d8;
		width:200px;
		height:200px;
		padding:20px;
		position: absolute;
		left:0px;
	}

	#login-image{
		width:723px;
		height:240px;
		position: absolute;
		left:240px;
		background: no-repeat;
		overflow: hidden;
	}


#login-content{
	width:680px;
	padding: 20px 20px 20px 260px;
	margin: 0 auto;
}


#header{
	position: fixed;
	top:0;
	height:160px;
	width:100%;
	min-width: 900px;
	background:  url(../imgs/bg-sub-4.png) repeat-x;
	z-index: 500;
}


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

	#header-login #logo{
		left:0;
	}

		#logo h1,
		#logo h1 a{
			width:105px;
			height:30px;
		}
		
		#logo h1 a{
			display: block;
			background: url(../imgs/aef-logo.png);
		}
		
		#logo h1 a span{
			display:none;
		}

	#meta-menu{
		position: absolute;
		right:10px;
		height:42px;
	}

	#header-login #meta-menu{
		right:-5px;
	}
	
		#search-form{
			position: absolute;
			right:12px;
			line-height: 26px;
			height: 26px;
			top:7px;
		}
	
	#main-menu{
		position: absolute;
		top:46px;
		width:100%;
		height:37px;
		margin: 0 20px;
	}


	#topic-image{
		position: absolute;
		width:739px;
		height:70px;
		top:135px;
		left:260px;			
	}	
	
#username{
	position: relative;
	padding:0 20px;
	left:0;
	top:82px;
	height:34px;
	line-height: 34px;
	text-align: right;
	color: white;
}

#page-title{
	position: relative;
	top:155px;
	height:34px;
	line-height: 34px;
	padding:0 20px;
}

#content{
	position: relative;
	top:155px; 				/* header height */
	margin-bottom: 50px; 	/* footer height */
	padding-left: 20px;
	padding-right:20px;
	overflow: auto;
	height:200px;
}



#actions{
    position: fixed;
    z-index: 500;
    height:33px;
/*    line-height:33px; */
    background: #f2f2f2;
    bottom:34px; left:0;
    width: 100%;
    min-width: 900px;
    border-top: 1px solid #e5e5e5;
}

	#form-actions{
		width:50%;
		position: absolute;
		text-align: right;
		right:20px;
	}

	#workflow-actions{
		width:50%;
		position: absolute;
		text-align: left;
		left:20px;
		
	}

#footer{
    position: fixed;
    z-index: 500;
    height:34px;
    line-height: 34px;
    background: url(../imgs/footer-bg.png);
    bottom:0; left:0;
    width: 100%;
    min-width: 900px;
}

	#footer ul.hmenu{
	    position: absolute;
	    left:7px;
	    line-height: 34px;
	}
	
	#footer, #footer a{
	    color: white;
	}