form.layout .form-row {
	clear:both;
	padding:4px;
	vertical-align:middle;
	overflow:hidden;
	border:0px solid transparent;
	line-height: 13px;
}

form.layout .no-label {
	padding-left: 188px;
}

form.layout .caption {
	display: block;
	clear:both;
	margin-left:102px;
	font-style:italic;
}

form.layout fieldset {
	padding: 5px;
	margin-bottom: 5px;
}

/*------------[Labels]-------------------------------*/
form.layout label {
	clear:left;
	width:180px;
	text-align:right;
	float:left;
	display:block;
	margin:0 0;
	padding-right: 4px;
	font-weight: bold;
	color: #293f6f; font-size: 10pt; font-family: arial; line-height: 13pt;
}
form.layout label:after {
	content:":";
}

/*------------[Text, Password, and Select Input Styling]-----------*/
form.layout input[type=password]
{height:19px; border:1px solid #999;}

form.layout input[type=text], form.layout textarea, form.layout select, 
form.layout input[type=password], form.layout input[type=checkbox], form.layout input[type=radio]
{float:left;}

/*------------[Action, Buttons]-----------*/
form.layout .action {
	display: block;
	clear:both;
	margin-left: 185px;
}

input.button {
	width: 75px;
}

/* Custom Leave Form Styles */

form.layout .form-row .date-time span {
	display: block;
	margin-left: 15px;
}
form.layout .form-row .date-time span input {
	float: left;
	clear: none;
}
form.layout .form-row .date-time span label {
	float: left;
	clear: none;
	text-align: left;
	width: 50px;
	vertical-align: top;
}
form.layout .form-row .date-time span label:after {
	content: "";
}
form.layout .time select {
	float:left;
	display:block;
	margin-right:5px;
}

/* ====[Application Styles]=========================================================================
Formatting for message boxes, etc.
========================================================================================*/

div.info
{border:1px solid #1086E7; background:#EAF6FF url('/images/icons/silk/information.gif') left top no-repeat;}
div.warning
{border:1px solid #FA7B1E; background:#FFF4B9 url('/images/icons/warning.gif') left top no-repeat;}
div.success
{border:1px solid #3E9F20; background:#E3FFDD url('/images/icons/silk/accept.gif') left top no-repeat;}
div.failure
{border:1px solid #C00; background:#FDD url('/images/icons/silk/exclamation.gif') left top no-repeat;}

div.loading p, div.loading li
{color:#888;}
div.info p, div.info li
{color:#0833A1;}
div.warning p, div.warning li
{color:#D46E00;}
div.success p, div.success li
{color:#444;}
div.failure p, div.failure li
{color:#900;}
/*div.failure li
{background-image:url('/images/applications/msgbox_bullet_failure.gif');}*/

div.failure li {list-style:disc; margin-left:12px;}

div.message-box
{padding:6px 6px 6px 27px; background-position:8px 8px; margin:10px 0;}
div.message-box p, div.message-box li
{font-size:0.9em; font-weight:bold;}
div.message-box p {margin: 0 0 0 0;}
div.message-box ul, div.message-box h3
{margin:0 0 10px 0;}

/* Make some table styles to match their own - can't target all tables because they use table based layout */
table.data {
	width: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
table.data thead tr th {
	background: #697D9F;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}
table.data tbody tr.alt-bg {
	background: #EEE;
}

/* Definition list sytles */
dl.data {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
dl.data dt {
	font-weight: bold;
	float: left;
	width: 9em;
	white-space: nowrap;
}

dl.data dt:after {
	content: ":";
}

dl.data dd {
	margin-bottom: 10px;
	margin-left: 20px;
	white-space: wrap;
}
