@charset "utf-8";

/*
Colors:

Überschriften, Border etc:  #A90101
Hervorgehobener Hintergrund:  #C3C3C3

Col Color1: #dddddd
Col Color2: #dec1c1
Col Color3: #cfcfcf 
Col Color4: #d0dddd

*/

/*//////////////////////////////////////////////////////////////////////////////
// Tags
//////////////////////////////////////////////////////////////////////////////*/

body, html
{
	height:    100%;
	width:     100%;

	margin:    0px;
	padding:   0px;
	font-family:@{font.family};
}

* 
{
  margin:   0; 
  padding:  0; 
  color:        @{font.color};
  font-size:    @{font.size};
  font-family:  @{font.family};
  font-weight:normal;
  text-decoration:none;
}

label
{
  margin:1px;
}

a img
{ 
  border:0px;
}

hr
{
  clear:both;
  border:@{border.default};
}

p
{
  margin:3px 0px 3px 0px
}

b,strong
{
  font-weight:bold;
}


/*//////////////////////////////////////////////////////////////////////////////
// Layouting and positioning
//////////////////////////////////////////////////////////////////////////////*/


.hidden 
{
  display:none;
}

.clear
{
  clear: both;
}

.left
{
	clear: both;
  float: left; 
}

.inline
{
  clear:none;
  display:inline;
  float:left;
}

.right
{
  float:right;
  display:inline;
}

.rightline
{
  float:right;
  display:inline;
}

.center 
{ 
  margin: 0px auto; 
}

.full 
{ 
  clear: both;
  width:100%;
}


/*//////////////////////////////////////////////////////////////////////////////
// Wgt Col
//////////////////////////////////////////////////////////////////////////////*/


.wgtCol1
{
  background-color: #dddddd;
}

.wgtCol2
{
  background-color: #dec1c1;
}

.wgtCol3
{
  background-color: #cfcfcf;
}

.wgtCol4
{
  background-color: #d0dddd;
}

.wgtColGood
{
  background-color:#7bff5d;
}

.wgtColAverage
{
  background-color:#ffe14d;
}

.wgtColBad
{
  background-color:#cf0a0a;
  color:#e3e3e3;
}

.wgtColPlain
{
  background-color:#e5e0ff;
}

/*//////////////////////////////////////////////////////////////////////////////
// Layouting and positioning
//////////////////////////////////////////////////////////////////////////////*/


.border
{
  border: @{border};
}

.text
{
  font-family:@{font.family};
  font-size:0.8em;
  color:@{font.color};
  font-weight:normal;
  text-decoration:none;
}

.wgt_ajax
{
  cursor:pointer;
}

.wgt_window
{
  cursor:pointer;
}

.cursor
{
  cursor:pointer;
}

.selected
{
  color:#00C000;
  font-weight:bold;
  border:1px solid #00C000;
}

/*//////////////////////////////////////////////////////////////////////////////
// Fix sizes
//////////////////////////////////////////////////////////////////////////////*/

.tiny
{
  width:50px;
}

.small
{
  width:100px;
}

.medium
{
  width:150px;
}

.big
{
  width:250px;
}

/*//////////////////////////////////////////////////////////////////////////////
// Anzeigen von Icons
//////////////////////////////////////////////////////////////////////////////*/

img.icon
{
  border-width:0px;
  cursor:pointer;
}

img.icon.tiny
{
  width:14px;
  height:14px;
}

img.icon.small
{
  width:22px;
  height:22px;
}

img.icon.medium
{
  width:48px;
  height:48px;
}

img.icon.big
{
  width:128px;
  height:128px;
}

/*//////////////////////////////////////////////////////////////////////////////
// Relativ sizes
//////////////////////////////////////////////////////////////////////////////*/

.nearly_full
{
  width:99%;
}

.content .nearly_full
{
	width:97%;
}

.half
{
  width:49.9%;
}

.third
{
  width:33.2%;
}

.two_third
{
  width:66.5%;
}

.fourth
{
  width:24.9%;
}

.tree_fourth
{
  width:74.9%;
}

.fith
{
  width:19.9%;
}

/*//////////////////////////////////////////////////////////////////////////////
// Elemente zum erzeugen von Abständen
//////////////////////////////////////////////////////////////////////////////*/

div.indention.small
{
  clear:both;
  width:100%;
  margin-right:-10px;
}

div.clearance.small
{
  clear:both;
  width:100%;
  height:2em;
}

div.clearance.medium
{
  clear:both;
  width:100%;
  height:2.5em;
}

div.clearance.big
{
  clear:both;
  width:100%;
  height:3em;
}

/*//////////////////////////////////////////////////////////////////////////////
// Boxes for layouting
//////////////////////////////////////////////////////////////////////////////*/

.wgtBox
{
  padding-top:4px;
  padding-bottom:4px;
  padding-right:4px;
  height:100%;
}

.wgtBox.wgtSeperator
{
  border-right:1px groove #A90101;
}

.wgtBox.emphasize
{
	border:1px dotted #A90101;
	color:#C3C3C3;
}

/*//////////////////////////////////////////////////////////////////////////////
// Error , Warning and Message Boxes
//////////////////////////////////////////////////////////////////////////////*/


.wgtBox.error
{
  width:98%;
  font-size:0.8em;
  font-weight:bold;
  margin:3px;
  padding:3px;
  background-color:@{error.background.color};
  border:@{error.border};
  color:@{error.font.color};
}

.wgtBox.warning
{
  width:98%;
  font-size:0.8em;
  font-weight:bold;
  margin:3px;
  padding:3px;
  background-color:@{warning.background.color};
  border:@{warning.border};
  color:@{warning.font.color};
}

.wgtBox.message
{
  width:98%;
  font-size:0.8em;
  font-weight:bold;
  margin:3px;
  padding:3px;
  background-color:@{message.background.color};
  border:@{message.border};
  color:@{message.font.color};
}


/*//////////////////////////////////////////////////////////////////////////////
// Text Areas / Places
//////////////////////////////////////////////////////////////////////////////*/
  
div.text
{
  width:700px;
  border:0px;
  margin-bottom:20px;
}

div.text ul
{
  font-weight:normal;
  text-decoration:none;
  margin-left:20px;
}

div.text code
{
  font-size:14px;
  margin:10px 3px 10px 3px;
  padding:4px;
  border: 1px solid #b4c0c0;
  font-weight:bolder;
  background-color:#ffffcc;
}

div.text p
{
  margin:10px 0px 10px 0px;
}

div.text blockquote
{
  font-style:italic;
  color: #7c8484;
  margin:10px 0px 10px 0px;
}


/*//////////////////////////////////////////////////////////////////////////////
// Formatierung der Formulare mit Tabellen
//////////////////////////////////////////////////////////////////////////////*/


table.wgtForm 
{
  border-spacing:3px;
}

table.wgtForm td
{
  padding:3px;
  padding-right:5px;
  vertical-align:top;
}

/*//////////////////////////////////////////////////////////////////////////////
// Wgt Classes
//////////////////////////////////////////////////////////////////////////////*/

