/*
  To create a new color theme, replace the colors:
*/


/* hide the browser scrollbars; works only for IE 

html 
{
	overflow-x:hidden;
	overflow-y:hidden;
} 

*/

/*
   COMMON THEME PROPERTIES FOLLOW
   (they contain no information specific to a theme color)
*/
body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left: 0px;
	background-color:#CCE1F7;
}



.ContentPanel 
{
	width:100%; 
	height:90%; 
	overflow:auto; 
	position:relative;
}

/*
Ultra Tree Control Style Sheet Classes
*/
.igWebTreeMain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.igWebTreeSelectedNode {
	background-color: #ADD8E6;
	font-weight:bold;
}

/* 	class used for the caption of dialog-controls  */
.captionLabel 
{ 
	white-space: nowrap;
}

/* 	class used for values that are read-only in dialogs  */
.valueLabel 
{ 
	white-space: nowrap;
	font-weight: bold;
}


/* 	this is the title text in the header */
#divHeaderTitle
{
	left: 250px; 
	top:45px; 
	position:absolute; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

.statusbar
{
	position:absolute; 
	left:0px; 
	width:100%;
}

/* class to hide elements  */
.hidden 
{ 
	display:none;
}



/*********************************
	style for result-grids
  these classes are used in the skin definition
*********************************/

/* global result grid class */
.resultGrid
{
    table-layout:fixed;
}

/* the header design */
.tableHeader
{
    background: url(../../ImageCache/bg_title_subwindow.jpg) repeat-x center top;
}

/* the footer design */
.tableFooter
{
    background: url(../../ImageCache/bg_footer_subwindow.jpg) repeat-x center top;
}

/* grid row design */
tr.gridRowCursor
{
   color:Black;
   background-color:White;
   cursor: pointer;
}

/* http://www.creative-edesign.com/css/css_hover_effekt_beispiel_2.php  */

tr.gridRowCursor:hover
{
   color:Black;
   background-color:#CCE1F7;
   cursor:pointer;
}

        
/* the cells of the resultgrid */        
.resultGrid td, .resultGrid th
{ 
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;   /* only for IE and Safari */
}    




/**********************************************************
	styles for dialogs 
***********************************************************/

.mainheader
{
    background-color:#CCE1F7; 
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px; 
    font-weight: bold;    
    background: url(../../ImageCache/bg_title_subwindow.jpg) repeat-x center top;
}

.subHeader
{
    background-color:#CCE1F7; 
    color: #8F96B2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px; 
    font-weight: bold;        
   /* border-bottom:1px solid #8F96B2 ! important;  */
}

.dataLabel
{
    background-color:#CCE1F7; 
    color: #8F96B2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: bold;  
    white-space: nowrap;      
}

.dataText
{
    background-color:#CCE1F7; 
    color: #8F96B2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: bold;  
}

.dataLabel > span
{
    background-color:#CCE1F7; 
    color: Red;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: bold;  
    white-space: nowrap;      
}

.dataValue
{
    background-color: #CCE1F7; 
    color: #333366;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    font-weight: bold;    
}

.nonBoldValue
{
    background-color: #CCE1F7; 
    color: #333366;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    font-weight: normal;
}

/**********************************************************
	styles for autocompletion from ajax toolkit
***********************************************************/

/*AutoComplete flyout */
.autocomplete_completionList 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;    
    z-index: 2000;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}



/*********************************
	style for errorlist
    in LogContainer.ascx
*********************************/


.dragHandle
{
	cursor:move;
	border: solid 1px black;
	background-color: #CCE1F7;
	color:White;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	width:100%;
	height:20px;
}


tr.errorItem
{
   cursor: pointer;
}

/* http://www.creative-edesign.com/css/css_hover_effekt_beispiel_2.php  */

tr.errorItem:hover
{
   color:#ffffff;
   background-color:#006699;
}


.popupList 
{ 
    position:absolute;
    top:100px;
    left:50px;
    z-index:1000;
    width:100%;
    height:100%;
    background:white; 
	border: solid 3px black;    
}

.popupBody
{
	border: solid 1px black;
	background-color: #FFFFFF;
	color:Black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	width:100%;
	height:100%;
}



/*********************************
       CollapsiblePanel
*********************************/


.collapsePanel {
	
	background-color:#CCE1F7;
	overflow:hidden;
}

.collapsePanelHeader{
	width:95%;
	height:28px;
	background-image: url(../../ImageCache/bg_title_subwindow.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}


.freetext 
{
	font-family: Monospace;
	margin-top: 0px;
	margin-left: 0px;
}

.InfoBox
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: Black;
	background-color:White;
    top:220px;
    left:20px;
    width:550px;
	height:400px;
    z-index:1000;
    border: solid 2px blue;
    display: none;   	
}

.informControl
{
    top:200px;
    left:50px;
    background: White; 
	border: solid 2px blue;    
}

.informHeader 
{ 
	height:25px;
}

.informHeaderText 
{ 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	text-align:left;
	height:20px;
	color:Black;
	border:1px solid #CCE1F7;
	background-color:#CCE1F7;
}


.informHeaderClose
{
	text-align:right;
}

.informText
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color:Gray;
	font-size:9pt;
	overflow:scroll;
	text-align:left;
	border:5px 
}