html { height: 100%; }

a img { border: 0px; }

body
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    border: 0px;
    padding: 0px;
    background-image: url(images/background.jpg);
}

/* #header */

#esd-header
{
    background-image: url(images/background_header.jpg);
}

/* #domain-bar */

/* #domain-bar height - these two lines set the height of the bar (and the position of text within it) */
#domain-bar,
#domain-bar div.bar,
#domain-bar ul,
#domain-bar li
{
    height: 30px;
}

#domain-bar a,
#domain-bar a:hover, 
#domain-bar span.nolink
{
    height: 24px;
    padding-top: 6px;
}
/* end #domain-bar height */


#domain-bar
{
    background-color: #000;
    
    margin: 0px;
    border: 0px;
    padding: 0px;
    
    font-size: 10pt;
    color: #959595;
}

#domain-bar div.bar
{
    width: 1000px;
    
    margin-left: auto;
    margin-right: auto;
}

#domain-bar ul
{    
    list-style: none;
    
    padding: 0px;
    margin: 0px;
    
    border-left: solid 1px #272727;
}

#domain-bar a, #domain-bar a:hover, #domain-bar span.nolink
{
    display: inline-block;

    padding-left: 10px;
    padding-right: 10px;
    
    text-decoration: none;
    color: #959595;
    
    border-right: solid 1px #272727;
}

#domain-bar a:hover
{
    color: #b5b5b5;
}

#domain-bar a.selected
{
    color: #fff;
}

#domain-bar ul.navigation, #domain-bar ul.navigation li
{
    float: left;
}

#domain-bar ul.account
{
    float: right;
}

#domain-bar ul.account li
{
    float: left;
}

#domain-bar ul.account a span
{
    display: inline-block;
    padding-left: 23px;
    background-repeat: no-repeat;
    color: #fff;
}

#domain-bar ul.account a:hover
{
    background-color: #4C4C4C;
}

#domain-bar ul.account .selected, #domain-bar ul.account a.selected:hover, #domain-bar ul.account a.selected span
{
    color: #56A4CB;
    background-color: White;
}

#domain-bar ul.account a span.username
{
    background-image: url(images/dropdown.gif);
}

#domain-bar ul.account a span
{
    display: inline-block;
    padding-left: 0px;
    padding-right: 23px;
    background-repeat: no-repeat;
    background-position: right;
    color: #fff;
}

#domain-bar ul.account a span.login
{
    background-image: url(images/login.png);
}

#domain-bar ul.account a span.register
{
    background-image: url(images/register.png);
}

#domain-bar ul.account a span.logout
{
    background-image: url(images/logout.png);
}

#domain-bar .account-container
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#domain-bar .account-dropdown
{
	background-color:#FFFFFF;
	border:1px solid #959595;
	width:20em;	
	z-index:1000;
	right:0;
	display:none;
	position:absolute;
}

#domain-bar .account-dropdown .title
{
	font-weight:bold;
	color:#000000;
	padding-top:0.5em;
}

#domain-bar .account-dropdown .item
{
	color:#959595;

}

#domain-bar .account-dropdown .link, #domain-bar .account-dropdown .item, #domain-bar .account-dropdown .title, #domain-bar .account-dropdown .user
{
	float:left;
	clear:both;	
	padding-left:0.5em;
	padding-right:0.5em;	
}

#domain-bar .account-dropdown .link a, #domain-bar .account-dropdown .logout a
{
	color:#56A4CB;
	border:0px;
	padding-top:0.5em;	
}

#domain-bar .account-dropdown .user
{
	margin-bottom:0.5em;
}

#domain-bar .account-dropdown .logout
{
	padding-top:0;
	float:left;
	clear:none;
	border-top:1px solid #959595;
	width:100%;
}

#domain-bar .account-dropdown .logout a
{
	margin-left:0.5em;
	margin-right:0.5em;		
}

/* end #domain-bar */

/* #title-bar */

