/* popup section */
.popUpTop{
    width: 624px;
    height: 34px;
    background: transparent url(img/popUpTop.png) repeat-y left top;
}

.popUpTopActive{
    width: 100%;
    height: 34px;
}
.popUpTopActive .left {width:65px;height:34px;float:left;background: transparent url(img/popUpTop-left.png) no-repeat left bottom;}
.popUpTopActive .right {width:27px;height:34px;float:right;background: transparent url(img/popUpTop-right.png) no-repeat left bottom;}
.popUpTopActive .middle {margin:0 27px 0 65px;text-align:left;height:34px;background: transparent url(img/popUpTop-middle.png) repeat-x left bottom;}

.popUpMiddle{
    width: 100%;
	height: 100%;
    min-height: 50px;
}
/* TODO height tag required ? -> databox.html
	IE bugfix
	1) height tag removed
	2) css style set below
	3) css style set for ie in style_ie.css */
.popUpMiddle #cwAutoControl[PopupContent] > table {
	height:100%;
}
.popUpMiddle .left {width:65px;height:100%;float:left;background: transparent url(img/popUpMiddle-left.png) repeat-y left bottom;}
.popUpMiddle .right {width:27px;height:100%;float:right;background: transparent url(img/popUpMiddle-right.png) repeat-y left bottom;}
.popUpMiddle .middle {overflow:auto;margin:0 27px 0 65px;height:100%; text-align:left;background-color: #FFF;}


.popUpBottom{
    width: 100%;
    height: 50px;
}
.popUpBottom .left {width:65px;height:50px;float:left;background: transparent url(img/popUpBottom-left.png) no-repeat left bottom;}
.popUpBottom .right {width:27px;height:50px;float:right;background: transparent url(img/popUpBottom-right.png) no-repeat left bottom;}
.popUpBottom .middle {margin:0 27px 0 65px;text-align:left;height:50px;background: transparent url(img/popUpBottom-middle.png) repeat-x left bottom;}
.popUpBottom .middle .resize {cursor:se-resize;float:right;height:25px;width:25px;background: transparent url(img/resize-corner2.png) no-repeat left bottom;}

.popUpBottomActive{
    width: 624px;
    height: 50px;
    background: transparent url(images/popUpBottom.png) repeat-y left bottom;
}

.popUpContentTable {
	width:100%;
	height:100%;
	background-color:#FFF;
	border:0 none;
}


div.buttonMin {
        top:0px;
        right:40px;
        height:13px;
        width:13px;
        margin: 0 0;
        background-image: url("images/buttonMinimizeBlue.png");
        cursor:pointer;
}
div.buttonMin:hover {
        background-image: url("images/buttonMinimizeBlueHighlighted.png");
}

div.buttonClose {
        top:0px;
        right:0px;
        height:13px;
        width:13px;
        margin: 0 0;
        background-image: url("images/buttonCloseRed.png");
        cursor:pointer;
}
div.buttonClose:hover {
        background-image: url("images/buttonCloseRedHighlighted.png");
}

div.buttonMax {
        top:0px;
        right:20px;
        height:13px;
        width:13px;
        margin: 0 0;
        background-image: url("images/buttonMaximizeBlue.png");
        cursor:pointer;
}
div.buttonMax:hover {
        background-image: url("images/buttonMaximizeBlueHighlighted.png");
}

/*
	cwOffice.core.js invalid javascript response
*/
#xhrError div {
	text-align:center;
	width:100%;
	top:5px;
	left:0px;
	z-index:1001;
	position:fixed;  
}
#xhrError #xhrErrorTitle {
	width:700px;
	background-color:red; 
	display:inline-table;
}
#xhrError #xhrErrorBackground  {
	background-color:#000;
	height:100%;
	top:0px;
	z-index:1000;
	-moz-opacity:0.5; /* Gecko-Browser */
	opacity:0.5; /* Opera 9+ */
}
#xhrError textarea{
	width:700px;
	height:300px;
}
#xhrError a{
	cursor:pointer;
}       


body
{
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
/*	margin: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width:100%;
	text-align:center;
	margin:0 auto;*/
}
td
{
font-size: 12px;
}
td.navitop
{
	background-image:url(/berke/berke.webflow/templates/modules/BerkeWebflowStyle/images/backcolor.jpg);
}
td.navi
{
font-size: 12px;
border:1px solid #000;
vertical-align:top;
overflow:hidden;
text-align: center;
vertical-align:middle;

}
td.Small
{
font-size: 9px;
vertical-align:top;

}
td.General
{
font-size: 12px;
border:1px solid #000;
vertical-align:middle;
overflow:hidden;

}
td.General span {
	display:block;
	width:30px;
	text-align:center;
}
table.General
{
	font-size: 12px;
	border:1px solid #000;
}
td.navi:hover {background-color:#efefef;}

.title
{
	color: #000000;
	font-size: 12px;
	font-family: arial;
	font-weight: bolder;
}

.description
{
	color: #000000;
	font-size: 10px;
	font-family: arial;
	font-style: italic;
	font-weight: normal;
}

.content
{
	text-align:left; /* for IE */
	margin:0 left; /* for the rest */
}

a
{
	color: #000000;
}
a:link {
         TEXT-DECORATION: none
}
a:active {
         TEXT-DECORATION: none
}
a:visited {
         TEXT-DECORATION: none
}
a:hover {
        TEXT-DECORATION: underline
}
div#whiteBox {
z-index:1;
position: absolute;
left: 50%;
margin-left: -250px;
width: 250px;
top: 50%;
margin-top: -250px;
height: 150px;
background: #FFFFFF;
color: #000000;
filter: alpha(opacity=100%); /* Fuer IE */
moz-opacity: 1; /* F�r Gecko-Browser */
display:none;
}
div#blackBox {
z-index: 2;
position: absolute;
left: 0;
margin-left: 0;
width: 100%;
top: 0;
margin-top: 0;
height: 100%;
background: #000;
color: #fff;
filter: alpha(opacity=80); /* F�r IE */
-moz-opacity: 0.80; /* F�r Gecko-Browser */
display:none;
}
/*.Loading
{
	display:none;
}*/

div.whiteBox1 {
margin: 20px auto;
width: 300px;
height: 300px;
border: 1px solid #000;
}

div.blackBox1 {
float: right;
margin: 0;
width: 100px;
height: 100px;
background: #000;
}
div.ContainerLink{
	background-color:#FFF;
}
div.ContainerLink:hover{
	background-color:#EEE;
}
#CwAutoCompletionBoxList{
	position:absolute;
	left:0px;
	top:0px;
	max-height:100px;
	visibility:hidden;
	border:solid black 1px;
	background-color:white;
	z-index:50000;
	text-align:left;
	overflow-y:auto;
	overflow-x:hidden;
	white-space:nowrap;
}
.CwRequiredField{
	background-color:red;
}
.CwRequiredFieldMessage{
	color:red;
}
.CwAutoComp_UnSelectedItem{
	background-color:#FFF;
	color:#000;
}
.CwAutoComp_SelectedItem{
	background-color:#000099;
	color:#FFF;
}
.CwAutoComp_Box{
	background-color: #FFF;
	border:1px solid #000;
	color:#000;
}
#cwAutoControl[SQLStatement] {
	font-family : Arial, Helvetica, sans-serif;
}

#CW2ErrorBox{
	background-color:#F8C449;
	border: solid 1px red;
}
.CW2ErrorBox_Error{
	background-color:#F8C449;
}
.CW2ErrorBox_ErrorMouseOver{
	background-color:#FFCC60;
}

/*
 * TABS
 * 
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }
/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }