body { margin :0px; background-color:#ECECEC; color :#808080; font :normal 8pt sans-serif,Tahoma,MiscFixed; } a, img { padding: 0; margin: 0; } img { border: 0 none; } .Footer { font :normal 8pt sans-serif,Tahoma,MiscFixed; color :#000; height :0px; padding-top: 100px; text-align :center; } .Footer .image { /*background-image: url(/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:bold 8pt Tahoma,sans-serif,MiscFixed; color:#006699; text-decoration:none; } .logout a:hover { color:orange; } .temporalMessageERROR { -moz-border-radius:6px; /* Rounded edges in Firefox */ background-image: url(/images/classic/error.gif); color :#ffffff; border-style:solid; border-width:1px; border-color:#ffffff; font :normal 8pt Tahoma,sans-serif,MiscFixed; text-decoration:none; height:25px; padding:0 20px; vertical-align:middle; font-weight: bold; } .temporalMessageWARNING { -moz-border-radius:6px; /* Rounded edges in Firefox */ background-image: url(/images/classic/warning.png); color :#555555; border-style:solid; border-width:1px; border-color:#ffffff; font :normal 8pt 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(/images/classic/message.png); color :#000000; border-style:solid; border-width:1px; border-color:#ffffff; font :normal 8pt Tahoma,sans-serif,MiscFixed; text-decoration:none; height:25px; padding:0 20px; vertical-align:middle; font-weight: bold; } .userGroupTitle { color :black; font :bold 8pt Tahoma,sans-serif,MiscFixed; padding-left:10px; } .userGroupLink { padding:0px; padding-left:10px; padding-bottom:10px; } .userGroupLink a { color :#006699; text-decoration:none; font :bold 8pt Tahoma,sans-serif,MiscFixed; } .userGroupLink a:hover { color :orange; } span.treePlusLink { background-color:#E68B2C; color:white; font:normal 7pt Tahoma,MiscFixed; text-decoration:none; padding-left:1px; padding-right:1px; overflow:hidden; cursor:pointer; } span.treePlusLink:hover { :#EFC395; } span.XtreeMinus { background-color:#006699; color:white; font:normal 7pt Tahoma,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_separator___processmaker { } .pm_separatorOn___processmaker { } .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% 2; } .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:#C1D2EE; } .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:11; } .processmap_text___firefox { position : absolute; cursor : move; background-color:red; } .processmap_title___firefox { } /*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(/images/fondotask.png);*/ //background-color:#006699; //background-color:#6F6F6F; background : url(/images/borderTask.gif); background-color:#0576C4; background-color:#006699; vertical-align:middle; display:table-cell; } .processmap_task_label___processmaker { color:#FFF; text-align:center; /*position:absolute;*/ margin:10; vertical-align:middle; cursor:move; } .processmap_text___processmaker { position : absolute; z-index : 10; cursor : move; font : bold 8pt Tahoma,MiscFixed; } .processmap_title___processmaker { position :absolute; cursor :move; font :bold 13pt Tahoma,MiscFixed; } /*theme processmap end*/ .pm__toolbar{ align:left; font-size:1; line-height:31px; } .processmap_toolbarItem___processmaker { margin:0px; border:1px solid #CEC6B5; background:#EFEFEF url(/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 { background-image: url(/images/ext/gray/toolbar/bg.gif); background-repeat: repeat-x; /*height: 25px;*/ left: 46px; top: 72px; direction: ltr; text-align: left; } TD.mainMenu { background-image: url(/images/classic/bm.jpg); background-repeat: repeat-x; height: 25px; left: 46px; top: 72px; direction: ltr; text-align: center; } A.mainMenu { font-family: Tahoma; 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(/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; font-weight: bold; color: #005791; text-align: center; padding-top: 6px; text-transform:uppercase; text-decoration: none; } TD.subMenu { background-image: url('/images/classic/bsm.jpg'); background-repeat: repeat-x; height: 25px; } A.subMenu { font-family: Tahoma; font-size: 10px; color: #005791; font-weight: bold; padding-top: 5px; text-transform:uppercase; text-decoration: none; } A.subMenu:hover { font-family: Tahoma; 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: Tahoma; font-size: 10px; color: #005791; font-weight: bold; padding-top: 5px; text-transform:uppercase; text-decoration: none; } A.selectedSubMenu:hover { font-family: Tahoma; 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(/images/classic/ftl.png); background-color:transparent; } .boxTop div.c, .boxTopBlue div.c { top:0px; right:0px; background-image:url(/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; } /* Box Top Model END */ /* Box Top Model Blue BEGIN */ .boxTopBlue div.c { background-image:url(/images/classic/ftr.blue.gif); background-color:transparent; } .boxTopBlue div.a { background-image:url(/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(/images/classic/fbl.png); background-color:transparent; } .boxBottom div.c, .boxBottomBlue div.c { top:0px; right:0px; background-image:url(/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(/images/classic/fbc.png) repeat-x; } /* Box Bottom Model END */ /* Box Bottom Model Blue BEGIN */ .boxBottomBlue div.c { background-image:url(/images/classic/fbr.blue.png); background-color:transparent; } .boxBottomBlue div.a { background-image:url(/images/classic/fbl.blue.png); background-color:transparent; } .boxBottomBlue div.b { width:100%; height:16px; border-bottom:1px solid #DADADA; background: transparent url(/images/classic/fbc.blue.png) repeat-x; } .boxContentBlue { border-left:1px solid #99BBE8; border-right:1px solid #99BBE8; padding-right:5px; padding-left:5px; background-color:#D0DEF0; } a.linkInBlue { font:normal 8pt Tahoma,MiscFixed; color:#006699; text-decoration:none; } a.linkInBlue:hover { color:orange; } /* 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(/images/classic/ftlL.png); background-color:transparent; } .boxTopPanel div.c { top:0px; right:0px; background-image:url(/images/classic/ftrL.png); background-color:transparent; } .boxTopPanel div.b { width:100%; height:16px; background: transparent url(/images/classic/ftc.png) repeat-x; } /* BoxPanel Bottom Model END */ /* XmlForm BEGIN */ /* form BEGIN */ form{ font:normal 11px sans-serif,MiscFixed; color:#808080; } form table{ font:normal 11px sans-serif,MiscFixed; color:#808080; } form.formDefault select { font:normal 11px sans-serif,MiscFixed; color:#000; } form.formDefault table { font:normal 11px sans-serif,MiscFixed; color:#808080; #line-height:180%; } form.formDefault td { padding:2px; } form.formDefault .content { background-color:#FFF; border-left:1px solid #dadada; border-right:1px solid #dadada; } form.formDefault input.FormField { border: 1px solid #CCC; background: #FFFFFF url(/images/classic/input_back.gif) repeat-x; color:#333333; font:normal 11px Arial,Helvetica,sans-serif; } form.formDefault input.FormFieldInvalid { border: 1px solid red; } form.formDefault input.FormFieldValid { border: 1px solid green; } form.formDefault .FormLabel { color:#808080; text-align:right; padding-right:5px; /* width:180; */ } form.formDefault .FormFieldContent { color:#000; background-color:#EFEFEF; padding-left:5px; text-align: left; background-color:#f9f9f9; font-size:11px; } form.formDefault textarea.FormTextArea { border: 1px solid #CCC; background: #FFFFFF url(/images/classic/input_back.gif) repeat-x; color:#333333; font:normal 11px Arial,Helvetica,sans-serif; overflow:auto; } form.formDefault textarea.FormTextPM { border: 1px solid #CCC; background: #FFFFFF url(/images/classic/input_back.gif) repeat-x; color:#333; font:normal 12 Courier New, monospace ; overflow:auto; } form.formDefault .FormTitle,form.formDefault .FormSubTitle{ color:#333; padding-left:5px; } form.formDefault .FormTitle { text-shadow:0 1px 0px rgba(255,255,255,1); font-weight: 700; color:#000; padding-left:5px; font-weight:bold; background:#E0E7EF; border-bottom:1px solid #C3D1DF; } form.formDefault .FormSubTitle { background:#EFF1F3; color:#666; } form.formDefault .FormButton { text-align:center; } form.formDefault a { text-decoration:none; color:#006699; cursor:pointer; } form.formDefault a:hover { color:orange; cursor:pointer; } 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:#006699; text-decoration:none; } form.formSearch a:hover { color:orange; } 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 Arial,Helvetica,sans-serif; 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 sans-serif,MiscFixed; color:#808080; } .pagedTableDefault, .pagedTableDefault .headerContent .tableOption a { color:#2078A8; text-decoration:none; white-space:nowrap; } .pagedTableDefault, .pagedTableDefault .headerContent .tableOption a:hover { color:orange; } .pagedTableDefault td { padding:0px; } .pagedTableDefault .pagedTable td { padding:5px; } .pagedTableDefault .pagedTable { border:1px solid #DFDFDF; border-collapse:collapse; color:#27373F; } .pagedTable td{ text-align:left; } .pagedTableDefault .pagedTable .Row1 { background-color:#FFF; } .pagedTableDefault .pagedTable .Row2 { background-color:#EEE; } tr.Selected { background-color:#D8DDFF; } .pagedTableDefault .pagedTable .RowPointer { background-color:#E0EAEF; } .pagedTableDefault .cellSelected1 { font-weight:bold; } .pagedTableDefault .cellSelected2 { font-weight:bold; } .pagedTableDefault .pagedTable a { color:#666666; text-decoration: none; padding-left: 5px; font: bold 11px Tahoma,sans-serif, MiscFixed; white-space:nowrap; } .pagedTableDefault .pagedTable a:hover { color:orange; } .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:#F2F2F2; background-image:url("/images/ext/gray/grid/grid3-hrow2.gif"); background-position: bottom; vertical-align:middle; } .pagedTableDefault .pagedTable .pagedTableHeader img{ float:left; margin-top:2px; } } .pagedTableDefault .pagedTable .pagedTableHeader a { text-decoration:none; padding-left:5px; font:normal 8pt Tahoma, sans-serif,MiscFixed; font-size:11px; font-weight: bold; color:#666; text-shadow:#fff 0px 1px 1px; text-align: left; display:block; } .pagedTableDefault .pagedTable .pagedTableHeader a:hover { color:orange; } /*Adicion Rube*/ .pagedTableDefault .pagedTable .masterDetailMain { background-image:url(/images/masterDetailMain.png); background-repeat: repeat-x; text-decoration:none; color:#5B5B5B; padding-left:5px; font:normal 8pt Tahoma, sans-serif,MiscFixed; font-weight: bold; } .pagedTableDefault .pagedTable .masterDetailOther { background-image:url(/images/masterDetailOther.png); background-repeat: repeat-x; text-decoration:none; color:#5B5B5B; padding-left:5px; font:normal 8pt 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('/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('/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('/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('/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('/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('/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('/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('/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 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-left:5px; padding-right:5px; border-left:1px solid #DADADA; border-right:1px solid #DADADA; background-color:#FFF; } .treeNode { padding-bottom:10px; font:normal 8pt Tahoma,sans-serif,MiscFixed; color:#808080; } div.treeBase table td.a { width:16px; height:10px; } div.treeBase table td.b { font:normal 8pt Tahoma,sans-serif,MiscFixed; color:black; text-align:left; } /* TreeParent BEGIN */ div.treeParent { } div.treeParent table { font:normal 8pt Tahoma,sans-serif,MiscFixed; color:black; } div.treeParent .treeMinus { width:16px; height:22px; display:block; position:relative; background-image:url(/images/minus.gif); background-repeat:no-repeat; overflow:hidden; } div.treeParent .treePlus { width:16px; height:22px; background-image:url(/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(/images/ftv2vertline.gif); background-repeat:repeat-y; } div.treeParent td.d { background-image:url(/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:#006699; font-weight:normal; text-decoration:none; } div.treeParent .treeNode a:hover, div.treeBase .treeNode a:hover { color:orange; } 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 sans-serif,Tahoma,MiscFixed; font:normal 11px sans-serif,MiscFixed;*/ 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(/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(/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(/images/classic/ftr.blue.gif); } div.treeParent div.treeParent .boxBottom div.a { background-image:url(/images/classic/fbl.blue.png); } div.treeParent div.treeParent .boxBottom div.b { background-image:url(/images/classic/fbc.blue.png); } div.treeParent div.treeParent .boxBottom div.c { background-image:url(/images/classic/fbr.blue.png); }*/ div.treeParent table { } 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: tahoma,verdana,sans-serif; 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 sans-serif; 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_footer { } 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_footer div.as_corner { } 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{ font:normal 8pt Tahoma,sans-serif,MiscFixed; color:#006699; text-decoration:none; } .textBlack{ font:normal 8pt Tahoma,sans-serif,MiscFixed; color:#808080; 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(/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; /* IMPORTANT - This must always be like this in order to make it possible to position sub elements correctly, especially the iframe */ 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: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; 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(/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(/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-size: 11px; 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(/images/calendar/calendar-next-year.gif); right:2px; font-size: 11px; } .DHTMLSuite_calendar_btnPreviousYear{ /* Previous year button */ background-image:url(/images/calendar/calendar-previous-year.gif); left:2px; font-size: 11px; } .DHTMLSuite_calendar_btnNextMonth{ /* Next month button */ background-image:url(/images/calendar/calendar-next-month.gif); right:18px; font-size: 11px; } .DHTMLSuite_calendar_btnPreviousMonth{ /* Previous month button */ background-image:url(/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(/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(/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(/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(/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: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif; } #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: 2; 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(/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 , /* outer pane class */ .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(/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(/images/pin-up-off.gif) no-repeat center; } span.button-pin-up:hover { background: url(/images/pin-up-on.gif) no-repeat center; } span.button-pin-down { background: url(/images/pin-dn-off.gif) no-repeat center; } span.button-pin-down:hover { background: url(/images/pin-dn-on.gif) no-repeat center; } /* CUSTOM close-buttons */ span.button-close-west { background: url(/images/go-lt-off.gif) no-repeat center; } span.button-close-west:hover { background: url(/images/go-lt-on.gif) no-repeat center; } span.button-close-east { background: url(/images/go-rt-off.gif) no-repeat center; } span.button-close-east:hover { background: url(/images/go-rt-on.gif) no-repeat center; } /* STANDARD toggler-buttons - when the east/west panes are 'closed' */ .toggler-west-closed { background: url(/images/go-rt-off.gif) no-repeat center; } .toggler-west-closed:hover { background: url(/images/go-rt-on.gif) no-repeat center; } .toggler-east-closed { background: url(/images/go-lt-off.gif) no-repeat center; } .toggler-east-closed:hover { background: url(/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:Tahoma; font-size:10px; font-weight:bold; text-decoration:none; } div.grid { font:11px 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: #ddd; 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: #ddd; 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: #ddd; 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: #ddd; } .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: #ddd; } .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: #dde 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: #445 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: #ddd 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{ border-top:2px solid #b1cedb; background-color:#347898; background-image:none; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(74,149,184)),color-stop(0.97, rgb(46,112,143))); background-image: -moz-linear-gradient(center bottom,rgb(74,149,184) 0%,rgb(46,112,143) 97%); } ul#pm_menu{ list-style: none; margin:0; padding:0 0 0 13px; } ul#pm_menu li{ float:left; margin:3px 2px 0 0; padding:0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } ul#pm_menu a{ font-weight: bold; color:#fff; font-size:11px; text-decoration: none; display:block; padding:4px 30px; text-transform: uppercase; } ul#pm_menu li.SelectedMenu,ul#pm_menu li:hover{ background-color: #eee; background-image: -webkit-gradient ( linear, left bottom, left top, color-stop(0.39, rgb(245,245,245)), color-stop(0.83, rgb(227,227,227)) ); background-image: -moz-linear-gradient( center bottom, rgb(245,245,245) 39%, rgb(227,227,227) 83% ); } ul#pm_menu li.SelectedMenu a,ul#pm_menu li:hover a{ color:#333; } 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:9px; 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; border-radius: 5px 5px 5px 5px; -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(white, #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: helvetica,arial,freesans,clean,sans-serif; 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(white, #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: helvetica,arial,freesans,clean,sans-serif; 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 */ }