html body iframe#utiliframe {
	border:				5px orange;
	display:			block;
	clear:				both;
	width:				100%;
	}

.viBoundary {
/*	width:				700px;*/
	margin:				auto;
}

.viView {
	width:				100%;
	margin:				15px auto;
	font-family:		"Lucida Grande", Arial, sans-serif;
	font-size:			12px;
	line-height:		normal;
	text-align:			left;
	}
	
	.viView .viPreface address {
	    margin:         0 0 1em 2em;
	}
	
	.viView .viOr {
		clear:			left;
		text-align:		right;
		width:			25%;
		color:			#888888;
		padding-top:	1em;
		font-size:		11px;
	}
	
	.viView .viInput {
		clear:			left;
		padding:		6px 0px;
		overflow:		hidden;
		}
	
	.viView label {
		width:			25%;
		position:		relative;
		float:			left;
		text-align:		right;
		padding:		.2em .5% .3em 0em;
		color:			#333344;
		vertical-align:	middle;
		height:			1.5em;
		letter-spacing:	1px;
		white-space:	nowrap;
		overflow:		hidden;
		font-size:		95%;
		font-weight:	bold;
		}

	.viInput.overlabeled label {
		padding-top:	1.5em;
		}
	
	.viInput.overlabeled .viError {
		padding-top:	.9em;
	}
	
	.viInput.overlabeled label.viOverLabel {
		padding-top:	0px;
		font-weight:	normal;
		font-size:		84%;
/*		padding-bottom:	2em;
*/		}
	
	.viInput label.alignLeft {
		width:			auto;
	}
		
	.viView .viControl label {
		width:			100%;
		float:			left;
		text-align:		left;
		overflow:		visible;
		white-space:	normal;
		}
	
	.viView .viInput p {
		margin:			0px;
		margin-left:	108px;
		padding:		0px;
		padding-bottom:	3px;
		font-size:		95%;
		font-style:		italic;
		color:			#333344;
		font-weight:	bold;
	}
	
	.viView .viInput .viNote {
		font:			normal 95% Arial, sans-serif;
		width:			auto;
		letter-spacing:	normal;
		position:		static;
		float:			none;
		color:			#333333;
	}
	
	.viInput.nolabel .viControl {
		left:			25.5%;
		}
	
	* html .viWysiwyg {
		text-align:		center;
	}
	
/*	.viInput.nolabel {
		position:		relative;
		z-index:		100;
		}*/
		
		
.viControl {
	width:			47%;
	position:		relative;
	float:			left;
	padding:		0px 1%;
	}
	
		
	.viControl input {
		padding:	0px;
		margin:		0px;
		width:		98%;
/*		background:	#F9F9FF;
		border:		1px solid #5B7FC5;
*/		}
		
/*	.viControl input.radio {
		width:			auto;
		float:			left;
		position:		relative;
		margin:			1px .5em;
		border:			none;
		}*/
		
	.viControl.checkbox,
	.viControl.radio {
		position:		relative;
		height:			auto;
		}
		
	.viView .viControl.checkbox label,
	.viView .viControl.radio label  {
		height:			auto;
		display:		inline;
		font-weight:	normal;
		font-size:		90%;
		letter-spacing:	0px;
		float:			right;
		width:			93%;
		position:		relative;
		padding:		4px 0px;
		}
		
	.viControl.checkbox input,
	.viControl.radio input {
		height:			auto;
		width:			auto;
		position:		relative;
		top:			0px;
		left:			2px; 
		float:			left;
		margin:			3px 0px;
		}
				
