/**************************************************************************************************
 Mobile Customizable Styles - typography, colors, images. Can be safely changed to provide another
 application appearance without breaking layout.
 
 Contents (allowed CSS rules in brackets):
 - Colors [CLS] (color, background-color, border-color, opacity)
 - Images [IMG] (background-image)
 - Fonts [FNT] (font-size, font-family, text-decoration, font-weight, line-height)
 
**************************************************************************************************/


/*************************************************************************************************/
/* Colors [CLS] */

/* background colors */
body { background-color: #f4f4f4; }
dt { background-color: #8D8E8E }

/* font colors */
body, a { color: #3c3c3c; }
dl div, .data, .data dt a { color: #FFFFFF }
h2, .right-link a, .left-link a { color: #003888; }
label.error, span.error {color:red;}

/* border colors */
#footer { border-color: #000; }
.line { border-color: #C6D6F4; }

/* date picker */
/* white text */
td.dpDayTD
{ color: #fff; }
/* light grey text */
.dpTable { color: #616161; }
/* almost white blue background */
.dpTable, .dpTable input
{ background-color: #f2f7fb; }
/* gray background */
td.dpDayHighlightTD, td.dpDayTD
{ background-color: #ccc; }
/* gray border */
.dpTable, td.dpDayHighlightTD, td.dpDayTD,
.ac_results,
.color
{ border-color: #aaa; }

/*************************************************************************************************/
/* Autocomplete [ATC] */
/* almost white blue background */
.ac_results
{ background-color: #ddd; }

/* gray background */
li.ac_over
{ background-color: #bbb; }


/*************************************************************************************************/
/* Images [IMG] */

dt			{ background-image: url("mobile/right-arrow.png"); }

/* pager */
.pager a.prev		{ background-image: url("mobile/pager/previous.png"); }
.pager a.next		{ background-image: url("mobile/pager/next.png"); }
.pager a.first		{ background-image: url("mobile/pager/first.png"); }
.pager a.last		{ background-image: url("mobile/pager/last.png"); }
.pager span.noprev	{ background-image: url("mobile/pager/noprevious.png"); }
.pager span.nonext	{ background-image: url("mobile/pager/nonext.png"); }
.pager span.nofirst	{ background-image: url("mobile/pager/nofirst.png"); }
.pager span.nolast	{ background-image: url("mobile/pager/nolast.png"); }

/* datepicker */
a.show-datepicker	{ background-image: url("datepicker/calendar.png"); }
.dpButtonBack	{ background-image: url("datepicker/previous.png"); }
.dpButtonBack2	{ background-image: url("datepicker/pprevious.png"); }
.dpButtonNow	{ background-image: url("datepicker/today.png"); }
.dpButtonNext	{ background-image: url("datepicker/next.png"); }
.dpButtonNext2	{ background-image: url("datepicker/nnext.png"); }
.dpButtonClose	{ background-image: url("datepicker/close.png"); }


/*************************************************************************************************/
/* Fonts [FNT] */

/* basic font settings */

body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .7em;
}

textarea
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .9em;
}

/* datepicker */
.dpTable { font-family: tahoma, arial, helvetica, sans-serif; }
.dpTitleText, .dpDayHighlight { font-weight: bold; }

/* fix control font sizes */
input, select, option { font-size: 1em; }

/* font sizes */
.copyright	{ font-size: .8em; }
dt b		{ font-size: 1.2em }
.right-link a, .left-link a { font-size: 1.2em; font-weight:bold; }

/* links without underline */
ul.menu a, .copyright a,  dl a
{ text-decoration: none; }