/*DEFAULT*/
a.button, del.button {
  min-width:35px;
  background-color:transparent;
  background-image: url( '/commons/skin/patapage/images/button/paleBlueBtn.png');
  background-repeat:no-repeat;
  background-position:top right;
  color: #fff!important;
  display:inline-block;
  font: normal 14px arial, sans-serif;
  height: 33px;
  margin-right: 0px;
  padding-right: 10px;
  text-align:center;
  text-decoration: none;
  cursor:pointer;


  display:inline-block; /*ie*/
  display:-moz-inline-box; /*ff*/
}


a.button span, del.button span {
  min-width:35px;
  background-color:transparent;
  background-image: url( '/commons/skin/patapage/images/button/paleBlueBtn.png' );
  background-repeat:no-repeat;
  background-position:top left;
  display: inline-block;
  line-height: 20px;
  padding: 5px 0 8px 10px;
  white-space:nowrap;
  text-align:center;
  text-shadow:#19799f 0px 1px 1px;
}

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

a.button.focused{
  background-image: url( '/commons/skin/patapage/images/button/paleBlueBtn.png' );
  background-position: bottom right;
  color: #fff;
  outline: none;
}
a.button.focused span {
  background-image:url( '/commons/skin/patapage/images/button/paleBlueBtn.png');
  background-position: bottom left;
}

/*HOVER*/
a.buttonHover, a.button:hover{
  background-image: url( '/commons/skin/patapage/images/button/paleBlueBtn.png' );
  background-position: bottom right;
  color: #fff;
  outline: none;
}

a.buttonHover span, a.button:hover span {
  background-image:url( '/commons/skin/patapage/images/button/paleBlueBtn.png');
  background-position: bottom left;
  text-shadow:#086f98 0px -1px 1px;

}

/*DISABLED*/

del.button, del.button.brown, del.button.orange {
  background-image: url( '/commons/skin/patapage/images/button/disabledBtn.png');
  background-repeat:no-repeat;
  background-position:top right;
  cursor:not-allowed;
}

del.button span, del.button.brown span, del.button.orange span{
  background-image: url( '/commons/skin/patapage/images/button/disabledBtn.png');
  background-repeat:no-repeat;
  background-position:top left;
  color:#938f83;
  cursor:not-allowed;
  text-shadow: white 0px -1px 1px;

}

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

.buttonArea {
  padding:5px;
}

/*SPECIAL*/
a.special, del.special {
  background-color:transparent;
  background-image: url( '/commons/skin/patapage/images/button/blue_btn_right.png' );
  background-repeat:no-repeat ;
  background-position:top right;
  color: white;
  display:inline-block;
  font: normal 14px arial, sans-serif;
  height: 33px;
  margin-right: 0px;
  padding-right: 10px;
  text-decoration: none;
  cursor:pointer;

  display:inline-block; /*ie*/
  display:-moz-inline-box; /*ff*/
}

a.special span, del.special span {
  background-color:transparent;
  background-image: url('/commons/skin/patapage/images/button/blue_btn.png');
  background-repeat:no-repeat ;
  display: inline-block;
  line-height: 20px;
  text-shadow: #07657F 0px 1px 1px;
  padding: 2px 0 8px 10px;
  white-space:nowrap;
}

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

/*SPECIAL HOVER*/
a.special.buttonHover, a.special.button:hover{
  background-image: url( '/commons/skin/patapage/images/button/blue_btn_hover_right.png' );
  outline: none;
  color:white
}

a.special.buttonHover span, a.special.button:hover span {
  text-shadow: #07657F 0px 1px 1px;
  background-image:url( '/commons/skin/patapage/images/button/blue_btn_hover.png');
  outline: none;

}

