/* 1.0.0, mitko, prj/css/common.css */
/* ---------------------------------------------- */
/* ---  COMMON STYLES  -------------------------- */
/* ---------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background-color: #EEEEEE;
}

a, a:link, a:active, a:visited{
	color: #10769D;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
	color: #FF8C00;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0;
	padding: 0;
}


td{
	vertical-align: top;
}

body, span, div, input, table, td, th, tr, form{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	padding: 0;
	margin: 0;
}

img{
	border: none;
}

p{
}

acronym{
	border-bottom: 1px dotted #EC6C00;
}

ul, li{
	margin: 0;
	padding: 0;
}

ul{
	padding-left: 3px;
	list-style: inside;
	list-style-type: square;
}

ul li, ol li{
	padding-bottom: 3px;
}


.icon{
	width: 16px;
}

.line{
	border-bottom: 1px solid #DBDBC9;
}

input, select, textarea{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

label{
	cursor: hand;
	background-color: transparent;
	padding-right: 5px;
}

.labelIn{
	color: #E60000;
}

.inputIn{
	color: #0000CD;
}

table.tooltip td{
	padding: 1px;
	font-size: 10px;
	color: #000;
}

table.tooltip th{
	color: #0000CD;
	padding: 1px 4px 1px 1px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
}


/* blue page title */
h1, div.h1{
	background-image: url(../images/blue_bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	
}

/* green page title */
h2{
	background-image: url(../images/blue_bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 16px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 8px;
}

/* green page title */
h4{
	background-image: url(../images/blue_bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 16px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 8px;
}


/* ---------------------------------------------- */
/* ---  ERROR REPORTING  ------------------------ */
/* ---------------------------------------------- */

#fSyserrorStack, 
#fErrorStack,
#fMessageStack{
}

table.fError{
	background-color: #FFE8E8;
	border-top: 1px solid #A52A2A;	
	border-left: 1px solid #A52A2A;		
	border-bottom: 2px solid #A52A2A;	
	border-right: 2px solid #A52A2A;			
	margin-bottom: 5px;
	width: 100%;
}

table.fError td{
	padding: 2px;
	width: 100%;
}

table.fError td.icon{
	width: 16px;
	vertical-align: top;
}

table.fSysError{
	background-color: #FFEFD0;
	border-top: 1px solid #CE8700;	
	border-left: 1px solid #CE8700;		
	border-bottom: 2px solid #CE8700;	
	border-right: 2px solid #CE8700;			
}		

table.fMessage{
	background-color: #FFFFE3;
	border-top: 1px solid #676767;	
	border-left: 1px solid #676767;		
	border-bottom: 2px solid #676767;	
	border-right: 2px solid #676767;		
}


/* ---------------------------------------------- */
/* ---  DATA PAGER  ----------------------------- */
/* ---------------------------------------------- */

table.pager{
	margin: 8px 0px 8px 0px;
	width: 100%;
	background-color: #EFEFE7;
}

table.pager td{
	vertical-align: middle;
	padding: 3px;
}

table.pager td.total{
	font-weight: bold;
}

table.pager td.range{
	color: #FF8C00;
	font-weight: bold;
}

table.pager table td{
	padding: 0 3px 0 0;
	vertical-align: middle;	
}

table.pager select, 
table.pager input, 
{
	font-size: 10px;
	padding: 0;
	margin: 0;
}

table.pager input{
	padding: 0px; 
	font-weight: bold; 
	font-size: 10; 
	border: none; 
	background-color: #FFFFE3; 
	cursor: hand;
	border: 1px solid #676767;
}

table.pager td.links{
	text-align: right;
	font-weight: normal;

}

table.pager a, table.pager a:link, table.pager a:hover, table.pager a:visited{
	font-weight: normal;
	text-decoration: none;
}