@charset "utf-8";
/* CSS Document */

/* Body font */
body{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

/* Required field */
.required
{
color:#F00;
font-weight:bold;
}

/* Menu title */
.title
{
	font-size:12px;
	font-weight:bold;
}

/* HTML form elemet */
.element
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.button
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
cursor:pointer;
}

/* Table style */
table th{
	text-transform:uppercase;
	font-weight:bold;
	background-color:#CCC;
	font-size:14px;
	
}

table td, table th {
font-size:12px;
}

.zebra {
	background:#eeeeee;
}
#list
{
font-family:Verdana, Arial, Helvetica, sans-serif;
/*width:100%;*/
/*border-collapse:collapse;*/
}
#list td, #list th 
{
font-size:12px;
padding:4px 10px 4px 10px;
}
#list th 
{
text-transform:uppercase;
font-weight:bold;
background:#666;
font-size:14px;
color:#FFF;
/*background:url(../images/tbl_bg.png) repeat-x;*/
}
#list tr.alt td 
{
/*
color:#000000;
background-color:#EAF2D3;
*/
}

/* System message style */
p.message_ok{
	color:#090;
	font-weight:bold;
	background-color:#FFC;
	padding:5px;
	border:1px solid #090;
	
}
p.message_err{
	color:#F00;
	font-weight:bold;
	background-color:#FFC;
	padding:5px;
	border:1px solid #F00;
	
}
.field_error{
	clear:both;
	color:#F00;
	margin: 0.3em 0 0 0;
    border: 2px solid;
	background-color:#FFC;
	background-image:  url(../images/cancel.png);
	background-repeat:  no-repeat;
    background-position: 10px 50%;
	padding: 0.1em 0.1em 0.1em 36px;
	
}

/* Table paging */
#pagination a{
background-color : #eeeeee;
padding : 3px 5px;
text-decoration : none;
color : #000000;
border:1px solid #cccccc;
}

#pagination a:hover{
background-color:#999999;
padding : 3px 5px;
text-decoration : none;
color : #000000;
border:1px solid #cccccc;
}
#pagination strong{
background-color:#999999;
padding : 3px 5px;
text-decoration : none;
color : #000000;
border:1px solid #cccccc;
}

/* Back link */
p#bottom_link{
	margin-top:10px;
}

/* Others */
.note
{
font-style:italic;
color:#F00;
font-weight:bold;
}

/* System message */
div.success,
div.warning,
div.error 
{
    margin: 0.3em 0 0 0;
    border: 2px solid;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding: 0.1em 0.1em 0.1em 36px;
	font-size:12px;
}
h1.error,
.error 
{
    border-color:       #ff0000;
    background-image:  url(../images/cancel.png);
 }
div.error h1 
{
 	border-color:       #ff0000;
}
div.error 
{
    background-color:   #FFFFCC;
    color:              #ff0000;
}
.success {
    color:              #000000;
    background-color:   #f0fff0;
}
h1.success,
div.success {
    border-color:       #00FF00;
    background-image:  url(../images/accept.png);
    }
.success h1 {
border-color:       #00FF00;
}

/* System message */

/* Link */
a.update {
	background:url(../images/application_form_edit.png) left center no-repeat;
}
a.delete {
	background:url(../images/application_form_delete.png) left center no-repeat;
}
a.back {
	background:url(../images/arrow_left.png) left center no-repeat;
}
a.copy {
	background:url(../images/page_copy.png) left center no-repeat;
}
a.print {
	background:url(../images/printer.png) left center no-repeat;
}
a.update, 
a.delete,
a.back,
a.copy,
a.print
{
	font-size: 8pt;
	padding-left:20px;
	padding-bottom:3px;
	text-decoration: none;
	font-weight:bold;
}

/* Link */

/* Jquery autocomplete */

.ui-autocomplete {
		max-height: 100px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
		font-size:12px;
		
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 200px;
	}
	
/* Jquery autocomplete */