#title-bar
{
    height: 64px;
    
    margin: 0px;
    border: 0px;
    padding: 0px;
}

#title-bar.long
{
    height: 141px;
}

#title-bar div.bar
{
    height: 64px;
    width: 1000px;
    
    margin-left: auto;
    margin-right: auto;
}

#title-bar a#logo
{    
    float: left;
    
    display: inline-block;
    height: 45px;
    margin-top: 8px;
}

#title-bar a#logo img
{
    border: none;
    margin-top: -10px;
    margin-left: -20px;
}

#title-bar span.title
{
    width: 460px;
    height: 90px;
    padding: 58px 13px 0 0;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #007DB1;
    float: right;
}

#title-bar span.stage
{
    display: inline-block;
    margin-top: 20px;
    font-weight: bold;
    color: #696969;
}

/* end #title-bar */

/* end #header */

/* #local-navigation */

#local-navigation
{
    background-color: #0083AF;
    height: 37px;
    
    -moz-box-shadow: 0 0 5px 2px #ccc;
    -webkit-box-shadow: 0 0 5px 2px #ccc;
    box-shadow: 0 0 5px 2px #ccc;
}

#local-navigation div.bar
{
    height: 37px;
    width: 1000px;
    
    margin-left: auto;
    margin-right: auto;
}

#local-navigation ul.nav
{
    display: inline-block;
    float: right;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#local-navigation ul.nav li
{
    display: inline-block;
    float: left;
}

#local-navigation ul.nav li a, #local-navigation ul.nav li a:hover
{
    display: inline-block;
    height: 19px;
    width: 80px;
    padding-top: 5px;
    margin-top: 6px;
    
    font-size: 9pt;
    font-family: Calibri, Arial;
    color: White;
    text-decoration: none;
    text-align: center;
    text-shadow: #555 0px 1px 1px;
    
    background-image: url(images/tab.png);
}

#local-navigation ul.nav li a.selected
{
    background-image: url(images/tab-selected.png);
}

#local-navigation ul.nav li.first a
{
    background-image: url(images/tab-left.png);
}

#local-navigation ul.nav li.only a
{
    background-image: url(images/tab-only.png);
}

#local-navigation ul.nav li.first a.selected
{
    background-image: url(images/tab-left-selected.png);
}

#local-navigation ul.nav li.only a.selected
{
    background-image: url(images/tab-only-selected.png);
}

#local-navigation ul.nav li.last a
{
    background-image: url(images/tab-right.png);
}

#local-navigation ul.nav li.last a.selected
{
    background-image: url(images/tab-right-selected.png);
}

#local-navigation div.options
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #F8FFFF;
}

#local-navigation div.options div.toggle
{
    display: inline-block;
    margin-top: 8px;
    margin-left: 10px;
}

#local-navigation div.options span.icon
{
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border: solid 1px black;
    margin-right: 0.5em;
}

/* end #local-navigation */

/* Content - Doms Stuff */

#content
{
	width: 100%;
}

#content .content-wide
{
	margin-left: 15px;
	margin-right: 15px;
}

#content .content-margin
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