/*	.viControl.radio label {
		font-weight:	normal;
		float:			right;
		margin-left:	2em;
		clear:			both;
		margin-bottom:	1em;
		}*/
		
	.viControl select {
		padding:	0px;
		margin:		0px;
		}

	.viControl.select select {
		width:		100%;
		}
	
	.viControl.date select, .viControl.address select {
		width:		auto;
		}
	
	.viControl.address.nolabel {
		padding-bottom:	1em;
	}

	.viControl textarea {
		width:		98%;
		height:		6em;
		}
	
	.viControl.wysiwyg {
		clear:				left;
		width:				75%;
		margin:				auto;
		float:				none;
	}
	
	.viControl.array {
		width:				60%;
	}
		
		.viControl.array label.viOverLabel {
			height:				auto;
			width:				72%;
		}
		
		.viControl.array .viControlGroup {
			margin-bottom:		1.5em;
			padding:			1% 2%;
			width:				96%;
		}
		
		.viControl.array .viControlGroup:hover {
			background-color:	#ddd;
		}
		
		.viControl.array .nav {
			text-align:			right;
			clear:				both;
		}
		
		.viControl.array .nav img {
			margin:				0 .1em
		}
		
		.viControl.array .nav img.hoverable {
			cursor:				pointer;
		}
		
		.viArrayGroup {
			overflow:			hidden;
		}
		
	.viControl.map {
	    width:              620px;
	    margin:             0 auto;
	    float:              none;
	    padding:			0;
	    overflow:			hidden;
	    background-color:	white;
	}
	
		* html .viInput.nolabel .viControl.map {
			position:		static;
			margin-left:	5%;
		}
		
		* html .viControl.map {
			width:			623px;
		}
		
		* html .viControl.map .zoomControls {
			width:			73px;
		}
		
		  * html .viControl.map .zoomControls
		, * html .viControl.map .zoomControls img
		, * html .viControl.map .zoomControls input {
			margin-left:	-3px;
		}
		
	.viControl input.viSubmit {
		width:				40%;
		margin-bottom:		1em;
		}
		
	.viControl.submit {
		margin:				15px 0px 15px;
		}

	.viControl.nolabel {
		padding-left:		26%;
		}
		
	.viSubmit.advance {
		float:				right;
		margin-right:		5%;
		}
		
	.viControlGroup {
		display:			block;
		float:				left;
		position:			relative;
		padding:			0px 3px;
		}
		
	 label.viOverLabel select
	,label.viOverLabel input
	,label.viOverLabel textarea
	,label.viOverLabel .vaultSummary {
		display:			block;
		margin-top:			2px;
		}
	
	label.viOverLabel .vaultSummary {
		display:			table;
	}
	
	label.vault > span {
		display:			block;
		letter-spacing:		normal;
	}
		

/* -( Range Control )-------------------------------------------------------- */
	.viControl.range {
		text-align:			center;
		}
		
	.viControl.range input.min {
		width:				41%;
		margin-left:		1%;
		float:				left;
		}

	.viControl.range input.max {
		width:				41%;
		margin-right:		1%;
		float:				right;
		}

.viEndSection {
	margin-bottom:		1.5em;
	}

.viAsteriskLegend {
    float:              right;
    margin-right:       1.25em;
}

    .viAsteriskLegend .legend {
        font-size:          84%;
        position:           relative;
        top:                -.3em;
    }

.viAsteriskLegend .asterisk, .viError {
	font-size:		125%;
	font-family:	Times, Georgia, serif;
	font-weight:	bold;
	font-variant:	small-caps;
	text-transform: lowercase;
	color:			#CC3300;
}

.viError {
	position:		relative;
	width:			25%;
	text-align:		left;
	float:			right;
	cursor:         default;
	}

.viErrorSummary, .viMessageSummary, .viNoticeSummary {
	padding:		.5em .75em;
	margin:			1em 3em;
	text-align:		left;
	}

	ul.viErrorSummary, ul.viMessageSummary, ul.viNoticeSummary {
		text-align:		left;
		list-style:		square;
		padding-left:	2.5em;
		font-size:		108%;
		}

.viErrorSummary {
	background:		#FFEEEE;/*#F3F3F3;*/
	border:			2px solid #AA0000;
}

.viMessageSummary {
	background-color:	#EEEEFF;
	border:				2px solid #336699;
}

.viNoticeSummary {
	background-color:	#AAFFAA;
	border:				2px solid #33AA33;
}
		
.viPreface {
	clear:			both;
	padding:		.25em 0em .5em;
	left:			6%;
	width:			84%;
	text-align:		justify;
	position:		relative;
	font-size:		84%;
	z-index:		50;
	}

.viCaption {
	clear:			both;
	font-size:		84%;
	position:		relative;
	text-align:		right;
	padding-bottom:	1em;
	left:			26%;
	width:			45%;
	float:			left;
	margin:			0px;
	}

.calendaricon {
	padding-left:	1em;
	padding-top:	1.20em;
	}

.calendaricon img {
	width:			24px;
	height:			20px;
	cursor:			pointer;
}

fieldset {
	border:			1px solid #CCCCCC;
	margin:			1.00em 0px;
	padding:		0.00em 0.00em 0.50em;
	clear:			both;
	position:		relative;
	}
	
	fieldset fieldset {
		border:				none;
	}
	
	fieldset fieldset legend {
		padding-left:		2.5em;
	}

fieldset.phantom {
	border:					none;
	margin:					0;
	padding:				0;
}
	
legend {
	color:			#04003B;/*#444444;*/
	margin-left:	1%;
	font-weight:	bold;
	font-size:		12px;
	}

fieldset.collapsable legend,
fieldset.expandable legend {
	background:				no-repeat
							center left;
	cursor:					pointer;
	padding:				.25em 0 .5em 30px !important;
}
	
	fieldset.collapsable legend {
		background-image:	url( '../uicon/collapse.png');
	}
	
	* html fieldset.collapsable legend {
		background-image:	url( '../uicon/collapse.gif');
	}

fieldset.expandable > div {
	display:				none;
}

* html fieldset.expandable div {
	display:				none;
}
	
	fieldset.expandable legend {
		background-image:	url( '../uicon/expand.png');
	}
	
	* html fieldset.expandable legend {
		background-image:	url( '../uicon/expand.gif');
	}

input.bound {
	color:			#888888;
	}

.static {
	text-align:		left;
	font-size:		95%;
	padding-top:	2px;
	color:			#444444;
	}

address {
	font-style:		normal;
	white-space:	pre;
	}


.viStatusBar {
	text-align:		left;
	font-weight:	bold;
	font-size:		84%;
	padding:		.35em .5em;
	}


/* -( Tree )------------------------------------------------------------------*/
	
	#uvInterior {
		overflow:			visible;
	}
	
	.viControl.tree {
		width:				69%;
		}
	
	.viInput.nolabel .viControl.tree {
		left:				5% !important;
		width:				88%;
	}
		
	.viControl.tree .node {
		width:				30%;
		float:				left;
		clear:				none;
		height:				auto;
/*		overflow:			hidden;*/
		padding:			4px;
		position:			relative;
/*		z-index:			4000;*/
		}
	
	.full, .viControl.tree .node.full {
		width:				100%;
	}
	
	.viControl.tree .node.clear {
		clear:				both;
	}
	
	.viControl.tree .node input {
		display:			block;
		position:			absolute;
		top:				6px;
		left:				6px;
		z-index:			85000;
		cursor:				pointer;
		
		/* IE */
		height:				1em;
		width:				1em;
		}

	.viControl.tree legend.groupLabel {
		clear:				both;
		font-size:			100%;
/*		display:			block;*/
		float:				none;
		padding:			.25em .5em .25em 6px;
		width:				auto;
		margin-left:		0;
		}
		
	.viControl.tree .node label {
		clear:				none;
		float:				none;
		font-weight:		normal;
		letter-spacing:		0px;
		width:				auto;
		height:				auto;
		display:			block;
		z-index:			50;
		padding-left:		20px;
		}
	
	.viControl.tree .node label:hover {
		color:				#3366FF;
		cursor:				pointer;
	}
		
	.viControl.tree .node .definition {
		clear:				both;
		font-size:			90%;
		margin-top:			8px;
		margin-left:		16px;
		}
		
		.viHoverDefinition {
/*			width:			160px;*/
			font-size:		11px;
			color:			#3366FF;
			font-family:	Verdana;
			border:			1px solid #3366FF;
			position:		absolute;
			display:		none;
			padding:		4px;
			z-index:		90000;
			line-height:	1.4em;
			text-align:		left;
			background-color:					rgba( 255, 255, 255, .95 );
/*			-moz-border-radius-bottomleft:		5px;
			-moz-border-radius-bottomright:		5px;
			-webkit-border-bottom-right-radius:	5px;
			-webkit-border-bottom-left-radius:	5px;*/
			-webkit-box-shadow:					0 2px 4px rgba( 0, 0, 0, .25 );
			}
		
		* html .viHoverDefinition {
			background-color:					white;
		}
		
	.viControl.tree .nodeGroup {
		clear:				both;
		background:			#FAFAFF;
		border:				1px solid #eaeaff;
		margin:				1em 0em 1.5em 0em;
		padding-left:		.5em;
		width:				auto;
/*		border-radius:			8px;
		-moz-border-radius:		8px;
		-webkit-border-radius:	8px;*/
		}
	
	.viInput.tree .viError {
		display:			none;
	}

	.viControl.captcha input {
		width:				45%;
		float:				left;
		}
	
	.viControl.captcha .captchaBound {
		width:				45%;
/*		margin-left:		5%;*/
		padding:			0 3px;
		float:				left;
		}
	
	.viControl.captcha .captchaBound img {
		width:				120px;
		height:				30px;
	}

