/*
  -------------------------------------------------------
  body styles
  -------------------------------------------------------
  */
BODY, TBODY {
  font-family: arial;
  font-size: 12px;
  margin:0;
  color: null;
  text-decoration: none;
}

BODY{ background-color: null; }

a {
  text-decoration: none;
  color: null;
}

a:hover, a.aHover {
  color: null;
  text-decoration: underline;
}

h3 {
  text-decoration: none;
  color: null;
  font-size:16px;
  margin: 0;
}

.underline { border-bottom: 1px solid null; }

.descrEl { font-size: 11px; }

.highlight { background-color: yellow }
.footerWarning { text-align:center; border-top:1px solid null; border-bottom:1px solid null; font-size: 16px;}

  /*
  -------------------------------------------------------
  logIn
  -------------------------------------------------------
  */
.logIn {
  color: null;
  background-color: null;
  background-image: url(/applications/webwork/images/toolBarBgnd.gif);
  background-repeat: repeat-y;
  background-position: right top;
}
  /*
  -------------------------------------------------------
  container styles
  -------------------------------------------------------
  */

.containerTitle,
.containerTitle_1,
.containerTitle_2,
.containerTitle_light,
.containerTitle_thin,
.containerTitle_warn {
  font-size: 16px;
  font-weight: normal;
  color: null;
  background-color: null;
  padding: 3px;
}
.containerTitle { font-weight: bold; }
.containerTitle_1 {
  font-size: 12px;
  height: 25px;
  font-weight: bold;
  color: null;
  background-color: null;
}

.containerTitle_2 {
  font-size: 12px;
  font-weight: bold;
  color: null;
  background-color: null;
}

.containerTitle_thin {
  font-size: 10px;
  font-weight: bold;
}

.containerTitle_light {
  font-size: 11px;
  font-weight: bold;
  background-color: null;
}

.containerTitle_warn {
  font-weight: bold;
  background-color: null;
  color:#FFFFFF;
}

.containerTitle a {
  text-decoration: none;
  color: null;
}
.containerTitle a:hover {
  text-decoration: none;
  color: null;
}

.containerContent,
.containerContent_1,
.containerContent_2,
.containerContent_light,
.containercontent_thin,
.containerContent_warn {
  background-color: null;
  border: 1px solid null;
}

