@charset "utf-8";
/* CSS für die normale Anzeige im Browser */
/* Jens Gassmann @ angel.de				  */

* {
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size: 13px;
	font-family: 'Arial', 'Helvetica', 'sans-serif';
}	


sup {
    font-size: 7px;
}

body {
    background: #fff;
    height: 100%;
}

html {
    height: 100%;
    overflow: hidden;
}

body.sep #contentwide {
    min-height: 83%;
 
}

img {
    border: 0;
}

img.left {

    float: left;
    padding-right: 3px;
}

a {
	color: #147;
}

small a {
       
    color: #999;
    text-decoration: none;
    border-bottom: 1px solid #EEE;
    font-size: inherit;
}

a.action {
    color: #68A;
}

a:hover {
    color: #900;
}

h1 em {
    color: #900;
    font-style: normal;
    font-size: 15px;
}

a.primaryaction {

    font-weight: normal;
    background: #FFF7C0;
    color: #900;
    padding: 3px;
    
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 1px;
}

#header {
	width:100%;
    height: 80px;
    background: #3b3b3b;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.subaction #header {
    height: 90px;
}

#logo {
    position: absolute;
    left: 8px;
    top: 8px;
}


.tree {
    width: 250px;
    padding: 0;
    margin: 0;
    left: 0;
    top: 90px;
    bottom: 0;
    position: absolute;
    overflow: auto;
    z-index: 999;
  
}

.tree[class] {
    overflow-x: hidden;
    position: fixed;
}

.subaction .tree  {
    top: 110px;
}


.tree ul {
	padding: 0;
    list-style: none;
    background: url(/static/images/tree/lineleft.png) left bottom repeat-y;
    padding: 0 0 0 1px;
    margin: 0 0 5px 10px;


}

.tree ul ul {
    width: auto;
	padding: 0 0 0 15px;
    margin: 0 0 5px 0;
    background: url(/static/images/tree/lineright.png) left bottom repeat-y;
}

.tree li li li li li,
.tree li li li li,
.tree li li li,
.tree li li,
.tree li {
  
    zoom: 1;
    color: #000;
    font-weight: normal;
    width: auto;
}

.tree li.active {
	font-weight: normal;
}

.tree li.exacte {
    font-weight: bold;
}

.tree li li li a,
.tree li li a,
.tree li a { 
    display: block;
    zoom: 1;
    text-decoration: none;
    color: #000;
    line-height: 15px;
    padding: 3px 0 2px 20px;
    width: auto;
}

.tree li.active a {
    color: #000;
 }   

.tree li.exacte a {
    color: #900;
}

.tree li.exacte li a {
    color: #000;
}

.tree li a.open {
    background: url(/static/images/tree/open.png) left top no-repeat;
}

.tree li a.close {
    background: url(/static/images/tree/close.png) left top no-repeat;
}

.tree li a,
.tree li a.none {
    background: url(/static/images/tree/none.png) left top no-repeat;
}

.tree li a:hover, 
.tree li a.current {
    font-weight: bold;
}


#message {
	padding: 0 10px 0 50px;
	background: url(/static/icons/32/dialog-information.png) 10px 5px no-repeat #e9ffbb;
    color: #000;
	font-weight: bold;
    line-height: 18px;
    margin: 0 9px 9px 9px;
    min-height: 50px;
    z-index: 999;
    border: 1px solid #dec;
}

#error {
	padding: 0 10px;
	background: url(/static/icons/32/dialog-warning.png) 10px 5px no-repeat #ffe0e0;
    margin: 0 9px 9px 9px;
    border: 1px solid #900;
    padding-left: 50px;
    min-height: 50px;
    z-index: 999;
}

#message h1,
#error h1 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

#message p,
#error p {
    
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 5px;
}

#structuralunit {
    position: relative;
}

#structuralunit h1 {
    
    position: absolute;
    left: 80px;
    top: 10px;
    color: #FFF;
    font-size: 17px;
    line-height: 17px;
    margin: 0;
    font-weight: bold;
}

#structuralunit ul {
    
    position: absolute;
    left: 300px;
    top: 10px;
    list-style: none;
    display: inline;
}

#structuralunit form {
    display: inline;
}

#structuralunit input.sub {

    padding: 0 5px;
}

#structuralunit input.type {

    color: #999;
    width: 250px;
}

#structuralunit input:focus {
    
    color: #000;
}

#structuralunit li {

    display: inline;
    color: #CCC;
    padding: 0;
}

#structuralunit li span,
#structuralunit li a {
    
    color: #FFF;
    padding: 5px;
}

#profil {
	line-height: 25px;
}

#content {
    
    top: 90px;
    right: 0;
    bottom: 0;
    left: 250px;
    position: absolute;
    overflow: auto;
    height: 86%;
    width: 75%;
}

#content[id] {
    
    height: auto;
    width: auto;
}



.subaction #content {
    
    top: 110px;
    right: 0;
    bottom: 0;
    left: 250px;
    position: absolute;
    overflow: auto;
}

#contentwide {
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    overflow: auto;
    height: 80%;
    width: 100%;
}

#contentwide[id] {
    height: auto;
    width: auto;
}

.subaction #contentwide {
    top: 110px;
    right: 0;
    bottom: 0;
    left: 0;
}

#subactions {
    position: absolute;
    left: 0;
    top: 80px;
    right: 0;
    list-style: none;
    display: block;
    width: 100%;
    background: #c8e3ff;
    margin: 0;
    padding: 0;
    height: 25px;
}

#subactions ul {
    margin: 0 20px 0 80px;
}

#subactions li {
    float: left; 
    padding: 0 10px;
    margin-left: 8px;
    line-height: 25px;
    display: block;
}

#subactions li a {
    color: #000;
    text-decoration: none;
}

#subactions li.active {
    background: #FFF;
}

#actions {
	list-style: none;	
	display: block;
    padding-left: 72px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 55px;
    right: 0;
    border-bottom: 3px solid #c8e3ff;
}


#actions.subaction {
    
    border: 0;
}
 
#actions li {
	padding: 0;
	text-align: center;
    float: left;
    margin-left: 8px;
    display: block;
}

#actions li a:hover {
	color: #000;	
	background: #FAFAFA;
}

#actions li.active {
    background: #FFF;
    background: #c8e3ff;
}

#actions li.active a {
	color: #000;
	text-decoration: none;
 	padding: 4px 10px 4px 10px;
    background: #FFF;
    background: #c8e3ff;
    margin-bottom: 0;
}


#actions li a span {
    font-weight: normal;
}


#actions li a {
	display: block;
	padding: 4px 10px 2px 10px;
    text-decoration: none;
	color: #d6d3d3;
    background: #666;
    font-weight: bold;
    margin-bottom: 2px;
}

#actions li.logout a {
    background: #479c1b;
    color: #FFF;
}

table {
	border-collapse: collapse;
    margin:  0  0 9px 10px;
}