/* -( Diff )----------------------------------------------------------------- */

.viDiff {
	width:				95%;
	margin:				auto;
	border-collapse:	separate;
	border-spacing:		1em 1px;
	}
	
.viDiff td, .viDiff th {
	vertical-align:	top;
	}
	
.viDiff .label {
	width:			20%;
	text-align:		right;
	white-space:	nowrap;
	}

.viDiff .new {
	width:			40%;
	}

.viDiff .old {
	width:			40%;
	color:			#888888;
	}

.viDiff .old.none {
	text-align:		center;
	vertical-align:	middle;
	font-size:		small;
	background:		#E3E3E3;
	}

.viDiff .new .diff {
	background:		#FFFF66;
	}

/* -( Interior )------------------------------------------------------------- */

.viView.interiorSearch {
    margin-top:     auto;
    }

.viView.interiorSearch .viError {
	display:		none;
	}
	
.viView.interiorSearch .viControl {
	width:			72% /* 47% + 25% */ ;
	}

/* Icons on search forms */
label.viIcon33 {
	height:			33px;
}
	
	label.viIcon33 img {
		width:		33px;
		height:		33px;
	}

div.viIcon33 {
	margin-top:		9px;
}

	div.viIcon33 input {
		width:		auto;
	}

.viIcon {
	float:			left;
}

.viIconControl {
	margin-left:	25px;
	position:		relative;
}
	.viIconControl label {
		margin-left:	.25em;
	}
	
	.viIconControl input {

	}

.vIconControl.viIcon22 {
	width:			79%;
}

.viIcon22 label {
	padding-top:	5px;
}

.hr {
	clear:							both;
	height:							0px;
	display:						block;
	visibility:						hidden;			/* For IE */
	}


.viNoteHistory {
	padding-bottom:		1.5em;
	}
	
	.viControl .viNoteHistory p {
		padding:		.25em 0em;
		margin:			0px;
		font-weight:	normal;
		font-style:		normal;
		font-size:		10px;
		font-family:	"Verdana", sans-serif;
		text-align:		left;
		}


/* -( Progress Bar )----------------------------------------------------------*/
#progressMeter {
	border:					1px solid #AAAAAA;
    background-color:       #E3E3E3;
	padding:				1em;
	width:					40%;
	font-size:				90%;
	font-family:			"Lucida Grande", Arial, sans-serif;
	color:					#333333;
	font-weight:			bold;
	}

	#pbJob, #progressMeter #pbPercentage {
		margin-bottom:				.5em;
		}
	
	#pbJob {
		float:						left;
		}
	
	#pbPercentage {
		float:						right;
		}
	
	#pbOuterBar {
		clear:						both;
		background-color:			#C0C0C0;
		border:						1px solid #444444;
		margin:						.25em 0em;
		height:						14px;
		}
	
	#pbBar {
		background:					#6281A0
									url( '../image/engine/status_bar.gif' )
									repeat-x;
		width:						1%;
		height:						100%;
		}
	
	#pbMetric {
		font-size:					xx-small;
		height:						1em;
		color:						#999999;
		}

#ProgressMeterUploadFrame {
    border:1px solid black;