img.wgtActionIcon
{
  position: absolute;
  display: none;
  z-index:6000;
}

span.wgt_sorter
{
  text-align:right;
  margin-left:5px;
}

.wgt_seperator
{
  border-right:1px groove #A90101;
}

.wgt_hidden
{
	display:none;
}

/*//////////////////////////////////////////////////////////////////////////////
// Wgt Classes
//////////////////////////////////////////////////////////////////////////////*/

.wgt_vert_bord
{
  width:1px;
  border:@{default.border};
  height:100%;
  float:left;
}


ul.wgtInline
{
	list-style:none;
}

ul.wgtInline li
{
	display:inline;
	float:left;
  padding:3px;
  text-align:center;
  width:75px;
}

/*//////////////////////////////////////////////////////////////////////////////
// Wgt Classes
//////////////////////////////////////////////////////////////////////////////*/

#wgt_debug_console
{
	clear:both;
  width:100%
	height:500px;
	overflow:auto;
}


/*//////////////////////////////////////////////////////////////////////////////
// Wgt Style 
//////////////////////////////////////////////////////////////////////////////*/

div.wgtTab > div.tab > .content
{
  background-color:#f3f3f3;
  border:1px solid silver;
  padding:4px;
  scroll:auto;
}

div.wgtTab > div.tab
{
  display:none;
  position:relative; 
  border-left:3px solid #fff; 
  border-right:3px solid #fff;
}


div.wgtTab > div.tab > div.content > table
{
  margin:0px;
  padding:0px;
  border:0px;
  border-collapse:collapse;
}


div.wgtTab > div.tab.activ
{
  display:block;
}

div.wgtTab > .menu
{
  width:100%;
  height:35px;
  clear:both;
  padding-left:1px;
  background-color:@{menu.bar.background.color};

}

div.wgtTab .menu.indention
{
  margin-right:-10px;
}

div.wgtTab > ul.menu > li.entry
{
  background:url(".//templates/webfrap/images/tabs/cnt_intab.jpg");
  width:128px;
  height:35px;
  display:inline;
  float:left;
  list-style:none;
  vertical-align:middle;
  cursor:pointer;
}

div.wgtTab > ul.menu > li.entry.activ
{
  background:url(".//templates/webfrap/images/tabs/cnt_actab.jpg");
}

div.wgtTab > ul.menu > li.entry.right
{
  background:url(".//templates/webfrap/images/tabs/cnt_intab.jpg");
  width:128px;
  height:35px;
  float:right;
}

div.wgtTab > ul.menu > li.entry > div
{
  padding:10px 0 0 8px;
  font-weight:bold;
  font-size:12px;
  display:block;
}









/*//////////////////////////////////////////////////////////////////////////////
// Table
//////////////////////////////////////////////////////////////////////////////*/



.wgtTable
{
  font-size:12px;
  padding:0px;
  margin:0px;
  width:100%;
}

.wgtTable thead tr
{
  background-color:#1A6F9A;
  color:#64B824;
}

.wgtTable thead th
{
  padding-left:2px;
  color:#FFFFFF;
  font-weight:bold;
}

.wgtTable tfoot tr
{
  background-color:#474747;
  color:#FFFFFF;
}

.wgtTable .jQueryCreatedRow
{
  background-color:#eeeaff;
}

.wgtTable tbody td
{
  border:1px solid #efefef;
  padding-left:2px;
}


.wgtTable .row1
{
  background-color:#ffffff;
}

.wgtTable .row2
{
  background-color:#fbfbfb;
}

.wgtTable .row3
{
  background-color:#ffeeee;
}

.wgtTable .row4
{
  background-color:#eeeeff;
}

.wgtTable .good
{
  background-color:#7bff5d;
}

.wgtTable .medium
{
  background-color:#ffe14d;
}

.wgtTable .bad
{
  background-color:#cf0a0a;
  color:#e3e3e3;
}

.wgtTable .plain
{
  background-color:#e5e0ff;
}

.wgtTableNavigation td
{
  text-align:center;
  background-color:#eee;
}


.wgtTable tbody td.writeable , .wgtTable tfoot td.writeable 
{
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  text-indent: 0px;
}


.wgtTable tbody tr.wgt_writeable td , .wgtTable tfoot tr.wgt_writeable td
{
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  text-indent: 0px;
}


.wgtTable input
{
  margin:0px;
  padding:0px;
  border:0px;
  background-color:inherit;
}
/*

.wgtTable input, .wgtTable select,  .wgtTable textarea
{
  margin:0px;
  font-size:1em;
  height:100%;
  width:100%;
  border:0px;
}
*/

/*
Colors:

Überschriften, Border etc:  #A90101
Hervorgehobener Hintergrund:  #C3C3C3

Col Color1: #dddddd
Col Color2: #dec1c1
Col Color3: #cfcfcf 
Col Color4: #d0dddd

 green:  #64b824;
 grey:   #4D4D4D;
 bggrey: #f3f3f3;
 hell blau: #39aecf;

*/

/*//////////////////////////////////////////////////////////////////////////////
// Boxes for layouting
//////////////////////////////////////////////////////////////////////////////*/

div.wgtFormular.bar
{
  margin-top:10px;
  clear:both;
  width:100%;
  height:30px;
}

div.wgtFormular.bar button
{
  margin-top:10px;
}

/*//////////////////////////////////////////////////////////////////////////////
// Buttons
//////////////////////////////////////////////////////////////////////////////*/

