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

    RouteMapper Screen CSS
    v1.0
    Author: G Nichols, K Wilson
    (c) IBI Group (www.ibigroup.com)

********************************************************************************
    Base
*******************************************************************************/
body{
	font: 74%/1.5 Tahoma, Arial, Sans-Serif;
	color: Black;
	background-color: #404040;
}

textarea { font-family: Tahoma, Arial, Sans-Serif; font-size: 1.1em; }

a { text-decoration: none; color: #043c0b; }
a:hover { text-decoration: underline; }

:focus { outline: solid 2px #4ba847; }

address { font-style: normal; }


#container{
	width: 758px;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -387px;
	border-bottom: solid 32px #404040;
	background: #e8e8e8 url(../images/css/mainbg.png) no-repeat 0 0;
	padding: 8px;
}


/*******************************************************************************
    Headers
*******************************************************************************/
h1,h2,h3,h4,h5 {
	line-height: normal;
	font-weight: normal;
}

h2, h3{
	margin-bottom: 10px;
}

h2{
	border-bottom: solid 1px #3b8e42;
	font-size: 1.4em;
}

h3{
	font-size: 1.2em;
}

#header{
	background: url(../images/header.png) no-repeat 0 0;
	/*Image is in the padded top area*/
	padding-top: 82px;
}

	#header ul,
	#footer ul {
		padding: 8px 24px;
		background: #0e1e0e url(../images/css/navbg.jpg) no-repeat 0 0;
	}

		#header ul li,
		#footer ul li {
			display: inline;
			padding: 0 8px;
			line-height: 16px;
			border-right: 1px solid #ffffff;
			text-transform: lowercase;
		}
		
		#header ul li.last,
		#footer ul li.last { border: none; }

		#header a,
		#footer a { color: #fff; }


#pagetitle{
	min-height: 108px;
	background: #21311b url(../images/css/headerbg.jpg) no-repeat 0 0;
	margin: 8px 0px;
	padding: 16px 32px;
}
	
	#pagetitle h1, 
	#pagetitle p{
		color: #fff;
		line-height: normal;
	}
	
	#pagetitle h1 {
		font-size: 2.8em;	
	}
	
	#pagetitle p {
		font-size: 1.4em;
	}


/*******************************************************************************
    Main Content
*******************************************************************************/
#main{
	padding: 32px 0;
	padding-bottom: 0;
}

	#main h1,
	#main h2,
	#main h3,
	#main h4,
	#main h5 {
		margin-left: 32px;
		margin-right: 32px;
	}
	
	#main p,
	#main ul,
	#main ol,
	#main table,
	#main address {
		padding: 0 32px;
		padding-bottom: 16px;
	}
	
	#main ul {
		list-style-type: disc;
		margin-left: 16px;
	}
	
	#main table {
		background: #d1d1d1;
		border: solid 1px #1c3015;
	}
	
		#main table tr:hover {
			background: #efefef;
		}
	
		#main table caption {
			background: #1c3015;
			color: #fff;
		}
		
		#main table caption,
		#main table td {
			padding: 4px 8px;
		}


/*******************************************************************************
    Side Bar
*******************************************************************************/
#sidebar{
	width: 236px;
	float: right;
	padding: 0px 36px;
}

		#sidebar ul li {
			margin-bottom: 16px;
		}
		
		#sidebar h2,
		#sidebar h3 {
			border: none;
			border-bottom: 1px solid #3b8e42;
			font-size: 1.2em;
			padding-top: 3px;
			padding-bottom: 2px;
		}
		
		#sidebar p,
		#sidebar address {
			margin-bottom: 16px;
		}


/*******************************************************************************
    Layout
*******************************************************************************/
#main {
    background: #fff url(../images/css/contentbgtop.png) no-repeat 0 0;
}


#maincols #main {
	width: 386px;
	float: left;
	padding-top: 0;
	background: none;
}


#footer {
	clear: both;
}

    #footer ul {
        background: none;
        float: left;
    }

	#footer p {
	    background: #0f2210;
		color: #fff;
		text-align: right;
		padding: 8px 24px;
	}
	
#mainheader{
	height: 32px;
	background: #e8e8e8 url(../images/css/submainbg.png) no-repeat 0 0;
}


#maincols{
	background: #e8e8e8 url(../images/css/repeatbg.png) repeat-y 0 0;
	float:left;
}

div.mainbottom {
    height: 32px;
    background: #e8e8e8  url(../images/css/contentbgbottom.png) no-repeat 0 0;
    padding-bottom: 8px;
}

#maincols div.mainbottom {
    clear: both;
    float: left;
    background-image :url(../images/css/submainbasebg.png);
    width: 758px;
}


/*******************************************************************************
    Forms
*******************************************************************************/
div.form table {
    width: 100%;
}

div.form label {
    display: block;
    clear: both;
}

div.form p {
    clear: both;
}

div.form span {
    float: left;
}

    div.form span.field {
        width: 110px;
        padding: 4px;
    }
    
    div.form span.value input {
        width: 160px;
        padding: 4px;
    }
    
    div.form p.value {
        margin-left: 118px;
    }
    
        div.form p.value label {
            clear: none;
            display: inline;
        }
    
    div.form span.cb {
        float: none;
    }


/*******************************************************************************
    Forms
*******************************************************************************/
#main ul.form {
	margin: 16px;
	padding: 16px;
	background: #eee;
	width: 386px;
}

ul.form li {
	list-style-type: none;
	margin: 0 4px;
	clear: both;
}

	ul.form li span.field,
	ul.form li span.value {
		display: block;
		float: left;
	}

	ul.form label {
		clear: both;
		float: left;
		margin-bottom: 8px;
	}

	ul.form li span.field {
		width: 80px;
		clear: both;
	}
	
	ul.form li span.submit {
		margin-left: 80px;
		clear: both;
	}
	
		ul.form li span.value input,
		ul.form li span.value textarea {
			width: 280px;
		}
		
		ul.form li span.value textarea {
			height: 180px;
		}