/* ===========================================
Search Box.
============================================== */
.search
{
	float: right;
	margin-top: -15px;
}

/* ===========================================
CSS Rules for Any and All Content.
============================================== */
.contentPDF
{
	background-color: #fff; 
	padding: 10px; 
	border: 1px solid #aaa;
}

.formatContent img
{
	height: 103px;
	width: 591px;
	margin-bottom: 1em;
}

/* ===========================================
Button Styles.
============================================== */
.button
{
	background-color: #f2a022;
	border-style: groove;
}

a.linkButton
{
	border: 1px solid #dedede;
	height: auto;
	margin-right: 5px;
	padding: 4px;
	line-height: 23px;
	font-weight: bold;
	float: left;
	color: #333;
	display: inline-block;
	text-indent: 18px;
}

/* ===========================================
Big picture on the main index page.
============================================== */
#bigpic
{
	background: url(../Images/Index01.jpg) no-repeat left top;
	height: 250px;
	width: 625px;
	margin: 8px 0 0 7px;
}

/* ===========================================
Welcome message.
============================================== */
#welcomeMessage
{
	background-color: #333;
	padding: 5px;
	margin: 0 0 0 7px;
	width: 615px;
}

/* ===========================================
Login Control.
============================================== */
.login
{
	background: url(../Images/LoginLeft.gif) no-repeat left top;
	height: 170px;
	width: 298px;
	margin: 8px 7px 10px 5px;
}

.loginButton
{
	background: url(../Images/LoginRight.gif) no-repeat left top;
	float: right;
	width: 40px;
	height: 170px;
}

.loginTemplate
{
	padding: 10px;
}

.loginTemplate h2, .loginTemplate span
{
	color: #fff;
}

.loginTemplate input
{
	width: 200px;
}

/* ===========================================
Login Status.
============================================== */
.loginStatus
{
	float: left;
	margin-top: 84px;
	padding-left: 20px;
}

.loginStatus span
{
	color: #ff9900;
}

/* ===========================================
Language Selector.
============================================== */
.languageSelector
{
	float: right;
	margin-top: 84px;
	padding-right: 10px;
}

/* ===========================================
Icon List.
============================================== */
.iconList
{
	margin: 0;
	padding: 0;
}

.iconList li
{
	 list-style: none;
}

/* ===========================================
Forms.
============================================== */
.form label
{
	width: 170px;
	float: left;
	margin-right: 0.5em;
	display: block;
	font-weight: bold;
}

.textBox
{
	border-width: 1px;
	border-style: solid;
	border-color: #abadb3 #dbdfe6 #e9e9e9 #e2e3ea;
	width: 220px;
	padding: 2px;
	font: 13px arial,helvetica,clean,sans-serif;
}

/* ===========================================
Clear Floats.
============================================== */
.clear
{
	clear: both;
}

/* ===========================================
All Links.
============================================== */
.iconLink{display: block;} /* For IE 6.0 */
html>body .iconLink {display: table;}

.iconLink
{
	height: 18px;
	padding-left: 24px;
}

.iconLink
{
	height: 18px;
	padding-left: 24px;
}

.lostKeys
{
	background: url(../../../Images/Key.png) no-repeat left top;
}

.reports
{
	background: url(../../../Images/Report.png) no-repeat left top;
}

.surveys
{
	background: url(../../../Images/Survey.png) no-repeat left top;
}

.contact
{
	background: url(../../../Images/Contact.png) no-repeat left top;
}

.help
{
	background: url(../../../Images/Help.png) no-repeat left top;
}

.telephone
{
	background: url(../../../Images/Telephone.png) no-repeat left top;
}

.coins
{
	background: url(../../../Images/Coins.png) no-repeat left top;
}

.info
{
	background: url(../../../Images/Info.png) no-repeat left top;
}

.comments
{
	background: url(../../../Images/Comments.png) no-repeat left top;
}

.group
{
	background: url(../../../Images/Group.png) no-repeat left top;
}

.bricks
{
	background: url(../../../Images/Bricks.png) no-repeat left top;
}

.briefcase
{
	background: url(../../../Images/Briefcase.png) no-repeat left top;
}

.goldmedal
{
	background: url(../../../Images/GoldMedal.png) no-repeat left top;
}

.page
{
	background: url(../../../Images/Page.png) no-repeat left top;
}

.pdf
{
	background: #efefef url(../../../Images/PDF.png) no-repeat 2px 5px;
}

/* ===========================================
Data Table.
============================================== */
.dataTable
{
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #dbdbdb;
}

.dataTable th
{
	background: #efefef url(../Images/DataTableHeaderBg.png) repeat-x left top;
	white-space: nowrap;
}

.dataTable th, .dataTable td
{
	height: 20px;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #dbdbdb;
	padding: 4px;
}

.pagerTemplate td
{
	border: 1px solid #fff
}