table caption {
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
}

table.wide {
    width: 100%;
    max-width: 960px;
    margin: 0 10px 9px 10px;
}

table.full {
    width: 100%;
    max-width: 1500px;
    margin: 0 10px 9px 10px;
}

table.max {
    width: 960px;
    max-width: 90%;
    /* border: 1px solid #DDD;*/
    margin: 0 10px 9px 10px;
}

table th,
table td {
    border: 0 none;
    border-bottom: 1px solid #DDD;
}


table table {
    margin: 0;
}

table table th,
table table td {
   
   background: none;
}


table th {
	text-align: left;
    vertical-align: top;
	padding: 3px 8px 2px 8px;
    color: #000;
    border: 0 none;
    border-bottom: 1px solid #ccc;
}

table th small {
    color: #333;
}

table thead a {
    text-decoration: none;
    color: #666;
}

table tr:hover td,
table tr.odd:hover td {
	background-color: #FFFBEC;
}

table td {

	padding: 6px 8px;
    vertical-align: top;
    line-height: 16px;
    font-size: 12px;
    border-bottom: 1px solid #DDD;
}

table td a {
    font-size: 12px;
}   

table tr.odd td {
    background: #FAFAFA;
    border-bottom: 1px solid #ddd;
}

h1,h2 {
    font-size: 15px;
    line-height: 27px;
    padding-left: 10px;
}

h3,h4,h5,h6 {
    font-size: 12px;
    line-height: 18px;
    padding-left: 10px;
}


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
}

#container {
	position: absolute;
	left: 300px;
	top: 150px;
	height: 400px;
	width: 350px;
	display: none;
	background: #FFF;
	border: 5px solid #EEE;
	overflow: auto;
	padding: 0;
}

#container li {
}


#logger {
    position: absolute;
    right :0;
    top: 0;
}

#structuralunit_complete {
    width: 400px;
}

pre {
    border: 1px solid #EEE;
    padding: 10px;
    font-family: monospace;
}


label {

   display: inline; 
   font-weight: bold;
}


label.inline,
li label {

    display: inline;
    font-weight: normal;
}   



input,textarea,select {
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    border: 1px inset #999;
    padding: 2px;
    vertical-align: baseline;
}

input:focus,
textarea:focus,
select:focus {

    background: #FFE;
}

#searchbutton {
    color: #FFF;
    border: 0 none;
    background: #060;
    font-weight: bold;
}

input.button,
a.button,
button{
    margin:0 7px 0 0;
    background-color:#060;
    border: 0 none #FFF;
    font-size:13px;
    line-height:17px;
    text-decoration:none;
    font-weight:bold;
    color:#FFF;
    cursor:pointer;
    padding: 4px 7px 3px 7px; /* Links */
    margin: 0 2px;
    outline: 0 none;
}


button{
    width:auto;
    overflow:visible;
    padding:2px 7px 1px 7px; /* IE6 */
}
input[type=button],
button[type]{
    padding:3px 7px 2px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]{
    padding: 1px 7px 0 7px; /* IE7 */
}

button img, 
a.button img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.button2 {
    
    float: left;
    display: block;
    padding: 2px 5px;
    background: #EEE;
    color: #000;
    margin: 3px 3px;
    text-decoration: none;
    font-size: 12px;
}

button.small {
    
    margin: 4px;
    padding: 3px 10px;
 
}

a.second,
input.second,
button.second {
    padding: 0;
    margin: 0;
    text-decoration: underline;
    font-weight: normal;
    color: #369;
    cursor: pointer;
    display: inline;
    background: none;
    border: 0 none;
    text-indent: 0;
    font-size: 12px;
}

button.warn {

    color: #900;
}

p {
    margin-left: 10px;
    margin-bottom: 10px;
}

p.info {
    padding: 3px;
    background: #DFD;
    max-width: 600px;
}

p.instruction {
    font-size: 12px;
    color: #999;
}

p.message {
    max-width: 600px;
    background: #EEE;
    padding: 5px;
    margin-bottom: 0;
}

p.address {

    max_width: 600px;
    padding:10px;
    background: #FFE;
}
#popupdialog {

    display: none;
    width: 400px;
    padding: 0.5em;;
    position: absolute;
    width: 20em;
    border: 1px solid #CCC;
    background: #EEE;
    z-index: 999;
}

#popupdialogmarker_lt {

    background: left top no-repeat url(/static/images/popupdialogmarker-lt.png);
    display: block;
    width: 57px;
    height: 40px;
    position: absolute;
    left: -31px;
    top:  -18px;
}

#popupdialogmarker_rt {

    background: left top no-repeat url(/static/images/popupdialogmarker-rt.png);
    display: block;
    width: 57px;
    height: 40px;
    position: absolute;
    right: -31px;
    top:  -18px;
}

#popupdialogmarker_lb {

    background: left top no-repeat url(/static/images/popupdialogmarker-lb.png);
    display: block;
    width: 57px;
    height: 40px;
    position: absolute;
    left: -31px;
    bottom:  -18px;
}

#popupdialogmarker_rb {

    background: left top no-repeat url(/static/images/popupdialogmarker-rb.png);
    display: block;
    width: 57px;
    height: 40px;
    position: absolute;
    right: -31px;
    bottom:  -18px;
}
#dialogshadow {

    background: #000;
    opacity: 0.6;
    position: absolute;
    z-index: 4999;
    left: 0;
    top: 0;
    display: none;
}

#dialog {

    position: absolute;
    z-index: 5000;
    width: 950px;
    height: 550px;
    top: 20px;
    left: 20px;
    background: #FFF;
    display: none;
}

#dialogcancel {

    position: absolute;
    right: 10px;
    top: 5px;
    color: #900;
}

#dialogtitle {

    padding: 5px 10px;
    background: #EEE;
}

#dialogfooter {

    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 1px 10px;
    background: #DDD;
   
}

#dialogcontent {

    padding: 10px 10px 30px 10px;
}

#dialogbutton {
    
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    text-align: left;
}

#dialogwarn {

	/* border-bottom: 1px solid #FFFF33; */
	background: #FFFFCC;
    font-weight: bold;
    padding: 0 10px;
}

.select input {
    position: absolute;
    left: -3000px;
    top: 0;
}

.select {
    overflow: auto;
    height: 415px;
    float: left;
    padding: 0 1px;
    border-right: 1px solid #ddd;
}

.select label {
    cursor: pointer;
    min-width: 100px;
    padding: 0 15px 0 3px;
    margin: 0;
    line-height: 21px;
}

.select li.nextselect {
    background: url(/static/images/forward.png) top right no-repeat;
}

.select li {
    
    border-bottom: 1px solid #EEE;
    line-height: 21px;
    zoom: 1;
}

.select li.active {

    background: #EEE;
}

.select li.active .forward {

    color: #900;
}
.select li.current {

    background: #6699cc;
    color: #FFF;
    font-weight: bold;
}

