/*! * 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; width:500px; } .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 *********************************/ /* 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 containing navigation buttons */ background: #6F7F75; /*e*/ color: #fff; } .calendar thead .daynames { /* Row containing the day names */ background: #E9F2E9; } .calendar thead .name { /* Cells 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 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 */ background: #E9F2E9; padding: 1px 3px 1px 1px; border: 1px solid #6F7F75; } .calendar tbody td.active { /* Active (pressed) cells */ 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 in footer (only one right now) */ text-align: center; background: #206A9B; color: #fff; } .calendar tfoot .ttip { /* Tooltip (status bar) cell */ 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 *********************************/ /**************************** Start -> Suggest Widget by Erik Amaru Ortiz *********************************/ /* ================================================ 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 *********************************/ .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 */ #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 */ /* 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: 15px; 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; }