/* ----------------------------------------------------------------------------------------------------------------- FORM CLASSES */
div.frm {
	color: #333;
	font-size: 11px;
	font-family: Verdana, Arial;
	clear: both;
	margin: 50px 0px 0px 0px;
}

div.frm fieldset {
	border: 1px solid #999;
	display: inline-block;
	position: relative;
	padding: 0px;
	color: #353535;
}

.caSecureRight div.frm fieldset, .caSecureRight .frmSummary {
	width: 726px;
}

.caRight div.frm fieldset, .caRight .frmSummary  {
	width: 676px;
}


div.frmShaded fieldset {
	background: #F7F7F7 url(/Images/Design/fieldset_bg.jpg) repeat-x top;
}
div.frmClear fieldset {
	background: Transparent;
}


div.frm label {
	cursor: pointer;
}

div.frm legend {
	background-color: Transparent;
}

div.frm legend span {
	position: absolute;
	top: -26px;
	left: 15px;
	font-size: 12px;
	line-height: 25px;
	padding: 0px 10px;
	color: #171717;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #ccc;
}


div.frm .frmReq {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #666666;
	margin: 5px 10px 0px 0px;
}

div.frm .frmInner {
	width: 706px;
	float: left;
	margin: 25px 10px;
}

div.frmRow {
	min-height: 20px;
	clear: both;
	margin: 0px 10px 10px 0px;
	font-size: 12px;
	float: left;
	width: 100%;
}

div.frmRow label {
	line-height: 20px;
	float: left;
	min-width: 150px;
	margin: 0px 10px 0px 0px;
}

div.frmRow label span, div.frmRow span, fieldset .frmReq span {
	color: #ff0000;
	padding: 0px 3px 0px 3px;
}

.frm .frmDivider {
	border-top: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
}

.frm span.chk {
	color: #333;
	padding: 0px;
}

.frm .chk label, .frm .chk input {
	float: left;
	display: inline;
	width: auto;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON BAR CLASSES */
div.frmButtonBar {
	clear: both;
	float: left;
	margin: 20px 0px;
}


/* ----------------------------------------------------------------------------------------------------------- input control classes */

.lge, .mdm, .sml, select, textarea {
	float: left;
	font-size: 12px;
}

input.lge, input.mdm, input.sml, textarea {
	border: 1px solid #7B9EBD;
	line-height: 16px;
	height: 16px;
	padding-left: 4px;
}

input.sml {
	width: 150px;
}
input.mdm {
	width: 300px;
}
input.lge {
	width: 480px;
}

input.readOnly {
	background-color: #efefef;
	border: 1px solid #cccccc;
}

select.sml {
	width: 156px;
}
select, select.mdm {
	width: 306px;
}
select.lge {
	width: 556px;
}

textarea.sml {
	width: 130px;
	height: 40px;
}
textarea, textarea.mdm {
	width: 300px;
	height: 60px;
}
textarea.lge {
	width: 480px;
	height: 150px;
}
textarea.lgeNarrow {
	width: 480px;
	height: 75px;
}

/* ------------------------------------------------------------------------------------------------------------- AJAX FORM CLASSES */
.btnCalendar {
	display: block;
	width: 16px;
	height: 20px;
	float: left;
	border: 0px;
	background-position: center left;
	background-image: url(/Images/Design/calender_sprite.gif);
	cursor: pointer;
	background-color: Transparent;
	margin-left: 1px;
}

.btnCalendar:hover {
	background-position: center right;
}

/* ------------------------------------------------------------------------------------------------------------- SEARCH FORM CLASSES */
div.srcItem {
	width: 342px;
	float: left;
	clear: none;
}

div.srcItem label {
	float: left;
	min-width: 100px;
}

div.srcItem select {
	width: 220px;
	float: left;
}

/* -------------------------------------------------------------------------------------------- BUTTON AND BUTTON HYPERLINK CLASSES */
div.btnNew {
	display: inline-block;
	background: transparent url(/Images/Design/btn-bg.png) repeat-x;
	border: 1px solid #999;
	margin: 0px 3px 0px 3px;
	float: left;
}

div.btnNew a:link, div.btnNew a:visited, div.btnNew input {
	text-decoration: none;
	color: #666;
	font-size: 11px;
	font-family: Verdana, Arial;
	cursor: pointer;
	white-space: nowrap;
	background: transparent;
	border: 0px;
	display: inline-block;
}

div.btnNew a:link, div.btnNew a:visited {
	padding: 4px 8px;
}

div.btnNew input {
	padding: 4px 8px;
}

div.btnNew:hover {
	background-image: url(/Images/Design/btn-bg-on.png);
	border: 1px solid #cc0000;
}

div.btnNew:hover input, div.btnNew a:hover {
	color: #cc0000;
}

a.btnNew i, span.btnNew i, div.btnNew i {
	_display: none;
}


/* ------------------------------------------------------------------------------------------------------------ LOGIN FORM CLASSES */

div.lgnOuter fieldset {
	width: 500px !important;
}
div.lgnOuter .frmInner {
	width: 500px;
}

.lgnLeft, .lgnRight {
	float: left;
}

.lgnLeft {
	width: 150px;
	height: 75px;
	background: url(/Images/Design/SecurityLock.png) no-repeat center center;
}

div.lgnOuter label{
	width:100px;
	min-width:100px;
}

.lgnMessage{
	float:left;
	margin-top:5px;
	font-size:10px;
}

/* ------------------------------------------------------------------------------------------------------------ LOGIN FORM CLASSES */
.frmSummary{
	width:600px;
}

.errSummary{
	border: 1px solid #cc0000;
	background-color: #ffffff;
}

.errSummary h4{
	background-color:#cc0000;
	color:#efefef;
	padding:5px;
}

.errSummary li{
	color:#cc0000;
}

.imgPicker{
    clear:both;
    float:left;
    margin-left:160px;
    min-height:200px;
    width: 304px;
    border:1px solid #ccc;
    background-color:#fff;
}

.imgPicker img{
    margin:10px;
}