p.buttons {
    margin: 5px 0;
    padding: 10px;
    border-top: 1px solid #ddd;
}

.group {
    padding: 9px 20px;
}

p.error {
    color: #900; 
    font-weight: bold;
    display: inline;
}

ul.tabs  {
    list-style: none;
    margin: 5px 10px 5px 10px;
    border-bottom: 3px solid #CCC;
}

ul.tabs li {
    display: inline;
    zoom: 1;
    margin-right: 10px;
}

ul.tabs li strong,
ul.tabs li a {
    padding: 5px 10px 2px 10px;
    text-decoration: none;
    background: #EEE;
    color: #333;
}

.tabs li a.current {
    padding: 5px 10px ;
    background: #CCC;
    color: #000;
}


ul.tabs li strong {
    background: #FFF;
}

ul.tabs li a span {

    font-size: 11px;
    
}


#ticket {
    display: none;
    position: absolute;
    right: 20px;
    top: 120px;
    height: 660px;
    width: 240px;
    background: #EEE;
    border: 1px outset #333;
    padding: 5px;
}

small {
    font-size: 12px;
    color: #999;
    line-height: 12px;
    font-weight: normal;
}

.tab-wrapper
{
    padding: 0 ;
    border:  0 none;
    position: relative;
}
.tab-menu
{
    list-style:             none;
    padding:                2px 0;                        
    clear:                  none;  
    line-height:            16px;
    font-size:              12px;
}
.tab-menu li
{
    display:                inline;
    margin:                 0 2px;
}
.tab-menu li a
{
    padding:                5px 10px;
    background-color:       #ddd;
    color:                  #222;
    font-weight:            bold;
    text-decoration:        none;
}
.tab-menu li a:hover,
.tab-menu li a:focus
{
    background-color:       #FAEC8F;
    border-bottom-color:    #999;
    border: 0;
    outline-style: none;
}
.tab-menu li a:hover
{
    background-color:       #FAEC8F;
    border-bottom-color:    #999;
}
.tab-menu li.tab-selected a
{
    background-color:       #BCEC8F;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

input[type=checkbox],
input[type=radio],
.noborder {
    border: 0 none;
    vertical-align: middle;
}

#loginscreen {
    padding: 0 0 0 110px;
}

.blockrow {
    float: left;
    width: 32.3%;
    margin: 0 10px 0 0;
    min-width: 220px;
}

.block {
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0 ;
    background: #F7F7F7;
}

.block h2 {
    background: #999;
    color: #FFF;
    line-height: 12px;
    font-size: 12px;
    padding: 5px;

}

dt {
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
}

dd.path {
    padding: 0;
    line-height: 14px;
    font-size: 11px;
}

dd.date {
    padding-top: 6px;
    line-height: 14px;
    font-size: 11px;
}

dl {
    
    margin: 5px 0;
    padding: 4px;
    border-top: 1px solid #BBCCDD;

}

.block p {
    padding: 2px 10px 5px 5px;
}

.block p.more {

    text-align: right;
}

.block form {
    padding: 0 5px 5px 5px;
}

.block button {
     margin: 2px;
    padding: 2px;
}

.floatright {
    
    float: right;
}

