/*****************************************************************
    Generic Style Sheet file for Kraun® (generic pages)

	Copyright (C) 2008 CDC S.p.A. All Rights Reserved. 

    Developed by e-pix® - strumento creativo quotidiano®

	http://www.e-pix.it/

	WARNING: This software program is protected by copyright law 
	and international treaties. Unauthorized reproduction or
	distribution of this program, or any portion of it, may result
	in severe civil and criminal penalties, and will be prosecuted
	to the maximum extent possible under the law.

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


/* -- General page layout ----------------- */

html {
	height: 100%;
} 

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	text-align: left;
	font-family: "Lucida Grande", "Lucida Grande", Geneva, Tahoma, Verdana, Helvetica, Arial,sans-serif;
	font-size: 11px;
}

/* -- Standard hyperlinks ----------------- */
a {
	color: #999999;
	text-decoration: none;
}

a:link {				/* unvisited links */
	color: #999999;
	text-decoration: none;
}

a:visited {				/* visited links   */		
	color: #999999;
	text-decoration: none;
}

a:hover {				/* user hovers     */
	color: #E00000;
	text-decoration: underline;
}

a:active {				/* active links    */
	color: #E00000;
	text-decoration: underline;
}


/* -- Form elements ----------------------- */

form {
	margin: 0px 0px 0px 0px;
}

select {
	font-size: 8pt;
}


input, textarea {
	font-family: "Lucida Grande", "Lucida Grande", Geneva, Tahoma, Verdana, Helvetica, Arial,sans-serif;
	font-size: 8pt;
}

input[type="button"] {
	padding: 2px;
}

input[type="submit"] {
	padding:4px;
}

input[type="textarea"] {
}

/* -- Custom text ------------------------- */

.txt7 {
	font-size: 7pt;
	font-weight: normal;
}

.txt8 {
	font-size: 8pt;
	font-weight: normal;
}

.txt9 {
	font-size: 9pt;
	font-weight: normal;
}

.txt10 {
	font-size: 10pt;
	font-weight: normal;
}

.txt11 {
	font-size: 11pt;
	font-weight: normal;
}

.txt12 {
	font-size: 12pt;
	font-weight: normal;
}

.txt13 {
	font-size: 13pt;
	font-weight: normal;
}

.txt14 {
	font-size: 14pt;
	font-weight: normal;
}

.txt15 {
	font-size: 15pt;
	font-weight: normal;
}


/* -- Lists ------------------------------- */

ol {
	list-style-image: none;
	list-style-position: outside
}


/* -- Pre --------------------------------- */

pre
{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* -- Horizontal rule --------------------- */

hr {
	color: #FFFFFF;
	height: 1px;
	border: none;
	border-bottom: 1px solid #DDDDDD;
	margin: 0;
	padding: 0;
	clear: both;
}

/* -- Blockquotes ------------------------- */

blockquote {

}

/* -- Titles --------------------------- */

#title {
	font-size: 18pt;
	font-weight: normal;
	color: #000000;
}

#subtitle {
	width: auto;
	min-height: 15px;
	height: auto !important;
	height: 15px;
	clear: both;
	margin-bottom: 5px;
	padding: 2px 4px 2px 4px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #000000;
	background-color: #DFDFDF;
	background-image:url(/img/commons/bg_subtitle.gif); 
	background-repeat:repeat-x;
	background-position: left top;
	border-bottom: 1px solid #666666;
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: .50;
}

/* -- Headers ----------------------------- */

h1, h2, h3, h4 {
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
}

h1 {
	font-size: 18pt;
}

h2 {
	font-size: 15pt;
}

h3 {
	font-size: 13pt;
}

h4 {
	font-size: 11pt;
}

/* -- Page containers ------------------ */

#header {
	width: auto;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	background-color: white;
	color: #000000;
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#container {
	width: 100%;
	margin: 0px;
	text-align: left;
	background-color: #000000;
}

#content {
	float: left; 
	width: 955px;
	min-height: 590px;
	height: auto !important;
	height: 590px;
}

#column-left { 
	float: left; 
	width: 180px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background-image:url(/img/commons/Kraun_donna_bionda.png); 
	background-repeat: no-repeat;
	background-position: left 0px;
}

#column-right { 
	float: right; 
	width: 775px;
}

.tbl_row {
	width: auto;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	text-align: left;
	clear: both;
}