/*	position:						absolute;
	top:							-1000px;
	left:							-1000px;*/
}

#degradedProgressMeter {
    background:                     url( '../image/engine/status_wait.gif' )
                                    no-repeat
                                    top center;
    padding-top:                    50px;
    text-align:                     center;
}

#uvPageContent.sending .viBoundary {
    display:                        none;
}

#uvPageContent.sending .file {
    display:                        block;
    position:                       absolute;
    top:                            -1000px;
    left:                           -1000px;
}

#uvPageContent.sending #degradedProgressMeter {
    display:                        block;
}

.viTabGroup {
	clear:							both;
	position:						relative;
	margin-top:						2em;
	padding:						1em;
	border:							1px solid #c0dff4;/*#aaffaa;*/
	background-color:				#efefff;/*#efffef;*/
	border-radius:					8px;
	-moz-border-radius:				8px;
	-webkit-border-radius:			8px;
}

fieldset .viTabGroup {
	margin:							2em;
}

.viTabGroup ul.labels {
	position:						relative;
	top:							-2em;
	left:							0;
	right:							0;
	list-style-type:				none;
	padding:						0 6px;
	margin:							0 auto;
/*	background:						url( '../image/splay/tab_w.png')
									no-repeat left
								  , url( '../image/splay/tab_e.png')
									no-repeat right;*/
	height:							23px;
}

/*.viTabGroup ul.labels.isFirstActive {
	background:						url( '../image/splay/tab_w_a.png')
									no-repeat left
								  , url( '../image/splay/tab_e.png')
									no-repeat right;
}

.viTabGroup ul.labels.isFirstActive.isLastActive {
	background:						url( '../image/splay/tab_w_a.png')
									no-repeat left
								  , url( '../image/splay/tab_e_a.png')
									no-repeat right;
}

.viTabGroup ul.labels.isFirstHover {
	background:						url( '../image/splay/tab_w_h.png')
									no-repeat left
								  , url( '../image/splay/tab_e.png')
									no-repeat right;
}

.viTabGroup ul.labels.isFirstHover.isLastActive {
	background:						url( '../image/splay/tab_w_h.png')
									no-repeat left
								  , url( '../image/splay/tab_e_a.png')
									no-repeat right;
}

.viTabGroup ul.labels.isLastActive {
	background:						url( '../image/splay/tab_w.png')
									no-repeat left
								  , url( '../image/splay/tab_e_a.png')
									no-repeat right;
}

.viTabGroup ul.labels.isLastHover {
	background:						url( '../image/splay/tab_w.png')
									no-repeat left
								  , url( '../image/splay/tab_e_h.png')
									no-repeat right;
}

.viTabGroup ul.labels.isFirstActive.isLastHover {
	background:						url( '../image/splay/tab_w_a.png')
									no-repeat left
								  , url( '../image/splay/tab_e_h.png')
									no-repeat right;
}*/

.viTabGroup ul.labels li {
	cursor:							pointer;
	float:							left;
	padding:						3px 18px 0;
	height:							20px;
	background:						url( '../image/splay/tab_bg.png')
									repeat-x;
/*	border-left:					1px solid #999;*/
	margin-left:					1px;
	white-space:					nowrap;
	overflow:						hidden;
	color:							#6a6a6a;
}

.viTabGroup ul.labels li:first-child {
/*	border-left:					none;*/
	margin-left:					0;
}

.viTabGroup ul.labels li:hover {
	background-image:				url( '../image/splay/tab_bg_h.png');
}

.viTabGroup ul.labels li.current {
	cursor:							default;
	background-image:				url( '../image/splay/tab_bg_a.png');
	color:							#eee;
}

.viTabGroup ul.labels li.hide {
	display:						none;
}

.viTabGroup .tab {
	display:						none;
	visibility:						hidden;
}

.viTabGroup .tab.current {
	display:						block;
	visibility:						visible;
}

* html .viTabGroup {
	width:							100%;
}

fieldset.summary {
	border:							1px solid #ccc;
	margin-left:					1em;
	margin-right:					1em;
}

.copy input,
.copy select,
.copy textarea {
	background-color:				#ffff88;
}