.checked {
    background-image: url(/static/images/checked.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 25px;
    padding-bottom: 5px;
    height: 25px;

}

.unchecked {
    background-image: url(/static/images/unchecked.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 25px;
    height: 25px;

}

.selected {
    background: #090;
}

.unselected {
    background: #900;
}

.searchresult {
    

}


.searchresult h4 {

    font-size: 13px;
    padding-top: 5px;
}

.searchresult h4 a {

    font-size: 13px;
    padding: 0;
    color: #000;
    font-weight: bold;
}

.searchresult h4 a:hover {
    text-decoration: underline;
    color: #900;
}

.searchresult .path {

    font-size: 11px;
    color: #666;
    margin-bottom: 0;
}

.searchresult .text {
    font-size: 11px;
    margin-bottom: 15px;
}

.searchresult em {
    font-style: normal;
    color: #900;
    font-weight: bold;
    font-size: inherit;
}

.searchresult span {

    color: #CCC;
    float:left;
    font-size: 20px;
    line-height: 20px;
    width: 60px;
    padding: 3px;
    text-align: right;
}

.searchresult h4,
.searchresult p {

    padding: 0;
    margin-left: 70px;
}

.searchresult h4 a {
    padding: 0;
}

.forward {
    float: right;
    margin-right: 5px;
    text-decoration: none;
}

.return {
    float: left;
    margin-left: 5px;    
    text-decoration: none;
 }

.center {

    text-align: center;
    text-decoration: none;
}



.weekdaycell,
.daycell {
    
    border-bottom: 1px solid #CCC;
    cursor: pointer;
    height: 19px;
    width: 100%;
    position: absolute;
    left: 0;
}

.weekdaycell:hover,
.daycell:hover {
	background-color: #FFFBEC;
    border-bottom: 1px solid #CCC;
}

.weektitlecell {
    height: 20px;
    border: none;
    padding: 0 0.5em;
    color: #999;
    border-bottom: 1px solid #CCC;
    line-heigth: 20px;
}   

.weekcell {
   float: left;
   width: 3%;
   position: relative;
}
.weekcell span {
    width: 100%;
    color: #999;
    display: block;
    text-align: right;
    height: 2em;
    position: absolute;
}

.daycell span {
    color: #999;
    width: 3em;
    text-align: right;
    display: block;
}

.dayevents {
    top: 80px;
    position: relative;
}

.weekblock {
    padding: 0;
    position: relative;
    top: 80px;
}

.weekevents {
    padding: 0;
    position: absolute;
    height: 500px;
    width: 14%;
    border-left: 1px solid #DDD;
    background: #FFF;
    z-index: 33;
}

.dayevent {
    position: absolute; 
    z-index: 99;
    width: 15em;
    padding:  0.5em;
    background: #e3e6d7; 
    cursor: pointer;
}

.dayevent:hover {
    z-index: 100;
    opacity: 1;
}

.weekevent {
    padding: 0.5em;
    background: #e3e6d7; 
    display: block;
    width: 80%;
    cursor: pointer;
    overflow: hidden;
    margin: 5%; 
}


.weekevent small {
    color: #333;
}



.sidebyside {
    margin: 0;
    padding: 0;
}

.ccal {
    width: 243px;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #CCC;
    float: left;
    padding: 0 3px;
    height: 29px;
    line-height: 29px;
    vertical-align: bottom;
    font-weight: bold;
    overflow: hidden;
}   

.cday {
    color: #999;
    font-size: 11px;
    line-height: 20px;
    text-align: left;
    width: 73px;
    height: 79px;
    padding: 0px 3px;
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
    text-align: center;
}    

.cday span {
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: #999;
}


.cday span.sunday {
    color: #000;
}   

.cevent {
    font-size: 11px;
    line-height: 13px;
    width: 244px;
    padding: 0 3px;
    height: 80px;
    overflow: auto;
    border: 0 none;
    background: url(/static/images/background_cevent.png) right bottom no-repeat;
}   

.cevent div {
    display: block;
    height: 80px;
    overflow: auto;
}

.cevent em {
    font-size: 11px;
    color: #666;
    font-style: normal;
}   

.cevent strong,
.cevent span {
    cursor: pointer;
    font-size: 11px;
   line-height: 14px;
 }

.monthblock {
    width: 100%;
    position: relative;
    left: 0px;
    top: 75px;
    border-left: 1px solid #EEE;
}


.xmonthcell,
.monthcell {
    width: 13%;
    max-width: 160px;
    float: left;
    height: 105px;
    overflow: auto;
    overflow-x: hidden;
    border: 1px solid #EEE;
    border-left: 0 none;
    border-top: 0 none;
    padding: 1px 4px;
    cursor: pointer;
    color: #369;
    font-size: 11px;
}

.xmonthcell a,
.monthcell a {
    
    font-size: 11px;
    line-height: 14px;
    display: block;
    margin: 1px;
    text-decoration: none;
    color: #000;
}

.monthcell a:hover,
.xmonthcell a:hover {

    text-decoration: underline; 
}


.xmonthcell span {

    display: block;
    color: #CCC;
    font-size: 11px;
    padding: 0 0.1em;
}

.monthcell span {

    display: block;
    color: #568cc6;    
    font-size: 11px;
    padding: 0 0.1em;
}

.taskevents {

    position: relative;
    top: 80px;
    left: 0;
    padding: 1em 0;
}

.taskevent {
    border-top: 1px solid #EEE;
    cursor: pointer;
    display: block;
    clear: both;
    width: 100%;
    padding: 2px 0;

}

.taskevent:hover {

    background: #FFE;
}

.taskevent span.date {

    display: block;
    width: 13em;
    float: left;
    margin-right: 1em;
    text-align: right;
}

.taskevent small {

    color: #000;
}

ol,
ul.default {
    
    padding: 0 0 9px 18px;
}

ul.none {
    list-style: none;
    padding: 0 0 9px 0 ;
}

ul.address {
    
    padding: 0 15px 15px;
}


ul.list {
    
    padding: 1em 0 0 2em ;
}

ul.letterselect {
    list-style: none;
    margin: 0 0 0 10px;
}

ul.letterselect li {
    float: left;
    text-align: center;
    color: #999;
}

ul.letterselect li strong,
ul.letterselect li a {
    margin: 0;
    padding: 0 5px;
    text-decoration: none;
    color: #000;
}   

.future {

    color: #AAA;
}

.form {
    list-style: none;
    padding: 0;
    margin: 0 0 0 10px;
}

.form li {
 /*    position: relative;     */
    padding: 5px ;
    margin:  0 0 5px 0;
}   

.formfloat li {

    float: left;
    padding: 5px 25px 5px 5px;
}


.form li.focused  {
    
    background: #FFF7C0;
}

.form label {
    
    font-weight: bold;
    display: inline;
}

.form .instruction {
    font-size: 11px;
    color: #000;
}

.form li.focused .instruction {
    color: #000;
    
}

.form .item {
    display: block;
    border-top: 1px solid #EEE;
    font-size: 11px;
}

.form .item a {
    font-size: 11px;
}

.form .error {
    display: block; 
    font-weight: bold;
    color: #900;
}

.form .info {
    font-size: 12px;
}

.form .buttons {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
   
}  

.form .header {
    font-weight: bold;
    color: #000; 
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding : 3px 5px 1px 5px;
    font-size: 13px;
    margin-top: 20px;
}

#minibox {
    position: absolute;
    z-index: 3000;
    display: none;
    background: #FFF;
    padding: 5px;
}


fieldset {
    border: 1px solid #ddd;
    margin: 10px ;
    padding: 0 8px 5px 8px;
    background: #FCFCFC;
    max-width: 942px;
}

fieldset.halfleft {

    width: 48%;
    float: left;
}

fielset.halfright {
    
    width: 48%;
    float: right;    
}

fieldset table.max {
    width: 98%;
}

legend {
    color: #666;
    padding: 0 3px;
    font-size: 13px;
}

fieldset:hover legend {
    color: #900;
}


.div40 {
    width: 47.5%;
    float: left;
    margin: 0 0 0 10px;
    display: inline;
}   

.block40 {
    margin-bottom: 10px;
    padding: 0 2%;
    background: #f2f8fe;
    border: 1px solid #DDEEFF;
    border-top: 4px solid #69C;
    border-bottom: 1px solid #69C;
    border-right: 1px solid #69C;
}

.blocktree {
    width: auto;
    padding: 5px 2px;
    margin: 0 5px 0 8px;
    background: #eee;
    border: 1px solid #AAA;
    border-top: 4px solid #AAA;
    border-bottom: 1px solid #AAA;
    border-right:  1px solid #AAA;
   -moz-box-shadow: 3px 3px 5px #CCC;
   -webkit-box-shadow: 3px 3px 5px  #CCC;
}


.block40 table {
    
   width: 100%;
   border-top: 1px solid #CDE; 
}

.block40 table tr:hover td {
    background: none;
}

.block40 table td {
    
    padding: 8px 2px;
    border-bottom: 1px solid #CDE; 
}

.block40 h1,
.block40 h2 {
    
    margin: 5px 0;
}

.block55 {

   width: 55%;
   float: left; 
   max-width: 700px;
}

.block10 {
    width: 5%;
    float: left;
    
}

.block35 {

    width: 40%;
    float: left;
    max-width: 400px;
}

.tip {
    cursor: help;
}

.tipdetails {
    position: absolute;
    display: none;
    padding: 7px;
    background: #CCC;
    color: #000;
    width: 300px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.hidden {
    display: none;
}

.selecttree ul {
    padding:0;
    list-style: none;
}

.selecttree ul ul {
    padding: 0 0 0 18px;
}


.selecttree li {
    padding: 0;
    margin: 0;
    line-height: 20px;
    display: block;
    zoom: 1;
    display: none;
}

.selecttree li.focused,
.selecttree li:focus {
    background: none;
}  

.selecttree li label {
    font-weight: normal;
    display: inline;
}

.selecttree .toggle {
    text-decoration: underline;
    cursor: pointer;
}

.block25 {
    float: left;
    width: 23%;
    padding: 1%;
}

.block33 {
    float: left;
    padding: 1%;
    width: 31%;
}

.block66 {
    float: left;
    padding: 1%;
    width: 64%;
}




.block50 {

    float: left;
    width:  48%;
    padding: 1%;
}

.innerblock {
    background: #ffffdf;
    border-bottom: 2px solid #dddd82;
    line-height: 18px;
}

.innerblockbutton {
    text-align: right;
    padding: 0 18px;
}

div.calendars {
    
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: #FFF;
    z-index: 999;
    width: auto;
}

div.calendars[class] {
    top: 105px;
    position: fixed;
}


.calendars ul {
    list-style: none;
    display: block;
    width: 100% ;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #EEE;
    float: left;
    height: 54px;
}

.calendars h2 {
    display: block;
    height: 25px;
    line-height: 25px;
    clear: both;
    padding: 0 20px;
    background: #FFF;
    border-bottom: 1px solid #EEE;
 }

.calendars li {
    float: left;
    width: 60px;
    font-size: 11px;
    height: 44px;
    margin: 10px 0 0 10px;
}

.calendars li.sep {

    border-left: 1px solid #EEE;
    width: 0;
}

.calendars li strong,
.calendars li a {
     
    text-align: center;
    padding-top: 22px;
    display: block;
    text-decoration: none;
    color: #999;
}

.calendars li strong {
    
    color: #000;
}

.calendars li a:hover {
    color: #000;
}

.calendars li.prev {
    background: url(/static/images/calendars/prev.png) center top  no-repeat;
}

.calendars li.next {
    background: url(/static/images/calendars/next.png) center top no-repeat;
}

.calendars li.today a {
    padding-top: 3px;
}

.calendars li.day  {
    background: url(/static/images/calendars/day.png) center top no-repeat;
}

.calendars li.week  {
    background: url(/static/images/calendars/week.png) center top no-repeat;
}

.calendars li.month  {
    background: url(/static/images/calendars/month.png) center top no-repeat;
}

.calendars li.task {
    background: url(/static/images/calendars/task.png) center top no-repeat;
}

.calendars li.create {
    background: url(/static/images/calendars/add.png) center top no-repeat;
}


.calendars li.sidebyside {

    background: url(/static/images/calendars/service.png) center top no-repeat;
}



.teaser {

    background: #EEE;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    display: block; 
}

.fixed {
    position: fixed;
}

.highlight {
    background: #f8fee5;
}    


#datagrid {

    position: fixed;
    top: 188px;
    left: 0;
    bottom: 0;
    right: 0;
}

#xypoint {

    overflow: none;
    height: 29px;
    width: 79px;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #EEE;
}