.containerContent_1{ border: null; }
.containerContent_2{ border: null; }
.containerContent_light{ border: null; }
.containerContent_warn { border: 1px solid null; }
.box,.box_1,.box_2 { background-color: #000000; }
.box_1 td {
  background-color: null;
  color: null;
  font-weight: bold;
}
.box_2 { background-color: null; }

  /*
  -------------------------------------------------------
  containerPlus styles
  -------------------------------------------------------
  */
.ui-resizable-handle { position: absolute; display: block; font-size: 0.1px;}

.ui-resizable-e { cursor: e-resize; width: 10px; right: 0px; top: 0; height: 100%; border: 0px solid gray}
.ui-resizable-w { cursor: w-resize; width: 30px; left: 0; top: 0; height: 100%;  }
.ui-resizable-s { cursor: s-resize; height: 20px; width: 100%; bottom: 0px; left: 0;border: 0px solid gray; background:transparent url(/commons/skin/orange/images//containerPlus/sGrip.png) no-repeat center 0; border: 0px solid gray}
.ui-resizable-se { cursor: se-resize; width: 20px; height: 20px; right: 0px; bottom: 0px; background:transparent; border: 0px solid gray}

.proxy{border:1px dotted gray; background: url(/commons/skin/orange/images//containerPlus/proxy.png);}

.mbContainer {width:100%}
.mbContainer {}
.mbContainer .containerTable{width:100%}
.mbContainer  .containerPlusTitle{font-size:16px;}
.mbContainer .n { color: null; padding-left:6px; height:35px; -moz-user-select: none; -khtml-user-select: none}
.mbContainer .n.hasIcon { padding-left:30px}
.mbContainer .ne{text-align:right}
.mbContainer .no{}
.mbContainer .no img{position:absolute; margin-top:-25px; margin-left:-4px;}
.mbContainer .o{ }
.mbContainer .e{}
.mbContainer .s{height:10px}
.mbContainer .se img{width:15px}
.mbContainer .so img{width:15px}
.mbContainer .c{}
.mbContainer .c .containerBody{position:relative; margin-left:3px; margin-right:-3px;overflow:auto}
.mbContainer .buttonBar{whitespace:nowrap}
.mbContainer .buttonBar td{}
.mbContainer.draggable .n{cursor:move}

.container_default .containerTable{border:0px solid #39A4E5; background:transparent}
.container_default .mbSpacer{padding-top:5px}
.container_default .containerPlusTitle{color:null; font-size:18px}
.container_default .buttonBar{background: transparent;}
.container_default .n{background: transparent url(/commons/skin/orange/images//containerPlus/container_default/n.png) repeat-x top; padding-bottom:0px; height:35px; }
.container_default .s{background: transparent url(/commons/skin/orange/images//containerPlus/container_default/s.png) repeat-x bottom;height:20px}
.container_default .ne{background: transparent url(/commons/skin/orange/images//containerPlus/container_default/ne.png) no-repeat top right; width:13px; }
.container_default .e{background: transparent url(/commons/skin/orange/images//containerPlus/container_default/e.png) repeat-y top right; width:13px}
.container_default .se{background: transparent url(/commons/skin/orange/images//containerPlus/container_default/se.png) no-repeat bottom right; height:20px;width:13px}
.container_default .se.grip{}
.container_default .no{background: transparent url(/commons/skin/orange/images//containerPlus/container_default/no.png) no-repeat top left;width:8px;}
.container_default .o{ background: transparent url(/commons/skin/orange/images//containerPlus/container_default/o.png) repeat-y top left;width:8px}
.container_default .so{background: transparent url(/commons/skin/orange/images//containerPlus/container_default/so.png) no-repeat bottom left;width:8px;height:20px}
.container_default .c{background: transparent url(/commons/skin/orange/images//containerPlus/container_default/c.png)}

.container_thin .containerTable {border: null;}
.container_thin .n { background: null;}
.container_thin .n .title{font-size: 10px;font-weight: bold;}
.container_thin .ne {background: null;}
.container_thin .no {background: null;}

.container_light .containerTable {border: null;}
.container_light .n .title{font-size: 11px;font-weight: bold;}

.container_warn .containerTable{border:0px solid #39A4E5; background:transparent}
.container_warn .containerPlusTitle{color:white; font-size:18px; padding-top:10px}
.container_warn .spacer{padding:10px}
.container_warn .containerBody{font-size:13px}
.container_warn .buttonBar{background: transparent;}
.container_warn .n{background: transparent url(/commons/skin/orange/images//containerPlus/container_warn/n.png) repeat-x top; padding-bottom:0px; height:36px; }
.container_warn .ne{background: transparent url(/commons/skin/orange/images//containerPlus/container_warn/ne.png) no-repeat top right; height:35px;width:15px; }
.container_warn .no{background: transparent url(/commons/skin/orange/images//containerPlus/container_warn/no.png) no-repeat top right;height:35px;width:18px;}
.container_warn .o{ background: transparent url(/commons/skin/orange/images//containerPlus/container_warn/o.png) repeat-y top right;width:13px}
.container_warn .e{background: transparent url(/commons/skin/orange/images//containerPlus/container_warn/e.png) repeat-y top right; width:13px}
.container_warn .s{background: transparent url(/commons/skin/orange/images//containerPlus/container_warn/s.png) repeat-x bottom;height:20px}
.container_warn .se{background: transparent url(/commons/skin/orange/images//containerPlus/container_warn/se.png) no-repeat bottom right; height:20px;width:13px}
.container_warn .so{background: transparent url(/commons/skin/orange/images//containerPlus/container_warn/so.png) no-repeat bottom right;width:13px;height:20px}
.container_warn .c{background: transparent url(/commons/skin/orange/images//containerPlus/container_warn/c.png); color:white}
.container_warn .buttonBar{whitespace:nowrap; vertical-align:bottom}
.container_warn .buttonBar td{}

.container_clean .containerTable{border:0px solid #39A4E5; background:transparent}
.container_clean .spacer{padding-top:10px}
.container_clean .buttonBar{background: transparent;}
.container_clean .n{background: transparent url(/commons/skin/orange/images//containerPlus/container_clean/n.png) repeat-x top; padding-bottom:0px; height:36px; }
.container_clean .ne{background: transparent url(/commons/skin/orange/images//containerPlus/container_clean/ne.png) no-repeat top right; height:35px;width:15px; }
.container_clean .no{background: transparent url(/commons/skin/orange/images//containerPlus/container_clean/no.png) no-repeat top right;height:35px;width:18px;}
.container_clean .o{ background: transparent url(/commons/skin/orange/images//containerPlus/container_clean/o.png) repeat-y top right;width:13px}
.container_clean .e{background: transparent url(/commons/skin/orange/images//containerPlus/container_clean/e.png) repeat-y top right; width:13px}
.container_clean .s{background: transparent url(/commons/skin/orange/images//containerPlus/container_clean/s.png) repeat-x bottom;height:20px}
.container_clean .se{background: transparent url(/commons/skin/orange/images//containerPlus/container_clean/se.png) no-repeat bottom right; height:20px;width:13px}
.container_clean .so{background: transparent url(/commons/skin/orange/images//containerPlus/container_clean/so.png) no-repeat bottom right;width:13px;height:20px}
.container_clean .c{background: transparent url(/commons/skin/orange/images//containerPlus/container_clean/c.png)}

.container_white .containerTable{border:0px solid #39A4E5; background:transparent}
.container_white .spacer{padding-top:10px}
.container_white .buttonBar{background: transparent;}
.container_white .n{background: transparent url(/commons/skin/orange/images//containerPlus/container_white/n.png) repeat-x top; padding-bottom:0px; height:36px;color:null }
.container_white .containerPlusTitle{color:null }
.container_white .ne{background: transparent url(/commons/skin/orange/images//containerPlus/container_white/ne.png) no-repeat top right; height:35px;width:15px; }
.container_white .no{background: transparent url(/commons/skin/orange/images//containerPlus/container_white/no.png) no-repeat top left;height:35px;width:8px;}
.container_white .no img{margin-top:-15px; margin-left:-4px;}
.container_white .o{ background: transparent url(/commons/skin/orange/images//containerPlus/container_white/o.png) repeat-y top left;width:8px}
.container_white .e{background: transparent url(/commons/skin/orange/images//containerPlus/container_white/e.png) repeat-y top right; width:13px}
.container_white .s{background: transparent url(/commons/skin/orange/images//containerPlus/container_white/s.png) repeat-x bottom;height:20px}
.container_white .se{background: transparent url(/commons/skin/orange/images//containerPlus/container_white/se.png) no-repeat bottom right; height:20px;width:13px}
.container_white .so{background: transparent url(/commons/skin/orange/images//containerPlus/container_white/so.png) no-repeat bottom left;width:8px;height:20px}
.container_white .c{background: transparent url(/commons/skin/orange/images//containerPlus/container_white/c.png)}

.container_sticky .containerTable{border:0px solid #39A4E5; background:transparent}
.container_sticky .spacer{padding-top:10px}
  /*.container_sticky .buttonBar{background: ;}*/
.container_sticky .n{color: gray;background: transparent url(/commons/skin/orange/images//containerPlus/container_sticky/n.png) repeat-x top; padding-bottom:0px; height:36px; }
.container_sticky .ne{background: transparent url(/commons/skin/orange/images//containerPlus/container_sticky/ne.png) no-repeat top right; height:35px;width:15px; }
.container_sticky .no{background: transparent url(/commons/skin/orange/images//containerPlus/container_sticky/no.png) no-repeat top left;height:35px;width:8px;}
.container_sticky .no img{margin-top:-15px; margin-left:-4px;}
.container_sticky .o{ background: transparent url(/commons/skin/orange/images//containerPlus/container_sticky/o.png) repeat-y top left;width:8px}
.container_sticky .e{background: transparent url(/commons/skin/orange/images//containerPlus/container_sticky/e.png) repeat-y top right; width:13px}
.container_sticky .s{background: transparent url(/commons/skin/orange/images//containerPlus/container_sticky/s.png) repeat-x bottom;height:20px}
.container_sticky .se{background: transparent url(/commons/skin/orange/images//containerPlus/container_sticky/se.png) no-repeat bottom right; height:20px;width:13px}
.container_sticky .so{background: transparent url(/commons/skin/orange/images//containerPlus/container_sticky/so.png) no-repeat bottom left;width:8px;height:20px}
.container_sticky .c{background: transparent url(/commons/skin/orange/images//containerPlus/container_sticky/c.png)}
  /*
  -------------------------------------------------------
  table styles
  -------------------------------------------------------
  */

.table { width:100%; }

TH, .tableHeader {
  font-weight: bold;
  color: null;
  border: null;
  background-color: null;
}

TH a { color: null; }
.tableContent { background-color: null; }
.alternateTrue { background-color: #000000; }
.alternateFalse { background-color: null; }
.trOver { background-color: #000000; }
.tableBackground{ background-color: null;}
tr.draggingtr td { background-color:null;  }

  /*
  -------------------------------------------------------
  toolbar
  -------------------------------------------------------
  */

.toolbar{
  color: null;
  background-color: null;
  background-repeat: no-repeat;
  background-position: left top;
}

.toolbarElement{
  color: null;
  border-right: 1px solid null;
  border-bottom: 1px solid null;
}

.toolbarContent{ color: null; }

  /*
  -------------------------------------------------------
  form elements
  -------------------------------------------------------
  */
form {
  margin: 0;
  padding: 0;
}

select {
  font-family: courier new, courier;
  border: 1px solid #cccccc;
  font-size:10pt;
}

.formElements,
.paginator {
  font-family: courier new, courier;
  border: 1px solid #cccccc;
  padding: 2px 2px;
  font-size:10pt;
}
.formElements{ background-color:white; padding:4px }
.formElementsError {
  border: 1px solid #ff0000;
  font-family: courier new, courier;
  padding: 2px 2px;
  font-size:10pt;
}

.formElementExclamation {
  width: 15px;
  height: 25px;
  margin-left:-20px;
  position:absolute;
  background:url("/commons/skin/orange/images/alert.png") no-repeat ;
}

.formElementsWarning {
  border: 1px solid #FB7000;
  font-family: Arial;
  padding: 2px 2px;
  font-size:10pt;
  background-color:#FB7000;
  color:white;
}
.inputAlert{ border: 1px solid #FF6600; }
.formSearchLabel td{ color:null; }

.paginator {
  font-size:9pt;
  padding: 0px;
}

.qbe, .time, .integer, .double, .percentile, .currency,.durationmillis,.durationdays,.email,.url {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.qbe { background-image: url('/commons/skin/images//qbe.gif'), url('/applications/webwork/images//bgndSqr.jpg'); ; }
.time { background-image: url('/commons/skin/images//time.gif'), url('/applications/webwork/images//bgndSqr.jpg'); ; }
.durationmillis { background-image: url('/commons/skin/images//durationmillis.gif'), url('/applications/webwork/images//bgndSqr.jpg'); ; }
.durationdays { background-image: url('/commons/skin/images//durationdays.gif'), url('/applications/webwork/images//bgndSqr.jpg'); ; }
.integer { background-image: url('/commons/skin/images//integer.gif'), url('/applications/webwork/images//bgndSqr.jpg'); ; }
.double { background-image: url('/commons/skin/images//double.gif'), url('/applications/webwork/images//bgndSqr.jpg'); }
.percentile { background-image: url('/commons/skin/images//percentile.gif'), url('/applications/webwork/images//bgndSqr.jpg'); ; }
.currency { background-image: url('/commons/skin/images//currency.gif'), url('/applications/webwork/images//bgndSqr.jpg'); ; }
.email { background-image: url('/commons/skin/images//email.gif'), url('/applications/webwork/images//bgndSqr.jpg'); ; }
.url { background-image: url('/commons/skin/images//url.gif'), url('/applications/webwork/images//bgndSqr.jpg'); ; }

.grayed{ background-color:#DDDBDB; }

  /* Do NOT change anything!!!!!!!!! */
.innerLabel{
  position:absolute;
  color:#999999;
  text-align:center;
  font-size:12px;
  font-style:italic;
  vertical-align:middle;
  overflow:hidden;
  margin-top:3px;
}

  /*
  -------------------------------------------------------
  tab elements
  -------------------------------------------------------
  */
.tabSelected{
  font-weight:bold;
  border-bottom:1px solid #ffffff;
}
.tabUnselected {
  color:#cccccc;
  border-bottom:1px solid #cccccc;
  opacity:.90;
  -khtml-opacity:0.5
  filter: alpha(opacity=90);
}

.tabUnselected .tabImg{
  opacity:.50;
  filter: alpha(opacity=50);
}

.tabDisabled {
  color:#333333;
  border-bottom:1px solid #cccccc;
  opacity:.4;
  filter: alpha(opacity=40);
}

.tabDisabled .tabImg{
  opacity:.30;
  filter: alpha(opacity=30);
}

.tabDisabled td a{ color:#969696; }
.tabUnselected td a { color:#8F8F8F; }
.tabContainer{
  background-color: null;
  border:1px solid #cccccc;
  border-top: 0px solid #cccccc;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.footer{
  height:12px;
  background-color: #f3f3f3;
  text-align:right;
}

  /*
  -------------------------------------------------------
  drag
  ------------------------------------------------------
  */
.draggable, .draggable td{
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: black;
  border-bottom:none;
}

.draggableOver, .draggableOver td{
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: gray;
  border-bottom:1px solid gray;
}

.droppingEl, .droppingEl td{
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  opacity:.5;
  filter:alpha(opacity=50);
  border-bottom:1px solid gray;
}

.dragHandler{
  background-color: #E7E7E7;
  cursor:move;
  background-image: url(/commons/skin/orange/images/grip.gif);
  background-position: left;
  /*background-repeat: repeat-y;*/
}

/*
-------------------------------------------------------
TOOLTIP
------------------------------------------------------
*/

#tooltip{
  width:auto;
  max-width:300px;
  mmin-width:50px;
  border:1px solid;
  background:white;
  padding:5px;
  margin-top:8px;
  font-size:12px;
  color:dimgray;
}
#tooltip.default{
  border:2px solid null;
  background:white;
  color:null;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin-top:0;
}
#tooltip #ttimg.top{
  margin-top:-17px;
  margin-left:8px
}
#tooltip #ttimg.bottom{
  bottom:0;
  margin-bottom:-12px;
  margin-left:8px
}
#tooltip.default #ttimg.top{
  margin-top:-17px;
  margin-left:3px
}
#tooltip.default #ttimg.bottom{
  bottom:0;
  margin-bottom:-12px;
  margin-left:3px
}

  /*
  PORTLETS
  */
.portletParams{
  /*position:absolute;*/
  background-color:null;
  background-color:#eee;
  border:1px solid gray;
  padding:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
.wlDayNav{
  margin-top:5px;
  margin-bottom:5px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
}

  /*
  PERC
  */
.perc .canvas, .perc .canvas div{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}

  /*
  -------------------------------------------------------
  showPreviewOnClick
  -------------------------------------------------------
  */
.closeGallery {
  position:absolute;
  top:5px;
  right:5px;
  cursor:pointer;
}

#imgtoshow {
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  background-color:#fff;
  border:5px solid null;
}

.imgDescription {
  background-color:null;
  font-size:11px;
  color: black;
  line-height:12px;
  padding:0 0 3px;
}

#imgDescription {
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
}

.FFC_OK {
  width: 99%;
  padding: 2px;
  margin: 3px 3px 0;
  border: 1px solid rgb(0, 160, 0);
  background-color: rgb(200, 255, 200);
  -moz-border-radius: 8px 8px 8px 8px;
}

.FFC_ERROR {
  width: 99%;
  padding: 2px;
  margin: 3px 3px 0;
  border: 1px solid rgb(255, 0, 0);
  background-color: #FF9988;
  -moz-border-radius: 8px 8px 8px 8px;
}



a.button, del.button {
    background-color:transparent;
    background-image: url( '/commons/skin/orange/images/button/btn_right.png' );
    background-repeat:no-repeat ;
    background-position:top right;
    color: null;
    display:inline-block;
    font: normal 13px arial, sans-serif;
    height: 32px;
    margin-right: 0px;
    padding-right: 10px;
    text-decoration: none;
    cursor:pointer;
    
    display:block; /*opera*/
    display:inline-block; /*ie*/
    display:-moz-inline-box; /*ff*/
}

a.button span, del.button span {
    background-color:transparent;
    background-image: url( '/commons/skin/orange/images/button/btn.png' );
    background-repeat:no-repeat ;
    display: block;
    line-height: 21px;
    padding: 3px 0 8px 10px;
    white-space:nowrap;
}

a.button span img{
    margin-left:-5px;
    margin-top:-2px;
    padding-right:5px;
}

a.button.focused{
    background-image: url( '/commons/skin/orange/images/button/btn_hover_right.png' );
    color: #fff;
    outline: none;
}
a.button.focused span {
    background-image:url( '/commons/skin/orange/images/button/btn_hover.png');
}


/*HOVER*/
a.buttonHover {
    background-image: url( '/commons/skin/orange/images/button/btn_hover_right.png' );
    color: #fff;
    outline: none;
}

a.buttonHover span {
    background-image:url( '/commons/skin/orange/images/button/btn_hover.png');
}

/*DISABLED*/

del.button{
  background-image: url( '/commons/skin/orange/images/button/btn_disabled_right.png' );
  cursor:not-allowed;
}
del.button span{
  color:gray;
  background-image: url( '/commons/skin/orange/images/button/btn_disabled.png' );
  cursor:not-allowed;
}


.buttonImg{
  background-color:transparent;
  border:none;
}

.buttonArea {
 background-color: #000000;
 padding:5px;
}


/*
* small button
*/
 a.button.smallButton, .ribbonbar del {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
 	font-size: 13px;
    background-color:transparent;
    background-image:url( /commons/skin/orange/images/ribbonbar/ribbon_btn_right.png );
    background-repeat:no-repeat ;
    background-position:top right;
	  color: #fff;
    display:inline-block;
    margin-right: 0;
    padding: 0;
    padding-right: 9px;
    height:22px;
    text-decoration: none;
    cursor:pointer;
}

a.button.smallButton span, .ribbonbar del span {
    background-color:transparent;
    background-image:url( /commons/skin/orange/images/ribbonbar/ribbon_btn.png );
    background-repeat:no-repeat;
    display: block;
    line-height: 21px;
    padding: 0px 0 2px 9px;
    white-space:nowrap;
}

/*HOVER*/
a.buttonHover.smallButton {
    background-image: url( /commons/skin/orange/images/ribbonbar/ribbon_btn_right_hover.png );
    color: #fff;
    outline: none;
}

a.buttonHover.smallButton span {
    background-image:url( /commons/skin/orange/images/ribbonbar/ribbon_btn_hover.png );
}

.smallButton .separator{
    background:url( /commons/skin/orange/images/separator.png ) repeat-y center;
	display:inline-block;
  width:25px;
}


/*--------------------------------------------
Ribbonbar
---------------------------------------------*/
.ribbonbar{
  padding-top:2px;
  padding-left:10px;
  margin:0;
	background:null url(/commons/skin/orange/images/ribbonbar/rb_bgnd.png );
	height:30px;
	vertical-align:middle;
}

.ribbonbar a.button, .ribbonbar del {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
 	font-size: 13px;
    background-color:transparent;
    background-image:url( /commons/skin/orange/images/ribbonbar/ribbon_btn_right.png );
    background-repeat:no-repeat ;
    background-position:top right;
	  color: #fff;
    display:inline-block;
    margin-right:2px;
    padding: 0;
    padding-right: 9px;
    height:22px;
    text-decoration: none;
    cursor:pointer;
}

.ribbonbar a.button span, .ribbonbar del span {
    background-color:transparent;
    background-image:url( /commons/skin/orange/images/ribbonbar/ribbon_btn.png );
    background-repeat:no-repeat;
    display: block;
    line-height: 21px;
    padding: 0px 0 2px 9px;
    margin-left:2px;
    white-space:nowrap;
}

/*HOVER*/
.ribbonbar a.buttonHover,  .ribbonbar a.focused{
    background-image: url( /commons/skin/orange/images/ribbonbar/ribbon_btn_right_hover.png );
    color: #fff;
    outline: none;
}

.ribbonbar a.buttonHover span, .ribbonbar a.focused span{
    background-image:url( /commons/skin/orange/images/ribbonbar/ribbon_btn_hover.png );
}

.ribbonbar .separator{
    background:url( /commons/skin/orange/images/separator.png ) repeat-y center;
	display:inline-block;
  width:25px;
}

.ribbonbar hr {
  height:1px;
  padding:0px;
  background-color: null;
  border:none;
}

/*--------------------------------------------
Ribbonbar buttongroup
---------------------------------------------*/
.ribbonbar .buttonGroup{white-space: nowrap; }
.ribbonbar .buttonGroup a.button {
    background-image: url( /commons/skin/orange/images/ribbonbar/ribbon_btn_grp_right.png );
}
.ribbonbar .buttonGroup a.button span {
    background-image: url( /commons/skin/orange/images/ribbonbar/ribbon_btn_grp.png );
}

.ribbonbar .buttonGroup a.button.first span{
    background-image: url( /commons/skin/orange/images/ribbonbar/ribbon_btn.png );
}

.ribbonbar .buttonGroup a.button.last {
    background-image:url( /commons/skin/orange/images/ribbonbar/ribbon_btn_right.png );
}

/*HOVER*/
.ribbonbar .buttonGroup a.buttonHover {
    background-image: url( /commons/skin/orange/images/ribbonbar/ribbon_btn_grp_right_hover.png );
}

.ribbonbar .buttonGroup a.buttonHover span {
    background-image:url( /commons/skin/orange/images/ribbonbar/ribbon_btn_grp_hover.png );
}

.ribbonbar a.button.first:hover span {
    background-image:url( /commons/skin/orange/images/ribbonbar/ribbon_btn_hover.png );
}

.ribbonbar .buttonGroup a.button.last:hover {
    background-image: url( /commons/skin/orange/images/ribbonbar/ribbon_btn_right_hover.png );
}


/*--------------------------------------------
remove outline
---------------------------------------------*/

a.button:focus {
	-moz-outline-style: none;
}



  #application_menu td {
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
  }

  #application_menu td a:hover{
    text-decoration:none;
  }

  .menuContainer {
    border-top: 1px solid null;
    border-bottom: 1px solid null;
    border-left: 1px solid null;
    border-right: 1px solid null;
  }

  .menuTitle td{
    border-top: 1px solid null;
    padding:3px 2px 3px 2px;
    background: null;
    font-weight: bold;
    color: null;
    text-decoration: none;
    cursor: default;
    text-align:center;
  }

  .menu td, .menuLabel td{
    padding:1px 1px 1px 1px;
    background-color: null;
    color: null;
    text-decoration: none;
    border-bottom: 1px solid #000000;
    cursor: pointer;
  }

  .menuOver td, .menuLabelOver td{
    padding:1px 1px 1px 1px;
    background: null;
    color: null;
    text-decoration: none;
    border-top: 1px solid null;
    cursor: pointer;
  }


  .subMenu {
    padding:1px 1px 1px 1px;
    background-color: #000000;
    text-decoration: none;
    cursor: default;
    border-bottom: 1px solid #000000;
    /* here you have the arrow image for the sub menu */
    background-image: url(/commons/skin/orange/images//menuArrow.gif);
    /*pending */
    background-repeat: no-repeat;
    background-position: right;
  }

  .subMenu td{
    padding:1px 1px 1px 1px;
    color: null;
  }

  .subMenuOver {
    padding:1px 1px 1px 1px;
    background: null;
    color: null;
    text-decoration: none;
    cursor: default;
    border-bottom: 1px solid #000000;
    /* here you have the arrow image for the sub menu */
    background-image: url(/commons/skin/orange/images//menuArrow_over.gif);
    /*pending */
    background-repeat: no-repeat;
    background-position: right;
  }
  .subMenuOver td{
    color: null;
    /*pending */
  }

  .menuDisabled td{
    padding:1px 1px 1px 1px;
    background: null;
    color: null;
    text-decoration: none;
    border-bottom: 1px solid null;
    cursor: default;
  }

  .separator {
    cursor: default;
    background-color: null;
  }

  .img{
    padding:0px 0px 3px 0px;
  }

    /*
     transparency of the menu
    */

  .transparency, .menuOver, .menu{
    /*-moz-opacity:0.90;
  opacity: 0.90;
  -khtml-opacity: 0.90; */
  }

  .cursorHand {
    cursor: pointer;
  }

  .cursorDefault {
    cursor: default;
  }

  .imgFontFamily {
    font-family: Webdings, Wingdings, "Wingdings 2", "Wingdings 3";
    font-size: 16px;
    font-style: normal;
  }

  .menuBar {
    cursor: pointer;
    color: null;
    border-right: null 1px solid;
    border-top: null 1px solid;
  
  }

  .menuBarOver {
    background-color: null;
    cursor: pointer;
    border-right: null 1px solid;
  
    border-top: null 1px solid;
  }

  .menuBar td{
    color: null;
  }

  .menuBarOver td {
    color:null;
  }

  .menuBorder {
    border-left: null 1px solid;
    border-right: null 1px solid;
    border-top: null 0px solid;
  }
  .menuBorderDiv{
    border-bottom: null 1px solid;
    background-color:null;
  }



  

    fieldset label{
      width:100px;
      padding:10px;
      display: inline-block;
    }

    .FFC_OK {
      width: 99%;
      padding: 2px;
      margin: 3px 3px 0px;
      border: 1px solid rgb(0, 160, 0);
      background-color: rgb(200, 255, 200);
      -moz-border-radius: 8px 8px 8px 8px;
    }

    .FFC_ERROR {
      width: 99%;
      padding: 2px;
      margin: 3px 3px 0px;
      border: 1px solid rgb(255, 0, 0);
      background-color: #FF9988;
      -moz-border-radius: 8px 8px 8px 8px;
    }

    .FFC_WARNING {
      width: 99%;
      padding: 2px;
      margin: 3px 3px 0px;
      border: 1px solid rgb(255, 0, 0);
      background-color: #F8C16A;
      -moz-border-radius: 8px 8px 8px 8px;
    }

  .partTabsetFeedback {
    color: null;
    font-weight: bold;
    width: 80%;
    border: 1px solid null;
    padding: 10px;
    border-radius: 5px;
    margin: 20px auto 20px auto;
    text-align: center;
  }

  .tableContent {
    color: null;
    font-weight: bold;
    border-top: 1px solid null;
    margin: 20px auto 20px auto;
    padding: 10px;
  }

  .siteWarning {
    font-family: Arial;
    font-weight: bold;
    font-size:10pt;
    color:white;
    padding: 4px;
    background-color:null;
  }