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

The gulp task runner for ProcessMaker building

/*!
 * 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 th