#xheader {
    
    overflow: hidden;
    position: absolute;
    height: 30px;
    left: 80px;
    top: 0;
    right: 20px;
}

#yheader {
    
    overflow: hidden;
    position: absolute;
    top: 30px;
    left: 0;
    width: 79px;
    bottom: 20px;
    border-right: 1px solid #CCC;
}

#yslider {

    overflow: hidden;
    position: absolute;    
    top: 30px;
    right: 0;
    width: 20px;
    bottom: 20px;
    background: #EEE;
}

#xslider {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    height: 20px;
    left: 80px;
    right: 20px;
    background: #EEE;
}   

#yslideknob {

    width: 16px;
    margin: 0 2px;
    height: 1px;
    background: #999;
    cursor: pointer;
    position: absolute;
}   

#xslideknob {
    margin: 2px 0;
    width: 1px;
    height: 15px;
    background: #999;
    cursor: pointer;
    position: absolute;
}

#xygrid {
    
    overflow: hidden;
    position: absolute;
    left: 80px;
    top: 30px;
    right: 20px;
    bottom: 20px;
    z-index: 0;
}


.sunday {
    background-color: #FFE;
}

a.red,
.red {
    color: #900;
}

.rssfeed {
    line-height: 20px;
    font-size: 11px;
    padding: 2px 18px 2px 2px;
    background: url(/static/images/rss_16.png) right top no-repeat;
    
}

.icalfeed {
    line-height: 20px;
    font-size: 11px;
    padding: 2px 18px 2px 2px;
    background: url(/static/images/ical_16.png) right top no-repeat;
    
}

.
.mail {
    padding-left: 20px;
    background: url(/static/images/mail.png) left top no-repeat;
}

.downloadicon {

    padding: 2px 2px 2px 20px;
    line-height: 20px;
    background: url(/static/images/download.png) left top no-repeat;
}

.deleteicon {

   line-height: 20px;
   padding: 2px 2px 2px 20px;
   background: url(/static/images/delete.png) left top no-repeat;
}

ol.breadcrumbs {
    
}

ol.breadcrumbs li {
    
    display: inline;
    font-weight: normal;
    color: #900;
    padding: 0 10px;
    font-size: 12px;
}

dl.role {
    border: 0 none;
    background: url(/static/icons/32/system-users.png) 10px 16px no-repeat;
    min-height: 40px;
    border-top: 1px solid #EEE;
    margin: 0;
    padding: 10px;
    position: relative;
}


dl.field {
    border: 0 none;
    background: url(/static/icons/32/edit-copy.png) 10px 16px no-repeat;
    min-height: 40px;
    border-top: 1px solid #EEE;
    margin: 0;
    padding: 10px;
    position: relative;
}


dl.field:hover,
dl.role:hover {
    cursor:pointer;
    background-color: #FFE;
}

dd.toolbar a {
    text-decoration: none;
}


dl.field dt,
dl.field dd,
dl.role dt,
dl.role dd {
    line-height: 18px;
    padding-left: 40px;

}





.grid {
    
    position: fixed;
    bottom: 0;
    right: 0;
    left: 260px;
    top: 110px;
    overflow: auto;
}

.timeline {
    
}

.swimlane {
    
    border: 1px solid #EEE;
    margin:  10px 0;
    float: left;
}

.swimlane .role {

    width: 99px;
    height: 200px;
    background: url(/static/icons/32/system-users.png) center center no-repeat #EEE;
    font-weight: bold;
    float: left;   
    text-align: center;
    color: #000; 
}

.swimlane .component {

    width: 149px;
    height: 200px;
    float: left;
    text-align: center;
}

.timeline .role {

    width: 99px;
    height: 20px;
    font-weight: bold;
    float: left;
 
}

.timeline .component {

    width: 150px;
    height: 20px;
    float: left;
    text-align: center;
}

