processmaker-files/workflow/engine/skinEngine/neoclassic/css/style.css

/*!
 * Variables
 */
@font-face {
  font-family: 'Open Sans';
  src: url('/skins/neoclassic/fonts/OpenSans-Light-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/skins/neoclassic/fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/skins/neoclassic/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/skins/neoclassic/fonts/OpenSans-Italic-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/skins/neoclassic/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/skins/neoclassic/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}
/*Colores*/
.btn {
  background-image: none;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
  background-image: -o-linear-gradient(top, #ffffff, #dddddd);
  background-image: linear-gradient(to bottom, #ffffff, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);
  border-color: #dddddd #dddddd #b7b7b7;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #dddddd;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd');
  border: 1px solid #ccc;
  font-size: 10px;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
  line-height: 14px;
  color: #000;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #dddddd;
  *background-color: #d0d0d0;
}
.btn:active,
.btn.active {
  background-color: #c4c4c4 \9;
}
.btn:hover {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #dddddd, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #dddddd, #ffffff);
  background-image: -o-linear-gradient(top, #dddddd, #ffffff);
  background-image: linear-gradient(to bottom, #dddddd, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffffffff', GradientType=0);
  border-color: #ffffff #ffffff #d9d9d9;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ffffff;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#ffffff');
  border: 1px solid #aaa;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.btn:hover:hover,
.btn:hover:focus,
.btn:hover:active,
.btn:hover.active,
.btn:hover.disabled,
.btn:hover[disabled] {
  color: #333333;
  background-color: #ffffff;
  *background-color: #f2f2f2;
}
.btn:hover:active,
.btn:hover.active {
  background-color: #e6e6e6 \9;
}
.btn:focus {
  border: 1px solid #45626F;
  outline: 0;
}
.btn:focus::-moz-focus-inner {
  border: 1px solid transparent;
}
.btn-over {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #dddddd, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #dddddd, #ffffff);
  background-image: -o-linear-gradient(top, #dddddd, #ffffff);
  background-image: linear-gradient(to bottom, #dddddd, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffffffff', GradientType=0);
  border-color: #ffffff #ffffff #d9d9d9;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ffffff;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#ffffff');
  border: 1px solid #aaa;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.btn-over:hover,
.btn-over:focus,
.btn-over:active,
.btn-over.active,
.btn-over.disabled,
.btn-over[disabled] {
  color: #333333;
  background-color: #ffffff;
  *background-color: #f2f2f2;
}
.btn-over:active,
.btn-over.active {
  background-color: #e6e6e6 \9;
}
.btn-focus {
  border: 1px solid #45626F;
  outline: 0;
}
.btn-focus::-moz-focus-inner {
  border: 1px solid transparent;
}
.btn-no-button {
  background: none;
  filter: none;
  border: 1px transparent solid;
}
.link {
  color: #00a1e4;
  text-decoration: none;
}
.link:hover {
  color: #00597e;
}
.link-hover {
  color: #00597e;
}
/*
botones del tinymce
.o2k7Skin .mceButton{
	.btn();
}
*/body {
  margin: 0px;
  background-color: #ffffff;
  color: #333333;
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
}
a,
img {
  padding: 0;
  margin: 0;
}
img {
  border: 0 none;
}
.Footer {
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: #000;
  height: 0px;
  padding-top: 1px;
  text-align: center;
}
.Footer .image {
  /*background-image: url(/skins/neoclassic/images/classic/bf.jpg);
	background-repeat: repeat-x;
	height:10px;*/

}
.Footer .content {
  color: black;
  padding: 10px;
}
.Footer .content a {
  color: #006699;
  text-decoration: none;
}
.Footer .content a:hover {
  color: orange;
}
.logout a {
  font-size: 11px;
  color: #00a1e4;
  text-decoration: none;
}
.logout a:hover {
  color: #00597e;
}
.temporalMessageERROR {
  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

  background-image: url(/skins/neoclassic/images/classic/error.gif);
  color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff;
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  text-decoration: none;
  height: 25px;
  padding: 0 20px;
  vertical-align: middle;
  font-weight: bold;
}
@media screen and (max-width: 1680px) {
    #temporalMessageTD {
          border-width: 0px;
          font-size: normal 6pt !important;
          height: 25px !important;
          padding: 0 3px !important;
          background-size: 100% 100% !important;
        }
}
@media screen\0 {
    #temporalMessageTD {
          border-width: 0px;
          font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
          background-size: 100% 100%;
        }
}
@media screen and (max-width: 600px) {
    .temporalMessageERROR {
          border-width: 0px;
          font-size: normal 6pt !important;
          height: 25px !important;
          padding: 0 2px !important;
          background-size: 100% 100% !important;
        }
}
.temporalMessageWARNING {
  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

  background-image: url(/skins/neoclassic/images/classic/warning.png);
  color: #555555;
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff;
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  text-decoration: none;
  height: 25px;
  padding: 0 20px;
  vertical-align: middle;
  font-weight: bold;
}
.temporalMessageINFO {
  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

  background-image: url(/skins/neoclassic/images/classic/message.png);
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff;
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  text-decoration: none;
  height: 25px;
  padding: 0 20px;
  vertical-align: middle;
  font-weight: bold;
}
.userGroupTitle {
  color: black;
  font: bold 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  padding-left: 10px;
}
.userGroupLink {
  padding: 0px;
  padding-left: 10px;
  padding-bottom: 10px;
}
.userGroupLink a {
  color: #00a1e4;
  text-decoration: none;
  font: bold 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
}
.userGroupLink a:hover {
  color: #00597e;
}
.userGroupLink a:hover {
  color: #00597e;
}
span.treePlusLink {
  background-color: #E68B2C;
  color: white;
  font: normal 7pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  text-decoration: none;
  padding-left: 1px;
  padding-right: 1px;
  overflow: hidden;
  cursor: pointer;
}
span.treePlusLink:hover {
  color: #EFC395;
}
span.XtreeMinus {
  background-color: #006699;
  color: white;
  font: normal 7pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  text-decoration: none;
  padding-left: 1px;
  padding-right: 1px;
  overflow: hidden;
  cursor: pointer;
}
span.XtreeMinus:hover {
  background-color: #EFC395;
}
/* leimnud.app.menuRight CSS begin */
/* Processmaker CSS  begin */
.pm_separatorOff___processmaker,
.pm_separatorOn___processmaker {
  height: 7px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}
.pm_separatorDOff___processmaker,
.pm_separatorDOn___processmaker,
.pm_separatorOver___processmaker,
.pm_separatorOut___processmaker {
  height: 7px;
  width: 100%;
  background-color: #C1D2EE;
  background-color: buttonface;
  border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
  border-style: solid;
  border-width: 1px 0pt;
  overflow: hidden;
}
.pm_separatorDOff___processmaker {
  background: url(/js/maborak/core/images/separator.up.gif);
  background-repeat: no-repeat;
  background-position: 50%;
}
.pm_separatorDOn___processmaker {
  background: url(/js/maborak/core/images/separator.down.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.pm_separatorOver___processmaker {
  background-color: #edf3f6;
}
.pm_separatorOut___processmaker {
  background-color: buttonface;
}
/* Processmaker CSS  end */
/* processmap Theme.Task begin */
/*theme firefox begin*/
.processmap_task___firefox {
  position: absolute;
  height: 30px;
  width: 150px;
  background-color: #006699;
  border: 1px solid #006699;
  z-index: 10;
  overflow: hidden;
  cursor: move;
}
.processmap_task_label___firefox {
  color: white;
  text-align: center;
  cursor: text;
  padding-top: 11px;
}
.processmap_text___firefox {
  position: absolute;
  cursor: move;
  background-color: red;
}
/*theme firefox end*/
/*theme processmap begin*/
.processmap_task___processmaker {
  position: absolute;
  height: 40px;
  height: 38px;
  width: 171px;
  width: 164px;
  z-index: 10;
  overflow: hidden;
  cursor: move;
  /*background	: url(/js/processmap/core/images/bg_task.gif);
	background	: url(/skins/neoclassic/images/fondotask.png);*/

  /*background-color:#006699;*/

  /*background-color:#6F6F6F;*/

  background: url(/skins/neoclassic/images/borderTask.gif);
  background-color: #0576C4;
  background-color: #006699;
  vertical-align: middle;
  display: table-cell;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 8pt;
}
.processmap_task_label___processmaker {
  color: #FFF;
  text-align: center;
  /*position:absolute;*/

  margin: 10px;
  vertical-align: middle;
  cursor: move;
}
.processmap_text___processmaker {
  position: absolute;
  z-index: 10;
  cursor: move;
  font: bold 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
}
.processmap_title___processmaker {
  position: absolute;
  cursor: move;
  font: bold 13pt "Open Sans", Tahoma, sans-serif, MiscFixed;
}
/*theme processmap end*/
.pm__toolbar {
  align: left;
  font-size: 1em;
  line-height: 31px;
}
.processmap_toolbarItem___processmaker {
  margin: 0px;
  border: 1px solid #CEC6B5;
  background: #efefef url(/skins/neoclassic/images/dynamicForm/toolbar.buttonbg.gif) repeat-x scroll 0%;
}
.processmap_toolbarItem___processmaker:hover {
  margin: 0px;
  background-color: buttonface;
  border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
  border-style: solid;
  /*border-width:1px 0pt;*/

  border: 1px solid #316AC5;
  background: #C1D2EE;
  background-color: #C1D2EE;
}
/* processmap Theme.Task end */
/* processmap Theme.Panels begin */
/* processmap Theme.Panels end */
/*	Theme leimnud.module.grid	BEGIN */
/*	Theme leimnud.module.grid	END */
/* Menues */
TD.mainMenuBG {
  vertical-align: top;
}
TD.mainMenu {
  background-image: url(/skins/neoclassic/images/classic/bm.jpg);
  background-repeat: repeat-x;
  height: 25px;
  left: 46px;
  top: 72px;
  direction: ltr;
  text-align: center;
}
A.mainMenu {
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 6px;
  text-transform: uppercase;
  text-decoration: none;
}
A.mainMenu:hover {
  color: #D3D3D3;
  font-weight: bold;
  text-decoration: none;
}
TD.SelectedMenu {
  background-image: url(/skins/neoclassic/images/classic/bsms.jpg);
  background-repeat: repeat-x;
  top: 72px;
  height: 26px;
}
A.SelectedMenu {
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding-top: 6px;
  text-transform: uppercase;
  text-decoration: none;
}
.SelectedMenu:hover {
  vertical-align: middle;
  font-size: 11px;
  color: #005791;
  text-align: center;
  padding-top: 6px;
  text-transform: uppercase;
  text-decoration: none;
}
TD.subMenu {
  background-image: url('/skins/neoclassic/images/classic/bsm.jpg');
  background-repeat: repeat-x;
  height: 25px;
}
A.subMenu {
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 10px;
  color: #005791;
  font-weight: bold;
  padding-top: 5px;
  text-transform: uppercase;
  text-decoration: none;
}
A.subMenu:hover {
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 10px;
  color: #092148;
  font-weight: bold;
  padding-top: 5px;
  text-transform: uppercase;
  text-decoration: none;
}
TD.selectedSubMenu {
  background-image: url('/js/maborak/core/images/silverBackgroundSubMenu.jpg');
  background-repeat: repeat-x;
  height: 26px;
  left: 46px;
  top: 98px;
}
A.selectedSubMenu {
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 10px;
  color: #005791;
  font-weight: bold;
  padding-top: 5px;
  text-transform: uppercase;
  text-decoration: none;
}
A.selectedSubMenu:hover {
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 10px;
  color: #005791;
  font-weight: bold;
  padding-top: 5px;
  text-transform: uppercase;
  text-decoration: none;
}
/* Menues END */
/* Box Top Model BEGIN */
.boxTop,
.boxTopBlue {
  height: 9px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  overflow: hidden;
}
.boxTop div,
.boxTopBlue div {
  background-color: #FFF;
}
.boxTop div.a,
.boxTop div.c,
.boxTopBlue div.a,
.boxTopBlue div.c {
  position: absolute;
  width: 9px;
  height: 9px;
}
.boxTop div.a,
.boxTopBlue div.a {
  left: 0px;
  top: 0px;
  background-image: url(/skins/neoclassic/images/classic/ftl.png);
  background-color: transparent;
}
.boxTop div.c,
.boxTopBlue div.c {
  top: 0px;
  right: 0px;
  background-image: url(/skins/neoclassic/images/classic/ftr.png);
  background-color: transparent;
}
.boxTop div.b,
.boxTopBlue div.b {
  width: 100%;
  height: 9px;
  border-top: 1px solid #DADADA;
  background-color: #FFF;
}
.boxTop,
.boxTopBlue {
  display: none;
}
/* Box Top Model END */
/* Box Top Model Blue BEGIN */
.boxTopBlue div.c {
  background-image: url(/skins/neoclassic/images/classic/ftr.blue.gif);
  background-color: transparent;
}
.boxTopBlue div.a {
  background-image: url(/skins/neoclassic/images/classic/ftl.blue.gif);
  background-color: transparent;
}
.boxTopBlue div.b {
  border-top: 1px solid #99BBE8;
  background-color: #D0DEF0;
}
/* Box Top Model Blue END */
/* Box Bottom Model BEGIN */
.boxBottom,
.boxBottomBlue {
  height: 15px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  overflow: hidden;
}
.boxBottom div.a,
.boxBottom div.c,
.boxBottomBlue div.a,
.boxBottomBlue div.c {
  position: absolute;
  width: 25px;
  height: 15px;
}
.boxBottom div.a,
.boxBottomBlue div.a {
  left: 0px;
  top: 0px;
  background-image: url(/skins/neoclassic/images/classic/fbl.png);
  background-color: transparent;
}
.boxBottom div.c,
.boxBottomBlue div.c {
  top: 0px;
  right: 0px;
  background-image: url(/skins/neoclassic/images/classic/fbr.png);
  background-color: transparent;
}
.boxBottom div.b,
.boxBottomBlue div.b {
  width: 100%;
  height: 16px;
  border-bottom: 1px solid #DADADA;
  background: transparent url(/skins/neoclassic/images/classic/fbc.png) repeat-x;
}
.boxBottom,
.boxBottomBlue {
  display: none;
}
/* Box Bottom Model END */
/* Box Bottom Model Blue BEGIN */
.boxBottomBlue div.c {
  background-image: url(/skins/neoclassic/images/classic/fbr.blue.png);
  background-color: transparent;
}
.boxBottomBlue div.a {
  background-image: url(/skins/neoclassic/images/classic/fbl.blue.png);
  background-color: transparent;
}
.boxBottomBlue div.b {
  width: 100%;
  height: 16px;
  border-bottom: 1px solid #DADADA;
  background: transparent url(/skins/neoclassic/images/classic/fbc.blue.png) repeat-x;
}
.boxContentBlue {
  border: 1px solid #9eccdf;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #d8eaf2;
}
a.linkInBlue {
  color: #00a1e4;
  text-decoration: none;
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
}
a.linkInBlue:hover {
  color: #00597e;
}
/* Box Bottom Model Blue END */
/* BoxPanel Bottom Model BEGIN */
.boxTopPanel {
  height: 15px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  overflow: hidden;
}
.boxTopPanel div.a,
.boxTopPanel div.c {
  position: absolute;
  width: 25px;
  height: 15px;
}
.boxTopPanel div.a {
  left: 0px;
  top: 0px;
  background-image: url(/skins/neoclassic/images/classic/ftlL.png);
  background-color: transparent;
}
.boxTopPanel div.c {
  top: 0px;
  right: 0px;
  background-image: url(/skins/neoclassic/images/classic/ftrL.png);
  background-color: transparent;
}
.boxTopPanel div.b {
  width: 100%;
  height: 16px;
  background: transparent url(/skins/neoclassic/images/classic/ftc.png) repeat-x;
}
/* BoxPanel Bottom Model END */
/* XmlForm BEGIN  */
/* form BEGIN  */
form {
  font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: #333333;
}
form table {
  font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: #666666;
}
form.formDefault select {
  font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: #000;
}
form.formDefault select[disabled] {
  color: #000;
}
form.formDefault select[disabled] > option {
  color: #000;
}
form.formDefault select[disabled] > option:checked {
  color: #000;
}
form.formDefault table {
  font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: #666666;
  line-height: 180%;
}
form.formDefault td {
  padding: 5px 3px 5px;
}
form.formDefault .content,
.pagedTableDefault {
  background-color: #FFF;
  border: #dddddd 1px solid;
}
@media screen\0 {
    form.formDefault .content, .pagedTableDefault {

    }
}
.pagedTableDefault {
  padding: 10px;
  margin: 10px 0;
}
form.formDefault input.FormField {
  border: 1px solid #CCC;
  background: #ffffff url(/skins/neoclassic/images/classic/input_back.gif) repeat-x;
  color: #333333;
  font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
}
form.formDefault input.FormFieldInvalid {
  border: 1px solid red;
}
form.formDefault input.FormFieldValid {
  border: 1px solid green;
}
form.formDefault .FormLabel {
  color: #666666;
  text-align: right;
  padding-right: 5px;
  /* width:180; */

  vertical-align: top;
}
form.formDefault .FormFieldContent {
  color: #000;
  padding-left: 5px;
  text-align: left;
  background-color: #ffffff;
  font-size: 11px;
}
form.formDefault textarea.FormTextArea {
  border: 1px solid #CCC;
  background: #ffffff url(/skins/neoclassic/images/classic/input_back.gif) repeat-x;
  color: #333333;
  font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  overflow: auto;
}
form.formDefault textarea.FormTextPM {
  border: 1px solid #CCC;
  background: #ffffff url(/skins/neoclassic/images/classic/input_back.gif) repeat-x;
  color: #333;
  font: normal 12px Courier New, monospace ;
  overflow: auto;
}
form.formDefault td.FormTitle,
form.formDefault td.FormSubTitle {
  color: #333;
  padding: 2px 5px 2px 10px;
  font-weight: bold;
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
}
form.formDefault td.FormTitle {
  color: #ffffff;
  background: #888888;
  border-bottom: 1px solid #626262;
}
form.formDefault .FormSubTitle {
  background: #eeeeee;
  color: #333;
  border-bottom: 1px #dddddd solid;
}
form.formDefault .FormButton {
  text-align: center;
}
form.formDefault a {
  color: #00a1e4;
  text-decoration: none;
}
form.formDefault a:hover {
  color: #00597e;
}
form.formDefault td.withoutLabel,
form.formDefault td.withoutLabel table td {
  padding: 0px;
  height: 8px;
}
.FormTitle .FormTitle {
  border: none;
}
/* form END  */
/* formSearch BEGIN  */
form.formSearch input,
input {
  font-size: 8pt;
}
form.formSearch a {
  color: #00a1e4;
  text-decoration: none;
}
form.formSearch a:hover {
  color: #00597e;
}
form.formSearch {
  padding-top: 5px;
  padding-bottom: 5px;
  /*	width:100%;*/

  padding-left: 10px;
  padding-right: 10px;
  /*	padding-left:10%;
	padding-right:10%;*/

}
form.formSearch .content {
  border-left: 1px solid #99BBE8;
  border-right: 1px solid #99BBE8;
  background-color: #D0DEF0;
  padding: 10px;
}
form.formSearch input.FormField {
  border: 1px solid #99BBE8;
  color: #333333;
  font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  width: 200px;
}
form.formSearch .FormLabel {
  color: #000;
  text-align: center;
  padding-right: 10px;
  width: 40%;
}
form.formSearch .FormFieldContent {
  color: #000;
  background-color: #EFEFEF;
  padding-left: 5px;
  width: 60%;
  text-align: left;
}
form.formSearch .Record {
  width: 80%;
}
/* formSearch END  */
/* pagedTable BEGIN  */
.pagedTableDefault {
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  background-color: #FFF;
  padding-left: 5px;
  padding-right: 5px;
}
.pagedTableDefault .subtitle {
  font-weight: bold;
  color: #000;
  font-size: 13px;
  padding-left: 10px;
}
.pagedTableDefault,
.pagedTableDefault table {
  font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: #666666;
}
.pagedTableDefault .headerContent {
  padding-bottom: 5px;
}
.pagedTableDefault,
.pagedTableDefault .headerContent .tableOption a {
  color: #00a1e4;
  text-decoration: none;
  white-space: nowrap;
}
.pagedTableDefault:hover,
.pagedTableDefault .headerContent .tableOption a:hover {
  color: #00597e;
}
.pagedTableDefault,
.pagedTableDefault .headerContent .tableOption a:hover {
  color: #00597e;
}
.pagedTableDefault td {
  padding: 0px;
}
.pagedTableDefault .pagedTable td {
  padding: 5px;
}
.pagedTableDefault .pagedTable {
  border: 1px solid #DFDFDF;
  border-collapse: collapse;
  color: #333333;
}
.pagedTable td {
  text-align: left;
}
.pagedTableDefault .pagedTable .Row1 {
  background-color: #FFF;
}
.pagedTableDefault .pagedTable .Row2 {
  background-color: #f9f9f9;
}
tr.Selected {
  background-color: #D8DDFF;
}
.pagedTableDefault .pagedTable .RowPointer {
  background-color: #edf3f6;
}
.pagedTableDefault .cellSelected1 {
  font-weight: bold;
}
.pagedTableDefault .cellSelected2 {
  font-weight: bold;
}
.pagedTableDefault .pagedTable a {
  color: #666666;
  text-decoration: none;
  padding-left: 5px;
  font: bold 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  white-space: nowrap;
}
.pagedTableDefault .pagedTable a:hover {
  color: #00597e;
}
.pagedTableDefault .pagedTable .pagedTableHeader {
  border-bottom: 0px solid #DFDFDF;
  background-color: #6F7F75;
  color: #5B5B5B;
  font-weight: bold;
  background-repeat: repeat-x;
  height: 26px;
  padding: 0px;
  overflow: hidden;
  background-color: #eeeeee;
  vertical-align: middle;
}
.pagedTableDefault .pagedTable .pagedTableHeader img {
  float: left;
  margin-top: 2px;
  margin-left: 5px;
}
.pagedTableDefault .pagedTable .pagedTableHeader a {
  text-decoration: none;
  padding-left: 5px;
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  text-align: left;
  display: block;
  position: relative;
  padding-right: 10px;
}
.pagedTableDefault .pagedTable .pagedTableHeader a img {
  position: absolute;
  top: 3px;
  right: -1px;
}
.pagedTableDefault .pagedTable .pagedTableHeader a:hover {
  color: #00597e;
}
/*Adicion Rube*/
.pagedTableDefault .pagedTable .masterDetailMain {
  background-image: url(/skins/neoclassic/images/masterDetailMain.png);
  background-repeat: repeat-x;
  text-decoration: none;
  color: #5B5B5B;
  padding-left: 5px;
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-weight: bold;
}
.pagedTableDefault .pagedTable .masterDetailOther {
  background-image: url(/skins/neoclassic/images/masterDetailOther.png);
  background-repeat: repeat-x;
  text-decoration: none;
  color: #5B5B5B;
  padding-left: 5px;
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-weight: bold;
}
/*Fin Adicion Rube*/
.pagedTableDefault .pagedTable .RowLink {
  /*background-color:#6F7F75;*/

  text-align: center;
}
.pagedTable tr {
  padding: 3px 0;
}
.pagedTableDefault .pagedTable .RowLink a {
  display: block;
  white-space: nowrap;
}
A.firstPage {
  background-image: url('/skins/neoclassic/images/firstPage.gif');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 21px;
  padding-top: 20px;
  line-height: 40px;
  text-decoration: none;
}
A.noFirstPage {
  background-image: url('/skins/neoclassic/images/firstPage.gif');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 21px;
  padding-top: 20px;
  line-height: 40px;
  text-decoration: none;
}
A.previousPage {
  background-image: url('/skins/neoclassic/images/previousPage.gif');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 21px;
  padding-top: 20px;
  line-height: 40px;
  text-decoration: none;
}
A.noPreviousPage {
  background-image: url('/skins/neoclassic/images/previousPage.gif');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 21px;
  padding-top: 20px;
  line-height: 40px;
  text-decoration: none;
}
A.nextPage {
  background-image: url('/skins/neoclassic/images/nextPage.gif');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 21px;
  padding-top: 20px;
  line-height: 40px;
  text-decoration: none;
}
A.noNextPage {
  background-image: url('/skins/neoclassic/images/nextPage.gif');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 21px;
  padding-top: 20px;
  line-height: 40px;
  text-decoration: none;
}
A.lastPage {
  background-image: url('/skins/neoclassic/images/lastPage.gif');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 21px;
  padding-top: 20px;
  line-height: 40px;
  text-decoration: none;
}
A.noLastPage {
  background-image: url('/skins/neoclassic/images/lastPage.gif');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 21px;
  padding-top: 20px;
  line-height: 40px;
  text-decoration: none;
}
/* pagedTable END  */
/* Grid BEGIN */
div.pattern .content {
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  background-color: #FFF;
}
div.pattern .FormTitle {
  font-weight: bold;
  color: black;
  /*background-color:#E0EFE6;*/

  padding: 2px;
}
div.grid {
  font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 7px;
}
div.grid .content {
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  background-color: #FFF;
  width: 100%;
}
html > body div.grid .content {
  width: auto;
}
div.grid .tableGrid {
  width: 100%;
}
div.grid .tableGrid .vFormTitle {
  /*	color:#006699;*/

}
/* Grid END */
/* Tree BEGIN */
div.treeBase .content {
  padding: 5px;
  border: 1px solid #dddddd;
  background-color: #FFF;
}
.treeNode {
  padding-bottom: 10px;
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: #808080;
}
div.treeBase table td.a {
  width: 16px;
  height: 10px;
}
div.treeBase table td.b {
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: black;
  text-align: left;
}
/* TreeParent BEGIN */
div.treeParent table {
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: black;
}
div.treeParent .treeMinus {
  width: 16px;
  height: 22px;
  display: block;
  position: relative;
  background-image: url(/skins/neoclassic/images/minus.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}
div.treeParent .treePlus {
  width: 16px;
  height: 22px;
  background-image: url(/skins/neoclassic/images/plus.gif);
  background-repeat: no-repeat;
  display: block;
}
div.treeParent .treePointer {
  width: 1px;
  height: 22px;
  display: block;
}
div.treeParent td.c {
  background-image: url(/skins/neoclassic/images/ftv2vertline.gif);
  background-repeat: repeat-y;
}
div.treeParent td.d {
  background-image: url(/skins/neoclassic/images/ftv2node.gif);
  background-repeat: repeat-y;
}
div.treeParent .treeNode {
  padding: 2px;
  padding-bottom: 1px;
  font-weight: bold;
}
div.treeParent .treeNode a,
div.treeBase .treeNode a {
  color: #00a1e4;
  text-decoration: none;
}
div.treeParent .treeNode a:hover,
div.treeBase .treeNode a:hover {
  color: #00597e;
}
div.treeParent .treeNode a:hover,
div.treeBase .treeNode a:hover {
  color: #00597e;
}
div.treeParent .FormField {
  background-color: #FFF;
  padding-bottom: 10px;
}
div.treeParent .FormField a {
  font-size: 8pt !important;
  color: red;
}
div.treeParent .FormTitle {
  /*	font:bold 8pt @serifFontFamily;
	font:normal 11px @serifFontFamily;*/

  font-weight: bold;
  color: black;
  /*background-color:#E0EFE6;*/

  padding: 2px;
}
/* TreeParent END */
/* TreeChild BEGIN */
div.treeChild td.b {
  padding-right: 10px;
}
div.treeChild td.a {
  width: 10px;
  height: 22px;
  background: none;
}
div.treeChild .c {
  background-image: url(/skins/neoclassic/images/ftv2vertline.gif);
  background-repeat: repeat-y;
}
/* TreeChild END */
div.treeChild {
  padding-left: 1px;
}
div.treeParent .content .treeNode a.selected {
  color: white;
  background-color: #006699;
}
/*div.treeParent div.treeParent .content
{
	border-left:1px solid #99BBE8;
	border-right:1px solid #99BBE8;
	background-color:#D0DEF0;
}
div.treeParent div.treeParent .boxTop div.a
{
	background-image:url(/skins/neoclassic/images/classic/ftl.blue.gif);
}
div.treeParent div.treeParent .boxTop div.b
{
	border-top:1px solid #99BBE8;
	background-color:#D0DEF0;
}
div.treeParent div.treeParent .boxTop div.c
{
	background-image:url(/skins/neoclassic/images/classic/ftr.blue.gif);
}
div.treeParent div.treeParent .boxBottom div.a
{
	background-image:url(/skins/neoclassic/images/classic/fbl.blue.png);
}
div.treeParent div.treeParent .boxBottom div.b
{
	background-image:url(/skins/neoclassic/images/classic/fbc.blue.png);
}
div.treeParent div.treeParent .boxBottom div.c
{
	background-image:url(/skins/neoclassic/images/classic/fbr.blue.png);
}*/
div.treeParent .subcontent {
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #99BBE8;
  border-right: 1px solid #99BBE8;
  background-color: #D0DEF0;
}
/* Tree END */
/* XmlForm END  */
/**************************** Start -> JSCalendar Widget by Erik Amaru Ortiz <erik@colosa.com> *********************************/
/* The main calendar widget.  DIV containing a table. */
div.calendar {
  position: relative;
}
.calendar,
.calendar table {
  border: 1px solid #6F7F75;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #F0F2F0;
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  z-index: 1000;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button {
  /* "<<", "<", ">", ">>" buttons have this class */

  text-align: center;
  /* They are the navigation buttons */

  padding: 2px;
  /* Make the buttons seem like they're pressing */

}
.calendar .nav {
  background: #6f7f75 url(menuarrow2.gif) no-repeat 100% 100%;
}
.calendar thead .title {
  /* This holds the current "month, year" */

  font-weight: bold;
  /* Pressing it will take you to the current date */

  text-align: center;
  background: #000;
  color: #fff;
  padding: 2px;
}
.calendar thead tr {
  /* Row <TR> containing navigation buttons */

  background: #6F7F75;
  /*e*/

  color: #fff;
}
.calendar thead .daynames {
  /* Row <TR> containing the day names */

  background: #E9F2E9;
}
.calendar thead .name {
  /* Cells <TD> containing the day names */

  border-bottom: 1px solid #B5CFBF;
  padding: 2px;
  text-align: center;
  color: #000;
}
.calendar thead .weekend {
  /* How a weekend day name shows in header */

  color: #a66;
}
.calendar thead .hilite {
  /* How do the buttons in header appear when hover */

  background-color: #B5CFBF;
  /*e*/

  color: #000;
  border: 1px solid #000;
  padding: 1px;
}
.calendar thead .active {
  /* Active (pressed) buttons in header */

  background-color: #6F7F75;
  /*e*/

  border: 1px solid #FFF;
  color: #FFF;
  padding: 2px 0px 0px 2px;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day {
  /* Cells <TD> containing month days dates */

  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}
.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #A4BBAD;
  /*here*/

}
.calendar tbody .rowhilite td {
  /* the rowwwwwww*/

  background: #C9E5D4;
}
.calendar tbody .rowhilite td.wn {
  background: #F1F8FC;
}
.calendar tbody td.hilite {
  /* Hovered cells <TD> */

  background: #E9F2E9;
  padding: 1px 3px 1px 1px;
  border: 1px solid #6F7F75;
}
.calendar tbody td.active {
  /* Active (pressed) cells <TD> */

  background: #6F7F75;
  color: #FFF;
  padding: 2px 2px 0px 2px;
}
.calendar tbody td.selected {
  /* Cell showing today date */

  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}
.calendar tbody td.weekend {
  /* Cells showing weekend days */

  color: #a66;
}
.calendar tbody td.today {
  /* Cell showing selected date */

  font-weight: bold;
  color: #D50000;
}
.calendar tbody .disabled {
  color: #999;
}
.calendar tbody .emptycell {
  /* Empty cells (the best is to hide them) */

  visibility: hidden;
}
.calendar tbody .emptyrow {
  /* Empty row (some months need less than 6 rows) */

  display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow {
  /* The <TR> in footer (only one right now) */

  text-align: center;
  background: #206A9B;
  color: #fff;
}
.calendar tfoot .ttip {
  /* Tooltip (status bar) cell <TD> */

  background: #000;
  color: #fff;
  border-top: 1px solid #206A9B;
  padding: 1px;
}
.calendar tfoot .hilite {
  /* Hover style for buttons in footer */

  background: #B8DAF0;
  border: 1px solid #178AEB;
  color: #000;
  padding: 1px;
}
.calendar tfoot .active {
  /* Active (pressed) style for buttons in footer */

  background: #006AA9;
  padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}
.calendar .combo .label-IEfix {
  width: 4em;
}
.calendar .combo .hilite {
  background: #34ABFA;
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  font-weight: bold;
}
.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #F1F8FC;
  font-weight: bold;
}
.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #E9F2E9;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #E9F2E9;
}
.calendar td.time .ampm {
  text-align: center;
}
.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}
.calendar td.time span.hilite {
  /*e*/

  border-color: #000;
  background-color: #6F7F75;
  color: #fff;
}
.calendar td.time span.active {
  border-color: red;
  background-color: #000;
  color: #A5FF00;
}
/**************************** End -> JSCalendar Widget by Erik Amaru Ortiz <erik@colosa.com> *********************************/
/**************************** Start -> Suggest Widget by Erik Amaru Ortiz <erik@colosa.com>  *********************************/
/*
================================================
autosuggest, inquisitor style
================================================
*/
input.module_app_suggest {
  color: #333333;
  font: 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  padding: 1px 1px 1px 3px;
}
div.autosuggest {
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  padding: 8px 2px 0 3px;
  overflow: auto;
  z-index: 1000;
}
div.autosuggest div.as_header,
div.autosuggest div.as_footer {
  position: relative;
  height: 0px;
  padding: 0 6px;
  background-position: top right;
  background-repeat: no-repeat;
  overflow: hidden;
}
div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 6px;
  background-position: top left;
  background-repeat: no-repeat;
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar {
  height: 6px;
  overflow: hidden;
  background-color: #333;
}
div.autosuggest ul {
  list-style: none;
  margin: 0 0 -4px 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  border: 1px #C3C3C3 solid;
  color: #000;
}
div.autosuggest ul li {
  color: #ccc;
  padding: 0;
  margin: 0 4px 4px;
  text-align: left;
}
div.autosuggest ul li a {
  color: #000;
  display: block;
  text-decoration: none;
  background-color: transparent;
  /*text-shadow: #000 0px 0px 5px;*/

  position: relative;
  padding: 0;
  width: 100%;
}
div.autosuggest ul li a:hover {
  background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover {
  background-color: #D1DEDF;
  /*erik -- back sel color*/

}
div.autosuggest ul li a span {
  display: block;
  padding: 1px 0px;
  font-weight: normal;
}
div.autosuggest ul li a span small {
  font-weight: normal;
  color: #999;
}
div.autosuggest ul li.as_highlight a span small {
  color: red;
}
div.autosuggest ul li.as_highlight a {
  color: #000;
  background-color: #D1DEDF;
  /* erik -- hover*/

  background-position: bottom right;
  background-repeat: no-repeat;
}
div.autosuggest ul li.as_highlight a span {
  background-position: bottom left;
  background-repeat: no-repeat;
}
div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr {
  /*background-image: transparent;*/

  background-repeat: no-repeat;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
}
div.autosuggest ul li a .tr {
  right: 0;
}
div.autosuggest ul li.as_highlight a .tl {
  left: 0;
  background-position: bottom left;
}
div.autosuggest ul li.as_highlight a .tr {
  right: 0;
  background-position: bottom right;
}
div.autosuggest ul li.as_warning {
  font-weight: normal;
  text-align: center;
  color: #A0A0A0;
}
div.autosuggest ul em {
  font-style: normal;
  color: #000;
  font-weight: bold;
}
.textBlue {
  color: #00597e;
  font-size: 11px;
}
.textBlack {
  font: normal 8pt "Open Sans", Tahoma, sans-serif, MiscFixed;
  color: #666666;
  text-decoration: none;
}
/**************************** End -> Suggest Widget by Erik Amaru Ortiz <erik@colosa.com>  *********************************/
.tableGrid_view {
  width: 100%;
  border-top: 0px solid #DADADA;
  border-bottom: 0px solid #DADADA;
  border-left: 0px solid #DADADA;
  border-right: 0px solid #DADADA;
  padding: 0px;
}
table.tableGrid_view td {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  border-left: 0px solid #DADADA;
  border-right: 0px solid #DADADA;
  padding: 0px;
}
.ui-widget-header {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  /*-moz-background-origin:padding;*/

  background: #5c9ccc url(/skins/neoclassic/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) repeat-x scroll 50% 50%;
  border: 1px solid #4297D7;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 11px;
}
/**************************** new calendar **********************************************/
.DHTMLSuite_calendar {
  /* Main div for the calendar */

  border: 1px solid #8F8F8F;
  background-color: #FFF;
  width: 220px;
  position: relative;
  overflow: hidden;
  font-size: 11px;
}
.DHTMLSuite_calendarContent {
  /* Sub div inside DHTMLSuite_calendar - this is the div where content is added */

  position: relative;
  z-index: 10;
  /* IMPORTANT - This must always be like this in order to make it possible to position sub elements correctly, especially the iframe */

  background-color: #FFF;
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 11px;
}
/*******************

 START CSS FOR THE HEADER ROW - WHERE YOU SEE MONTH AND YEAR

********************/
.DHTMLSuite_calendar .DHTMLSuite_calendarHeading {
  /* Heading of calendar, where you see the month and year */

  background-image: url(/skins/neoclassic/images/calendar/calendar_heading.png);
  background-repeat: repeat-x;
  height: 21px;
  border-bottom: 1px solid #8F8F8F;
  font-size: 11px;
}
.DHTMLSuite_calendarHeadingTxt {
  /* Inner div in the heading  */

  padding: 1px;
  text-align: center;
  font-size: 11px;
}
.DHTMLSuite_calendarCloseButton {
  /* Close button at the top right corner of the calendar */

  background-image: url(/skins/neoclassic/images/calendar/calendar-close.gif);
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 1px;
  background-position: center center;
  cursor: pointer;
  font-size: 11px;
}
.DHTMLSuite_calendarHeaderMonthAndYear {
  /* Div elements for year and month in the heading */

  padding: 1px;
  padding-right: 2px;
  padding-left: 2px;
  cursor: pointer;
  line-height: 17px;
  font-weight: bold;
  font-size: 11px;
}
.DHTMLSuite_calendarHeaderMonthAndYearOver {
  /* Mouse over effect - month and year in the heading */

  background-color: #FFF;
  border: 1px solid #8F8F8F;
  padding: 0px;
  padding-left: 1px;
  padding-right: 1px;
  font-size: 11px;
}
/*******************

 START CSS FOR THE TIME BAR - THE DIV WHERE YOU SEE "Time: " and the hour and minute

********************/
.DHTMLSuite_calendar_timeBar {
  /* Time bar - where users can select hour and minutes */

  background-color: #D3D3D3;
  height: 21px;
  border-top: 1px solid #8F8F8F;
  text-align: center;
  position: relative;
  font-size: 11px;
}
.DHTMLSuite_calendar_timeBarHourAndMinute {
  /* General rules for the displayed hours and minutes - the ones you can click on the bring out the drop down boxes */

  padding: 1px;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 2px;
  cursor: pointer;
  font-size: 11px;
}
.DHTMLSuite_calendarTimeBarHourAndMinuteOver {
  /* Mouse over effect for the hour and minute displayed in the time bar */

  background-color: #FFF;
  border: 1px solid #8F8F8F;
  padding: 0px;
  padding-left: 1px;
  padding-right: 1px;
  font-size: 11px;
}
.DHTMLSuite_calendarTimeBarTimeString {
  /* String "Time:" */

  position: absolute;
  left: 2px;
  top: 2px;
  font-size: 11px;
}
/*******************

 START CSS FOR THE NAVIGATION BAR - THE DIV WITH THE LEFT AND RIGHT ARROWS

********************/
.DHTMLSuite_calendar_navigationBar {
  /* Navigation bar below the heading */

  background-color: #D3D3D3;
  height: 17px;
  border-bottom: 1px solid #8F8F8F;
  position: relative;
  font-size: 11px;
}
.DHTMLSuite_calendar_navigationBarToday {
  /* Div for the string "Today" in the navigation bar */

  text-align: center;
  font-size: 11px;
}
.DHTMLSuite_calendar_navigationBarToday span {
  /* The "Today" string inside the navigation bar */

  cursor: pointer;
  font-size: 11px;
}
.DHTMLSuite_calendar_btnNextYear,
.DHTMLSuite_calendar_btnPreviousYear,
.DHTMLSuite_calendar_btnNextMonth,
.DHTMLSuite_calendar_btnPreviousMonth {
  /* Buttons - previous/next month and year */

  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  width: 13px;
  height: 13px;
  padding: 1px;
  top: 1px;
  font-size: 11px;
}
.DHTMLSuite_calendar_btnNextYear {
  /* Next year button */

  background-image: url(/skins/neoclassic/images/calendar/calendar-next-year.gif);
  right: 2px;
  font-size: 11px;
}
.DHTMLSuite_calendar_btnPreviousYear {
  /* Previous year button */

  background-image: url(/skins/neoclassic/images/calendar/calendar-previous-year.gif);
  left: 2px;
  font-size: 11px;
}
.DHTMLSuite_calendar_btnNextMonth {
  /* Next month button */

  background-image: url(/skins/neoclassic/images/calendar/calendar-next-month.gif);
  right: 18px;
  font-size: 11px;
}
.DHTMLSuite_calendar_btnPreviousMonth {
  /* Previous month button */

  background-image: url(/skins/neoclassic/images/calendar/calendar-previous-month.gif);
  left: 18px;
  font-size: 11px;
}
/*******************

 START CSS FOR THE MAIN DIV CONTAINING ALL THE DAYS WITHIN A MONTH AND HEADINGS (weeks, days(Mon-Sun) etc.)

********************/
.DHTMLSuite_calendar_monthView {
  /* Main div element for the days in a month */

  font-size: 11px;
}
.DHTMLSuite_calendar_monthView_headerCell {
  /* Main div element for the days in a month */

  background-color: #FFF;
  border-bottom: 1px solid #8F8F8F;
  font-size: 11px;
}
.DHTMLSuite_calendar_monthView_firstColumn {
  /* First column - the week column */

  background-color: #D3D3D3;
  border-right: 1px solid #8F8F8F;
  text-align: left;
  font-size: 11px;
}
.DHTMLSuite_calendar_monthView td {
  /* Default css for all the cells inside the calendar, i.e. week heading, label for the days, and the days */

  text-align: center;
  cursor: default;
  font-size: 11px;
}
.DHTMLSuite_calendar_monthView_headerSunday {
  /* Sunday in the header */

  color: red;
  border-bottom: 1px solid #8F8F8F;
  font-size: 11px;
}
.DHTMLSuite_calendar_monthView_daysInOtherMonths {
  /* Days in previous or next month, i.e. before start of current displayed month or after days in the currently displayed month */

  color: #999;
  font-size: 11px;
}
.DHTMLSuite_calendar_monthView_daysInThisMonth {
  /* Layout - ordinary days(mon-sat) in this month */

  font-size: 11px;
}
.DHTMLSuite_calendar_monthView_sundayInThisMonth {
  /* Layout - sundays in current displayed month */

  color: red;
  font-size: 11px;
}
.DHTMLSuite_calendar_monthView_initialDate {
  /* Inital set date, example: the date in an input field which you are populating with the calendar */

  background-color: #8F8F8F;
  color: white;
  font-size: 11px;
}
.DHTMLSuite_calendar_monthView_invalidDate {
  /* Inital set date, example: the date in an input field which you are populating with the calendar */

  color: #AAA;
  font-size: 11px;
}
.DHTMLSuite_calendar_monthView_currentDate {
  /* Date of today */

  background-color: #dfe9fa;
  font-size: 11px;
  font-weight: bold;
}
/***************************************************
*
* START CSS -  DROP DOWN BOXES
*
*
***************************************************/
/*** MINUTES ***/
.DHTMLSuite_calendar_minuteDropDown {
  /* Drop down box for minutes */

  background-color: #D3D3D3;
  border: 1px solid #8F8F8F;
  width: 23px;
  padding: 1px;
  text-align: center;
  /* You shouldn't change these 3 options */

  position: absolute;
  z-index: 152000;
  cursor: pointer;
  font-size: 11px;
}
.DHTMLSuite_calendar_minuteDropDownCurrentMinute {
  /* Minute in drop down when it's equal to current minute of the display, i.e. the minute you see where you click on the drop down */

  color: red;
  font-size: 11px;
}
.DHTMLSuite_calendar_dropdownAMinuteOver {
  background-color: #dfe9fa;
  font-size: 11px;
}
/*** HOURS ***/
.DHTMLSuite_calendar_hourDropDown {
  /* Drop down box for hours */

  background-color: #D3D3D3;
  border: 1px solid #8F8F8F;
  width: 23px;
  position: absolute;
  z-index: 152000;
  padding: 1px;
  cursor: pointer;
  font-size: 11px;
  text-align: center;
}
.DHTMLSuite_calendar_dropdownAnHourOver {
  background-color: #dfe9fa;
  font-size: 11px;
}
.DHTMLSuite_calendar_hourDropDownCurrentHour {
  color: red;
  font-size: 11px;
}
/*** MONTHS ***/
.DHTMLSuite_calendar_monthDropDown {
  background-color: #D3D3D3;
  border: 1px solid #8F8F8F;
  width: 70px;
  position: absolute;
  z-index: 152000;
  cursor: pointer;
  padding: 1px;
  font-size: 11px;
}
.DHTMLSuite_calendar_dropDownAMonth {
  font-size: 11px;
}
.DHTMLSuite_calendar_dropdownAMonthOver {
  background-color: #dfe9fa;
  font-size: 11px;
}
.DHTMLSuite_calendar_yearDropDownCurrentMonth {
  color: red;
  font-size: 11px;
}
/***** YEAR ****/
.DHTMLSuite_calendar_yearDropDown {
  background-color: #D3D3D3;
  border: 1px solid #8F8F8F;
  width: 30px;
  position: absolute;
  z-index: 152000;
  cursor: pointer;
  padding: 1px;
  font-size: 12px;
  text-align: center;
  font-size: 11px;
}
.DHTMLSuite_calendar_dropDownAYear {
  font-size: 11px;
}
.DHTMLSuite_calendar_dropdownAYearOver {
  background-color: #dfe9fa;
  font-size: 11px;
}
.DHTMLSuite_calendar_yearDropDownCurrentYear {
  /* Current year */

  color: red;
  font-size: 11px;
}
/* UP AND DOWN ARROWS INSIDE DROP DOWNS **/
.DHTMLSuite_calendar_dropDown_arrowUp {
  /* Drop down - moving to previous year */

  background-image: url(/skins/neoclassic/images/calendar/calendar-dropdown-up.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 8px;
  font-size: 11px;
}
.DHTMLSuite_calendar_dropDown_arrowDown {
  /* Drop down - moving to previous year */

  background-image: url(/skins/neoclassic/images/calendar/calendar-dropdown-down.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 8px;
  font-size: 11px;
}
.DHTMLSuite_calendarDropDown_dropDownArrowOver {
  background-color: #dfe9fa;
  font-size: 11px;
}
/* IT'S IMPORTANT TO HAVE THIS CSS RULE AT THE BOTTOM IN ORDER TO MAKE THE PADDING OVERRIDE PADDING OF OTHER ELEMENTS */
.DHTMLSuite_calendarButtonOver {
  /* Mouse over effect for the close button */

  background-color: #FFF;
  /* White background color */

  border: 1px solid #8F8F8F;
  /* Blue border */

  padding: 0px;
  /* The sum border+padding of this element should be the same as border+padding of .DHTMLSuite_calendarCloseButton */

  font-size: 11px;
}
.DHTMLSuite_calendarDayOver {
  /* Mouse over effect - days in the calendar, i.e. days in current displayed month */

  background-color: #D3D3D3;
  font-size: 11px;
}
/* YOU SHOULD NEVER MODIFY THIS ONE */
.DHTMLSuite_calendar_iframe {
  /* Iframe used to cover select boxes below in older IE browsers(version 6 and prior) */

  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  font-size: 11px;
}
.calendar_picker_min {
  cursor: pointer;
  background-image: url(/skins/neoclassic/images/btncal_min.png);
  float: left;
  width: 96px;
  height: 23px;
  /*font-weight: bold;*/

  color: #000;
  font-size: 11px;
}
.calendar_picker {
  cursor: pointer;
  background-image: url(/skins/neoclassic/images/btncal.png);
  float: left;
  width: 121px;
  height: 23px;
  /*font-weight: bold;*/

  color: #000;
  font-size: 11px;
}
/*@start:  PM tooltip -> neyek <erik@colosa.com> */
#pmtooltip {
  background-color: #EEE;
  border: 1px solid #000;
  position: absolute;
  display: none;
  z-index: 20000;
  padding: 2px;
  font-size: 0.9em;
  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
}
#pmtooltipShadow {
  position: absolute;
  background-color: #555;
  display: none;
  z-index: 10000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

}
/*@end:  PM tooltip */
/**
 * (init) Dynaform Handler styles */
#sortable {
  list-style-type: none;
  margin: 2px;
  padding: 0;
  width: 700px;
}
#sortable li {
  margin: 1px 1px 1px 1px;
  padding: 1px;
  padding-left: 1px;
  font-size: 13px;
  height: 28px;
}
/*#sortable li:hover {background: orange;}*/
#sortable li span {
  position: absolute;
  margin-left: -1.3em;
}
.dtext {
  padding-top: 0px;
  font-size: 13px;
  color: blue;
}
.dynalist td {
  font-size: 10px;
  color: #000;
}
#jq-siteContain {
  width: 910px;
  margin: 0 auto;
}
#jq-content {
  background: #181c21 url(images/bg_home_content.gif) top repeat-x;
  padding: 4em 40px;
  border-bottom: 1px solid #000;
}
#jq-intro {
  padding-top: 1em;
  width: 515px;
  margin-bottom: 3.5em;
}
#jq-intro li {
  float: left;
  font-size: 1.4em;
}
#jq-intro li a {
  color: #5DB0E6;
  font-weight: bold;
  text-decoration: underline;
  float: left;
  background: url(images/icon_check_whiteOnDarkBlue.gif) left no-repeat;
  padding: 0 30px 0 23px;
}
#jq-intro li p {
  font-size: .9em;
}
body.jq-enhanced #jq-intro li {
  position: relative;
}
html.js div.jq-checkpointSubhead {
  display: none;
}
body.jq-enhanced #jq-intro li div.jq-checkpointSubhead {
  position: absolute;
  width: 253px;
  height: 54px;
  background: url(/skins/neoclassic/images/bg_ctaTooltip.png) 0 0 no-repeat;
  top: -1.5em;
  left: -35%;
  z-index: 100;
}
body.jq-enhanced #jq-intro li div.jq-checkpointSubhead p {
  font-size: 1em;
  padding: 10px 5px 0 50px;
  color: #AE0001;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0;
  cursor: pointer;
}
.toggler {
  font-size: 10px;
  height: 200px;
  position: relative;
}
#effect {
  width: 180px;
  font-size: 10px;
  height: 135px;
  padding: 0.4em;
  position: relative;
  background: #fff;
}
#effect h3 {
  font-size: 10px;
  margin: 0;
  padding: 0.4em;
  text-align: center;
}
.current_selected_item {
  border: 2px solid orange;
  background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #2e6e9e;
  outline: none;
}
/*
 *  (end) Dybaform Handler styles **/
