/* $Id: ids.css,v 1.6 2009/12/02 17:46:44 cmanley Exp $ */

/*
Structure:
+----------------------- page ------------------------+
|+--------------------- header ----------------------+|
||                                                   ||
|+---------------------------------------------------+|
|+-------------------- frame (for padding) ----------+|
|| +------------------- hmenubar ------------------+ ||
|| |                                               | ||
|| +----------------------------------------------+| ||
|| +----------------- main -----------------------+| ||
|| |+-mainLeft--+---- mainCenter ----+-mainRight-+|| ||
|| ||           |                    |           ||| ||
|| ||(optional) |                    |(optional) ||| ||
|| ||           |                    |           ||| ||
|| ||           |                    |           ||| ||
|| ||           |                    |           ||| ||
|| |+-----------+--------------------+-----------+|| ||
|| +----------------------------------------------+| ||
|| +------------------ footer --------------------+| ||
|| |                                              || ||
|| +----------------------------------------------+| ||
|+---------------------------------------------------+|
+-----------------------------------------------------+
*/

div#page {
	margin-left: auto;
	margin-right: auto;
	width: 930px;
}


	div#header {
		height: 99px;
		overflow: hidden;
		position: relative; left: 0; top: 0; /* so that child elements can be absolutely positioned within this */
		text-align: center;
	}

		div#headerMsg {
			margin: 5px 0;
			position: absolute;
			left: 0px;
			bottom: 1px;
			text-align: right;
			width: 100%;
		}

			span#headerMsgText {
				border: 1px solid #01a8e1;
				background-color: white;
				color: #01a8e1;
				font-size: 1em;
				font-weight: bold;
				padding: 0.1em 0.5em;
			}

		div#loginPanel {
			position: absolute;
			top: 26px;
			right: 0;
		}

			div#loginPanelLeft {
				width: 4px;
				background: url(/img/loginPanel/left.png) no-repeat;
				_background-image: url(/img/loginPanel/left-msie6.gif); /* MSIE 6 and older */
			}

			div#loginPanelRight {
				width: 4px;
				background: url(/img/loginPanel/right.png) no-repeat;
				_background-image: url(/img/loginPanel/right-msie6.gif); /* MSIE 6 and older */
			}

			div#loginPanelMid {
				background: url(/img/loginPanel/bg.png) repeat-x;
				_background-image: url(/img/loginPanel/bg-msie6.gif); /* MSIE 6 and older */
			}

			div#loginPanelLeft, #loginPanelRight, #loginPanelMid {
				height: 42px;
			}

			div#loginInputs {
				position: relative;
				top: 10px;
				padding: 0 0.5em 0 0.5em;
			}

			div#loginPanel input.text.hint {
				color: #9e9e9e;
			}

			div#loginMessage {
				padding-right: 1em;
			}

		div#headerLogo {
			background: url(/img/logo.png) no-repeat;
			_background-image: url(/img/logo-msie6.png); /* MSIE 6 and older */
			cursor: pointer;
			position: absolute;
			left: 10px;
			top: 15px;
			width: 157px;
			height: 70px;
		}





	div#frame {
		background: url('/img/frame-bg.png') no-repeat top center;
		_background-image: url(/img/frame-bg.gif); /* MSIE 6 and older */
		padding: 10px 10px 0 10px;
	}

		div#menubar {
			height: 39px;
			background: #01a8e1 url(/menu/main_inactive.gif) repeat-x;
		}

		div#main {
			position: relative; left: 0; top: 0; /* so that child elements can be absolutely positioned within this */
		}

			table#mainInner {
				overflow: hidden;
				width: 100%;
			}

				td#mainLeft {
					/*padding-top: 46px;*/
					padding-top: 76px;
					padding-bottom: 10px;
					width: 186px;
				}

				td#mainCenter {
					min-height: 20em;
					overflow: hidden;
					padding-top: 7px;
				}

					div#mainCenterInner {
						margin-right: 25px;
					}


				td#mainRight {
					padding: 10px;
					_padding-right: 0; /* MSIE 6 bugs */
					_padding-left: 20px; /* MSIE 6 bugs */
					width: 200px;
					min-width: 200px;
				}



		#footer {
			background-color: #9e9e9e;
			clear: both;
			color: white;
			font-size: 9px;
		}

			#footer * {
				line-height: 17px;
			}

			#footer a {
				color: white;
				text-decoration: none;
			}
			#footer a:hover {
				text-decoration: underline;
			}






/* index page */
table#banner {
	overflow: hidden;
	width: 100%;
}

	td#bannerLeft {
		height: 310px;
		width: 690px;
		overflow: hidden;
	}

	td#bannerRight {
		padding: 10px;
		_padding-right: 0; /* MSIE 6 bugs */
		_padding-left: 20px; /* MSIE 6 bugs */
		width: 200px;
		min-width: 200px;
	}



div#bannerImages {
	height: 310px;
	position: absolute; left: 0; top: 0;
}