.component-base {
    
    width: 78px;
    height: 23px;
    display: block;
    float: left;
    text-align: center;
    vertical-align: bottom;
    margin: 10px 10px 10px 0;
    font-size: 10px;
    padding-top: 65px;
    border: 1px solid #EEE;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}

.component-start {
    background-image: url(/static/images/workflow/component-start.png); 
}

.component-end {
    background-image: url(/static/images/workflow/component-end.png); 
}

.component-form {
    background-image: url(/static/images/workflow/component-form.png); 
}

.component-mail {
    background-image: url(/static/images/workflow/component-mail.png); 
}

.component-approve {
    background-image: url(/static/images/workflow/component-approve.png); 
}

.component-status {
    background-image: url(/static/images/workflow/component-status.png); 
}


.component-show {
    background-image: url(/static/images/workflow/component-show.png); 
}


.active-component {
    background-color: #EEE;
    border: 1px solid #DDD;
}


dl.menu {
    border: 0 none;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #FFF;
    padding: 0;
    margin: 5px 1px;
}

dl.menu dd {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #DDD;
    padding: 0;
    margin: 0;
}

dl.menu dd a {
    display: block;
    font-weight: bold;
    font-size: 12px;
    padding: 13px 0 8px 60px;
    background-position: 15px 12px;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #666;
}

dl.menu dd a span {
    font-size: 11px;    
    color: #666;
    font-weight: normal;
    display: block;
}


dl.menu dd a:hover {
    color: #000;
    background-color: #EED;
}

dl.menu dd a.current {
    color: #000;
    background-color: #FFE;
    text-decoration: none;
}

dl.menu dd a.current span {
    color: #000;
}

dl.menu dd.details a {
    background-image: url(/static/icons/32/edit-paste.png);
}

dl.menu dd.roles a {
    background-image: url(/static/icons/32/system-users.png);
}

dl.menu dd.steps a  {
    background-image: url(/static/icons/32/start-here.png);
}

dl.menu dd.fields a  {
    background-image: url(/static/icons/32/edit-copy.png);
}


dl.menu dd.visualize a  {
    background-image: url(/static/icons/32/internet-group-chat.png);
}

dl.menu dd.sessions a {
    background-image: url(/static/icons/32/x-office-presentation.png);
}

dl.menu dd.permissions a  {
    background-image: url(/static/icons/32/system-lock-screen.png);
}

dl.menu dd.notify a  {
    background-image: url(/static/icons/32/mail-forward.png);
}

dl.menu dd.activate a {
    background-image: url(/static/icons/32/dialog-error.png);
}

dl.menu dd.deactivate a {
    background-image: url(/static/icons/32/dialog-error.png);
}

dl.menu dd.pdfprint a {
    background-image: url(/static/icons/32/printer.png);
}

dl.menu dd.prefs a {
    background-image: url(/static/icons/32/preferences-system.png);
}

dl.menu dd.changes a {
    background-image: url(/static/icons/32/appointment-new.png);
}

dl.menu dd.keywords a {
    background-image: url(/static/icons/32/preferences-desktop-font.png);
}

dl.menu dd.folder a {
    background-image: url(/static/icons/32/folder.png);
}
ul.inline {

}

ul.inline li {
    display: inline;
    padding: 0 5px;
}

ul#sortfields, 
ul#sortroles,
ul#sortsteps {
    list-style: none;
}

ul#sortroles:last-child,
ul#sortfields:last-child,
ul#sortsteps:last-child {
    
    border-bottom: 1px solid #EEE;
}

ul#sortroles li {

    background-repeat: no-repeat;
    background-position: 30px 20px;
    background-image: url(/static/icons/32/system-users.png);
    padding: 9px 20px 0 70px;
    border-top: 1px solid #EEE;
    position: relative;
    top: -1px;
}


ul#sortsteps li {

    cursor: s-resize;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding: 9px 20px 0 70px;
    border-top: 1px solid #EEE;
    position: relative;
    top: -1px;
}

ul#sortfields li {

    cursor: s-resize;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding: 9px 20px 0 70px;
    border-top: 1px solid #EEE;
    position: relative;
    top: -1px;
}


.type-textline {
    background-image: url(/static/images/workflow/type-textline.png); 
}

.type-textbox {
    background-image: url(/static/images/workflow/type-textbox.png); 
}

.type-number {
    background-image: url(/static/images/workflow/type-number.png); 
}

.type-checkbox {
    background-image: url(/static/images/workflow/type-checkbox.png); 
}

.type-radiobuttons {
    background-image: url(/static/images/workflow/type-radiobuttons.png); 
}

.type-date {
    background-image: url(/static/images/workflow/type-date.png); 
}

.type-datetime {
    background-image: url(/static/images/workflow/type-datetime.png); 
}

.type-time {
    background-image: url(/static/images/workflow/type-time.png); 
}

.type-ruler {
    background-image: url(/static/images/workflow/type-ruler.png); 
}

.type-score {
    background-image: url(/static/images/workflow/type-score.png); 
}

.type-comment {
    background-image: url(/static/images/workflow/type-comment.png); 
}


.progressbar {
    width: 100%;
    max-width: 958px;
    height: 20px;
    border: 1px solid #CCC;
    background: #EEE;
}


.progressbar span {

    display: block;
    height: 20px;
    background: #090;
}

.ruler {
    margin: 10px 0;
    height: 0;
    font-size: 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #FFF;
}

#formularpage {

    margin: 10px;
    width: 700px;
    border: 1px outset #AAA;
    padding: 10px;
    /* background: url(/static/images/draft.png); */
}

#formularpage li {
    border-bottom: 1px solid #DDD;
}

#formularpage li h1,
#formularpage li p {
    padding-left: 0;
    margin-left: 0;
}

#formularpage li table {
    margin: 0;
    width: 100%; 
}

#formularpage li table th,
#formularpage li table td,
#formularpage li table tr {
    border: 0 none;
    padding: 3px 3px 0 0;
}

#formularpage div.attributes {
    
    display: none;
    background: #FFE;
    min-height: 20px;
    padding: 5px;
    margin: 10px 0;
}


#formularpage li:hover .control {
    opacity: 1;
}


#formularpage li .control {
    position: absolute;
    left: 630px;
    opacity: 0.1;
    z-index: 999;
}

#formularpage li .control img {

    width: 16px;
    height: 16px;
    padding: 3px;
}

#formularpage li button {
    background: #333;
}


#datatypes {
    display: none;
    border: 1px solid #DDD;
    border-bottom: 0 none;
    background: #EAEAEA;
    padding:5px;
    position: absolute;
    left: 700px;
    top: 40px;
    z-index: 999;
    list-style: none; 
}

#datatypes li {
    border-bottom: 1px solid #DDD;
    padding: 5px;
    cursor: pointer;
}

#controlprototype {
    display: none;
}

.updateattribute {
    border: 1px outset #999;
    padding: 3px;
    width: 150px;
    background: #CCC;
    color: #000;
    cursor: pointer;
    margin: 10px;
    text-align: center;
    display: block;
}   

.wikisandbox {
   max-width: 1000px;
   background: #FFF;
   margin-right: 20px;
}

.wikisandbox h1 {
    clear: both;
    font-size: 24px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    margin-top: 5px;
    font-family: Georgia, serif;
} 

.wikisandbox h2 {
    clear: both;
    font-size: 18px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 10px;
    margin-top: 10px;
}

.wikisandbox h3 {
    clear: both;
    font-size: 15px;
    margin-top: 8px;
}

.wikisandbox h4 {
    clear: both;
    font-size: 14px;
    margin-top: 5px;
}

.wikisandbox h5 {
    clear: both;
    font-size: 13px;
    margin-top: 5px;
}