/*ORANGE*/
a.orange, del.orange {
  background-color:transparent;
  background-image: url( '/commons/skin/patapage/images/button/lightOrangeBtn.png');
  background-repeat:no-repeat;
  background-position:top right;
  color: white;
  display:inline-block;
  font: normal 14px arial, sans-serif;
  height: 33px;
  margin-right: 0px;
  padding-right: 10px;
  text-decoration: none;
  cursor:pointer;

  display:inline-block; /*ie*/
  display:-moz-inline-box; /*ff*/
}

a.orange span, del.orange span {
  background-color:transparent;
  background-image: url( '/commons/skin/patapage/images/button/lightOrangeBtn.png');
  background-repeat:no-repeat;
  background-position:top left;
  display: inline-block;
  line-height: 20px;
  text-shadow: #bf9000 0px 1px 1px;
  padding: 5px 0 8px 10px;
  white-space:nowrap;
}

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

/*ORANGE HOVER*/
a.orange.buttonHover, a.orange.button:hover{
  background-image: url( '/commons/skin/patapage/images/button/lightOrangeBtn.png');
  background-repeat:no-repeat;
  background-position:bottom right;
  outline: none;
  color:white
}

a.orange.buttonHover span, a.orange.button:hover span {
  background-image: url( '/commons/skin/patapage/images/button/lightOrangeBtn.png');
  background-repeat:no-repeat;
  background-position:bottom left;
  outline: none;
  text-shadow: #bb7803 0px -1px 1px;

}



/*BROWN*/
a.brown, del.brown {
  background-color:transparent;
  background-image: url( '/commons/skin/patapage/images/button/lightBrownBtn.png');
  background-repeat:no-repeat;
  background-position:top right;
  color: white;
  display:inline-block;
  font: normal 14px arial, sans-serif;
  height: 33px;
  margin-right: 0px;
  padding-right: 10px;
  text-decoration: none;
  cursor:pointer;

  display:inline-block; /*ie*/
  display:-moz-inline-box; /*ff*/
}

a.brown span, del.brown span {
  background-color:transparent;
  background-image: url( '/commons/skin/patapage/images/button/lightBrownBtn.png');
  background-repeat:no-repeat;
  background-position:top left;
  display: inline-block;
  line-height: 20px;
  text-shadow: #6F675A 0px 1px 1px;
  padding: 5px 0 8px 10px;
  white-space:nowrap;
}

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

/*BROWN HOVER*/
a.brown.buttonHover, a.brown.button:hover{
  background-image: url( '/commons/skin/patapage/images/button/lightBrownBtn.png');
  background-repeat:no-repeat;
  background-position:bottom right;
  outline: none;
  color:white
}

a.brown.buttonHover span, a.brown.button:hover span {
  background-image: url( '/commons/skin/patapage/images/button/lightBrownBtn.png');
  background-repeat:no-repeat;
  background-position:bottom left;
  outline: none;
  text-shadow: #4F4A40 0px -1px 1px;

}

/*BRIGHT*/
a.bright, del.bright {
  background-color:transparent;
  background-image: url( '/commons/skin/patapage/images/button/brightBtn.png');
  background-repeat:no-repeat;
  background-position:top right;
  color: #6e6964;
  display:inline-block;
  font: normal 14px arial, sans-serif;
  height: 33px;
  margin-right: 0px;
  padding-right: 10px;
  text-decoration: none;
  cursor:pointer;

  display:inline-block; /*ie*/
  display:-moz-inline-box; /*ff*/
}

a.bright span, del.bright span {
  background-color:transparent;
  background-image: url( '/commons/skin/patapage/images/button/brightBtn.png');
  background-repeat:no-repeat;
  background-position:top left;
  display: inline-block;
  line-height: 20px;
  text-shadow: #fff 0px 1px 1px;
  padding: 5px 0 8px 10px;
  white-space:nowrap;
}

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

/*BRIGHT HOVER*/
a.bright.buttonHover, a.bright.button:hover span{
  background-image: url( '/commons/skin/patapage/images/button/brightBtn.png');
  background-repeat:no-repeat;
  background-position:bottom right;
  outline: none;
  color:#302e2c
}

