/*
-------------------------------------------------------
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;
font-weight: bold;
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/teamwork/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;
}

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

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

.containerTitle a.button:hover {color:white}

.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;
}



.buttonArea {background: url(/commons/skin/cyan/images//button/bgndButtonArea.png); }
#__FEEDBACKBOX {background-color: transparent}
#__FEEDBACKBOX .FFC_Global table {border: none !important;}
#__FEEDBACKBOX button {background-color: #333; border:0; padding:2px; color:white; margin:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#__FEEDBACKBOX button:hover {background-color: #666;}

.labelPart{-moz-border-radius:3px; -webkit-border-radius:3px}
.labelPart table {-moz-border-radius:3px; -webkit-border-radius:3px;}
.labelPart {border: 2px solid #D4D0C8;padding:3px  }
.containerTitle {padding: 6px 0 6px 6px; font-size:20px}
.loadCell .loadPerc span {background-color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#folio.canvas div.agendaCurrentDay a {color:white !important}














/*
-------------------------------------------------------
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/cyan/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/cyan/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{white-space: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/cyan/images//containerPlus/container_default/n.png) repeat-x top; padding-bottom:0px; height:35px; }
.container_default .s{background: transparent url(/commons/skin/cyan/images//containerPlus/container_default/s.png) repeat-x bottom;height:20px}

.container_default .ne{background: transparent url(/commons/skin/cyan/images//containerPlus/container_default/ne.png) no-repeat top right; width:13px; }
.container_default .e{background: transparent url(/commons/skin/cyan/images//containerPlus/container_default/e.png) repeat-y top right; width:13px}
.container_default .se{background: transparent url(/commons/skin/cyan/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/cyan/images//containerPlus/container_default/no.png) no-repeat top left;width:8px;}
.container_default .o{ background: transparent url(/commons/skin/cyan/images//containerPlus/container_default/o.png) repeat-y top left;width:8px}
.container_default .so{background: transparent url(/commons/skin/cyan/images//containerPlus/container_default/so.png) no-repeat bottom left;width:8px;height:20px}

.container_default .c{background: transparent url(/commons/skin/cyan/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/cyan/images//containerPlus/container_warn/n.png) repeat-x top; padding-bottom:0px; height:36px; }
.container_warn .ne{background: transparent url(/commons/skin/cyan/images//containerPlus/container_warn/ne.png) no-repeat top right; height:35px;width:15px; }
.container_warn .no{background: transparent url(/commons/skin/cyan/images//containerPlus/container_warn/no.png) no-repeat top right;height:35px;width:18px;}
.container_warn .o{ background: transparent url(/commons/skin/cyan/images//containerPlus/container_warn/o.png) repeat-y top right;width:13px}
.container_warn .e{background: transparent url(/commons/skin/cyan/images//containerPlus/container_warn/e.png) repeat-y top right; width:13px}
.container_warn .s{background: transparent url(/commons/skin/cyan/images//containerPlus/container_warn/s.png) repeat-x bottom;height:20px}
.container_warn .se{background: transparent url(/commons/skin/cyan/images//containerPlus/container_warn/se.png) no-repeat bottom right; height:20px;width:13px}
.container_warn .so{background: transparent url(/commons/skin/cyan/images//containerPlus/container_warn/so.png) no-repeat bottom right;width:13px;height:20px}
.container_warn .c{background: transparent url(/commons/skin/cyan/images//containerPlus/container_warn/c.png); color:white}
.container_warn .buttonBar{white-space: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/cyan/images//containerPlus/container_clean/n.png) repeat-x top; padding-bottom:0px; height:36px; }
.container_clean .ne{background: transparent url(/commons/skin/cyan/images//containerPlus/container_clean/ne.png) no-repeat top right; height:35px;width:15px; }
.container_clean .no{background: transparent url(/commons/skin/cyan/images//containerPlus/container_clean/no.png) no-repeat top right;height:35px;width:18px;}
.container_clean .o{ background: transparent url(/commons/skin/cyan/images//containerPlus/container_clean/o.png) repeat-y top right;width:13px}
.container_clean .e{background: transparent url(/commons/skin/cyan/images//containerPlus/container_clean/e.png) repeat-y top right; width:13px}
.container_clean .s{background: transparent url(/commons/skin/cyan/images//containerPlus/container_clean/s.png) repeat-x bottom;height:20px}
.container_clean .se{background: transparent url(/commons/skin/cyan/images//containerPlus/container_clean/se.png) no-repeat bottom right; height:20px;width:13px}
.container_clean .so{background: transparent url(/commons/skin/cyan/images//containerPlus/container_clean/so.png) no-repeat bottom right;width:13px;height:20px}
.container_clean .c{background: transparent url(/commons/skin/cyan/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/cyan/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/cyan/images//containerPlus/container_white/ne.png) no-repeat top right; height:35px;width:15px; }
.container_white .no{background: transparent url(/commons/skin/cyan/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/cyan/images//containerPlus/container_white/o.png) repeat-y top left;width:8px}
.container_white .e{background: transparent url(/commons/skin/cyan/images//containerPlus/container_white/e.png) repeat-y top right; width:13px}
.container_white .s{background: transparent url(/commons/skin/cyan/images//containerPlus/container_white/s.png) repeat-x bottom;height:20px}
.container_white .se{background: transparent url(/commons/skin/cyan/images//containerPlus/container_white/se.png) no-repeat bottom right; height:20px;width:13px}
.container_white .so{background: transparent url(/commons/skin/cyan/images//containerPlus/container_white/so.png) no-repeat bottom left;width:8px;height:20px}
.container_white .c{background: transparent url(/commons/skin/cyan/images//containerPlus/container_white/c.png)}

.container_sticky .containerTable{border:0px solid #39A4E5; background:transparent; -moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666}
.container_sticky .spacer{padding-top:10px}
/*.container_sticky .buttonBar{background: ;}*/
.container_sticky .n{color: gray;background: transparent url(/commons/skin/cyan/images//containerPlus/container_sticky/n.png) repeat-x top; padding-bottom:0px; height:36px; }
.container_sticky .ne{background: transparent url(/commons/skin/cyan/images//containerPlus/container_sticky/ne.png) no-repeat top right; height:35px;width:15px; }
.container_sticky .no{background: transparent url(/commons/skin/cyan/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/cyan/images//containerPlus/container_sticky/o.png) repeat-y top left;width:8px}
.container_sticky .e{background: transparent url(/commons/skin/cyan/images//containerPlus/container_sticky/e.png) repeat-y top right; width:13px}
.container_sticky .s{background: transparent url(/commons/skin/cyan/images//containerPlus/container_sticky/s.png) repeat-x bottom;height:20px}
.container_sticky .se{background: transparent url(/commons/skin/cyan/images//containerPlus/container_sticky/se.png) no-repeat bottom right; height:20px;width:13px}
.container_sticky .so{background: transparent url(/commons/skin/cyan/images//containerPlus/container_sticky/so.png) no-repeat bottom left;width:8px;height:20px}
.container_sticky .c{background: transparent url(/commons/skin/cyan/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;
}
.toolbar input#search {border: 1px solid 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;
}
.formElementsError {
border: 1px solid #ff0000;
font-family: courier new, courier;
padding: 2px 2px;
font-size:10pt;
}
.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;
}

textarea.formElements {color:#3b3b3b; font-size:13px}

span#FLD_LOGIN_NAMEerror, span#FLD_PWDerror {margin-left:-23px; margin-top:2px;}



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

.qbe {
  background-image: url('/commons/skin/images/qbe.png');
}

.time {
  background-image: url('/commons/skin/images/time.png');
}

.durationmillis {
  background-image: url('/commons/skin/images/durationmillis.png');
}

.durationdays {
  background-image: url('/commons/skin/images/durationdays.png');
}

.integer {
  background-image: url('/commons/skin/images/integer.png');
}

.double {
  background-image: url('/commons/skin/images/double.png');
}

.percentile {
  background-image: url('/commons/skin/images/percentile.png');
}

.currency {
  background-image: url('/commons/skin/images/currency.png');
}

.grayed{
  background-color:#f3f3f3
}

/* 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 !important;
border-bottom: 1px solid #fff;
}
.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/images/grip.png);
	background-position: left;
	background-repeat: repeat-y;
    border:2px solid #E7E7E7
}



#tooltip{
  width:auto;
  max-width:300px;
  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;
}

#scoreTableId {
border:1px solid null !important; background-color: null;
padding: 0 2px 0 2px;
-moz-border-radius: 0.8em; -webkit-border-radius: 0.8em;
background-image:url(/commons/skin/cyan/images/score-gradient.png) !important;
}

/*
PERC
*/

.perc .canvas{ border: 1px solid #BFBFBF; background-image: url('/applications/teamwork/images//percBgnd.png')!important; background-position: bottom; background-repeat: repeat-x}
.perc .canvas div{ background-image: url('/applications/teamwork/images//percBgnd.png')!important; background-position: bottom; background-repeat: repeat-x}


#calendarPop {

background-color: #fff;
-moz-box-shadow:#7f7f7f 0px 0px 5px;
-webkit-box-shadow:#7f7f7f 0px 0px 5px;
}
#calendarPop table {padding:1px}

a.button, del.button {
    background-color:transparent;
    background-image: url( '/commons/skin/cyan/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;
}


a.button span, del.button span {
    background-color:transparent;
    background-image: url( '/commons/skin/cyan/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/cyan/images/button/btn_hover_right.png' );
    color: #fff;
    outline: none;
}
a.button.focused span {
    background-image:url( '/commons/skin/cyan/images/button/btn_hover.png');
}


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

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

/*DISABLED*/

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


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

.buttonArea {

 background-color: #000000;
 /*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/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/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/images/ribbonbar/ribbon_btn_right_hover.png );
    color: #fff;
    outline: none;
}

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

.smallButton .separator{
    background:url( /commons/skin/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/cyan/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/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/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/images/ribbonbar/ribbon_btn_right_hover.png );
    color: #fff;
    outline: none;
}

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

.ribbonbar .separator{
    background:url( /commons/skin/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/images/ribbonbar/ribbon_btn_grp_right.png );
}
.ribbonbar .buttonGroup a.button span {
    background-image: url( /commons/skin/images/ribbonbar/ribbon_btn_grp.png );
}

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

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

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

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

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

.ribbonbar .buttonGroup a.button.last:hover {
    background-image: url( /commons/skin/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/cyan/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/cyan/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;
}

.imgSeparator{
}




a {font-weight: normal}
.buttonArea {background-color:#EFFEFF}
.buttonArea  {background-color: #F9FDF0}
.buttonArea a.button {text-shadow: 0 1px 1px #fff}
a.button:hover, a.button.focused {text-shadow: 0 -1px 2px #267399}