.wikisandbox p {
    margin: 2px 10px 7px 10px;
    font-size: 12px;
    line-height: 17px;
}

.wikisandbox ol {

    padding: 0 40px;
    margin: 5px 0;
    clear: both;
}

.wikisandbox ol ol {
    padding: 0 15px;
}

.wikisandbox ul {
    list-style: square; 
    padding: 0 25px;
    margin: 5px 0;
    clear: both;
}


.wikisandbox ul li {
    line-height: 1.6;
}

.wikisandbox ul.form {
    margin: 0;
    padding: 0;
    width: 720px;
}

.wikisandbox ul ul {
    list-style: normal;
    padding: 0 15px;
}



.wikisandbox .toc {

    padding:    10px;
    border:     1px dotted  #9D9;
    background: #EFE;
    margin:     10px;
}

.wikisandbox .toc ol {
    list-style: none;
    padding: 0 15px;
}

.wikisandbox .toc li a {
    font-size: 12px;
    line-height: 13px;
    font-weight: normal;
    color: #000;
    list-style: none;
}

.wikisandbox ol ol {
    list-style: none;
}

.wikisandbox .toc span {
    color: #060;
}

.wikisandbox pre {
    margin: 10px;
    border: 1px dotted #EED;
    background: #FFE;
    padding: 10px;
}

.wikisandbox code {

    border: 1px dotted #CDD;
    background: #EFF;
    padding: 1px 3px;
    font-family: monospace;
}

.wikisandbox table {
    clear: both;
    margin: 10px;
    width: 90%;
}

.wikisandbox table td {
    font-size: 12px;
}

.wikisandbox a.toplink  {
    font-size: 10px;
    color: #999;
    text-decoration: none;
    padding: 0;
}


.wikisandbox table pre {

    margin: 5px;
    padding: 5px;
}

.wikisandbox table caption {

    text-align: left;
    font-size: 11px;
    color: #999;
    padding: 3px 8px 2px;
}   

.wikisandbox textarea {
    font-family: monospace;
}

.wikisandbox p.warn {
    
    color: #900;
    font-weight: bold;
}

.wikisandbox p.indent {

    padding-left: 20px;
}

.wikisandbox p.indentdouble {

    padding-left: 40px;
}

.wikisandbox p.indenttriple {

    padding-left: 60px;
}

.wikisandbox .imageleft {
    
    float: left;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
}

.wikisandbox .imageright {
    
    float: right;
    padding-top: 3px;
    padding-left: 8px;
    padding-bottom: 3px;
}

.wikisandbox a.linkextern {
    padding-right: 15px;
    color: #900;
    background: right top url(/static/images/linkextern.png) no-repeat;
    text-decoration: none;
    border-bottom: 1px dotted #900;
}

.wikifooter {
    
    margin: 0 0 10px 0;
    padding: 0 10px;
    font-size: 11px;
    color: #666;
    border-bottom: 1px solid #DDD;
    display: block;
}

.wikifooter a {
    font-size: 11px;
    text-decoration: none;
}

.wikisandbox .breadcrumbs {
    font-size: 11px;
    color: #333;
}

.wikisandbox .breadcrumbs a {
    font-size: 11px;
    color: #333;
}   

.wikisandbox .hr {
    
    border-top: 1px dotted #CCC;
    margin: 0 10px;
    line-height: 1px;
    font-size: 1px;
}   

.wikieditheader {

    display: block;
    padding: 10px 10px 0 10px;
    height: 30px;
    background: #f2f7fd;
}

.wikieditbox {
    
    position: absolute;
    left: 10px;
    top: 103px;
    width: 100%;
    max-width: 1000px;
    bottom: 6px;
    display: block;
    z-index: 33;
    border: 1px solid #EEE;
    background: #FFF;
    
}

.wikitoolbar {

    display: block;
    height: 40px;
    padding: 0 10px;
    background: url(/static/images/editor-background.png) left top repeat;
}

.wikitoolbar a {
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    margin: 2px;
    text-indent: -3000px;
    cursor: pointer;
}

#wikibrowser {

    left: 0px;
    top: 120px;
    width: 710px;
    height: 400px;
    padding: 10px;
    position: absolute;
    background: #FFF;
    z-index: 0;
    overflow: auto;
}

#wikiform {
    padding: 0 10px;
    max-width: 1002px;
}