.tbl_left {
	width: 50%;
	float: left;
}

.tbl_right {
	width: 50%;
	float: right; 
}

#footer {
	width: auto;
	min-height: 105px;
	height: auto !important;
	height: 105px;
	background-color: white;
	color: #999999;
	clear: both;
	margin: 0px;
	text-align: left;
	font-size:9px;
}


/* -- Header menues ----------------------- */

#hmenu
{
	position:relative;
	width: auto;
	clear: both;
}

#hmenu div a,
#hmenu div a:link,
#hmenu div a:visited,
#hmenu div a:hover,
#hmenu div a:active
{
	float:left;
	clear: no;
	display: block;
	width: auto;
	height:20px;
	padding: 0px 35px 0px 0px;
	margin:0px 0px 0px 10px;
	bottom: 0px;
	background-color: #FFFFFF;
	border-bottom: 3px solid #F1F1F1;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	white-space:nowrap;
}

#hmenu div a:hover
{
	font-weight: normal;
	border-bottom-color: #E00000;
	text-decoration:none;
}


/* -- Misc style classes ------------------ */

.spacer {
	width: 0px; 
	font-size: 1px;
	height:0px;
	width:0px;
	clear:left;
	line-height:0px;
	display:block;
}

.language {
	display: none;
	visibility: hidden;
}

.gray {
	color: #999999;
	font-weight: normal;
}

.alert {
	color: #E00000;
	font-weight: bold;
}

/* -- AutoComplete ------------------------ */

.ac_holder{
	position:relative;
}
.ac_field{	
	background-image:url(/img/autocomplete/autocomplete_leftcap.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.ac_field_busy{
	background-image:url(/img/autocomplete/autocomplete_spinner.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

div.autocomplete
{
	position: absolute;
	background-image: url(/img/autocomplete/ac_pointer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autocomplete div.ac_header,
div.autocomplete div.ac_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(/img/autocomplete/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autocomplete div.ac_footer
{
	background-image: url(/img/autocomplete/ul_corner_br.gif);
}

div.autocomplete div.ac_header div.ac_corner,
div.autocomplete div.ac_footer div.ac_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	/*background-image: url(images/autocomplete/ul_corner_tl.gif);*/
	background-color: #333;
	background-position: top left;
	background-repeat: no-repeat;
}
div.autocomplete div.ac_footer div.ac_corner
{
	background-image: url(/img/autocomplete/ul_corner_bl.gif);
}
div.autocomplete div.ac_header div.ac_bar,
div.autocomplete div.ac_footer div.ac_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autocomplete ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autocomplete ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autocomplete ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autocomplete ul li a:hover
{
	background-color: #444;
}
div.autocomplete ul li.ac_highlight a:hover
{
	background-color: #cc0033;
}

div.autocomplete ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autocomplete ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autocomplete ul li.ac_highlight a span small
{
	color: #ccc;
}

div.autocomplete ul li.ac_highlight a
{
	color: #fff;
	background-color: #cc0033;
	background-image: url(/img/autocomplete/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autocomplete ul li.ac_highlight a span
{
	background-image: url(/img/autocomplete/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autocomplete ul li a .tl,
div.autocomplete ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autocomplete ul li a .tr
{
	right: 0;
}

div.autocomplete ul li.ac_highlight a .tl
{
	left: 0;
	background-image: url(/img/autocomplete/hl_corner_tl.gif);
	background-position: top left;
}

div.autocomplete ul li.ac_highlight a .tr
{
	right: 0;
	background-image: url(/img/autocomplete/hl_corner_tr.gif);
	background-position: top right;
}
div.autocomplete ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}
div.autocomplete ul em
{
	font-style: normal;
	color: #6EADE7;
}
.tekcomplete
{
    width: 498px;   
    background-color: #000000;  
    border-color:#000000;
    border:none;
}

.tekcomplete td
{
    width: 50%;
	height: 15px;
	border-color:#000000;
	/* font-weight: bold; */
	font-size: 11px;
	
}

.eltekcomplete td
{
    font-weight: normal;
    background-color: #333333;   
    border-color:#000000;   
}

.alttekcomplete td
{
    font-weight: normal; 
    background-color: #000000; 
    border-color:#000000;   
}
.callerbody
{
    font-weight: normal; 
    background-color: #000000;    
}