a.bright.buttonHover span, a.bright.button:hover span {
  background-image: url( '/commons/skin/patapage/images/button/brightBtn.png');
  background-repeat:no-repeat;
  background-position:bottom left;
  outline: none;
  text-shadow: #fff 0px -1px 1px;

}
<style type="text/css">

/*
-------------------------------------------------------
body styles
-------------------------------------------------------
*/

/*TOPMENU*/
.pataMenu a{
  color:white;
}


a:hover, a.aHover {
  color: #8A5C39;
  text-decoration: underline;
}

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

.underline {
  border-bottom: 1px solid #5c5c5c;
}

.descrEl {
  font-size: 11px;
}

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

.message{
  background:#A59A7D;
  position:fixed;
  right:0;
  z-index:10000;
}

  /*
  -------------------------------------------------------
  container styles
  -------------------------------------------------------
  */

.containerTitle,
  .containerTitle_1,
  .containerTitle_2,
  .containerTitle_light,
  .containerTitle_thin,
  .containerTitle_warn {
  font-size: 16px;
  font-weight: normal;
  color: #FFFFFF;
  background-color: #DFD0A7 ;
  padding: 3px;
}
.containerTitle {
/*height: 10px;*/
  font-weight: bold;
}
.containerTitle_1 {
  font-size: 12px;
  height: 25px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #afa68a;
}

.containerTitle_2 {
  font-size: 12px;
  font-weight: bold;
  color: #8F8874;
  background-color: #DFD0A7 ;
}

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

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

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

.containerTitle a {
  text-decoration: none;
  color: #FFFFFF;
}
.containerTitle a:hover {
  text-decoration: none;
  color: #8A5C39;
}

.containerContent,
  .containerContent_1,
  .containerContent_2,
  .containerContent_light,
  .containerContent_thin,
  .containerContent_warn {
  background-color: #FFFFFF;
  border: 1px solid #DFD0A7 ;
}

.containerContent_1{
  border: 1px solid #DFD0A7 ;
}
.containerContent_2{
  border: 1px solid #DFD0A7 ;
}

.containerContent_Light{
  border: 1px solid #DFD0A7 ;
}

.containerContent_Warn {
  border: 1px solid #D30202;
}

.box,
  box_1,
  box_2 {
  background-color: #EBEBEB;
}
.box_1 td {
  background-color: #afa68a;
  color: #FFFFFF;
  font-weight: bold;
}
.box_2 {
  background-color: #DFD0A7 ;
}


  /*
  -------------------------------------------------------
  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/patapage/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/patapage/images//containerPlus/proxy.png);}

.mbContainer {width:100%}
.mbContainer {}
.mbContainer .containerTable{width:100%}
.mbContainer  .containerPlusTitle{font-size:16px;}
.mbContainer .n { color: #FFFFFF; /*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}

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

.container_yellow .containerTable{border:0px solid #39A4E5; background:transparent}
.container_yellow .mbSpacer{padding-top:5px}
.container_yellow .containerPlusTitle{color:#00434E; font-size:16px; padding-top:18px; padding-bottom:18px;margin-top:10px; text-shadow:#FFC63F 0px 1px 1px; font-weight: bold}
.container_yellow .buttonBar{background: transparent;}
.container_yellow .n{background: transparent url(/commons/skin/patapage/images//containerPlus/container_yellow/n.png) repeat-x 0 0px; padding-bottom:0px; height:35px; }
.container_yellow .s{background: transparent url(/commons/skin/patapage/images//containerPlus/container_yellow/s.png) repeat-x bottom;height:20px}
.container_yellow .ne{background: transparent url(/commons/skin/patapage/images//containerPlus/container_yellow/ne.png) no-repeat top right; width:20px; }
.container_yellow .e{background: transparent url(/commons/skin/patapage/images//containerPlus/container_yellow/e.png) repeat-y top right; width:13px}
.container_yellow .se{background: transparent url(/commons/skin/patapage/images//containerPlus/container_yellow/se.png) no-repeat bottom right; height:20px;width:13px}
.container_yellow .se.grip{}
.container_yellow .no{background: transparent url(/commons/skin/patapage/images//containerPlus/container_yellow/no.png) no-repeat top left;width:20px;}
.container_yellow .o{ background: transparent url(/commons/skin/patapage/images//containerPlus/container_yellow/o.png) repeat-y top left;width:8px}
.container_yellow .so{background: transparent url(/commons/skin/patapage/images//containerPlus/container_yellow/so.png) no-repeat bottom left;width:8px;height:20px}
.container_yellow .c{background: #EFEDE1 url(/commons/skin/patapage/images//containerPlus/container_yellow/c.png) bottom right}


.container_default .containerTable{border:0px solid #39A4E5; background:transparent}
.container_default .mbSpacer{padding-top:5px}
.container_default .containerPlusTitle{color:#00434E; font-size:160%; padding-top:10px;}
.container_default .buttonBar{background: transparent;}
.container_default .n{background: transparent url(/commons/skin/patapage/images//containerPlus/container_default/n.png) repeat-x top; padding-bottom:0px; height:35px; }
.container_default .s{background: transparent url(/commons/skin/patapage/images//containerPlus/container_default/s.png) repeat-x bottom;height:20px}

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

.container_default .c{background: transparent url(/commons/skin/patapage/images//containerPlus/container_default/c.png)}

/*THIN*/

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

