﻿.blueBox {
	background: url(../images/box-bg.jpg) left top  repeat-x;
	width: 200px;
	margin-top:20px;
	padding: 0px 0px 10px 10px;
	text-align: left;
}

.blueBox h3 {
	position:relative;
	top:10px;
	color: #fff;
	font-size: 1.2em;
	height: 35px;
	vertical-align: bottom;
	border-width: 0px;
	background: url(../images/box-header-find.png) right top no-repeat;
	padding-bottom:0px;	
	margin-top:5px;
}

.blueBox hr
{
	margin-right:15px;
}

.blueBox form input {
	background: #e4edf7 url(../images/box-field-bg.png) left top no-repeat;
	border-width: 0px;
	font-size: 1em;
}
.blueBox li
{
	margin-left:-28px;
	list-style-position:outside;
	list-style-image:url(../images/link-arrow.png) ;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blueBox  a{
	display:inline;
	font-size: 0.8em;
	font-weight: bold;
	color: #000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blueBox  a.deleteTag {
	display:inline;
	font-size: 0.8em;
	font-weight: bold;
	color: #000;
	
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blueBox  input
{
	
	margin-top:5px;
	width:90%;
	/* font: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	display:block;
	font-size: 10px;
	padding-left: 12px;
	background: url(../images/link-arrow.png) left center no-repeat;
	line-height: 20px;
	vertical-align: middle;
	font-weight: bold;
	color: #000;
	margin-top:10px;
	margin-right:10px;
	padding-left:5px;*/
}
/* IE6 HACK */
* html input
{
	margin: 10px 0px 0px 10px;
}
/* IE7 HACK */
*:first-child+html  input
{
	margin: 10px 0px 0px 10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blueBox {
	width:100%;
	margin-top:20px;
	padding: 0px 0px 10px 10px;
	text-align: left;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blueBox h6 {

    background: url(../images/box-bg-header.jpg);	
	background-repeat:repeat-x;
	background-color:#1d3b57;
	width:100%;
	color: #fff;
	font-size: 1.2em;
	font-weight:bold;
	
	position:relative;
	padding: 5px 2px 5px 8px;
	margin: 5px 5px 0px -10px;
}
/* IE6 HACK */
* html .blueBox h6
{
	margin: 0px 5px 0px -10px;
}
/* IE7 HACK */
*:first-child+html  .blueBox h6
{
	margin: 0px 5px 0px -10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blueBox .content {
	background: url(../images/box-bg.jpg) left top  no-repeat;
	background-color:#c5d7ed;
	padding: 10px 5px 5px 8px;
	margin: 0px 5px 5px -10px;
	height:200%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blueBox   input.qryText { 
	margin: 0em 0em 0em 0em;
	width:85%; 
	position:relative;
	top:0em;
	left:0em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blueBox .qryDateField input.qryText {
	display:inline;
	margin: 0em 0em 0em 0em;
	width:4em;
	height:80%;
	position:relative;
	top:0em;
	left:0em;
}