.editor-h1 { background: 0 0 no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-h2 { background: 0 -30px  no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-h3 { background: 0 -60px no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-h4 { background: 0 -90px no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-h5 { background: 0 -120px no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-h6 { background: 0 -150px no-repeat url(/static/images/editor-sprite-inactive.png); }

.editor-strong { background: 0 -180px no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-em     { background: 0 -210px no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-us     { background: 0 -240px no-repeat url(/static/images/editor-sprite-inactive.png); }

.editor-ol { background: 0 -270px no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-ul { background: 0 -300px no-repeat url(/static/images/editor-sprite-inactive.png); }

.editor-img  { background: 0 -330px no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-file { background: 0 -360px no-repeat url(/static/images/editor-sprite-inactive.png); }
.editor-link { background: 0 -390px no-repeat url(/static/images/editor-sprite-inactive.png); }

.editor-preview { background: 0 -420px no-repeat url(/static/images/editor-sprite-inactive.png); }

.editor-h1:hover { background: 0 0 no-repeat url(/static/images/editor-sprite-active.png); }
.editor-h2:hover { background: 0 -30px  no-repeat url(/static/images/editor-sprite-active.png); }
.editor-h3:hover { background: 0 -60px no-repeat url(/static/images/editor-sprite-active.png); }
.editor-h4:hover { background: 0 -90px no-repeat url(/static/images/editor-sprite-active.png); }
.editor-h5:hover { background: 0 -120px no-repeat url(/static/images/editor-sprite-active.png); }
.editor-h6:hover { background: 0 -150px no-repeat url(/static/images/editor-sprite-active.png); }

.editor-strong:hover { background: 0 -180px no-repeat url(/static/images/editor-sprite-active.png); }
.editor-em:hover     { background: 0 -210px no-repeat url(/static/images/editor-sprite-active.png); }
.editor-us:hover     { background: 0 -240px no-repeat url(/static/images/editor-sprite-active.png); }

.editor-ol:hover { background: 0 -270px no-repeat url(/static/images/editor-sprite-active.png); }
.editor-ul:hover { background: 0 -300px no-repeat url(/static/images/editor-sprite-active.png); }

.editor-img:hover  { background: 0 -330px no-repeat url(/static/images/editor-sprite-active.png); }
.editor-file:hover { background: 0 -360px no-repeat url(/static/images/editor-sprite-active.png); }
.editor-link:hover { background: 0 -390px no-repeat url(/static/images/editor-sprite-active.png); }

.editor-preview:hover { background: 0 -420px no-repeat url(/static/images/editor-sprite-active.png); }






#wikieditbox {
    display: block;
    position: absolute;
    border: 0 none;
    padding: 0 5px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 97%;
    height: 100%;
    font-family: Courier, Andale, monospace;
    line-height: 1.7;
    font-size: 11px;
}

.wikisidebar {
    position: fixed;
    left: 951px;
    right: 0;
    top: 120px;
    background: #EEE;
    z-index: 100; 
    border: 1px solid #999;
    border-left: 1px solid #EEE;
    width: 240px;
}

.wikisidebar label {
   margin: 0 5px;
   display: block;
}

.wikisidebar dl {

    border: 0 none;

}

.wikisandbox span {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}


.file span { display: block; }
.file .fileheader, .file .hunkheader {color: #888; }
.file .hunk .ctx,
.file .hunk ins,
.file .hunk del
                { padding: 2px 5px; }
.file .hunk .ctx { background: #eee; border-bottom: 1px solid #ddd; }
.file .hunk ins { background: #dfd; text-decoration: none; display: block; border-bottom: 1px solid #cdc; }
.file .hunk del { background: #fdd; text-decoration: none; display: block; border-bottom: 1px solid #dcc; }


.StickyWinInstance {
    background: #FFF;
    padding: 10px;
    border: 1px solid #EEE;
    width: 740px;
    height: 600px;
}


.stickyheader {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 5px;
    height: 20px;
    text-align: right;
    background: url(/static/images/stickywinhandle.png) left top repeat;
}

.stickyheader .closeSticky {

    text-indent: -2000px;
    height:  20px;
    width:   20px;
    display: block;
    float:   right;
    background: url(/static/images/stickywinclose.png) center center no-repeat;
}

.stickycontent {

    position: absolute;
    left: 5px;
    right: 5px;
    top: 25px;
    bottom: 25px;
    overflow: auto;
}

.stickyfooter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 20px;

}


#imagepreview {

    width: 200px;
    height: 200px;
    padding: 5px;
    border: 1px solid #EEE;
    float: left;
    margin-right: 5px;

}

#filepreview {

    width: 33px;
    height: 33px;
    padding: 30px;
    border: 1px solid #EEE;
    float: left;
    margin-right: 5px;
}

.imagebox,
.mediabox {
    
    width: 80px;
    height: 80px;
    border: 1px solid #EEE;
    padding: 5px;
    display: block; 
    float: left;
    margin: 3px 3px 3px 0;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.mediabox .deleteit,
.imagebox .deleteit {
 
    background: url(/static/images/stickywinclose.png) center center no-repeat;
    height:  20px;
    width:   20px;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -8000px;
}

.imagebox:hover,
.mediabox:hover {
    background: #FFE;
}

.mediabox span {

    display: block;
    text-align: center;
}

#filelist,
#imagelist {

    max-height: 300px;
    overflow: auto;
}

#linktree ul {

    margin-left: 12px;
    list-style: square;
}

#linktree a {
    cursor: pointer;
}


.htmltagcloud {
    line-height: 35px;
    margin-bottom: 9px;
    padding: 10px;
}   

.htmltagcloud a {
    text-decoration: none;
}

.tagcloud0 a { font-size: 12px; }
.tagcloud1 a { font-size: 12px; }
.tagcloud2 a { font-size: 12px; }
.tagcloud3 a { font-size: 13px; }
.tagcloud4 a { font-size: 13px; }
.tagcloud5 a { font-size: 13px; }
.tagcloud6 a { font-size: 14px; }
.tagcloud7 a { font-size: 14px; }
.tagcloud8 a { font-size: 15px; }
.tagcloud9 a { font-size: 15px; }
.tagcloud10 a { font-size: 15px; }
.tagcloud11 a { font-size: 16px; }
.tagcloud12 a { font-size: 16px; }
.tagcloud13 a { font-size: 16px; }
.tagcloud14 a { font-size: 17px; }
.tagcloud15 a { font-size: 17px; }
.tagcloud16 a { font-size: 17px; }
.tagcloud17 a { font-size: 18px; }
.tagcloud18 a { font-size: 18px; }
.tagcloud19 a { font-size: 18px; }
.tagcloud20 a { font-size: 19px; }
.tagcloud21 a { font-size: 19px; }
.tagcloud22 a { font-size: 19px; }
.tagcloud23 a { font-size: 20px; }
.tagcloud24 a { font-size: 20px; }


/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; padding: 0;}
ul.holder li.bit-box { border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; margin: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }




/* Facebook demo CSS */      
#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ul.holder { width: 94%; border: 1px inset #999; background: #FFF; }
#facebook-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/static/images/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

#facebook-auto { display: none; position: absolute; width: 670px; background: #eee; }
#facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto ul { display: none; margin: 0; padding: 0; }
#facebook-auto ul li { padding: 5px 12px; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto ul li.auto-focus em { background: none; }


.webmail-message {

    font-family: monospace;
    padding: 10px;
}


.mediaset-list {

    border: 1px inset #CCC;
    width: 450px;
    height: 200px;
    overflow: auto;
    padding: 5px;
}

.mediaset-list li {

    border-bottom: 1px solid #EEE;
    line-height: 20px;
    text-indent: 5px;
    padding: 0;
}

.nosort {
    cursor: pointer;
}

.forward_sort {
    color: #090;
    cursor: pointer;
}

.reverse_sort {
    color: #900;
    cursor: pointer;

} 


#addbox {
    border: 1px outset #999;
    background: #DDD;
    width: 240px;
    height: 300px;
    padding: 10px;
    position: absolute;
    left: 10px;
    top: 10px;
    display: none;
    -moz-box-shadow: 3px 3px 8px #CCC;
    -webkit-box-shadow: 3px 3px 8px #CCC;
}


#addbox input {
    width: 200px;

}

#addbox ul {
    width: 220px;
    height: 240px;
    overflow: auto;
    margin-left: 10px;
}

#addbox li {
    border-bottom: 1px solid #999;
}

#addbox #close {
    position: absolute;
    right: 5px;
    top: 5px;
}


#selectdialog {

    width:600px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -300px;
    z-index: 9999;
    border: 2px solid #999;
    background: #FFF;
       -moz-box-shadow: #eee 7px 5px 5px;
    -webkit-box-shadow: #eee 7px 5px 5px;
            box-shadow: #eee 7px 5px 5px;

}


#selectdialog_header {
    height: 19px;
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    padding: 10px;
    border-bottom: 1px solid #CCC;
    background: #EEE;
}

#selectdialog_body {

    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 0;
    right: 0;
    overflow: auto;
}

#selectdialog_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #CCC;
    height: 19px;
    padding: 10px;
    text-align: right;
    background: #EEE;
}

#selectdialog_table {

    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    width: 100%;
}

#selectdialog_table tbody {

}

#selectdialog_table tr:hover td {
    border-bottom: #CCC;
    background-color: #FFE;
}

.table-tr-odd {

    background: #FAFAFA;
}