.container_light .containerTable {border: 1px solid #DFD0A7 ;}
.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/patapage/images//containerPlus/container_warn/n.png) repeat-x top; padding-bottom:0px; height:36px; }
.container_warn .ne{background: transparent url(/commons/skin/patapage/images//containerPlus/container_warn/ne.png) no-repeat top right; height:35px;width:15px; }
.container_warn .no{background: transparent url(/commons/skin/patapage/images//containerPlus/container_warn/no.png) no-repeat top right;height:35px;width:18px;}
.container_warn .o{ background: transparent url(/commons/skin/patapage/images//containerPlus/container_warn/o.png) repeat-y top right;width:13px}
.container_warn .e{background: transparent url(/commons/skin/patapage/images//containerPlus/container_warn/e.png) repeat-y top right; width:13px}
.container_warn .s{background: transparent url(/commons/skin/patapage/images//containerPlus/container_warn/s.png) repeat-x bottom;height:20px}
.container_warn .se{background: transparent url(/commons/skin/patapage/images//containerPlus/container_warn/se.png) no-repeat bottom right; height:20px;width:13px}
.container_warn .so{background: transparent url(/commons/skin/patapage/images//containerPlus/container_warn/so.png) no-repeat bottom right;width:13px;height:20px}
.container_warn .c{background: transparent url(/commons/skin/patapage/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/patapage/images//containerPlus/container_clean/n.png) repeat-x top; padding-bottom:0px; height:36px; }
.container_clean .ne{background: transparent url(/commons/skin/patapage/images//containerPlus/container_clean/ne.png) no-repeat top right; height:35px;width:15px; }
.container_clean .no{background: transparent url(/commons/skin/patapage/images//containerPlus/container_clean/no.png) no-repeat top right;height:35px;width:18px;}
.container_clean .o{ background: transparent url(/commons/skin/patapage/images//containerPlus/container_clean/o.png) repeat-y top right;width:13px}
.container_clean .e{background: transparent url(/commons/skin/patapage/images//containerPlus/container_clean/e.png) repeat-y top right; width:13px}
.container_clean .s{background: transparent url(/commons/skin/patapage/images//containerPlus/container_clean/s.png) repeat-x bottom;height:20px}
.container_clean .se{background: transparent url(/commons/skin/patapage/images//containerPlus/container_clean/se.png) no-repeat bottom right; height:20px;width:13px}
.container_clean .so{background: transparent url(/commons/skin/patapage/images//containerPlus/container_clean/so.png) no-repeat bottom right;width:13px;height:20px}
.container_clean .c{background: transparent url(/commons/skin/patapage/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/patapage/images//containerPlus/container_white/n.png) repeat-x top; padding-bottom:0px; height:36px;color:#5c5c5c }
.container_white .containerPlusTitle{color:#5c5c5c }
.container_white .ne{background: transparent url(/commons/skin/patapage/images//containerPlus/container_white/ne.png) no-repeat top right; height:35px;width:15px; }
.container_white .no{background: transparent url(/commons/skin/patapage/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/patapage/images//containerPlus/container_white/o.png) repeat-y top left;width:8px}
.container_white .e{background: transparent url(/commons/skin/patapage/images//containerPlus/container_white/e.png) repeat-y top right; width:13px}
.container_white .s{background: transparent url(/commons/skin/patapage/images//containerPlus/container_white/s.png) repeat-x bottom;height:20px}
.container_white .se{background: transparent url(/commons/skin/patapage/images//containerPlus/container_white/se.png) no-repeat bottom right; height:20px;width:13px}
.container_white .so{background: transparent url(/commons/skin/patapage/images//containerPlus/container_white/so.png) no-repeat bottom left;width:8px;height:20px}
.container_white .c{background: transparent url(/commons/skin/patapage/images//containerPlus/container_white/c.png)}

.container_green .containerTable{border:0px solid #39A4E5; background:transparent}
.container_green .spacer{padding-top:10px}
.container_green .containerPlusTitle{color:#004651; padding-top:10px; font-size:14px; font-weight: 700}

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

.table {
  width:100%;
}

TH, .tableHeader {
  font-weight: bold;
  font-style: italic;
  color: #FFFFFF;
  border: none;
  background-color: #BFB8A7;
  border-bottom: 1px solid #AFA68A;
  border-top: 1px solid #AFA68A


}

th a {
  color: #FFFFFF;
}

tr.historyx {
  background:#fff;

}

tr.selected{
  background:#edebe4;
}

.tableContent {
  background-color: #FFFFFF;
}

.alternateTrue {
  background-color: #EBEBEB;
}
.alternateFalse {
  background-color: #FFFFFF;
}

.trOver {
  border:1px solid #544631;

}

.tr>td{
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
}

.tableBackground{
  background-color: #5c5c5c;
}

tr.draggingtr td { background-color:#DFD0A7 ;  }

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

.toolBar{
  color: #FFFFFF;
  background-color: #5c5c5c;

  background-repeat: no-repeat;
  background-position: left top;
}

.toolBarElement{
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.toolbarContent{
  color: #FFFFFF;
}

  /*
  -------------------------------------------------------
  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 #BFBAA7;
  padding: 2px 2px;
  font-size:10pt;
}
.formElements{
  background-color:white;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}
.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:#444444;
}

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

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

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

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

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

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

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

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

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

.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;
  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: #FFFFFF;
  border:1px solid #cccccc;
  border-top: 0px solid #cccccc;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
}


  /*
  -------------------------------------------------------
  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/patapage/images/grip.gif);
  background-position: left;
  background-repeat: repeat-y;
}


.calendarPop {
  background-color: #fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-box-shadow:#7f7f7f 0px 0px 4px;
  -webkit-box-shadow:#7f7f7f 0px 0px 4px;
  border:4px solid #fff
}

.alternateFalse {
  background-color: #fff;

}



#tooltip{
  width:auto;
  max-width:300px;
  min-width:50px;
  border:1px solid;
  background:white;
  padding:5px;
  margin-top:8px;
  font-size:12px;
  color:dimgray;
}
#tooltip.default{
  border:2px solid #867450;
  background:#746546;
  color:#fff;
  -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:#afa68a;
  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;

}

#__FEEDBACKBOX{
  position:fixed;
  top:0;
  right:0;
  z-index:2000;
  opacity:.9;
}

</style>