/**************************************************************************************************
 Mobile Base Styles - layout, positioning of elements.
 
 Colors, images and typography shouldn't appear here. Use customizable.css instead.

 Contents:
 - Layout [LAT]
 - Menu [MNU]
 - List [LST]
 - Misc [MSC]

**************************************************************************************************/

/* remove list styles */
ul.menu, ul.menu li,
dd ul, dd li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

/* remove image border */
a img { border: 0 }

/* image replacement */
.pager a.prev, .pager a.next, .pager a.first, .pager a.last, .pager span.noprev, .pager span.nonext, .pager span.nofirst, .pager span.nolast
{
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	white-space: nowrap;
	background-repeat: no-repeat;
}

.pager { float: left; }

.pager a, .pager span
{
	display: block;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

.pager a.prev, .pager a.next, .pager a.first, .pager a.last, .pager span.noprev, .pager span.nonext, .pager span.nofirst, .pager span.nolast
{
	float: left;
	width: 30px;
	height: 30px;
	background-position: 15px 5px;
}

/* cleaner for cleaning floats */
.cleaner
{
	clear: both;
	font-size: 0;
	height: 0;
	width: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

/*************************************************************************************************/
/* Layout [LAT] - main layout parts positions and styles. See masterpages for more details. */

body { margin: 0; padding: 1px; }

.logo, .copyright, #footer, #quickSearchPanel, h2, .right-link a, .left-link a, .info, .field, .buttons, span.error { margin-left: 8px; margin-right: 8px; }
.field, .logo, .buttons, span.error { margin-top: 8px; margin-bottom: 8px; }
table.info { margin-bottom: 8px; }

.data p { margin: 0; }

.right-link a { float:right; margin-top: 14px; }
.left-link { float:left ; margin-top: 8px; margin-bottom: 8px;}

.line {border-top: 3px solid }

label.top-label { display: block; white-space: nowrap; }

#footer
{
	margin-top: .6em;
	margin-bottom: .3em;
}

#quickSearchPanel
{
	margin-bottom: .3em;
	padding-top: .9em;
	
}

.copyright { margin-top: .3em }

/*************************************************************************************************/
/* Date Picker [DAP] */

/* datepicker field */
div.datepicker input { float: left; }
div.datepicker a { float: left; }

/* table holding date picker */
.dpTable
{
	border: 1px solid;
	text-align: center;
	border-collapse: separate;
}
.dpTable td { border: none; margin: 0; padding: 0; }


td.dpTD, td.dpDayHighlightTD, td.dpDayTD { padding: .1em .3em }

/* pointer on days */
.dpTD, .dpDayHighlightTD { cursor: pointer; }

/* border on days and highlighted day */
td.dpDayHighlightTD, td.dpDayTD { border: 1px solid; }

/* some space to center the month */
.dpTitleText { margin-left: 16px; }

/* buttons */
.dpButtonBack, .dpButtonBack2, .dpButtonNow, .dpButtonNext,.dpButtonNext2, .dpButtonClose
{
	height: 18px;
	width: 18px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 2px;
}

/* activation icon */
a.show-datepicker
{
	float: left;
	width: 16px;
	height: 16px;
	margin: .2em .1em;
}

/*************************************************************************************************/
/* Menu [MNU] */

.menu li { display: inline-block; }
.menu li a
{
	display: inline-block;
	padding: .8em .3em;
}
ul.menu { -webkit-border-radius: 8px; -moz-border-radius: 8px; }
ul.menu { padding: 0 6px; }



/*************************************************************************************************/
/* List [LST] */

dt
{
	display: block;
	padding: 7px 30px 7px 7px;
	margin-top: 2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-repeat: no-repeat;
	background-position: right center;
}

dt b { display: block; padding-bottom: 5px; }

dd { padding: 1em 0; }
dd li { padding-bottom: .4em; }

/* table heading (first-column with property names) style */
table.info th
{
	vertical-align: top;
	text-align: left;
	padding-left: .5em;
	background: transparent;
}



/*************************************************************************************************/
/* Misc [MSC] */

/* header links - reduced image height */
a.logo  img, .logo img
{height : 30px;}

/*************************************************************************************************/
/* Autocomplete [ATC] */

.ac_results
{
	padding: 0;
	border: 1px solid;
	overflow: hidden;
	z-index: 200;
}

.ac_results ul
{
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li
{
	margin: 0;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
	line-height: 16px;
	overflow: hidden;
	background: none;
}


/***********************************************************/
/**************   Login MFA Form   **********************/
/***********************************************************/

#loginMfaForm #lblImageHint {
	font-weight:bold;
}

#loginMfaForm #userImage {
	max-width:80px;
	max-height:80px;
}

/*************************************************************************************************/
/* Forms [FRM] */

input.small { width: 5em; }