#content h1
{
    color:#FFFFFF;
    font-size: 19pt;
    font-weight: normal;
    
    background-color:#22A69B;
    
    -moz-box-shadow: 0 0 5px 2px #CCCCCC;
    -webkit-box-shadow: 0 0 5px 2px #CCCCCC;
    box-shadow: 0 0 5px 2px #CCCCCC;
    
    -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
    -webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    
    padding: 12px 20px 12px 20px;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

#content h2
{
    color: #22A69B;
    font-weight: normal;
    font-size: 16pt;
}

#content p
{
	font-size: 11pt;
	text-align: justify;
}

#content a
{
	color:#000000;
	font-weight:bold;	
	text-decoration:underline;
}

#content label
{
	color:#443C91;
	font-weight:bold;
	width:15em;
	float:left;
	clear:none;
}

#content ul
{
    list-style-image: url(images/list-icon.png);
}

#content ul li
{
    padding-bottom: 5px;
}

#content ul li a
{
    text-decoration: none;
    font-weight: bold;
    color: #33338D;
}

#content ul li a:hover
{
    text-decoration: underline;
}

#content div.section
{
    margin-left: 15px;
    margin-right: 15px;
}

#content div.section p:first-child 
{
    margin-top: 0px;
}



#content .FormItem
{
	float:left;
	clear:both;
	width:100%;
	padding-bottom:0.3em;
}

#content .Input
{
	width:260px;
}

#content .Form
{
	float:left;
	clear:both;
	margin-left:2em;
	margin-top:2em;
    margin-bottom:1em;
}

#content fieldset
{
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
}

#content fieldset legend
{
	font-weight:bold;
}

#content .SubmitButton, .OptionButton, .CancelButton
{
	background-color:#FFFFFF;
	border:1px solid #DCDCDC;
	color:#56A4CB !important;
	font-weight:bold;
	text-decoration:none !important;
	font-weight:bold !important;	
	padding-left:1em;
	padding-right:1em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	font-size:0.8em;
	float:left;
	
	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	-webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	
	-moz-box-shadow: 0 0 2px 1px #CCCCCC;
	-webkit-box-shadow: 0 0 2px 1px #CCCCCC;
	box-shadow: 0 0 2px 1px #CCCCCC;
}

#content input.SubmitButton, input.OptionButton, input.CancelButton
{
	padding-top:0.14em;
	padding-bottom:0.14em;
}

#content table
{
	border:1px solid #22A69B;
	
	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	-webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;	
	border-radius: 0.3em 0.3em 0.3em 0.3em;	
	
	-moz-box-shadow: 0 0 5px 2px #CCCCCC;
	-webkit-box-shadow: 0 0 5px 2px #CCCCCC;
	box-shadow: 0 0 5px 2px #CCCCCC;
	
	background-color:#FFFFFF;
	text-align:left;
}

#content .FormItem table
{
	border:0;
	background-color:Transparent;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
	-moz-border-radius: 0;	
	-webkit-border-radius: 0;	
	border-radius: 0;	
	
	padding:0;
}

#content .FormItem table td, table th
{
	padding:0;
}

#content .FormItem table label
{
	width:auto;
	float:none;
	clear:none;
}

#content table td, table th
{
	border:0px;
	padding:0.5em;
}

#content tbody tr th
{
	background-color:#22A69B;
	color:#FFFFFF;
}

#content div.breadcrumbs
{
	margin-top: 0.5em;
}

#content div.breadcrumbs, #content div.breadcrumbs a, #content div.breadcrumbs a:visited
{
    color: #22A4A4;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

#content div.breadcrumbs a:hover
{
    text-decoration: underline;
}

.ResultMessage
{
	color:#22A69B;
	font-weight:bold;	
	float:left;
	clear:both;
}

/* end content - Doms Stuff */

/** Footer ***/

#bottom 
{
	width:100%;
	text-align: center;
	margin:0 auto;
	padding:0px;
	background-image:url(images/background_footer_b.jpg);  
	height:148px; 
	float:left;
}



#bottom .content
{
	width:1000px;
	text-align: center;
	margin:0 auto; 
	margin-left:auto;
	margin-right:auto;	
	background-image:url(images/background_footer.jpg); 
	padding:40px 0 0 0;
}

#bottom .content .text
{
	height:auto; 
	text-align:left;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#007db1; 
	font-weight:normal; 
	float:left;
	clear:both;
	margin-top:1em;
}

#bottom .content .text a
{
		height:auto;
		margin-left:4px; 
		margin-right:4px;
		padding:0; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size:12px; 
		color:#007db1; 
		text-align: left; 
		text-decoration:none; 		
}

#bottom .content .text a:hover
{
	color:#23b0a5
}

/*** End Footer ***/


@import url("esd.form.css");