/*extendend fields styles*/
#fieldshandler_items_table {
  direction: ltr;
}
.htmleditor {
  -x-system-font: none;
  background: #ffffff url(../images/input_back.gif) repeat-x scroll 0 0;
  border: 1px solid #AAAAAA;
  color: #333333;
  font-family: sans-serif;
  font-size: 8pt;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 1px 1px 1px 3px;
  direction: ltr;
}
.FormTextPM {
  direction: ltr;
}
.directionSide1 {
  direction: ltr;
  align: left;
}
.directionSide2 {
  direction: rtl;
  align: right;
}
.pm__dynavars {
  direction: ltr;
  font-weight: bold;
}
.tag_cloud {
  padding: 3px;
  text-decoration: none;
}
.tag_cloud:link {
  color: #006699;
}
.tag_cloud:visited {
  color: #006699;
}
.tag_cloud:hover {
  color: #ffffff;
  background: #006699;
}
.tag_cloud:active {
  color: #ffffff;
  background: #ACFC65;
}
input.notValidateThisFields {
  position: absolute;
  left: -9999px;
}
input#DynaformRequiredFields {
  position: absolute;
  left: -9999px;
}
/*
*	COMMON LAYOUT PANE FORMATTING -----------------resizer panel -------------------------------------------
*/
.pane,
.ui-layout-pane {
  /* inner pane class */

  background-color: #fff;
  border: 0px solid #777;
  padding: 3px;
  /* alignment & padding is on the inner-divs */

  overflow: none;
  /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */

  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

}
/*
*	OUTER-LAYOUT PANE FORMATTING
*/
.pane-north,
.pane-south,
.pane-west,
.pane-east {
  overflow: auto;
  /*neyek1*/

}
.pane-north {
  border-bottom: none;
}
.pane-north .content,
.pane-south .content {
  text-align: center;
}
.pane-center {
  /* show off the inner-layout inside the outer-center-pane*/

  background-color: #F6F6F6;
  padding: 0px;
  /* for outer layout */

}
.ui-layout-center .footer {
  border-top: 1px solid #BBB;
}
/*
*	INNER-LAYOUT PANE FORMATTING
*/
.ui-layout-center .ui-layout-pane {
  padding: 10px;
}
.ui-layout-center .ui-layout-north,
.ui-layout-center .ui-layout-south {
  text-align: center;
}
.ui-layout-center .ui-layout-center {
  padding: 0 !important;
  /* inner divs have padding */

}
.ui-layout-center .ui-layout-content {
  padding: 0px;
}
.ui-layout-center .ui-layout-center h3 {
  font-size: 1em;
  padding: 5px;
  margin: 0;
}
/*
*  OUTER LAYOUT RESIZERS & TOGGLERS --resizable panel
*  By. Erik <erik@colosa.com>
*/
/* north-pane is not resizable
.resizer-north-dragging ,
.resizer-north:hover		{ background: url(../img/resizable-n.gif) repeat-x center; }*/
.resizer-south-dragging,
.resizer-south:hover {
  background: #dcdcdc;
}
.resizer-west-dragging,
.resizer-west-open:hover {
  background: #dcdcdc;
}
.resizer-east-dragging,
.resizer-east-open:hover {
  background: #dcdcdc;
}
.resizer-west-open,
.resizer-east-open {
  background-color: #999;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.resizer-west-open:hover,
.resizer-east-open:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.resizer-dragging {
  /* see draggable.opacity option
	opacity: 0.5;
	filter: alpha(opacity=50);
	*/

}
.resizer-dragging-limit {
  background: #FF3300 !important;
}
/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .resizer-north		{ background: url(../img/resizable-n.gif) repeat-x center !important; } */
* html .resizer-south {
  background: #dcdcdc;
}
* html .resizer-west-open {
  background: #dcdcdc;
}
* html .resizer-east-open {
  background: #dcdcdc;
}
/** html .resizer-north , */
* html .resizer-south,
* html .resizer-west-open,
* html .resizer-east-open {
  opacity: 0.1 !important;
  filter: alpha(opacity=10) !important;
}
/*
*	SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only)
*/
.toggler-north-open,
.toggler-south-closed {
  background: #dcdcdc;
}
.toggler-north-closed,
.toggler-south-open {
  background: #dcdcdc;
}
/*
.toggler-east-closed ,
.toggler-west-open    { background: url(../img/toggle-lt.gif) no-repeat center right; }
.toggler-west-closed ,
.toggler-east-open    { background: url(../img/toggle-rt.gif) no-repeat center left; }
*/
/*
*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed,
.resizer-east-closed {
  background: #b4b4b4 url(/skins/neoclassic/images/separator-v.gif) center no-repeat;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
}
.resizer-west-closed:hover,
.resizer-east-closed:hover {
  background: #D1E6FC;
}
span.button-pin,
span.button-close {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
  display: block;
  cursor: pointer;
}
span.button-close-west {
  left: 0;
}
span.button-close-east {
  right: 0;
}
span.button-pin-west {
  right: 1px;
}
span.button-pin-east {
  left: 1px;
}
/* CUSTOM pin-buttons */
span.button-pin-up {
  background: url(/skins/neoclassic/images/pin-up-off.gif) no-repeat center;
}
span.button-pin-up:hover {
  background: url(/skins/neoclassic/images/pin-up-on.gif) no-repeat center;
}
span.button-pin-down {
  background: url(/skins/neoclassic/images/pin-dn-off.gif) no-repeat center;
}
span.button-pin-down:hover {
  background: url(/skins/neoclassic/images/pin-dn-on.gif) no-repeat center;
}
/* CUSTOM close-buttons */
span.button-close-west {
  background: url(/skins/neoclassic/images/go-lt-off.gif) no-repeat center;
}
span.button-close-west:hover {
  background: url(/skins/neoclassic/images/go-lt-on.gif) no-repeat center;
}
span.button-close-east {
  background: url(/skins/neoclassic/images/go-rt-off.gif) no-repeat center;
}
span.button-close-east:hover {
  background: url(/skins/neoclassic/images/go-rt-on.gif) no-repeat center;
}
/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed {
  background: url(/skins/neoclassic/images/go-rt-off.gif) no-repeat center;
}
.toggler-west-closed:hover {
  background: url(/skins/neoclassic/images/go-rt-on.gif) no-repeat center;
}
.toggler-east-closed {
  background: url(/skins/neoclassic/images/go-lt-off.gif) no-repeat center;
}
.toggler-east-closed:hover {
  background: url(/skins/neoclassic/images/go-lt-on.gif) no-repeat center;
}
/*
*	INNER LAYOUT RESIZERS & TOGGLERS
*
*	These styles target 'children of center pane', so only affect the Inner Layout
*	This layout has applyDefaultCSS=true, so use !important to override defaults
*/
.ui-layout-center .ui-layout-resizer-closed:hover {
  background: #FFEDCA !important;
}
.ui-layout-center .ui-layout-resizer-open:hover,
.ui-layout-center .ui-layout-resizer-dragging {
  background: #C4E1A4 !important;
}
.ui-layout-center .ui-layout-resizer-dragging-limit {
  background: #FF3300 !important;
}
.ui-layout-center .ui-layout-resizer-north,
.ui-layout-center .ui-layout-resizer-south {
  border-left: 1px solid #BBB !important;
  border-right: 1px solid #BBB !important;
}
.ui-layout-center .ui-layout-resizer-north-closed {
  border-top: 1px solid #BBB !important;
}
.ui-layout-center .ui-layout-resizer-south-closed {
  border-bottom: 1px solid #BBB !important;
}
.ui-layout-center .ui-layout-resizer-west-closed {
  border-left: 1px solid #BBB !important;
}
.ui-layout-center .ui-layout-resizer-east-closed {
  border-right: 1px solid #BBB !important;
}
.ui-layout-center .ui-layout-resizer:hover .ui-layout-toggler {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.ui-layout-center .ui-layout-resizer:hover .ui-layout-toggler:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #FD9 !important;
  border-color: #CB7 !important;
}
.ui-layout-center .ui-layout-resizer-sliding {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.ui-layout-center .ui-layout-resizer-sliding:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-layout-center .ui-layout-resizer-sliding .ui-layout-toggler {
  display: none !important;
}
.ui-layout-center .ui-layout-resizer-sliding:hover .ui-layout-toggler {
  display: block !important;
}
/** cpanel settings **/
#cpanel div.icon {
  text-align: center;
  margin-right: 2px;
  float: left;
  margin-bottom: 2px;
  background-color: #fff;
  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

}
#cpanel div.iconbox {
  text-align: center;
  margin-right: 5px;
  float: left;
  margin-bottom: 5px;
  background-color: #fff;
  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

}
#cpanel div.icon a {
  display: block;
  float: left;
  border: 1px solid #CACACA;
  height: 32px;
  width: 200px;
  color: #666;
  vertical-align: middle;
  text-decoration: none;
  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

}
#cpanel div.icon a:hover {
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #EFEFEF;
  color: #0B55C4;
}
#cpanel div.iconbox div {
  display: block;
  float: left;
  border: 1px solid #CACACA;
  height: 32px;
  width: 200px;
  color: #666;
  vertical-align: middle;
  text-decoration: none;
  -moz-border-radius: 6px;
  /* Rounded edges in Firefox */

}
#cpanel div.iconbox div:hover {
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #EFEFEF;
  color: #0B55C4;
}
#cpanel img {
  padding: 2px 0;
  margin: 0 auto;
}
#cpanel span {
  display: block;
  text-align: center;
}
a.iconmenu {
  color: #005791;
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
div.grid {
  font: 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
  margin-top: 2px;
  padding-left: 4px;
  padding-right: 0;
}
/* js-calendar styles*/
/*jscal2.css*/
/* CSS */
.DynarchCalendar {
  border: 1px solid #aaa;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: #e8e8e8;
  font: 11px "lucida grande", tahoma, verdana, sans-serif;
  line-height: 14px;
  position: relative;
  cursor: default;
}
.DynarchCalendar table {
  border-collapse: collapse;
  font: 11px "lucida grande", tahoma, verdana, sans-serif;
  line-height: 14px;
}
.DynarchCalendar-topBar {
  border-bottom: 1px solid #aaa;
  background: #dddddd;
  padding: 5px 0 0 0;
}
table.DynarchCalendar-titleCont {
  font-size: 130%;
  font-weight: bold;
  color: #444;
  text-align: center;
  z-index: 9;
  position: relative;
  margin-top: -6px;
}
.DynarchCalendar-title div {
  padding: 5px 17px;
  text-shadow: 1px 1px 1px #777;
}
.DynarchCalendar-hover-title div {
  background-color: #fff;
  border: 1px solid #000;
  padding: 4px 16px;
  background-image: url("/js/widgets/js-calendar/css/img/drop-down.gif");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.DynarchCalendar-pressed-title div {
  border: 1px solid #000;
  padding: 4px 16px;
  background-color: #777;
  color: #fff;
  background-image: url("/js/widgets/js-calendar/css/img/drop-up.gif");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.DynarchCalendar-bottomBar {
  border-top: 1px solid #aaa;
  background: #dddddd;
  padding: 2px;
  position: relative;
  text-align: center;
}
.DynarchCalendar-bottomBar-today {
  padding: 2px 15px;
}
.DynarchCalendar-hover-bottomBar-today {
  border: 1px solid #000;
  background-color: #fff;
  padding: 1px 14px;
}
.DynarchCalendar-pressed-bottomBar-today {
  border: 1px solid #000;
  background-color: #777;
  color: #fff;
  padding: 1px 14px;
}
.DynarchCalendar-body {
  position: relative;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
}
.DynarchCalendar-first-col {
  padding-left: 5px;
}
.DynarchCalendar-last-col {
  padding-right: 5px;
}
.DynarchCalendar-animBody-backYear {
  position: absolute;
  top: -100%;
  left: 0;
}
.DynarchCalendar-animBody-back {
  position: absolute;
  top: 5px;
  left: -100%;
}
.DynarchCalendar-animBody-fwd {
  position: absolute;
  top: 5px;
  left: 100%;
}
.DynarchCalendar-animBody-now {
  position: absolute;
  top: 5px;
  left: 0;
}
.DynarchCalendar-animBody-fwdYear {
  position: absolute;
  top: 100%;
  left: 0;
}
.DynarchCalendar-dayNames {
  padding-left: 5px;
  padding-right: 5px;
}
.DynarchCalendar-dayNames div {
  font-weight: bold;
  color: #444;
  text-shadow: 1px 1px 1px #777;
}
.DynarchCalendar-navBtn {
  position: absolute;
  top: 5px;
  z-index: 10;
}
.DynarchCalendar-navBtn div {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 15px;
  width: 16px;
  padding: 1px;
}
.DynarchCalendar-hover-navBtn div {
  border: 1px solid #000;
  padding: 0;
  background-color: #fff;
}
.DynarchCalendar-navDisabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.DynarchCalendar-pressed-navBtn div {
  border: 1px solid #000;
  padding: 0;
  background-color: #777;
  color: #fff;
}
.DynarchCalendar-prevMonth {
  left: 25px;
}
.DynarchCalendar-nextMonth {
  left: 100%;
  margin-left: -43px;
}
.DynarchCalendar-prevYear {
  left: 5px;
}
.DynarchCalendar-nextYear {
  left: 100%;
  margin-left: -23px;
}
.DynarchCalendar-prevMonth div {
  background-image: url("/js/widgets/js-calendar/css/img/nav-left.gif");
}
.DynarchCalendar-nextMonth div {
  background-image: url("/js/widgets/js-calendar/css/img/nav-right.gif");
}
.DynarchCalendar-prevYear div {
  background-image: url("/js/widgets/js-calendar/css/img/nav-left-x2.gif");
}
.DynarchCalendar-nextYear div {
  background-image: url("/js/widgets/js-calendar/css/img/nav-right-x2.gif");
}
.DynarchCalendar-menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  overflow: hidden;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.DynarchCalendar-menu table td div {
  text-align: center;
  font-weight: bold;
  padding: 3px 5px;
}
.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
  width: 4em;
  text-align: center;
}
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
  border: 1px solid #000;
  padding: 2px 4px;
  background-color: #fff;
  color: #000;
}
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
  border: 1px solid #000;
  padding: 2px 4px;
  background-color: #777;
  color: #fff !important;
}
.DynarchCalendar-menu-year {
  text-align: center;
  font: 16px "lucida grande", tahoma, verdana, sans-serif;
  font-weight: bold;
}
.DynarchCalendar-menu-sep {
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  border-top: 1px solid #888;
  background: #fff;
  margin-top: 4px;
  margin-bottom: 3px;
}
.DynarchCalendar-time td {
  font-weight: bold;
  font-size: 120%;
}
.DynarchCalendar-time-hour,
.DynarchCalendar-time-minute {
  padding: 1px 3px;
}
.DynarchCalendar-time-down {
  background: url("/js/widgets/js-calendar/css/img/time-down.png") no-repeat 50% 50%;
  width: 11px;
  height: 8px;
  opacity: 0.5;
}
.DynarchCalendar-time-up {
  background: url("/js/widgets/js-calendar/css/img/time-up.png") no-repeat 50% 50%;
  width: 11px;
  height: 8px;
  opacity: 0.5;
}
.DynarchCalendar-time-sep {
  padding: 0 2px;
}
.DynarchCalendar-hover-time {
  background-color: #444;
  color: #fff;
  opacity: 1;
}
.DynarchCalendar-pressed-time {
  background-color: #000;
  color: #fff;
  opacity: 1;
}
.DynarchCalendar-time-am {
  padding: 1px;
  width: 2.5em;
  text-align: center;
}
/* body */
.DynarchCalendar-hover-week {
  background-color: #dddddd;
}
.DynarchCalendar-dayNames div,
.DynarchCalendar-day,
.DynarchCalendar-weekNumber {
  width: 1.7em;
  padding: 3px 4px;
  text-align: center;
}
.DynarchCalendar-weekNumber {
  border-right: 1px solid #aaa;
  margin-right: 4px;
  width: 2em !important;
  padding-right: 8px !important;
}
.DynarchCalendar-day {
  text-align: right;
  color: #222;
}
.DynarchCalendar-day-othermonth {
  color: #888;
}
.DynarchCalendar-weekend {
  color: #c22;
}
.DynarchCalendar-day-today {
  color: #00f;
  font-weight: bold;
}
.DynarchCalendar-day-disabled {
  opacity: 0.5;
  text-shadow: 2px 1px 1px #fff;
}
.DynarchCalendar-hover-date {
  padding: 2px 3px;
  background-color: #eef;
  border: 1px solid #88c;
  margin: 0 !important;
  color: #000;
}
.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date {
  border-color: #aaa;
  color: #888;
}
.DynarchCalendar-dayNames .DynarchCalendar-weekend {
  color: #c22;
}
.DynarchCalendar-day-othermonth.DynarchCalendar-weekend {
  color: #d88;
}
.DynarchCalendar-day-selected {
  padding: 2px 3px;
  margin: 1px;
  background-color: #aaa;
  color: #000 !important;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected {
  background-color: #999;
}
/* focus */
.DynarchCalendar-focusLink {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.DynarchCalendar-focused {
  border-color: #000;
}
.DynarchCalendar-focused .DynarchCalendar-topBar,
.DynarchCalendar-focused .DynarchCalendar-bottomBar {
  background-color: #ccc;
  border-color: #336;
}
.DynarchCalendar-focused .DynarchCalendar-hover-week {
  background-color: #ccc;
}
.DynarchCalendar-tooltip {
  position: absolute;
  top: 100%;
  width: 100%;
}
.DynarchCalendar-tooltipCont {
  margin: 0 5px 0 5px;
  border: 1px solid #aaa;
  border-top: 0;
  padding: 3px 6px;
  background: #dddddd;
}
.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
  background: #ccc;
  border-color: #000;
}
@media print {
  .DynarchCalendar-day-selected {
    padding: 2px 3px;
    border: 1px solid #000;
    margin: 0 !important;
  }
}
/*border-radius.css*/
/* This is for Gecko-based browsers */
.DynarchCalendar {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.DynarchCalendar-title,
.DynarchCalendar-title div {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.DynarchCalendar-topBar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}
.DynarchCalendar-bottomBar {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.DynarchCalendar-bottomBar-today {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.DynarchCalendar-navBtn,
.DynarchCalendar-navBtn div {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.DynarchCalendar-menu {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.DynarchCalendar-menu table td div {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.DynarchCalendar-weekNumber {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.DynarchCalendar-day {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.DynarchCalendar-day-disabled {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.DynarchCalendar-tooltipCont {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 5px;
}
.DynarchCalendar-time-hour,
.DynarchCalendar-time-minute {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px;
}
.DynarchCalendar-time-am {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/*steal.css*/
.DynarchCalendar-focused {
  background-color: #fff;
}
.DynarchCalendar-topBar {
  background: url("/js/widgets/js-calendar/css/steel/brushed-steel.jpg") no-repeat 50% 0;
}
.DynarchCalendar-bottomBar {
  background: url("/js/widgets/js-calendar/css/steel/brushed-steel.jpg") no-repeat 50% 50%;
}
.DynarchCalendar-hover-title,
.DynarchCalendar-hover-navBtn,
.DynarchCalendar-hover-bottomBar-today,
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
  background: #ddddee url("/js/widgets/js-calendar/css/steel/coolbg.png") repeat-x 0 50%;
}
.DynarchCalendar-hover-title div,
.DynarchCalendar-hover-navBtn div {
  background-color: transparent;
}
.DynarchCalendar-pressed-title,
.DynarchCalendar-pressed-navBtn,
.DynarchCalendar-pressed-bottomBar-today,
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
  background: #444455 url("/js/widgets/js-calendar/css/steel/coolbg.png") repeat-x 0 50%;
}
.DynarchCalendar-pressed-title div,
.DynarchCalendar-pressed-navBtn div {
  background-color: transparent;
}
.DynarchCalendar-hover-week,
.DynarchCalendar-focused .DynarchCalendar-hover-week {
  background: #dddddd url("/js/widgets/js-calendar/css/steel/coolbg.png") repeat-x 0 50%;
}
.DynarchCalendar {
  background: url("/js/widgets/js-calendar/css/steel/steel.jpg") no-repeat 50% 30px;
}
.DynarchCalendar-day-selected {
  background-color: #1864fc;
  color: #fff !important;
  background-image: url("/js/widgets/js-calendar/css/steel/coolbg.png");
  background-position: 0 50%;
  background-repeat: repeat-x;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected {
  background-color: #1864fc;
  color: #fff !important;
}
.DynarchCalendar-focused .DynarchCalendar-body {
  background: url("/js/widgets/js-calendar/css/shadow-b.png") repeat-x 0 0;
}
/*Menu Principal*/
#pm_main_table .mainMenuBG {
}
ul#pm_menu {
  list-style: none;
  margin: 0;
  padding: 0 0 0 13px;
}
ul#pm_menu li {
  float: left;
  padding: 0;
  margin-top: 6.5px;
}
ul#pm_menu a {
  color: #7b7c80;
  font-size: 14px;
  text-decoration: none;
  display: block;
  text-transform: capitalize;
  font-weight: bold;
  padding: 16px 3px 3px 3px;
  margin: 0 12px 0 12px;
}
ul#pm_menu a:hover {
    color:#3397e1;
}
ul#pm_menu li.SelectedMenu a{
    color:#3397e1;
    border-bottom: 2px solid #3397e1;
}
ul#pm_menu li.SelectedMenu,
ul#pm_menu li:hover {
}
ul#pm_submenu {
  list-style: none;
  margin: 0;
  padding: 0 0 0 2px;
}
ul#pm_submenu li {
  float: left;
  margin: 1px 1px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding: 3px;
}
ul#pm_submenu a {
  white-space: nowrap;
  font-weight: bold;
  color: #333;
  font-size: 10px;
  text-decoration: none;
  display: block;
  padding-top: 0px;
  text-transform: uppercase;
  line-height: 18px;
  height: auto !important;
  /*IE se pone loco con el height 18px del ss_sprite*/

}
ul#pm_submenu a img {
  float: left;
  max-height: 18px;
}
ul#pm_submenu li.SelectedSubMenu,
ul#pm_submenu li:hover {
  background-color: #CCC;
}
ul#pm_submenu li.SelectedSubMenu a,
ul#pm_submenu li:hover a {
  color: #333;
}
button.x-btn-text:focus,
.x-combo-selected {
  -moz-outline-style: none;
  outline: none;
}
.CodeMirror-line-numbers {
  width: 2.2em;
  color: #aaa;
  background-color: #fff;
  text-align: right;
  padding-right: .3em;
  font-size: 10pt;
  font-family: monospace;
  padding-top: .4em;
  line-height: normal;
}
/** erik: Simplified Stylesheet exteded */
.ux {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E8E8E8;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);*/

  /*-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);*/

  min-height: 20px;
  padding: 12px;
}
.ux form button {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: -moz-linear-gradient(#ffffff, #e1e1e1) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E1E1E1');
  /* IE6,IE7 */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E1E1E1')";
  /* IE8 */

  border-color: -moz-use-text-color -moz-use-text-color #ebebeb;
  border-radius: 4px 4px 4px 4px;
  border-style: none none solid;
  border-width: medium medium 1px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 12px;
  font-weight: bold;
  height: 34px;
  margin-left: 1px;
  overflow: visible;
  padding: 0 13px;
  position: relative;
  text-shadow: 1px 1px 0 #FFFFFF;
  top: 1px;
  white-space: nowrap;
}
.ux form button:hover {
  background: -moz-linear-gradient(#0ca6dd, #0770a0) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0ca6dd), to(#0770a0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CA6DD', endColorstr='#0770A0');
  /* IE6,IE7 */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CA6DD', endColorstr='#0770A0')";
  /* IE8 */

  border-bottom-color: #0770A0;
  color: #FFFFFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
.ux form input[type="submit"] {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: -moz-linear-gradient(#ffffff, #e1e1e1) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E1E1E1');
  /* IE6,IE7 */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E1E1E1')";
  /* IE8 */

  border-color: -moz-use-text-color -moz-use-text-color #ebebeb;
  border-radius: 4px 4px 4px 4px;
  border-style: none none solid;
  border-width: medium medium 1px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", Tahoma, sans-serif, MiscFixed;
  font-size: 12px;
  font-weight: bold;
  height: 34px;
  margin-left: 1px;
  overflow: visible;
  padding: 0 13px;
  position: relative;
  text-shadow: 1px 1px 0 #FFFFFF;
  top: 1px;
  white-space: nowrap;
}
.ux form input[type="submit"]:hover {
  background: -moz-linear-gradient(#0ca6dd, #0770a0) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0ca6dd), to(#0770a0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CA6DD', endColorstr='#0770A0');
  /* IE6,IE7 */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CA6DD', endColorstr='#0770A0')";
  /* IE8 */

  border-bottom-color: #0770A0;
  color: #FFFFFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
.ux h1 {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: -moz-linear-gradient(#829aa8, #405a6a) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#829aa8), to(#405a6a));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#829AA8', endColorstr='#405A6A');
  /* IE6,IE7 */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#829AA8', endColorstr='#405A6A')";
  /* IE8 */

  border-color: #677C89 #677C89 #6B808D;
  border-radius: 3px 3px 0 0;
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 8px 18px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.698);
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  /* Firefox */

  -webkit-border-radius: 5px 5px 0px 0px;
  /* Safari, Chrome */

}

.logo_company {
    padding: 7px 10px;
}