.wgtButton
{
  background: url(.//templates/webfrap/images/wgt/button_bg.png) repeat-x top center;
  padding:0px 7px 2px 7px;
  margin-left:3px;
  color:#64b824;
  border:1px solid #39aecf;
  font-weight:bold;
  font-size:12px;
  cursor:pointer;
}

.wgtButton a
{
  display:inline;
  font-weight:bold;
  font-size:12px;
  vertical-align:middle;
}

input.wgtButton
{
  padding-left:3px;
  padding-right:3px;
  cursor:pointer;
}

input.wgtButton.icon, div.wgtButton.icon, span.wgtButton.icon
{
  padding:2px 7px 2px 20px;
}

div.wgtButton.reset
{
  color:#ff0000;
}

/*//////////////////////////////////////////////////////////////////////////////
// Formular Settings
//////////////////////////////////////////////////////////////////////////////*/

fieldset
{
  padding:7px 3px 7px 3px;
  border:1px solid #39aecf;
  width:945px;
}

legend
{
  font-size:1.1em;
  color:#64b824;
  font-weight:bold;
  padding:0px 3px 0px 3px;
}


/*//////////////////////////////////////////////////////////////////////////////
// Boxes for layouting
//////////////////////////////////////////////////////////////////////////////*/

label.wgtLabel, div.wgtLabel 
{
  clear:both;
  float:left;
  width:110px;
  padding:3px 3px 3px 3px;
  margin:1px;
}

label.wgtLabel.big, div.wgtLabel.big
{
  width:220px;
}

div.wgtInput
{
  width:155px;
  padding:3px 3px 3px 3px;
  float:left;
  margin:1px;
}

div.wgtInput.newline
{
  clear:both;
  width:330px;
}

div.wgtInput.big
{
  width:255px;
  padding:3px 3px 3px 3px;
  float:left;
  margin:1px;
}

div.wgtInput.big.newline
{
  clear:both;
  width:355px;
}

div.wgtInput.full
{
	width:98%;
  clear:both;
}

/*//////////////////////////////////////////////////////////////////////////////
// Formatierung der Formulare mit Tabellen
//////////////////////////////////////////////////////////////////////////////*/


table.wgtForm 
{
  border-spacing:3px;
}

table.wgtForm td
{
  padding:3px;
  padding-right:5px;
  vertical-align:top;
}

/*//////////////////////////////////////////////////////////////////////////////
// Userinput Fields
//////////////////////////////////////////////////////////////////////////////*/

input, textarea, select
{
  margin-right:5px;
  font-size:0.9em;
  border:1px solid #39aecf;
  background-color:#f3f3f3;
}

input.tiny , select.tiny
{
  width:50px;
}

input.smaller , select.smaller
{
  width:75px;
}

input.small , select.small  , textarea.small
{
  width:90px;
}

input.medium  , select.medium , textarea.medium
{
  width:150px;
}

input.big , select.big , textarea.big
{
  width:250px;
}

input.huge , select.huge , textarea.huge
{
  width:400px;
}

input.full , select.full , textarea.full
{
  width:98%;
}


input.icon , select.icon
{
  background-repeat:no-repeat;
  padding-left:16px;
}

select.icon option
{
  background-repeat:no-repeat;
  padding-left:16px;
}


input.readonly, select.readonly, textarea.readonly
{
  background-color:#F4F2FF;
}

textarea.input 
{
  height: 1em;
}

textarea.small_height
{
  height: 3em;
}

textarea.medium_height
{
  height: 8em;
}

textarea.big_height
{
  height: 15em;
}






/*//////////////////////////////////////////////////////////////////////////////
// Picmenu
//////////////////////////////////////////////////////////////////////////////*/

.wgtMenu.explorer  
{
  width:99%;
  margin:3px 3px 3px 3px;
  padding:3px 3px 3px 3px;
}

.wgtMenu.explorer td 
{
  text-align:center;
  text-align:center;
  padding:30px 0 0 0;
}

.wgtMenu.explorer td:hover
{
  background-color:#d7d7d7;
}

.wgtMenu.explorer a 
{
  display:block;
  text-decoration:none;
}

.wgtMenu.explorer img 
{
  border:none;
  width:128px;
  height:128px;
  margin:8px 0px 5px 0px;
}


/*//////////////////////////////////////////////////////////////////////////////
// Menubar
//////////////////////////////////////////////////////////////////////////////*/

div.wgtMenu.bar
{
  width:100%;
  height:40px;
  background-image:url(.//templates/webfrap/images/windows/menu_bar.png);
}

div.wgtMenu.bar li
{
  list-style:none;
  padding-top:8px;
  padding-left:3px;
  display:inline;
  float:left;
}

/*//////////////////////////////////////////////////////////////////////////////
// Menubar
//////////////////////////////////////////////////////////////////////////////*/


ul.wgt_menu_tree 
{
  clear:both;
  padding:2px;

}

ul.wgt_menu_tree li
{
  list-style:none;
  min-width:130px;
  margin:1px 1px 1px 1px;
}

ul.wgt_menu_tree li ul li
{
  margin:1px 1px 1px 10px;
}

ul.wgt_menu_tree a
{
  text-decoration:none;
}

/*//////////////////////////////////////////////////////////////////////////////
// Breadcrumb
//////////////////////////////////////////////////////////////////////////////*/

ul.wgt_breadcrumb 
{
  margin-left:-10px;
  list-style:none;
  padding-bottom:10px;
}

ul.wgt_breadcrumb > li
{
  margin-left:10px;
  display:inline;
}

ul.wgt_breadcrumb > li:hover, ul.wgt_breadcrumb > li:hover a
{
  /*background-color:#39aecf;*/
  color:#64b824;
}


.window {
  position: absolute;
}

div.wgt_window {
  overflow: hidden;
  padding-top: 22px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:25px;
  position: absolute;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 300px;
  min-height: 105px;
}

div.wgt_window>div>div {
  position: absolute;
}

div.wgt_window div.wgt_left div,div.wgt_window div.wgt_right div {
  width: 5px;
}

div.wgt_window div.wgt_frame_0 {
  height: 200%;
  top: 22px;
}

div.wgt_window div div.wgt_frame_1 {
  height: 22px;
  top: 0px;
}

div.wgt_window div.wgt_frame_1>.title {
  padding-left:10px;
  color:white;
  font-weight:bold;
  size:12px;
}

div.wgt_window div div.wgt_frame_2 {
  height: 91px;
  top: 22px;
}

div.wgt_window div div.wgt_frame_3 {
  bottom: 25px;
  height: 102px;
}

div.wgt_window div div.wgt_frame_4 {
  bottom: 0px;
  height: 25px;
}

div.wgt_window div.wgt_left div.wgt_frame_0 {
  background-image: url('.//templates/webfrap/images/windows/application_win_02.png');
}

div.wgt_window div.wgt_left div.wgt_frame_1 {
  background-image: url('.//templates/webfrap/images/windows/application_win_00.png');
}

div.wgt_window div.wgt_left div.wgt_frame_2 {
  background-image: url('.//templates/webfrap/images/windows/application_win_01.png');
}

div.wgt_window div.wgt_left div.wgt_frame_3 {
  background-image: url('.//templates/webfrap/images/windows/application_win_03.png');
}

div.wgt_window div.wgt_left div.wgt_frame_4 {
  background-image: url('.//templates/webfrap/images/windows/application_win_04.png');
}

div.wgt_window div.wgt_right div.wgt_frame_0 {
  background-image: url('.//templates/webfrap/images/windows/application_win_22.png');
}

div.wgt_window div.wgt_right div.wgt_frame_1 {
  background-image: url('.//templates/webfrap/images/windows/application_win_20.png');
}

div.wgt_window div.wgt_right div.wgt_frame_1>.title {
  padding-left:10px;
}

div.wgt_window div.wgt_right div.wgt_frame_2 {
  background-image: url('.//templates/webfrap/images/windows/application_win_21.png');
}

div.wgt_window div.wgt_right div.wgt_frame_3 {
  background-image: url('.//templates/webfrap/images/windows/application_win_23.png');
}

div.wgt_window div.wgt_right div.wgt_frame_4 {
  background-image: url('.//templates/webfrap/images/windows/application_win_24.png');
}

div.wgt_window div.wgt_middle div.wgt_frame_0 {
  height: 5px;
  top: -1px;
}

div.wgt_window div.wgt_middle div.wgt_frame_1 {
  background-image: url('.//templates/webfrap/images/windows/application_win_10.png');
}

div.wgt_window div.wgt_middle div.wgt_frame_4 {
  background-image: url('.//templates/webfrap/images/windows/application_win_14.png');
}

div.wgt_window div.wgt_right div {
  right: 0px;
}

div.wgt_window div.wgt_middle>div {
  width: 100%;
}

div.wgt_window div.wgt_left>div,div.wgt_window div.wgt_middle>div {
  left: 0px;
}

div.wgt_window div.wgt_middle {
  height: 100%;
  left: 0px;
  top: 0px;
  width: 100%;
}

div.wgt_window>button {
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 3px;
  width: 22px;
  height: 16px;
  border: 0px solid transparent;
  background-repeat: no-repeat;
  background-position: bottom left;
}

/* IE specific */
*+html div.wgt_window button {
  top:3px;
}

div.wgt_window button.max {
  background-image: url('.//templates/webfrap/images/windows/max.png');
  right: 32px;
}

div.wgt_window button.min {
  background-image: url('.//templates/webfrap/images/windows/min.png');
  right: 32px;
}

div.wgt_window button.close {
  right: 8px;
  background-image: url('.//templates/webfrap/images/windows/close.png');
}

div.wgt_window div.wgt_middle {
  background-color: white;
  overflow: auto;
}

div.wgt_window div.wgt_middle div.wgt_header {
  background-color: #CFDDE8;
  margin-left: 5px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  top: 22px;
  width: auto;
}

div.wgt_header h1 {
  background-image: url('.//templates/webfrap/images/windows/title_area_bg.gif');
  background-position: center top;
  background-repeat: repeat-x;
  font-size: 19px;
  font-style: italic;
  font-weight: bold;
  padding: 3px 14px;
  color: #000000;
  margin: 0px;
  white-space: nowrap;
  width:100%;
}

div.wgt_header div.context_info h2 {
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 0px;
  color: #000000;
  display: inline;
  margin-right: 14px;
}

div.wgt_header div.context_info span {
  margin-right: 14px;
  font-size: 11px;
  white-space: nowrap;
  font-weight: bold;
}

div.wgt_header div.context_info>span>span {
  font-weight: normal;
  margin-right: 0px;
}

div.wgt_header>div {
	background-image:url(.//templates/webfrap/images/windows/menu_bar.png);
	background-position: center top;
	background-repeat: repeat-x;
	height:40px;
	padding: 4px 14px;
	border-bottom: 1px solid #A8B8C7;
}

div.wgt_window div.wgt_middle div.content {
  position: static;
}

/* IE specific */
*+html div.wgt_window div.wgt_middle div.content {
  width: 96%;
}

/*//////////////////////////////////////////////////////////////////////////////
Begin: Tab mark-up
//////////////////////////////////////////////////////////////////////////////*/

div.wgt_window div.tab_container {
  text-align: right;
  padding: 13px 16px 5px 14px !important;
  white-space: nowrap;
  font-size: 11px ! important;
  vertical-align: bottom;
  height: 23px;
  border-bottom: 1px solid #758EA7 !important;
}

div.wgt_window div.tab_extender {
	background-color: #9EC0E8;
	background-image: url('.//templates/webfrap/images/windows/nav_shadow.gif');
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 6px;
	padding: 0px;
	border-width: 0px;
	clear: left;
}

div.wgt_window div.tab_container a {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

div.wgt_window div.tab_container a:hover {
  text-decoration: underline;
}

div.wgt_window div.tab_container span.active_tab  a {
  cursor: text;
}

div.wgt_window div.tab_container span.active_tab  a:hover {
  text-decoration: none;
}

div.wgt_window div.tab_container span span {
  background-image: url('.//templates/webfrap/images/tabs/off_bg.gif');
  background-position: left top;
  background-repeat: repeat-x;
  padding: 6px 10px 4px 9px;
  height: 24px;
}

div.wgt_window div.tab_container span span:first-child {
  background-image: url('.//templates/webfrap/images/tabs/off_start.gif');
  background-repeat: no-repeat;
  padding-left: 9px;
  padding-right: 0px;
  margin-right: -3px;
  width: 12px;
}

div.wgt_window div.tab_container>span {
  background-image: url('.//templates/webfrap/images/tabs/off_end.gif');
  background-position: right top;
  background-repeat: no-repeat;
  padding: 5px 2px 5px 0px;
  height: 24px;
}

/* IE7 specific 
* See http://www.thestyleworks.de/tut-art/ie7.shtml#ie7-hacks
*/
*+html div.wgt_window div.tab_container>span {
  padding: 0px;
  padding-right: 1px;
}

div.wgt_window div.tab_container div+span span:first-child {
  background-image: url('.//templates/webfrap/images/tabs/off_first.gif');
  padding-left: 21px;
  margin-left: 10px;
}

div.wgt_window div.tab_container span.active_tab {
  font-weight: bold;
  z-index: 1;
}

div.wgt_window div.tab_container span.active_tab span:first-child {
  background-image: url('.//templates/webfrap/images/tabs/on_start.gif');
  padding-left: 24px;
  margin-right: -5px;
}

div.wgt_window div.tab_container span.active_tab span {
  background-image: url('.//templates/webfrap/images/tabs/on_bg.gif');
  padding-bottom: 5px;
}

div.wgt_window div.tab_container span.active_tab {
  background-image: url('.//templates/webfrap/images/tabs/on_end.gif');
  margin-left: -12px;
  padding-bottom: 6px;
}

div.wgt_window div.tab_container div+span.active_tab span:first-child {
  background-image: url('.//templates/webfrap/images/tabs/on_first.gif');
  margin-left: 10px;
}

div.wgt_window div.tab_container>div.button_container {
	float: left;
	height: 19px;
	margin-top:-6px;
}

/*//////////////////////////////////////////////////////////////////////////////
End: Tab Markup
//////////////////////////////////////////////////////////////////////////////*/
div.wgt_window div.window_layer {	
	height: 200%;
}

div.wgt_window.inactive div.window_layer.inactive {
	background-color: #A8B8C7;
	filter: alpha(opacity =   60);
	-moz-opacity: .6;
	height: 200%;
}

div.wgt_window.loading div.window_layer.loading {
	background-color: #CFDDE8;
	filter: alpha(opacity =  50);
	-moz-opacity: .5;
	cursor: wait;
}

/*//////////////////////////////////////////////////////////////////////////////
Begin: Form Markup
//////////////////////////////////////////////////////////////////////////////*/

div.wgt_window div.content fieldset {
	margin: 5px 10px 15px;	
	padding-top:5px;
	padding-bottom:5px;
	border: 1px solid #A8B8C7;
	float: left;
	clear:left;
}

div.wgt_window div.content fieldset legend {
	margin-left: 10px;
	font-weight: bold;	
}

div.wgt_window div.content fieldset>table {
	border-collapse: collapse;
	width:590px;
	table-layout:fixed;
}

div.wgt_window div.content fieldset>table td {
	vertical-align: top;	
	padding-left: 20px;
}

div.wgt_window div.content fieldset>table tr:first-child td {
	padding-top: 5px;
}


div.wgt_window div.content fieldset>table td+td {
	border-left: 1px solid #A8B8C7;
}

div.wgt_window div.content fieldset>table td>div {
	margin: 1px 5px;
	padding: 1px 5px;
	/*white-space: nowrap;*/
	width: 270px;
	/*position: relative;*/
}

div.wgt_window div.content fieldset td>div>label,
div.wgt_window div.content fieldset td>div>.label
	{
	display: inline-block;
	text-align: left;
	padding-right: 10px;
	width: 85px;
	/*white-space: nowrap;*/
}

div.wgt_window div.content fieldset>table label+*,
div.wgt_window div.content fieldset>table span.label+* {
	display:inline-block;
	width: 120px;
	/*white-space: nowrap;*/
}

div.wgt_window div.content fieldset>table.three td>div {
		width: 160px;
	}
	
div.wgt_window div.content fieldset>table.one td>div{
		width: 500px;
	}
	
div.wgt_window div.content fieldset>table.one td>div>input{
	width: 200px;
	margin-left: 10px;
}

div.wgt_window div.content fieldset table.three td>div>label,
div.wgt_window div.content fieldset tr.three td>div>.label
	{
	width: 51px;
	}
div.wgt_window div.content fieldset>table.three label+*,
div.wgt_window div.content fieldset>table.three span.label+* {
	width: 70px;
}

div.wgt_window div.content fieldset button.focus,
div.wgt_window div.content fieldset button.active,
div.wgt_window div.content fieldset button.standby {	
	visibility: visible ! important;	
	}

div.wgt_window div.radio_container {
	line-height: 20px;
	vertical-align: middle;
}

div.wgt_window .radio_container span.radios {
	display: inline-block;
	border: 0px solid green;
	vertical-align: top;
}

div.wgt_window .radio_container input {
	vertical-align: middle;
}

div.wgt_window .radio_container label {
	padding-left: 2px;
	vertical-align: middle;
}

div.wgt_window div.yui_callendar{
position: absolute;
visibility: hidden;
}


.yui-skin-sam .yui-calendar{
width: 170px;
}

div.yui_callendar.visible{
  visibility: visible ! important;
}



.jqac-menu{
  font-size: 14px;
  color: black;
  background-color: white;
  border: 1px solid #aaa;
}
.jqac-menu ul{
  list-style: none;
  margin: 1px;
  padding: 1px;
  overflow: hidden;
}
.jqac-menu .jqac-link {
  cursor: hand;
  cursor: pointer;
  display: block;
}
.jqac-menu .jqac-highlight {
  background-color: #ddf;
}
.jqac-menu .jqac-warning {
  font-style: italic;
}
.jqac-menu em {
    text-decoration: underline;
}
.jqac-menu .jqs-info {
    text-align: right;
    font-style: italic;
    font-size: .75em;
    color: #666;
}

div.tabs
{
  position: relative;
  border: 1px solid #000;
  width: 500px;
  /*height: 300px;*/
  overflow:visible;
}

div.tab_button
{
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #000;
  height: 30px;
  width: 100px;
  background: #f0f0f0;
  /* no js*/
  display: none;
}

div.tab_active
{
  font-weight: bold;
  border: 2px solid black;
}

div.tab_content
{
  position: absolute;
  top: 31px;
  width: 100%;
  height: auto; 
  border: 1px dotted black;
  background: #f0f0f0;
  /* no js*/
  position: relative;
  top: auto;
}

div.wysiwyg { border: 1px solid #ccc; padding: 5px; background-color: #FFF; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #ccc; float: left; width: 100%; padding: 0 0 4px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; }
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #ccc; }
div.wysiwyg ul.panel li a { opacity: 0.6; display: block; width: 16px; height: 16px; background: url(.//templates/webfrap/images/ui/wysiwyg_map.gif) no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #ccc; border-left-color: #AAA; border-top-color: #AAA; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 100%; }
#tooltip 
{
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div 
{ 
	margin: 0; 
	color:#4D4D4D;
	font-size:10px;
}

#tooltip.boxed {
  font-family: Arial;
  border: none;
  width: 210px;
  padding:20px;
  height: 135px;
  /*opacity: 0.8;*/
  background: url(.//templates/webfrap/images/wgt/shadow.png);
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(.//templates/webfrap/icons/tiny/rating/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(.//templates/webfrap/icons/tiny/rating/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


/*UI accordion*/
.ui-accordion {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  border-bottom: 1px solid #d3d3d3;
}
.ui-accordion-group {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  border: 1px solid #d3d3d3;
  border-bottom: none;
}
.ui-accordion-header {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  cursor: pointer;
  background: #e6e6e6 url(templates/themes/webfrap/images/ui/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-accordion-header a {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  display: block;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none;
  padding: .5em .5em .5em 1.7em;
  color: #555555;
  background: url(templates/themes/webfrap/images/ui/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
}
.ui-accordion-header a:hover {
  background: url(templates/themes/webfrap/images/ui/454545_7x7_arrow_right.gif) .5em 50% no-repeat;
  color: #212121;
}
.ui-accordion-header:hover {
  background: #dadada url(templates/themes/webfrap/images/ui/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  color: #212121;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
  background: #ffffff url(templates/themes/webfrap/images/ui/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
  color: #222222;
  background: url(templates/themes/webfrap/images/ui/222222_7x7_arrow_down.gif) .5em 50% no-repeat;
}
.ui-accordion-content {
  padding: 1.5em 1.7em; 
  background: #ffffff;
  color: #222222;
  font-size: 1.1em;
}


/*slider*/
.ui-slider {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  height: .8em;
  position: relative;
}
.ui-slider-handle {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  position: absolute;
  z-index: 2;
  top: -3px;
  width: 1.2em;
  height: 1.2em;
  background: #ffffff url(templates/themes/webfrap/images/ui/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
  border: 1px solid #dddddd;
}
.ui-slider-handle:hover {
  background: #dadada url(templates/themes/webfrap/images/ui/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  border: 1px solid #999999;
}
.ui-slider-handle-active, .ui-slider-handle-active:hover {
  background: #dadada url(templates/themes/webfrap/images/ui/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  border: 1px solid #dddddd;
}
.ui-slider-range {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  height: .8em;
  background: #dadada url(templates/themes/webfrap/images/ui/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  position: absolute;
  border: 1px solid #d3d3d3;
  border-left: 0;
  border-right: 0;
  top: -1px;
  z-index: 1;
}

/*dialog*/
.ui-dialog {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  background: #ffffff;
  color: #222222;
  border: 4px solid #d3d3d3;
  position: relative;
}
.ui-dialog-content {
  border: 1px solid #d3d3d3;
  background: #ffffff;
  color: #222222;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
  display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
  cursor: n-resize; 
  height: 7px; 
  width: 100%; 
  top: -5px; 
  left: 0px;  
}
.ui-resizable-s { 
  cursor: s-resize; 
  height: 7px; 
  width: 100%; 
  bottom: -5px; 
  left: 0px; 
}
.ui-resizable-e { 
  cursor: e-resize; 
  width: 7px; 
  right: -5px; 
  top: 0px; 
  height: 100%; 
}
.ui-resizable-w { 
  cursor: w-resize; 
  width: 7px; 
  left: -5px; 
  top: 0px; 
  height: 100%;
}
.ui-resizable-se { 
  cursor: se-resize; 
  width: 13px; 
  height: 13px; 
  right: 0px; 
  bottom: 0px; 
  background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
  cursor: sw-resize; 
  width: 9px; 
  height: 9px; 
  left: 0px; 
  bottom: 0px;  
}
.ui-resizable-nw { 
  cursor: nw-resize; 
  width: 9px; 
  height: 9px; 
  left: 0px; 
  top: 0px; 
}
.ui-resizable-ne { 
  cursor: ne-resize; 
  width: 9px; 
  height: 9px; 
  right: 0px; 
  top: 0px; 
}
.ui-dialog-titlebar {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  padding: .5em 1.5em .5em 1em;
  color: #555555;
  background: #e6e6e6 url(templates/themes/webfrap/images/ui/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  border-bottom: 1px solid #d3d3d3;
  font-size: 1.1em;
  font-weight: normal;
  position: relative;
}
.ui-dialog-title {

}
.ui-dialog-titlebar-close {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  background: url(templates/themes/webfrap/images/ui/888888_11x11_icon_close.gif) 0 0 no-repeat;
  position: absolute;
  right: 8px;
  top: .7em;
  width: 11px;
  height: 11px;
  z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
  background: url(templates/themes/webfrap/images/ui/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
  background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
  display: none;
}
.ui-dialog-content {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  background: #ffffff;
  color: #222222;
  padding: 1.5em 1.7em; 
}
.ui-dialog-buttonpane {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  border-top: 1px solid #d3d3d3;
  background: ;
}
.ui-dialog-buttonpane button {
  margin: .5em 0 .5em 8px;
  color: #555555;
  background: #e6e6e6 url(templates/themes/webfrap/images/ui/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-size: 1.1em;
  border: 1px solid #d3d3d3;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
  color: #212121;
  background: #dadada url(templates/themes/webfrap/images/ui/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
  color: #222222;
  background: #ffffff url(templates/themes/webfrap/images/ui/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
  border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}







/*colorpicker*/
.ui-colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(templates/themes/webfrap/images/ui/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.ui-colorpicker-color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.ui-colorpicker-color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(templates/themes/webfrap/images/ui/colorpicker_overlay.png);
}
.ui-colorpicker-color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(templates/themes/webfrap/images/ui/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.ui-colorpicker-hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.ui-colorpicker-hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(templates/themes/webfrap/images/ui/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.ui-colorpicker-new-color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.ui-colorpicker-current-color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.ui-colorpicker-hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(templates/themes/webfrap/images/ui/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.ui-colorpicker input {
  height: 15px;
}
.ui-colorpicker-hex input {
  margin-left: 18px;
  right: 6px;
  width: 47px;
}
.ui-colorpicker-field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.ui-colorpicker-field label {
  padding-left: 17px;
  font-size: 10px;
}
.ui-colorpicker-field input {
  width: 25px;
}
.ui-colorpicker-field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.ui-colorpicker-rgb-r {
  background-image: url(templates/themes/webfrap/images/ui/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.ui-colorpicker-rgb-g {
  background-image: url(templates/themes/webfrap/images/ui/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.ui-colorpicker-rgb-b {
  background-image: url(templates/themes/webfrap/images/ui/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.ui-colorpicker-hsb-h {
  background-image: url(templates/themes/webfrap/images/ui/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.ui-colorpicker-hsb-s {
  background-image: url(templates/themes/webfrap/images/ui/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.ui-colorpicker-hsb-b {
  background-image: url(templates/themes/webfrap/images/ui/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.ui-colorpicker-submit {
  position: absolute;
  left: 296px;
  top: 144px;
  overflow: hidden;
}
.ui-colorpicker-focus {
  background-position: center;
}
.ui-colorpicker-hex.ui-colorpicker-focus {
  background-position: bottom;
}
.ui-colorpicker-submit.ui-colorpicker-focus {
  background-position: bottom;
}
.ui-colorpicker-slider {
  background-position: bottom;
}


/*autocomplete*/
.ui-autocomplete-results {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;

  border: 1px solid #d3d3d3;
  background: #ffffff;
  color: #222222;

  overflow: hidden;
  z-index: 99999;
}

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

.ui-autocomplete-results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  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;
  

  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(templates/themes/webfrap/images/ui/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-weight: normal;
  color: #555555 !important;  
  
}

.ui-autocomplete-loading {
  background: white url('indicator.gif') right center no-repeat;
}

.ui-autocomplete-results li.ui-autocomplete-over {
  border: 1px solid #999999;
  background: #dadada url(templates/themes/webfrap/images/ui/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-weight: normal;
  color: #212121 !important;
}





/* ProgressBar */

.ui-progressbar {
  width: 400px; height: 20px;
  border: 1px #ccc solid;
  background:#E0E8F3 url(templates/themes/webfrap/images/ui/bg.gif) repeat-x scroll 0%;
  position:relative;
}

.ui-progressbar-wrap {
  position: relative;
  height: auto;
  width: auto;
  line-height: 18px;
  _line-height: 16px;
}

.ui-progressbar-bar {
  background:#9CBFEE url(templates/themes/webfrap/images/ui/progress-bg.gif) repeat-x scroll left center;
  border-bottom:1px solid #7FA9E4;
  border-right:1px solid #7FA9E4;
  border-top:1px solid #D1E4FD;
  position: absolute;
}

.ui-progressbar-text {
  color:#fff;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11px;
  font-weight: bold;
  padding-left: 5px;
}

.ui-progressbar-text-back {
  color:#000;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
}

.ui-progressbar-disabled {
  opacity:.5;
  filter:Alpha(Opacity=50);
}


/* custom */
.ui-progressbar-text.right-align {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-progressbar-inner-custom {
  background: url(templates/themes/webfrap/images/ui/custom-bar.gif) repeat-x scroll left center;
  border-bottom:1px solid #EFEFEF;
  border-right:0pt none;
  border-top:1px solid #BEBEBE;
  height:15px;
}
.bold {
  color: red !important;
}
.ui-hidden {
  left:-10000px;
  position:absolute;
  top:-10000px;
  visibility:hidden;
}



/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
/*component content styles*/
.ui-component-content {
  border: 1px solid #d3d3d3;
  background: #ffffff;
  color: #222222;
}
.ui-component-content a {
  color: #222222;
  text-decoration: underline;
}
/*component states*/
.ui-default-state {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(templates/themes/webfrap/images/ui/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-weight: normal;
  color: #555555 !important;
}
.ui-default-state a {
  color: #555555;
}
.ui-default-state:hover, .ui-hover-state {
  border: 1px solid #999999;
  background: #dadada url(templates/themes/webfrap/images/ui/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-weight: normal;
  color: #212121 !important;
}
.ui-hover-state a {
  color: #212121;
}
.ui-default-state:active, .ui-active-state {
  border: 1px solid #dddddd;
  background: #ffffff url(templates/themes/webfrap/images/ui/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
  font-weight: normal;
  color: #222222 !important;
  outline: none;
}
.ui-active-state a {
  color: #222222;
  outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(templates/themes/webfrap/images/ui/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(templates/themes/webfrap/images/ui/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(templates/themes/webfrap/images/ui/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-left-default {background: url(templates/themes/webfrap/images/ui/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(templates/themes/webfrap/images/ui/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(templates/themes/webfrap/images/ui/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-down-default {background: url(templates/themes/webfrap/images/ui/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(templates/themes/webfrap/images/ui/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(templates/themes/webfrap/images/ui/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-up-default {background: url(templates/themes/webfrap/images/ui/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(templates/themes/webfrap/images/ui/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(templates/themes/webfrap/images/ui/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-close-default {background: url(templates/themes/webfrap/images/ui/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(templates/themes/webfrap/images/ui/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-folder-closed-default {background: url(templates/themes/webfrap/images/ui/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(templates/themes/webfrap/images/ui/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-open-default {background: url(templates/themes/webfrap/images/ui/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(templates/themes/webfrap/images/ui/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-doc-default {background: url(templates/themes/webfrap/images/ui/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(templates/themes/webfrap/images/ui/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default {background: url(templates/themes/webfrap/images/ui/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(templates/themes/webfrap/images/ui/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default {background: url(templates/themes/webfrap/images/ui/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(templates/themes/webfrap/images/ui/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-minus-default {background: url(templates/themes/webfrap/images/ui/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(templates/themes/webfrap/images/ui/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-plus-default {background: url(templates/themes/webfrap/images/ui/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(templates/themes/webfrap/images/ui/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(templates/themes/webfrap/images/ui/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
/*hidden elements*/
.ui-hidden {
  display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
   position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */




/* UI Spinner */
.ui-spinner {
  width: 15em;
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #999;
  background: #FEFEFE url(./templates/themes/webfrap/images/ui/spinner-bg.gif) repeat-x left bottom;
  padding: 0 5px;
}

.ui-spinner-disabled {
  background: #F4F4F4;
  color: #CCC;
}

.ui-spinner-box {
  width: 90%;
  height: 100%;
  float: left;
  font-size: 125%;
  border: none;
  background: none;
  padding: 0;
}

.ui-spinner-up,
.ui-spinner-down {
  width: 10%;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  z-index: 100;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  right: 0;
  cursor: default;
  border: 1px solid #999;
  border-right: none;
  border-top: none;
}

.ui-spinner-down {
  bottom: 0;
  border-bottom: 0;
}

.ui-spinner-pressed {
  background: #FEFEFE;
}

.ui-spinner-list,
.ui-spinner-listitem {
  margin: 0;
  padding: 0;
}
/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #400;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #333;
	color: #ffffff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


.meta
{
  display:none;
}


/*//////////////////////////////////////////////////////////////////////////////
// Fields
//////////////////////////////////////////////////////////////////////////////*/

.god
{
  background-color:#8bff38;
  font-weight:bolder;
}

.average
{
  background-color:#fcff36;
  font-weight:bolder;
}

.warn
{
  background-color:#ffb342;
  font-weight:bolder;
}

.bad
{
  background-color:#db0000;
  color:#fffb04;
  font-weight:bolder;
}


div.ui-toaster-area-br {
  position:fixed;
  width:20%;
  right:5px;
  bottom:5px;
}
div.ui-toaster-area-bl {
  position:fixed;
  width:20%;
  left:5px;
  bottom:5px;
}
div.ui-toaster-area-tr {
  position:fixed;
  width:20%;
  right:5px;
  top:5px;
  overflow:hidden;
}
div.ui-toaster-area-tl {
  position:fixed;
  width:20%;
  left:5px;
  top:5px;
  overflow:hidden;
}

div.ui-toaster-area-br div.ui-toaster,
div.ui-toaster-area-bl div.ui-toaster,
div.ui-toaster-area-tr div.ui-toaster,
div.ui-toaster-area-tl div.ui-toaster {
  width:90%;
  border:1px solid #ffffff;
  margin:4px;
  background-color:#7FB2FF;
  font-size:1em;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  display:none;
}

div.ui-toaster-area-br div.ui-toaster h4.ui-toaster-title,
div.ui-toaster-area-bl div.ui-toaster h4.ui-toaster-title,
div.ui-toaster-area-tr div.ui-toaster h4.ui-toaster-title,
div.ui-toaster-area-tl div.ui-toaster h4.ui-toaster-title {
  font-weight:bold;
  font-size: small;
  display:block;
  margin:0px;
  padding:0px;
  color:#ffffff;
  background-color:#334C7F;
}

div.ui-toaster-area-br div.ui-toaster p.ui-toaster-content,
div.ui-toaster-area-bl div.ui-toaster p.ui-toaster-content,
div.ui-toaster-area-tr div.ui-toaster p.ui-toaster-content,
div.ui-toaster-area-tl div.ui-toaster p.ui-toaster-content {
  display:block;
  margin:0px;
  padding:0px;
  font-size: small;
}

div.ui-toaster-area-br div.ui-toaster span.ui-toaster-close,
div.ui-toaster-area-bl div.ui-toaster span.ui-toaster-close,
div.ui-toaster-area-tr div.ui-toaster span.ui-toaster-close,
div.ui-toaster-area-tl div.ui-toaster span.ui-toaster-close {
  float:right;
  border:2px solid #99CCFF;
  background-color:#DD6000;
  color:#ffffff;
  font-size:0.8em;
  cursor:pointer;
}
.wgtCommentTree
{
  padding:0px;
  margin:0px;
  width:790px;
}

.wgtCommentTree li
{
  list-style:none;
  padding:3px;
}

.wgtCommentTree ul li
{
  padding-left:17px;
}

.wgtCommentTree .title
{
	clear:left;
  float:left;
  cursor:pointer;
}

.wgtCommentTree .username
{
  float:right;
  width:120px;
}

.wgtCommentTree .date
{
  float:right;
  width:115px;
  font-size:9px;
}

.wgtCommentTree .nav
{
  float:right;
  width:70px;
}

.wgtCommentTree .content
{
  clear:both;
  min-height:30px;
  border-top:1px dotted black;
  border-left:1px dotted black;
}



/*
 green:  #64b824;
 grey:   #4D4D4D;
 bggrey: #f3f3f3;
 hell blau: #39aecf;
 blau: #1A6F9A;
*/

*
{ 
  margin: 0; 
  padding: 0; 
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#4d4d4d;
  font-size:14px;
}

pre 
{
  border:1px solid #39aecf;
  color: #4D4D4D;
  background-color:#f3f3f3;
  font-size:1em;
  padding:5px;
  font-family:sans-serif courier;
}

pre a
{
  color: #4D4D4D;
  font-family:sans-serif courier;
}

p {
  padding-bottom:8px;
  margin: 3px 0;
}

.entry ul
{
  padding-bottom:8px;
}


div.wgtl_header
{
  background:url("./templates//webfrap/images/layout/header_bg.jpg");
  height:104px;
  width:100%;
}

div.wgtl_header > div.wgtl_totop
{
  background:url("./templates//webfrap/images/layout/header_switch.jpg");
  height:21px;
  width:113px;
  float:right;
  position:absolute;
  top:20px;
  right:10px;
}

div.wgtl_header > div.wgtl_totop > a
{
  margin-left:20px;
  display:block;
  color:white;
}

.wgtl_nav_outer_bg
{
  background:url("./templates//webfrap/images/layout/nav_bg.jpg");
  height:32px;
  width:100%;
}

div.wgtl_slice
{
  width:957px;
  margin:0 auto;
}

.wgtl_nav_inner_bg
{
  background:url("./templates//webfrap/images/layout/nav_bg2.jpg");
  height:32px;
  width:957px;
  margin:0 auto;
  vertical-align:bottom;
}

div.wgt_nav_entry
{
  float:left;
  color:white;
  font-weight:bold;
  height:32px;
}

div.wgt_nav_entry a
{
  padding:8px 5px 0px 5px;
  display:block;
  color:white;
  font-weight:bold;
  text-decoration:none;
  border-bottom:0px;
}

div.wgt_nav_entry:hover
{
  background:url("./templates//webfrap/images/layout/nav_bg3.jpg");
}

div.wgt_nav_lang
{
  float:right;
  color:white;
  font-weight:bold;
  height:32px;
  padding-left:40px;
}

div.wgt_nav_lang div
{
  padding:3px 5px 0px 5px;
  display:block;
  color:white;
  font-weight:bold;
  text-decoration:none;
  border-bottom:0px;
}

div.wgt_nav_lang select
{
  font-weight:bold;
}

div.wgt_nav_lang option
{
  padding:0px;
  margin:0px;
  padding-left:24px;
  background-repeat:no-repeat;
  background-position:left center;
  font-weight:bold;
  border:1px solid black;
}

.wgtl_big_logo
{
  background:url("./templates//webfrap/images/layout/pr_pr3.jpg");
  height:251px;
  width:953px;
  margin:0 auto;
}

.wgtl_footer_outer_bg
{
  clear:both;
  background:url("./templates//webfrap/images/layout/bot_bg.jpg");
  height:102px;
  width:100%;
  position:relative;
}

.wgtl_footer_inner_bg
{
  background:url("./templates//webfrap/images/layout/bot_bg2.jpg");
  height:102px;
  width:957px;
  margin:0 auto;
  vertical-align:bottom;
}

.wgtl_footer_inner_bg a 
{
  color:white;
  font-weight:bold;
  border-bottom: 1px dashed white;
}


.wgtl_footer_inner_bg div
{
  color:white;
  font-weight:bold;
}

div.wgtl_footer
{
  background:url("./templates//webfrap/images/layout/header_bg.jpg");
  height:104px;
  width:100%;
  color:#39aecf; 
}

.wgtl_big_logo h1 {
  padding: 30px 0px 0px 70px;
  font-size: 22px;
  font-weight:normal;
  width:500px;
  color:white;
}

.wgtl_big_logo h1 span {
  color:white;
  font-size: 16px;
  font-weight:bold;
}



div.wgtl_body
{
  float:left;
  width: 947px;
  margin:0px;
  padding:5px;
  margin-bottom:20px;
}

div.wgtl_body a
{
  border-bottom:1px dotted #64b824;
}


div.wgtl_main_nav
{
  float:right;
  width:310px;
}

div.wgtl_main_nav .search
{
  height:104px;
  width:301px;
  background:url("./templates//webfrap/images/layout/nwl_bg.jpg");
  margin:0 auto;
}

h1, h2, h3, h4, h5, h6
{
  clear:left;
  font-weight:bold;
  text-align:left;
  padding-left:4px; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
  font-weight:bold;
  text-align:left;
}

h1, h2, h3 {
  margin: 0;
  margin-bottom:10px;
  font-weight: bold;
  color:#64b824;
  letter-spacing:0.1em;
  /*text-transform:capitalize;*/
}

h2 {
  font-size: 21px;
}

h2 a.head {
  font-size: 21px;
  margin: 0;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px dotted #64b824;
  color: #64b824;
}

h3 {
  font-size: 16px;
}

p{
  margin-bottom:8px;
  padding-left:4px; 
}


.slice .title {
  color: #000000;
}

.slice .title a {
  background: none;
  color: #000000;
  border: none;
  color:#4d4d4d;
}

.slice .title a:hover {
  text-decoration: underline;
}

.slice .info {
  border-bottom: 1px dashed #4d4d4d;
  text-align: left;
  font-size: 9px;
  width:98%;
}

.slice > .entry {
  padding: 10px 0 20px 0;
  text-align: justify;
}

.slice > .entry p {
  text-align: justify;
}


.slice ul {
  margin-left:20px;
}

.slice ol {
  margin-left:20px;
}

ul.wgtBreadcrumb 
{
  margin-left:-10px;
  list-style:none;
  padding-bottom:10px;
}

ul.wgtBreadcrumb > li
{
  margin-left:10px;
  display:inline;
}

ul.wgtBreadcrumb > li:hover, ul.wgtBreadcrumb > li:hover a
{
  /*background-color:#39aecf;*/
  color:#64b824;
}


.subText
{
	 margin-top:20px;
	 font-size:10px;
	 color:#1A6F9A;
}

.important
{
	 font-weight:bold;
	 color:red;
}

blockquote
{
	background-color: #f3f3f3;
	border: 1px solid #1A6F9A;
	color: #64b824;
}




/*
 green:  #64b824;
 grey:   #4D4D4D;
 bggrey: #f3f3f3;
 hell blau: #39aecf;
*/


div.code
{
  background-color:#f3f3f3;
  border:1px solid #39aecf;
  padding:4px;
  font-family:courier;
  margin-bottom:7px;
}

fieldset.code
{
  background-color:#f3f3f3;
  border:1px solid #39aecf;
  padding:4px;
  font-family:courier;
  margin-bottom:7px;
}

fieldset.code > legend
{
  color:#64b824;
  font-weight:bold;
}

.docMenu > ol{}

ol.docMenu {
  margin-left:20px;
}

ol.docMenu > li > ul {
  margin-left:10px;
}

ul > li > ul {
  margin-left:10px;
}

.docMenu li{
  color:#39aecf;
}

.docMenu a{
  color:#64b824;
}


.docTree {
  margin-bottom:8px;
  margin-left:25px;
}

ul.docTree li>p , ol.docTree li>p
{
  width:160px;
  float:left;
  padding:0px;
  padding-bottom:0px;
  margin:0px;
}

.docTree li{
  color:#39aecf;
}

.docTree a{
  color:#64b824;
}