/******************************************************************************
* HTML Tags
******************************************************************************/
body
{
background: #FFFFFF;
font-family: verdana, helvetica, arial, geneva, tahoma, sans-serif;
/* font-size: 70%;*/
/* font-family: arial, helvetica, geneva, tahoma, sans-serif;*/
margin: 0px;
padding: 0px;
color: #000;
width: 100%;
height: 100%;
text-align: left;
border: 0 none;
}
h1
{
font-size: 1.1em;
font-weight: bold;
color: #000;
margin: 0 0 10px 0;
}
h2
{
font-size: 1em;
font-weight: bold;
color: #000;
margin: 0 0 0 15px;
}
h3
{
font-size: 1em;
font-weight: normal;
color: #900;
margin: 0 0 0 35px;
display: inline;
}
h4
{
font-size: 10px;
font-weight: normal;
color: #000;
margin: 0 0 0 45px;
padding: 0;
display: inline;
}
fieldset
{
font-size: 1em;
font-weight: normal;
margin: 0;
display:block;
border: 1px solid #c0c0c0;
padding: 3px;
}
legend
{
font-weight: bold;
}
code
{
font-size: 1em;
font-weight: normal;
padding: 5px;
}
hr
{
height: 1px;
color: #CCC;
}
/******************************************************************************
* Theme Structure
******************************************************************************/
.mStdOut
{
color: red;
font-weight: bold;
z-index: 100;
position: absolute;
top: 0px;
background-color: yellow;
}
.mThemeBody
{
font-size: 0.7em;
margin: 0px;
padding: 0px;
}
.mThemeMainForm
{
width: 830px;
background: white;
text-align: left;
height: 100%;
overflow:visible;
padding:8px;
}
.mThemeContainer
{
width: 830px;
background: white;
text-align: left;
height: 100%;
overflow:visible;
}
.mThemeContainerTop
{
margin: 0;
padding: 0;
height: 70px;
}
.mThemeContainerTopLogo
{
width: 160px;
height: 70px;
background-image: url(images/logowebhorus.png);
background-repeat: no-repeat;
background-position: 0 0;
margin-left:5px;
float:left;
}
.mThemeContainerTopUserBar
{
margin: 0;
padding: 0;
height: 30px;
width: 660px;
float:left;
background-color: white;
}
.mThemeContainerTopUserMenu
{
margin: 0;
padding: 0;
height: 20px;
width: 660px;
margin-left:0px;
float:left;
background-color: white;
}
.mThemeContainerTopMenu
{
margin: 0;
padding: 0;
height: 30px;
width: 100%;
margin-left:0px;
/*float:left;*/
border-top: 1px solid #CCC;
/* border-bottom: 1px solid #CCC; */
background-color: white;
}
.mThemeContainerMenu
{
float: left;
background: #EEE;
width: 160px;
margin-left: 5px;
height: 100%;
}
.mThemeContainerModule
{
float: left;
height: 40px;
width: 820px;
margin-left:5px;
padding: 5px 0 0 0;
background-color: white;
border-top: 1px solid #CCC;
}
.mThemeContainerNews
{
float: left;
width: 820px;
margin-left:10px;
margin-bottom:10px;
padding: 0px;
}
.mThemeContainerExt
{
/*float: left;*/
width: 100%;
height: 100%;
overflow:visible;
}
.mThemeContainerContent
{
background: white;
/*float: left;*/
width: 100%;
/*padding-left: 10px;*/
height: 100%;
text-align: left;
overflow:visible;
/*
position: relative; /* posistion deve ser relative */
/* z-index: 0; /* z-index deve ser menor que em mainmenuContainer */
}
/******************************************************************************
* ThemeElements
******************************************************************************/
/******************************************************************************
* topMenu
******************************************************************************/
/*
#mContainerTopMenu
{
position: fixed;
width: 100%;
z-index: 2;
height: 4%;
top: 23px;
}
*/
.mTopMenuBox
{
font-size: 1em;
font-weight: normal;
text-align: left;
color: #666;
padding:8px;
}
.mTopMenuBox li
{
padding-left: 5px;
}
.mTopMenuBox ul
{
list-style: none;
padding: 0px;
margin: 0px;
}
.mTopMenuBox ul li
{
display: inline;
}
.mTopMenuBox ul li .mMenuLink
{
text-decoration: none;
}
.mTopMenuBox:hover ul:hover li:hover .mMenuLink:hover
{
text-decoration: none;
}
.mTopMenuCurrent
{
font-size: 1em;
font-weight: bold;
}
.mTopMenuLink
{
color: #666;
text-decoration: none;
}
.mTopMenuLink:link, .mTopMenuLink:visited
{
}
.mTopMenuLink:active, .mTopMenuLink:hover
{
text-decoration: underline;
}
@media print
{
.mTopMenuLink:active, .mTopMenuLink:hover , .mTopMenuLink:link, .mTopMenuLink:visited, .mTopMenuLink, .mTopMenuCurrent, .mTopMenuBox:hover ul:hover li:hover .mMenuLink:hover, .mTopMenuBox ul li .mMenuLink, .mTopMenuBox ul li, .mTopMenuBox ul, .mTopMenuBox li, .mTopMenuBox
{
color: black !important;
}
}
/******************************************************************************
* Menu e submenu
******************************************************************************/
.mMenuBox
{
margin: 0px;
padding: 0px;
background-color: white;
}
.mMenuBox li a.mMenuLink
{
padding-left: 14px;
text-decoration: none;
color:#333;
display: block;
height: 18px;
font-weight: normal;
}
.mMenuBox li div.mMenuTitle
{
background: #e6770c;
font-weight: bold;
color: white;
text-decoration: none;
height: 18px;
vertical-align: middle;
margin: 0px 0px 5px 0px;
background-image: url(html/themes/webhorus3/images/formheader-background.png);
background-repeat: repeat-x;
text-align: left;
padding-left: 14px;
}
.mMenuBox li div.hr
{
background-color: #333;
}
.mMenuBox ul li
{
width: 100%;
margin: 1px 0px 1px 0px;
}
.mMenuBox ul li a.mMenuLink
{
/* border-bottom: 1px solid #CCC;*/
}
.mMenuBox ul
{
list-style: none;
padding: 0;
margin: 0;
}
.mMenuBox li a.mMenuLink:link
{
color: #333;
text-decoration: none
}
.mMenuBox li a.mMenuLink:visited
{
text-decoration: none
}
.mMenuBox li a.mMenuLink:hover
{
text-decoration: none;
color:#b02216;
}
.mMenuBox li a.mMenuLink:active
{
text-decoration: none
}
.mSubmenuBox
{
margin-left: 15px;
padding: 0px;
background-color: #EEE;
}
.mSubmenuBox li a.mMenuLink
{
padding-left: 10px;
background-image: url(/images/seta.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
}
.mSubmenuBox ul
{
list-style: none;
padding: 0;
margin: 0;
}
.mSubmenuTitle
{
color: #000000;
font-weight: bold;
font-size: 9px;
text-decoration: none;
text-align: center;
background-color: #CCC;
vertical-align: top;
}
.mSubmenuText
{
text-decoration: none;
margin-left: 16px;
}
/******************************************************************************
* UserMenu
******************************************************************************/
.mUserMenu
{
width: 100%;
margin-top: 0;
height: 100%;
background-color: white;
font-size: 1em;
}
.mUserMenu li
{
text-align: left;
font-weight: bold;
color: #666;
margin-left: 5px;
float: left;
}
.mUserMenu ul li a.mImageLink span.mImageLinkLabel
{
color: #666;
}
.mUserMenu ul li a.mImageLink span.mImageLinkLabel:hover
{
color:#b02216;
}
.mUserMenu ul
{
list-style: none;
padding: 0px;
margin: 0px;
text-align: left;
margin: 0;
}
.mUserMenu ul li
{
display: block;
}
/******************************************************************************
* UserBar
******************************************************************************/
.mUserBar
{
width: 100%;
margin-top: 0;
height: 100%;
background-color: white;
font-size: 1em;
}
.mUserBar li
{
text-align: left;
font-weight: bold;
color: #000;
}
.mUserBar li:hover
{
}
.mUserBar ul
{
list-style: none;
padding: 0px;
margin: 0px;
text-align: right;
margin: 0;
}
.mUserBar ul li
{
display: inline;
}
.mUserBar ul li a.link
{
color: #666;
}
.mUserBar ul li a.link:hover
{
color:#b02216;
}
/******************************************************************************
* News
******************************************************************************/
.mNews
{
width: 100%;
margin-top: 0;
height: 100%;
background-color: #FFC;
font-size: 1em;
}
.mNews li
{
text-align: left;
font-weight: normal;
color: #000;
}
.mNews li:hover
{
}
.mNews ul
{
list-style: none;
padding: 5px;
margin: 0px;
text-align: left;
margin: 0;
}
.mNews ul li
{
display: block;
}
/******************************************************************************
* moduleBar
******************************************************************************/
.mModuleBar
{
width: 100%;
margin-top: 0;
height: 100%;
background-color: white;
}
.mModuleBarLogo
{
display: block;
float: left;
width: 40px;
margin-left: 5px;
margin-right: 5px;
background-color: white;
}
.mModuleBarName
{
display: block;
float: left;
background-color: white;
font-size: 1.5em;
font-weight: bold;
color: #e6770c;
padding-top: 3px;
}
/******************************************************************************
* statusBar
******************************************************************************/
.mStatusBar
{
width: 100%;
margin-top: 0;
height: 100%;
background-color: #ebebeb;
}
.mStatusBar li
{
background-color: #eee;
background-image: url(html/themes/webhorus3/images/status-background.png);
background-repeat: repeat-x;
border: #ccc solid 1px;
text-align: left;
font-size: 10px;
font-weight: normal;
color: #555;
margin: 3px 0px 3px 0px;
padding-left: 2%;
padding-right: 20px;
padding-bottom: 4px;
margin: 0;
}
.mStatusBar li:hover
{
background-color: #cfecfe;
background-image: url(html/themes/webhorus3/images/status-background-hover.png);
background-repeat: repeat-x;
border: #96bedc solid 1px;
color: #1b61b6;
margin: 0;
}
.mStatusBar ul
{
list-style: none;
padding: 0px;
margin: 0px;
text-align: center;
background-color: #ebebeb;
background-image: url(html/themes/webhorus3/images/status-background.png);
background-repeat: repeat-x;
border-top: #ccc solid 1px;
margin: 0;
}
.mStatusBar ul li
{
display: inline;
}
/******************************************************************************
* moduleHeader
******************************************************************************/
.mModuleHeader
{
color: #000000;
font-weight: bold;
font-size: 1em;
text-decoration: none;
}
/******************************************************************************
* contentHeader
******************************************************************************/
.mContentHeader
{
background-color: #FFFFFF;
color: #000000;
font-weight: bold;
font-size: 13px;
margin: 2px 0px 5px 0px;
text-decoration: none;
}
/******************************************************************************
* ThemeTable
******************************************************************************/
.themeTableTitle
{
}
.themeTableBody
{
background-color: #ffffff;
}
.themeTable
{
color: #000000;
font-weight: normal;
font-size: 1em;
text-decoration: none
}
.themeTableRow
{
}
.themeTableCell
{
}
/******************************************************************************
* Dialogs with IFrame (deprecated)
******************************************************************************/
.mPopup
{
overflow: hidden;
border-style: none;
border: 0;
}
.mDialog
{
position: absolute;
border-style: none;
border: 0;
padding-top: 15px;
z-index: 202;
background-color: red;
}
.mDialogIframe
{
margin: 0px;
position: absolute;
z-index: 199;
background-color:transparent;
border: 0px;
padding: 0px;
overflow: hidden;
}
#mDialogModal {
position: absolute;
z-index: 200;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .2;
/* filter: alpha(opacity=20);*/
/* this hack is so it works in IE
* I find setting the color in the css gives me more flexibility
* than the PNG solution.
*/
background-color: transparent !important;
background-color: #FFF;
/* this hack is for opera support
* you can uncomment the background-image if you don't care about opera.
* this gives you the flexibility to use any bg color that you want, instead of the png
*/
background-image: url("images/maskBGwhite.png") !important; /* For browsers Moz, Opera, etc. */
background-image: none;
background-repeat: repeat;
display: none;
}
/******************************************************************************
* Loading Message
******************************************************************************/
#mLoadingMessage
{
display: none;
top: 0px;
left: 176px;
width: 120px;
height: 25px;
position: fixed;
border: solid 0px #000000;
}
#mLoadingMessageBg
{
display: none;
top: 0px;
left: 176px;
width: 120px;
height: 25px;
background: #FFC;
position: fixed;
border: solid 0px #000000;
}
#mLoadingMessageImage
{
top: 0px;
width: 120px;
height: 25px;
opacity: 1.0;
background: url("images/loading.gif") no-repeat;
position: relative;
margin-left: 0px;
margin-top: 0px;
}
#mLoadingMessageText
{
font-size: 12px;
font-weight: bold;
top: 0px;
width: 50px;
opacity: 1.0;
padding-top: 0px;
position: relative;
margin-top: 2px;
margin-left: 25px;
vertical-align: top;
color: #900;
}
/******************************************************************************
* statistics
******************************************************************************/
div.statistics
{
position: absolute;
width: 500px;
left: 10px;
overflow: scroll;
height: 200px;
}
div.statistics .image
{
text-align: right;
}
div.statistics .text
{
background-color: #f7f7f7;
border-top: solid #555 1pt;
border-bottom: solid #fff 1pt;
border-left: solid #555 1pt;
border-right: solid #fff 1pt;
vertical-align: top;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #005;
padding: 4pt;
}
/******************************************************************************
* Box
******************************************************************************/
.mBox
{
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
}
@media print
{
.mBox
{
width: 100% !important;
padding-bottom: 0px !important;
}
}
* html .mBoxInner
{
height: 1%;
}
.mBoxInner
{
border: 1px solid #c0c0c0;
background-color: #ededed;
background-position: bottom;
margin: 0px;
}
@media print
{
.mBoxInner
{
border: none !important;
background-color: white !important;
margin: 0px !important;
}
}
.mBoxTitle
{
font-weight: bold;
color: #FFF;
text-decoration: none;
height: 18px;
vertical-align: top;
margin: 0px 0px 5px 0px;
background-image: url(html/themes/webhorus3/images/formheader-background.png);
background-repeat: repeat-x;
}
.mBoxTitleCaption
{
text-align: left;
padding-top: 1px;
float: left;
width: 80%;
}
.mBoxTitleIcon
{
float: left;
width: 16px;
height: 16px;
padding: 1px;
display: block;
}
.mBoxTitleButton
{
float: right;
padding-top: 0px;
padding-right: 0px;
width: 20px;
text-align: right;
}
.mBoxContent
{
background: threedface;
/* font: caption;*/
padding: 8px;
}
/******************************************************************************
* Panel
******************************************************************************/
/* Tan hack for IE/Win */
* html .mPanelBody
{
height: 1%;
}
.mPanelBody
{
overflow: hidden;
background-color: #FFF;
background-image: url(html/themes/webhorus3/images/background-panel.png);
background-repeat: repeat-x;
margin-top: -2px;
}
.dj_ie6 .mPanelBody
{
overflow: visible;
}
.mPanelBody .mImageLink img
{
}
.mPanelBody .mImageLink img:hover
{
}
.mPanelBody .mPanelCellBox
{
margin-left: 5px;
margin-right: 5px;
margin-top: 2px;
margin-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 7px;
padding-bottom: 7px;
border: solid 1px transparent;
text-decoration: none;
display: block;
}
.dj_ie6 .mPanelCellBox
{
border: solid 0px white;
}
.mPanelBody .mPanelCellLeft
{
float: left;
}
.mPanelBody .mPanelCellClear
{
clear: both;
}
.mPanelBody .mPanelCellLarge
{
width: 90px;
height: 70px;
}
.mPanelBody .mPanelCellSmall
{
width: 125px;
height: 30px;
}
.mPanelBody .mPanelCellMedium
{
width: 180px;
height: 20px;
}
/*
.mPanelBody .mPanelCellBox:hover , .mPanelCellBox:active
{
border: solid 1px #aaa;
opacity: 0.8;
moz-opacity: 0.8;
background-color: #eee;
}
.dj_ie6 .mPanelCellBox:hover
{
border: solid 1px #aaa;
background-color: #eee;
}
*/
/******************************************************************************
* prompt
******************************************************************************/
.mPrompt
{
width: 99%;
/*
padding-top: 10px;
padding-bottom: 10px;
*/
text-align: center;
height: 100%;
}
.mPromptBox .mBoxOuter
{
width: 70%;
background-color: transparent;
margin-left: auto;
margin-right: auto;
}
.mPromptBox
{
width: 70%;
margin-left: auto;
margin-right: auto;
/*border: solid 1px #eee;*/
}
.mPromptBox .mPromptBoxButton
{
clear: left;
text-align: center;
margin: 0px;
}
.mPromptBox .mPromptBoxButton li button
{
/* font: caption;*/
width: 80px;
margin: 5px;
}
.mPromptBox .mPromptBoxButton ul
{
list-style: none;
padding: 5pt;
margin: 0;
}
.mPromptBox .mPromptBoxButton ul li
{
display: inline;
}
.mPromptBox .mPromptBoxText
{
float: left;
text-align: left;
padding: 0px 0px 0px 40px;
font-size: 1em;
font-weight: bold;
}
.mPromptBox .mPromptBoxText li
{
background-image: url(/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 0.5em;
margin-left: .7em;
padding-left: 10px;
}
.mPromptBox .mPromptBoxText ul
{
list-style: none;
padding: 5pt;
margin: 0;
}
.mPromptBox .mPromptBoxTitle
{
color: #FFF;
font-weight: bold;
font-size: 1em;
text-decoration: none;
vertical-align: top;
/*height: 20px;*/
margin: 0;
}
.mPromptBox .mPromptBoxTitle .caption
{
text-align: left;
padding-top: 2px;
float: left;
width: 280px;
}
.mPromptBox .mPromptBoxTitle .icon
{
float: left;
padding-top: 2px;
padding-left: 2px;
width: 20px;
}
.mPromptBox .mPromptBoxTitle .button
{
float: right;
padding-top: 2px;
padding-right: 2px;
width: 20px;
text-align: right;
}
.mPromptBoxBody
{
background-color: white;
width: 100%;
height:100%;
background-repeat: no-repeat;
background-position: 5px 5px;
}
.mPromptBox .mPromptBoxTitleError
{
background-color: #f00;
background-image: url(html/themes/webhorus3/images/backgroundError.png);
background-repeat: repeat-x;
border: solid 1px #c80000;
}
.mPromptBoxError
{
background-image: url(html/themes/webhorus3/images/error.png);
}
.mPromptBox .mPromptBoxTitleInformation
{
background: #00f url(html/themes/webhorus3/images/backgroundInfo.png) repeat-x scroll 0 0
}
.mPromptBoxInformation
{
background-image: url(html/themes/webhorus3/images/info.png);
}
.mPromptBox .mPromptBoxTitleConfirmation
{
background-color: #f00;
background-image: url(html/themes/webhorus3/images/backgroundError.png);
}
.mPromptBoxConfirmation
{
background-image: url(html/themes/webhorus3/images/confirmation.png);
}
.mPromptBox .mPromptBoxTitleQuestion
{
background-color: #009600;
background: #277EB0 url(html/themes/webhorus3/images/backgroundQuestion.png) repeat-x scroll 0 0
}
.mPromptBoxQuestion
{
background-image: url(html/themes/webhorus3/images/question.png);
}
/******************************************************************************
* Controls
******************************************************************************/
.mSpacer {
clear: both;
line-height: 0px;
background-color: transparent;
height: 0px;
}
.mHr
{
width: 100%;
height: 0px;
line-height: 0px;
font-size: 0px;
margin: 0px;
border-top: 1px solid #CCC;
border-bottom: 1px solid white;
}
.mSeparator
{
color: #999;
width: 95%;
font-size: 1em;
vertical-align: top;
font-weight: normal;
border: none !important;
margin: 0px;
}
.mHint
{
background-color: #f2f5f7;
font-size: 9px;
border: solid #93bcd9 1px;
color: #b02216;
}
.mLabel , .mCaption
{
color: #000;
font-size: 1em;
font-weight: normal;
margin-left: 2px;
}
.mLabelBold
{
font-weight: bold;
}
.mLabel:hover,
.mLabel:active,
.mCaption:hover,
.mCaption:active,
.mLabel-text:hover,
.mLabelText:active,
.mText:hover,
.mText:active
{
color: #05a;
}
.mLabelText
{
color: #000;
font-size: 1em;
font-weight: bold;
margin: 2px;
}
.mText
{
font-size: 1em;
font-weight: normal;
margin: 2px;
}
.mTextField
{
font-size: 1em;
font-weight: normal;
margin: 2px;
background: #fff;
border: 1px solid #93bcd9;
}
@media print
{
.mTextField , .mSelection
{
font-size: 8px !important;
border: 1px solid black !important;
margin: 0px !important;
}
}
.mTextField:hover, .m-multiline-field:hover , .m-text-user-field:hover, .m-text-passwd-field:hover, textarea:hover, .mSelection:hover
{
background-color: #edf8ff;
border: 1px solid #93bcd9;
}
.mTextField:focus , .m-multiline-field:focus, .m-text-user-field:focus, .m-text-passwd-field:focus, textarea:focus, .mSelection:focus
{
background-color: #cfecfe;
border: 1px solid #05a;
}
.mLookupField
{
}
.mTextUserField
{
padding-left: 18px;
background-image: url(/images/user.png);
background-repeat: no-repeat;
border: 1px solid #93bcd9;
}
.mTextPasswdField
{
border: 1px solid #93bcd9;
padding-left: 18px;
background-image: url(/images/keys.png);
background-repeat: no-repeat;
}
.mMultilineField, textarea
{
font-family: arial, helvetica, geneva, tahoma, sans-serif;
font-size: 1em;
font-weight: normal;
border: 1px solid #93bcd9;
background-color: #fff;
vertical-align: top;
margin: 2px;
}
.mSelection
{
font-size: 1em;
font-weight: normal;
background-color: #fff;
margin: 2px;
border: 1px solid #93bcd9;
}
.mButton
{
font-size: 1em;
/* font-weight: normal;*/
background-color: white;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
height: 22px;
margin: 2px;
color: #000;
/* background-image: url(html/themes/webhorus3/images/button-background.png);
background-repeat: no-repeat;
*/
}
@media print
{
.mButton
{
font-size: 8px !important;
border: 1px solid black !important;
}
}
.mButton:hover
{
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid #2B92CE;
border-top: 1px solid #2B92CE;
color: #1F72BF;
}
.mButton:active
{
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
}
.mButtonFind
{
background-image: url(/images/button_select.png);
background-repeat: no-repeat;
background-color: #EDEDED;
margin-top: 1px;
border:none;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
width: 17px;
height: 17px;
vertical-align: top;
margin-left:1px;
}
.mButtonFind:hover
{
background-image: url(/images/button_select.png);
background-repeat: no-repeat;
background-color: #f5f5f7;
margin-top: 1px;
border: none;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
width: 17px;
height: 17px;
vertical-align: top;
margin-left:1px;
}
.mButtonFind:active
{
background-image: url(/images/button_select.png);
background-repeat: no-repeat;
background-color: #f5f5f7;
margin-top: 1px;
border: none;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
width: 17px;
height: 17px;
vertical-align: top;
margin-left:1px;
}
.mButtonCloseUp
{
font: message-box;
background: url(html/themes/webhorus3/images/button_close.png) no-repeat top left;
background-position: 0 -30px;
width: 16px;
height: 16px;
vertical-align: top;
margin:2px;
}
.mButtonCloseDown
{
font: message-box;
background: url(html/themes/webhorus3/images/button_close.png) no-repeat top left;
background-position: 0 -74px;
width: 16px;
height: 16px;
vertical-align: top;
margin:2px;
}
.mButtonMinimizeUp
{
font: message-box;
background: url(/images/button_minimize.png) no-repeat top left;
background-position: 0 -30px;
width: 17px;
height: 17px;
vertical-align: top;
margin:2px;
}
.mButtonMinimizeDown
{
font: message-box;
background: url(/images/button_minimize.png) no-repeat top left;
background-position: 0 -74px;
width: 17px;
height: 17px;
vertical-align: top;
margin:2px;
}
.mButtonHelpUp
{
font: message-box;
background-image: url(/images/button_help_up.png);
background-repeat: no-repeat;
width: 17px;
height: 17px;
text-align: center;
vertical-align: top;
margin:2px;
}
.mButtonHelpDown
{
font: message-box;
background-image: url(/images/button_help_down.png);
background-repeat: no-repeat;
width: 17px;
height: 17px;
text-align: center;
vertical-align: top;
margin:2px;
}
.mBaseGroup
{
display:block;
border: 1px solid #c0c0c0;
padding: 3px;
}
.mRadiobuttonGroup
{
color: #000000;
font-size: 1em;
font-weight: normal;
margin-top: 1px;
margin-bottom: 1px;
vertical-align: 20%;
}
.mCheckboxGroup
{
color: black;
font-size: 1em;
font-weight: normal;
margin-top: 2px;
margin-bottom: 1px;
vertical-align: 50%;
}
.mScrollableLabel
{
color: #000000;
font-size: 1em;
font-weight: normal;
}
.mScrollableField
{
background-color: #EDEDED;
border: solid #c0c0c0 1px;
overflow:auto;
}
.mMultitextField
{
}
.mMultitextField .select
{
font-size: 1em;
font-weight: normal;
width: 180px;
font-size: 1em;
font-weight: normal;
background-color: #fff;
margin: 2px;
border: 1px solid #93bcd9;
}
.mMultitextField .label
{
color: #000000;
font-size: 9px;
margin-top: 1px;
margin-bottom: 1px;
vertical-align: top;
}
.mMultitextField .textfield
{
font-size: 1em;
font-weight: normal;
}
.mMultitextField .combo
{
font-size: 1em;
font-weight: normal;
}
.mMultitextField .button
{
font-size: 1em;
font-weight: normal;
margin: 0px 5px 5px 0px;
width: 70px;
text-align: center;
vertical-align:top;
}
.mMultitextField .buttonPosH
{
float:left;
}
.mMultitextField .fieldPosH
{
float:left;
width: 200px;
}
.mMultitextField .selectPosH
{
float:left;
}
.mMultitextField .selection
{
float:left;
width: 280px;
}
.mMultitextField fieldset
{
padding: 10px;
border: 1px solid #CCC;
}
.mFileContent
{
font: message-box;
font-weight: bold;
text-align: left;
}
/******************************************************************************
* Container
******************************************************************************/
/* Tan hack for IE/Win */
* html .mContainerControls
{
height: 1%;
}
.mContainerControls
{
overflow: hidden;
}
.mContainerHorizontal
{
display: block;
float: left;
margin-right: 5px;
}
.mContainerVertical
{
margin-bottom: 3px;
}
/******************************************************************************
* mSimpleTable
******************************************************************************/
.mSimpleTable
{
}
/******************************************************************************
* TableRaw
******************************************************************************/
.mTableRaw
{
background-color: #359;
padding: 4px;
border-collapse: collapse;
}
.mTableRaw td
{
padding: 3px;
margin: 1px;
}
.mTableRawTitle
{
background-color: #FFF;
color: #359;
font-weight: bold;
font-size: 1.1em;
text-decoration: none;
text-align: center;
}
.mTableRawColumnTitle
{
background-image: url(html/themes/webhorus3/images/formheader-background.png);
background-repeat: repeat-x;
background-color: #277EB0;
color: white;
font-weight: bold;
font-size: 1em;
text-decoration: none
}
.mTableRawRow
{
background-color: #FFF;
color: #000;
font-weight: normal;
font-size: 1em;
text-decoration: none
}
.mTableRawRow0
{
background-color: #FFF;
color: #000;
font-weight: normal;
font-size: 1em;
text-decoration: none
}
.mTableRawRow1
{
background-color: #DDD;
color: #000;
font-weight: normal;
font-size: 1em;
text-decoration: none
}
.mTableRawRow0:hover, .mTableRawRow1:hover
{
background-color: #2B92CE;
border: solid 1px #2B92CE;
}
.mTableRawCell
{
}
@media print
{
.mTableRawTitle
{
background-color: white !important;
color: black !important;
font-weight: bold !important;
font-size: 10px !important;
text-decoration: none !important;
text-align: center !important;
border: solid 1px black !important;
}
.mTableRawColumnTitle
{
background: white !important;
color: black !important;
font-weight: bold !important;
font-size: 10px !important;
text-decoration: none !important;
border: solid 1px black !important;
}
}
/******************************************************************************
* gridNavigator
******************************************************************************/
.mGridNavigator
{
}
.mGridNavigatorText
{
color: #000000;
font-weight: normal;
font-size: 1em;
vertical-align: top;
}
.mGridNavigatorRange
{
color: #000000;
font-weight: normal;
font-size: 1em;
}
.mGridNavigatorImages .mGridNavigatorRange
{
float: left;
}
.mGridNavigatorSelected
{
color: #b02216;
font-weight: bold;
font-size: 1em;
text-decoration: none;
margin-left: 5px;
vertical-align: top;
}
.mGridNavigatorLink
{
color: #000000;
font-weight: normal;
font-size: 1em;
text-decoration: underline;
vertical-align: middle;
margin-left: 5px;
vertical-align: top;
}
.mGridNavigatorLink:link,
.mGridNavigatorLink:visited
{
color: #000000;
font-weight: normal;
text-decoration: underline;
}
.mGridNavigatorLink:active,
.mGridNavigatorLink:hover
{
color: #b02216;
font-weight: normal;
text-decoration: underline;
}
.mGridNavigatorLinks
{
}
.mGridNavigatorImages
{
}
.mGridNavigatorImage
{
vertical-align: middle;
width: 17px;
text-decoration: none;
}
.mGridNavigatorImages .mGridNavigatorImage
{
float: left;
}
.mGridNavigatorImages .mGridNavigatorImageFirstOn
{
background: url(images/gridnavigator.png) no-repeat top left;
background-position: 0 -380px;
}
.mGridNavigatorImages .mGridNavigatorImageFirstOff
{
background: url(images/gridnavigator.png) no-repeat top left;
background-position: 0 -330px;
}
.mGridNavigatorImages .mGridNavigatorImagePrevOn
{
background: url(images/gridnavigator.png) no-repeat top left;
background-position: 0 -180px;
}
.mGridNavigatorImages .mGridNavigatorImagePrevOff
{
background: url(images/gridnavigator.png) no-repeat top left;
background-position: 0 -280px;
}
.mGridNavigatorImages .mGridNavigatorImageNextOn
{
background: url(images/gridnavigator.png) no-repeat top left;
background-position: 0 -80px;
}
.mGridNavigatorImages .mGridNavigatorImageNextOff
{
background: url(images/gridnavigator.png) no-repeat top left;
background-position: 0 -230px;
}
.mGridNavigatorImages .mGridNavigatorImageLastOn
{
background: url(images/gridnavigator.png) no-repeat top left;
background-position: 0 -130px;
}
.mGridNavigatorImages .mGridNavigatorImageLastOff
{
background: url(images/gridnavigator.png) no-repeat top left;
background-position: 0 -30px;
}
/******************************************************************************
* Hyperlink
******************************************************************************/
.mLink
{
color: #000000;
font-weight: bold;
font-size: 1em;
text-decoration: underline;
}
.mLink:link
{
color: #000000;
font-weight: bold;
text-decoration: underline;
}
.mLink:visited
{
color: #000000;
font-weight: bold;
text-decoration: underline;
}
.mLink:hover
{
color: #b02216;
font-weight: bold;
text-decoration: underline;
}
.mLink:active
{
color: #b02216;
font-weight: bold;
text-decoration: underline;
}
/******************************************************************************
* Images
******************************************************************************/
.mImageCentered
{
text-align:center;
display: block;
}
.mImageIcon
{
vertical-align: middle;
margin: 2px;
padding: 0px;
width: 16px;
height: 16px;
border: none;
}
.mImageLink
{
text-decoration: none;
}
.mImageLabel
{
color: #000000;
font-size: 1em;
text-align: center;
margin: 3px 3px 3px 3px;
display: block;
}
.mImageLinkLabel
{
color: #000;
font-weight: normal;
font-size: 1em;
text-decoration: none;
}
.mImageLinkLabel:link
{
}
.mImageLinkLabel:visited
{
}
.mImageLinkLabel:hover
{
color: #b02216;
font-weight: normal;
text-decoration: underline;
}
.mImageLinkLabel:active
{
}
/******************************************************************************
* Toolbar
******************************************************************************/
#toolBar, #toolbar, #mToolBar, #mToolbar
{
background-color: #eee;
background-image: url(html/themes/webhorus3/images/status-background.png);
background-repeat: repeat-x;
width: 100%;
margin-bottom: 5pt;
}
.mToolbarButton
{
padding: 2px;
}
.mToolbarButton:hover
{
color: #b02216;
text-decoration: underline;
padding: 1px;
border: solid 1px #AAAAAA;
background-color: #FFFFFF;
cursor: pointer;
}
.mToolbarButtonDisabled
{
padding: 2px;
}
.mToolbarButtonDisabled:hover
{
padding: 2px;
}
/******************************************************************************
* TextTable
******************************************************************************/
.mTextTable
{
border-bottom: 1px solid threedshadow;
border-top: 1px solid threedshadow;
border-left: 1px solid threedshadow;
border-right: 1px solid threedhighlight;
font-size: 1em;
}
.mTextTable .head
{
}
.mTextTable .head tr
{
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
height:15px;
}
.mTextTable .head tr th span.colTitle
{
background-color: threedface;
border-top: 1px solid threedhighlight;
border-right: 1px solid threedshadow;
border-left: 1px solid threedhighlight;
border-bottom: 1px solid threedshadow;
font-weight:normal;
padding-left:3px;
padding-right:3px;
display:block;
overflow:hidden;
}
.mTextTable tr th
{
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
height:15px;
padding:0px;
}
.mTextTable tr th.select
{
border-left: 1px solid black;
width: 10px;
}
.mTextTable tr th.select .link-select
{
background-color: threedface;
border-top: 1px solid threedhighlight;
border-left: 1px solid threedhighlight;
border-right: 1px solid threedshadow;
border-bottom: 1px solid threedshadow;
height:15px;
width:10px;
text-decoration: none;
}
.mTextTable .scroll
{
background-color: white;
overflow: scroll;
overflow-x: hidden;
font-weight: normal;
}
.mTextTable .scroll .row0
{
background-color: #FFF;
color: black;
cursor:default;
}
.mTextTable .scroll .row1
{
background-color: #DDD;
color: black;
cursor:default;
}
.mTextTable .scroll .hover
{
background-color: highlight;
color: highlighttext;
cursor:default;
}
.mTextTable .scroll table tr
{
height: 15px;
background-color: black;
}
.mTextTable .scroll table tr td
{
padding-left: 3px;
}
.mTextTable .scroll table tr td.select
{
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
height:15px;
width: 10px;
padding:0px;
}
.mTextTable .scroll table tr td.select .link-select
{
background-color: threedface;
border-top: 1px solid threedhighlight;
border-left: 1px solid threedhighlight;
border-right: 1px solid threedshadow;
border-bottom: 1px solid threedshadow;
height:15px;
width:10px;
text-decoration: none;
}
/******************************************************************************
* Form
******************************************************************************/
.mForm
{
width: 100%;
text-align: left;
border-right: 0 none;
background: transparent;
height: 100%;
}
.mFormOuter
{
margin-left: auto;
margin-right: auto;
}
.mFormTitle
{
background-color: #c0c0c0;
color: #000000;
font-weight: bold;
font-size: 1em;
padding: 2px;
text-decoration: none;
}
.mFormBody
{
font-size: 1em;
padding: 0px;
font-weight: normal;
/* background-color: #ededed;*/
text-align: left;
/*
background-image: url(html/themes/webhorus3/images/form-background.png);
background-position: bottom;
background-repeat: repeat-x;
*/
}
.mFormCSS
{
font-size: 1em;
font-weight: normal;
background-color: #ededed;
}
.mFormRow
{
clear: both;
margin-top: 3px;
width: 100%;
}
.dj_ie6 .mFormRow
{
clear: both;
margin-top: 3px;
width: 99%;
padding:0px;
}
.mFormRow0
{
clear: both;
padding-top: 3px;
width: 100%;
background-color: #ededed;
}
.mFormRow1
{
clear: both;
padding-top: 3px;
width: 100%;
}
.mFormRow span.horizontal
{
float: left;
padding-right: 5px;
}
.mFormRow span.label
{
float: left;
padding-right: 5px;
width: 15%;
vertical-align: middle;
}
.mFormRow span.field
{
float: left;
padding-left: 2px;
}
.dj_ie6 .mFormRow span.field
{
float: left;
padding-left: 2px;
width: 80%;
display: block;
}
.mFormRow span.hint
{
float: left;
padding-left: 2px;
}
.mFormRow div.clear
{
display:box;
clear: both;
line-height: 0px;
background-color: transparent;
height: 0px;
}
.dj_ie6 .mFormRow div.clear
{
display:none;
}
.mFormFieldBox
{
padding: 2px;
}
.mFormButtonBox
{
padding-top: 0px;
clear: left;
/*background-color: #eee;*/
text-align:left;
}
/* hack for IE/Win */
.mFormButtonBox div.mHr
{
/* *height: 5px;*/
}
.mFormButtonBox li button
{
margin: 0px;
/* margin: 2px 2px 2px 0px; */
}
.mFormButtonBox li
{
}
.mFormButtonBox ul
{
list-style: none;
padding: 2px 0px 0px 0px;
margin: 0px;
}
.mFormButtonBox ul li
{
}
.mCaptionRequired:after
{
content:'*';
color: #c61217;
}
/******************************************************************************
* Tabbed Form
******************************************************************************/
.mTabForm
{
background-color: #fff;
padding: 1px;
width: 95%;
}
.mTabFormBody
{
border-left: solid #000 1pt;
border-right: solid #000 3pt;
border-bottom: solid #000 3pt;
font-size: 1em;
padding: 4px;
font-weight: normal;
background-color: #ededed;
text-align: left;
background-image: url(html/themes/webhorus3/images/form-background.png);
background-position: bottom;
background-repeat: repeat-x;
}
.mTabFormText
{
color: #000;
font-size: 1em;
margin-top: 3px;
margin-bottom: 3px;
vertical-align: top;
}
.mTabFormTitle
{
color: #000;
font-size: 1.1em;
font-weight: bold;
margin-top: 2px;
margin-bottom: 2px;
vertical-align: top;
}
.mTabFormColor0
{
background-color: #fff;
}
.mTabFormColor1
{
background-color: #cccccc;
}
.mTabFormColor2
{
background-color: #333333;
}
.mTabFormColor3
{
background-color: threedface;
}
.mTabFormColor4
{
background-color: #000;
}
/*
Javascript
*/
.mCollapsible {
margin: 0; padding: 0;
overflow: hidden;
display: block;
}
.mTabFormPanelGroup {
position: relative; overflow: hidden;
margin: 10; padding: 0;
}
.mTabFormPanel {
position: absolute;
overflow: auto;
overflow-x: hidden;
margin: 0; padding: 10px;
font-size: 1em;
padding: 4px;
font-weight: normal;
background-color: #ededed;
text-align: left;
background-image: url(html/themes/webhorus3/images/form-background.png);
background-position: bottom;
background-repeat: repeat-x;
}
.mTabFormGroup {
position: absolute; overflow: hidden;
margin: 0; padding: 0;
}
.mTabFormSpan {
display: block;
height: 100%;
border-top: 1px solid threedshadow;
border-right: 1px solid threedshadow;
border-left: 1px solid threedshadow;
padding:2px;
}
.mTabFormDefault {
position: absolute; overflow: hidden;
cursor: pointer;
color: #000;
text-decoration: none;
text-align: center;
border-bottom: 1px solid threedhighlight;
margin: 0; padding: 0;
background: threedface;
font: message-box;
}
.mTabFormSelected {
position: absolute; overflow: hidden;
cursor: pointer;
color: #000;
z-index:5;
text-decoration: none;
text-align: center;
border-bottom: 1px solid threedface;
margin: 0; padding: 0;
color: #000; background: threedface;
font: message-box;
}
/******************************************************************************
* Grid
******************************************************************************/
.mGrid
{
background-color: #fff;
font-size: 1em;
border: 1px solid #ddd;
width: 99%;
text-align: left;
font: 0.9em;
/* font: caption;*/
}
.mGrid .mGridFont
{
color: #006;
font-weight: normal;
text-decoration: none;
font-size: 1em;
}
.mGrid .mGridTitle
{
background-color: #c0c0c0;
color: #000;
font-weight: bold;
font-size: 1em;
padding: 0px;
text-decoration: none;
width: 100%;
margin: 0px auto;
}
.mGrid .mGridTitle .mGridTitleCaption
{
text-align: left;
padding-top: 2px;
float: left;
width: 80%;
}
.mGrid .mGridTitle .mGridTitleIcon
{
float: left;
padding-top: 2px;
padding-left: 2px;
width: 20px;
}
.mGrid .mGridTitle .mGridTitleButton
{
float: right;
padding-right: 2px;
width: 20px;
text-align: right;
}
.mGrid .mGridLink
{
color: #000;
font-weight: normal;
font-size: 1em;
text-decoration: underline;
}
.mGrid .mGridDetail
{
color: #000;
font-weight: normal;
font-size: 1em;
text-decoration: underline;
cursor: '#';
}
.mGrid .mGridLinkActionDefault
{
text-decoration: none;
}
.mGrid .mGridLinkDisable
{
color: #999;
font-weight: normal;
font-size: 1em;
text-decoration: underline;
}
.mGrid .mGridLink:link
{
color: #000;
font-weight: normal;
text-decoration: underline;
}
.mGrid .mGridLink:visited
{
color: #000;
font-weight: normal;
text-decoration: underline;
}
.mGrid .mGridLink:hover
{
color: #990000;
font-weight: normal;
text-decoration: underline;
}
.mGrid .mGridLink:active
{
color: #000;
font-weight: normal;
text-decoration: underline;
}
.mGrid .mGridInfo
{
color: #000;
background-color: #fff;
font-weight: bold;
font-size: 1em;
text-decoration: none;
}
.mGrid .mGridBody table
{
border: 1px solid #ddd;
background-color: #fff;
font-weight: bold;
text-decoration: none;
padding: 2px;
width: 100%;
}
.mGrid .mGridNavigation
{
background-color: #fff;
font-weight: normal;
font-size: 1em;
text-decoration: none;
height: 20px;
line-height: 20px;
position: relative;
background-image: url(html/themes/webhorus3/images/background-panel.png);
background-repeat: repeat-x;
}
.mGrid .mGridNavigation .mGridNavigatorLinks
{
float: left;
}
.mGrid .mGridNavigation .mGridNavigatorImages
{
float: right;
}
.mGrid .mGridHeaderLink
{
background-color: #eee;
font-weight: normal;
font-size: 1em;
text-decoration: none;
padding: 4px;
height: 20px;
text-align: center;
}
.mGrid .mGridAction
{
height: 15px;
}
.mGrid .mGridFilter
{
background-color: #fff;
font-weight: normal;
font-size: 1em;
text-decoration: none;
padding: 4px;
border-bottom: 1px solid #c0c0c0;
}
.mGrid .mGridFilter span
{
vertical-align: top;
}
.mGrid .mGridControls
{
background-color: threedface;
border-top: 1px solid threedhighlight;
border-right: 1px solid threeddarkshadow;
border-bottom: 1px solid threeddarkshadow;
border-left: 1px solid threedhighlight;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #000;
font-size: 1em;
vertical-align: middle;
padding:2px;
}
.mGrid .mGridAttention
{
color: #990000;
font-weight: bold;
background-color: #fff;
font-size: 1em;
padding: 2px;
text-align: center;
}
/* Grid Body */
.mGrid .mGridBody
{
border-bottom: 1px solid threedhighlight;
border-top: 1px solid threedshadow;
border-left: 1px solid threedshadow;
border-right: 1px solid threedhighlight;
/* font: caption;*/
}
/* Grid Body - head */
.mGrid .mGridBody thead tr
{
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
.mGrid .mGridBody thead tr th
{
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
padding:0px;
text-align: center;
}
.mGrid .mGridBody thead tr th.select
{
text-align: center;
height:15px;
overflow:hidden;
}
.mGrid .mGridBody thead tr th.order,
.mGrid .mGridBody thead tr th
{
text-align: center;
vertical-align: middle;
height:15px;
}
/*.mGridbody thead tr th.order span
{
color: white;
}*/
.mGrid .mGridBody thead tr th .order
{
text-align: center;
vertical-align: middle;
height:15px;
}
.mGrid .mGridBody thead tr th .order:hover
{
text-decoration: underline;
}
.mGrid .mGridBody thead tr th.action
{
text-align: center;
height:15px;
}
.mGrid .mGridBody thead tr th.data
{
height:15px;
}
.mGrid .mGridBody thead tr th.btn
{
border-left: 1px solid black;
width: 10px;
}
.mGrid .mGridBody thead tr th span
{
background-color: threedface;
border-top: 1px solid threedhighlight;
border-right: 1px solid threedshadow;
border-left: 1px solid threedhighlight;
border-bottom: 1px solid threedshadow;
font-weight:normal;
display:block;
overflow:hidden;
}
.mGrid .mGridBody thead tr th.data span
{
padding-left: 3px;
}
.mGrid .mGridBody thead tr th span.tall
{
height:15px;
}
.mGrid .mGridBody thead tr th span.select
{
padding-left:0px;
height:15px;
}
.mGrid .mGridBody thead tr th .order
{
text-decoration: underline;
padding:0px;
font-weight:normal;
color:#000;
}
.mGrid .mGridBody thead tr th.btn .linkbtn
{
background-color: threedface;
border-top: 1px solid threedhighlight;
border-right: 1px solid threedshadow;
border-left: 1px solid threedhighlight;
border-bottom: 1px solid threedshadow;
font-weight:normal;
display:block;
overflow:hidden;
width:8px;
}
.mGrid .mGridBody thead tr th.linkbtn
{
width:10px;
}
.mGrid .mGridBody thead tr th.grid_select
{
width:17px;
}
/* Grid Body - body */
.mGrid .mGridBody tbody tr td
{
padding:0px;
margin:0px;
height:100%;
}
.mGrid .mGridBody tbody tr td.detail
{
padding: 0px;
width:50px;
}
.mGrid .mGridBody tbody tr td.btn
{
border-left: 1px solid black;
border-bottom: 1px solid threeddarkshadow;
border-right: 1px solid threeddarkshadow;
border-top: 1px solid black;
width: 10px;
height:100%;
}
.mGrid .mGridBody tbody tr td.btn .linkbtn
{
background-color: threedface;
border-top: 1px solid threedhighlight;
border-right: 1px solid threedshadow;
border-left: 1px solid threedhighlight;
border-bottom: 1px solid threedshadow;
font-weight:normal;
display:block;
overflow:hidden;
width:8px;
}
.mGrid .mGridBody tbody tr td.btn .grid_select
{
background-color: threedface;
background-image: url(/images/lookup_select.gif);
background-repeat: no-repeat;
border-top: 1px solid threedhighlight;
border-right: 1px solid threedshadow;
border-left: 1px solid threedhighlight;
border-bottom: 1px solid threedshadow;
font-weight:normal;
display:block;
overflow:hidden;
width:15px;
cursor:pointer;
}
.mGrid .mGridBody tbody tr
{
color: #000;
}
.mGrid .mGridBody tbody tr.row0
{
background-color: #FFF;
}
.mGrid .mGridBody tbody tr.row0checked
{
background-color: #9999ff;
}
.mGrid .mGridBody tbody tr.row1
{
background-color: #FFF;
}
.mGrid .mGridBody tbody tr.row1checked
{
background-color: #9999ff;
}
.mGrid .mGridBody tbody tr.row2
{
background-color: #DDD;
}
.mGrid .mGridBody tbody tr.row2checked
{
background-color: #CCCCFF;
}
.mGrid .mGridBody tbody td.action
{
padding: 0px 1px 0px 1px;
border-bottom: 1px solid threedface;
}
.mGrid .mGridBody tbody td.select
{
padding: 0px;
text-align: center;
border-right: 1px solid threedface;
}
.mGrid .mGridBody tbody td.data
{
padding: 0px 2px 0px 3px;
border-bottom: 1px solid threedface;
border-right: 1px solid threedface;
}
.mGrid .mGridBody tbody td div.detail
{
padding: 0px;
width:45px;
}
.mGrid .mGridBody tbody tr.detail
{
padding: 0px;
height:0px;
}
/* end mGridBbody */
.mGrid .mGridColumnOrder
{
text-decoration: underline;
text-align: center;
color: #000;
vertical-align: middle;
height: 15px;
}
.mGrid .mGridColumnLink
{
font-weight: normal;
padding: 1x;
color: #000;
text-decoration: underline;
}
.mGrid .mGridColumn
{
padding: 3px;
border-left: solid 1px #ddd;
}
.mGrid .mGridFooter
{
font-weight: bold;
text-decoration: none;
}
.mGrid .mGridActionIcon
{
border: 0;
margin-left: 1px;
padding-left: 1px;
display: block;
text-decoration: none;
}
.mGrid .mGridActionIcon img
{
font-weight: normal;
font-size: 1em;
border: none;
padding: 3px;
}
.mGrid .mGridActionIcon img:hover
{
padding: 2px;
border: solid 1px #C0C0C0;
background-color: #fff
}
/******************************************************************************
* ReadOnly
******************************************************************************/
readonly, .mReadOnly, .mReadOnly:hover, .mReadOnly:focus
{
clear: both;
color: black;
font-size: 1em;
border: 1px #ccc solid;
background-color: #EAEAEA;
}
/******************************************************************************
* Icons
******************************************************************************/
.icon-edit-on
{
background-image: url(html/themes/webhorus3/images/button_edit.png);
}
.icon-edit-off
{
background-image: url(html/themes/webhorus3/images/button_noedit.png);
}
.icon-delete-on
{
background-image: url(html/themes/webhorus3/images/button_drop.png);
}
.icon-delete-off
{
background-image: url(html/themes/webhorus3/images/button_drop_disable.png);
}
.icon-select-on
{
background-image: url(html/themes/webhorus3/images/button_select.png);
}
.icon-detail-on
{
background-image: url(html/themes/webhorus3/images/plus.gif);
}
.icon-detail-off
{
background-image: url(html/themes/webhorus3/images/minus.gif);
}
/******************************************************************************
* DHTMLMenu (deprecated)
******************************************************************************/
/* --- menu styles ---
note:
not all browsers render styles the same way so try out your style sheet
on different browsers before publishing;
*/
/* level 0 inner */
.m0l0iout {
color: #000;
font: menu;
background: menu;
margin-left: 5px;
margin-top: 2px;
padding: 0;
font-weight: normal;
text-decoration: none;
}
.m0l0iover {
color: #000;
font: menu;
background: menu;
margin-left: 5px;
margin-top: 2px;
padding: 0;
font-weight: normal;
text-decoration: none;
}
.m0l0idown {
color: #000;
font: menu;
background: menu;
margin-left: 5px;
margin-top: 2px;
padding: 0;
font-weight: normal;
text-decoration: none;
}
/* level 0 outer */
.m0l0oout {
color: #000;
font: menu;
background: menu;
margin-left: 5px;
margin-top: 2px;
padding: 0;
font-weight: normal;
text-decoration: none;
}
.m0l0oover {
color: #000;
font: menu;
background: menu;
margin-left: 5px;
margin-top: 2px;
padding: 0;
background-color: #CCC;
border-top: 1px solid threedhighlight;
border-right: 1px solid threeddarkshadow;
border-bottom: 1px solid threeddarkshadow;
border-left: 1px solid threedhighlight;
font-weight: normal;
text-decoration: none;
}
.m0l0odown {
color: #000;
font: menu;
background: menu;
margin-left: 5px;
margin-top: 2px;
padding: 0;
border-bottom: 1px solid threedhighlight;
border-left: 1px solid threeddarkshadow;
border-top: 1px solid threeddarkshadow;
border-right: 1px solid threedhighlight;
font-weight: normal;
text-decoration: none;
}
/* level 1 inner */
.m0l1iout {
color: #000;
font: menu;
background: menu;
margin-left: 5px;
margin-top: 5px;
padding: 0;
font-weight: normal;
text-decoration: none;
}
.m0l1iover {
color: highlighttext;
font: menu;
font-weight: normal;
text-decoration: none;
background: highlight;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
/* level 1 outer */
.m0l1oout {
color: #000;
font: menu;
font-weight: normal;
text-decoration: none;
background: menu;
margin-left: 5px;
margin-top: 5px;
padding: 0;
border: 1px solid threedshadow;
}
.m0l1oover {
color: highlighttext;
font: menu;
font-weight: normal;
text-decoration: none;
background: highlight;
margin-left: 5px;
margin-top: 5px;
padding: 0;
border: 1px solid threedshadow;
}
/* level 2 inner */
.m0l2iover {
color: #000;
font: menu;
font-weight: normal;
text-decoration: none;
background: menu;
margin-left: 5px;
margin-top: 5px;
padding: 0;
font-weight: normal;
text-decoration: none;
}
/* level 2 outer */
.m0l2oout {
color: #000;
font: menu;
font-weight: normal;
text-decoration: none;
background: menu;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
.m0l2oover {
color: #000;
font: menu;
font-weight: normal;
text-decoration: none;
background: menu;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
/**********************************
SERTAOGGI
***********************************/
/**********************************
SERTAOGGI - MAIN MENU (PARÃMETROS ESPECIAIS)
***********************************/
/*
widht, height: tamanho dos itens
block_top, block_left: deslocamento do bloco de menu com relação à origem
top, left: deslocamento entre itens de um mesmo nÃvel
*/
/* &&&
0;width: 120;height: 16;top: 0;left: 5;hide_delay: 200;expd_delay: -200
1;width: 150;height: 20;top: 20;left: 0;block_top: 15;block_left: 0;hide_delay: 100;expd_delay: 100
2;block_top: 5;block_left: 140;hide_delay: 100;expd_delay: 100
&&& */
/******************************************************************************
* gtkTheme - theme.css
******************************************************************************/
.ThemeGrayMenu,.ThemeGraySubMenuTable
{
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
color: white;
background-color: #ffffff;
cursor: default;
cursor: hand !important;
white-space: nowrap;
}
.ThemeGraySubMenu
{
position: absolute;
display: block;
visibility: hidden;
overflow: hidden;
border: 1px outset #9C9A9C;
background-color: transparent;
}
.ThemeGraySubMenuTable
{
border-collapse: separate;
opacity: 0.9;
/* filter:Alpha(style=0,opacity=90);*/
}
.ThemeGrayMenuItem,.ThemeGrayMenuItemHover,.ThemeGrayMenuItemActive
{
cursor: default;
cursor: hand !important;
white-space: nowrap;
}
.ThemeGrayMainItem,
.ThemeGrayMenuItem
{
padding: 4px 10px 4px 10px;
border: 0px solid #ffffff;
background-color: #5f5f5f;
}
.ThemeGrayMainItemHover,
.ThemeGrayMainItemActive
{
padding: 4px 10px 4px 10px;
border: 0px solid #ffffff;
background-color: #444444;
}
.ThemeGrayMenuItemHover,
.ThemeGrayMenuItemActive
{
padding: 5px;
border: 1px solid #ffffff;
background-color: #333333;
}
/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
set a background image for the menu without lines all over it */
.ThemeGrayMainFolderLeft,
.ThemeGrayMainItemLeft,
.ThemeGrayMainFolderText,
.ThemeGrayMainItemText,
.ThemeGrayMainItemRight,
.ThemeGrayMainFolderRight
{
border: 0;
background-color: inherit;
white-space: nowrap;
}
/* sub menus sub components */
.ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemLeft
{
padding: 3px 0px 3px 3px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
.ThemeGrayMenuFolderText,
.ThemeGrayMenuItemText
{
padding: 3px 3px 3px 5px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
.ThemeGrayMenuItemRight,
.ThemeGrayMenuFolderRight
{
padding: 3px 1px 3px 0px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
/* hoover and active border */
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
border-color: #9C9A9C;
}
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft
{
border-width: 1px 0px 1px 1px;
border-style: solid;
padding: 2px 0px 2px 2px;
}
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText
{
border-width: 1px 0px 1px 0px;
border-style: solid;
padding: 2px 3px 2px 5px;
}
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
border-width: 1px 1px 1px 0px;
border-style: solid;
padding: 2px 0px 2px 0px;
}
td.ThemeGrayMenuSplit
{
padding: 0px;
margin: 0px;
height: 5px;
border: 0px;
background-color: inherit;
overflow: hidden;
}
div.ThemeGrayMenuSplit
{
margin: 2px;
height: 1px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #9C9A9C;
}
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
*/
.ThemeGrayMenuItem img.seq1
{
display: inline;
}
.ThemeGrayMenuItemHover seq2,
.ThemeGrayMenuItemActive seq2
{
display: inline;
}
.ThemeGrayMenuItem .seq2,
.ThemeGrayMenuItemHover .seq1,
.ThemeGrayMenuItemActive .seq1
{
display: none;
}
/******************************************************************************
* gtkTheme - theme.css
******************************************************************************/
.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
font-family: verdana, arial, sans-serif;
font-size: 13px;
padding: 0;
white-space: nowrap;
cursor: default;
}
.ThemeOfficeSubMenu
{
position: absolute;
visibility: hidden;
overflow: hidden;
padding: 0px;
border: 0px;
background-color: transparent;
}
.ThemeOfficeSubMenuShadow
{
z-index: -1;
position: absolute;
top: 9px;
left: 9px;
width: 100%;
height: 300em;
background-color: black;
opacity: 0.15;
border: 0;
margin: 0;
}
.ThemeOfficeSubMenuTable
{
border: 1px solid #ADAA9C;
background-color: white;
padding: 1px;
margin: 0px 2px 2px 0px;
}
.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
border: 0;
cursor: default;
white-space: nowrap;
}
/* common background color to both horizontal and vertical menus */
.ThemeOfficeMainItem
{
background-color: #EFEBDE;
}
.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
background-color: #C6D3EF;
}
/* horizontal main menu */
.ThemeOfficeMainItem
{
padding: 1px;
border: 0;
}
td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
padding: 0px;
border: 1px solid #3169C6;
}
.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
background-color: inherit;
white-space: nowrap;
}
/* vertical main menu sub components */
td.ThemeOfficeMainFolderLeft,
td.ThemeOfficeMainItemLeft
{
padding: 3px 2px 3px 1px;
border: 0;
background-color: inherit;
white-space: nowrap;
}
td.ThemeOfficeMainFolderText,
td.ThemeOfficeMainItemText
{
padding: 3px 5px 3px 5px;
border: 0;
background-color: inherit;
white-space: nowrap;
}
td.ThemeOfficeMainItemRight,
td.ThemeOfficeMainFolderRight
{
padding: 3px 1px 3px 0px;
border: 0;
background-color: inherit;
white-space: nowrap;
}
tr.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItemActive td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItemHover td.ThemeOfficeMainItemLeft,
tr.ThemeOfficeMainItemActive td.ThemeOfficeMainItemLeft
{
padding: 2px 2px 2px 0px;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #3169C6;
}
tr.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItemActive td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItemHover td.ThemeOfficeMainItemText,
tr.ThemeOfficeMainItemActive td.ThemeOfficeMainItemText
{
padding: 2px 5px 2px 5px;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #3169C6;
}
tr.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderRight,
tr.ThemeOfficeMainItemActive td.ThemeOfficeMainFolderRight,
tr.ThemeOfficeMainItemHover td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItemActive td.ThemeOfficeMainItemRight
{
padding: 2px 0px 2px 0px;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #3169C6;
}
/* sub menu sub components */
.ThemeOfficeMenuItem
{
background-color: white;
}
.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
background-color: #C6D3EF;
}
.ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItemLeft
{
padding: 3px 3px 3px 2px;
border: 0;
white-space: nowrap;
background-color: #EFEFDE;
}
.ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItemText
{
padding: 3px 5px 3px 5px;
border: 0;
white-space: nowrap;
}
.ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItemRight
{
padding: 3px 1px 3px 0px;
border: 0;
white-space: nowrap;
}
.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemLeft,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemLeft
{
padding: 2px 3px 2px 1px;
background-color: #C6D3EF;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #3169C6;
}
.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemText,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemText
{
padding: 2px 5px 2px 5px;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #3169C6;
}
.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemRight,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemRight
{
padding: 2px 0px 2px 0px;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #3169C6;
}
/* menu splits */
td.ThemeOfficeMenuSplit
{
margin: 0px;
padding: 0px;
border: 0px;
}
div.ThemeOfficeMenuSplit
{
margin: 3px;
height: 1px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #C6C3BD;
}
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
*/
.ThemeOfficeMenuItem img.seq1
{
display: inline;
}
.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
display: inline;
}
.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
display: none;
}
/* ThemeOffice2003Menu Style Sheet */
.ThemeOffice2003Menu,.ThemeOffice2003SubMenuTable
{
font-family: verdana, arial, sans-serif;
font-size: 13px;
padding: 0;
white-space: nowrap;
cursor: default;
}
.ThemeOffice2003SubMenu
{
position: absolute;
visibility: hidden;
overflow: hidden;
padding: 1px 1px 1px 1px;
background: #F6F6F6 url(/images/menubg.gif) repeat-y scroll 0%;
background-position: left;
border: 1px solid #002D96;
}
.ThemeOffice2003SubMenuTable
{
overflow: hidden;
}
.ThemeOffice2003MainItem,.ThemeOffice2003MainItemHover,.ThemeOffice2003MainItemActive,
.ThemeOffice2003MenuItem,.ThemeOffice2003MenuItemHover,.ThemeOffice2003MenuItemActive
{
border: 0;
cursor: default;
white-space: nowrap;
}
.ThemeOffice2003MainItem
{
/*background-color: #A1C0F5; /*cor de fundo do menu*/
/*color: white;*/
background-color: #93bcd9;
color: white;
}
.ThemeOffice2003MainItemHover,.ThemeOffice2003MainItemActive
{
background: url(/images/mainmenubg.gif);
}
.ThemeOffice2003MenuItem
{
background-color: transparent;
}
.ThemeOffice2003MenuItemHover,.ThemeOffice2003MenuItemActive
{
background-color: white;
}
/* horizontal main menu */
.ThemeOffice2003MainItem
{
padding: 1px;
border: 0;
}
td.ThemeOffice2003MainItemHover,td.ThemeOffice2003MainItemActive
{
padding: 0px;
border: 1px solid #000080;
}
.ThemeOffice2003MainFolderLeft,.ThemeOffice2003MainItemLeft,
.ThemeOffice2003MainFolderText,.ThemeOffice2003MainItemText,
.ThemeOffice2003MainFolderRight,.ThemeOffice2003MainItemRight
{
background-color: inherit;
}
/* vertical main menu sub components */
td.ThemeOffice2003MainFolderLeft,
td.ThemeOffice2003MainFolderLeft,
td.ThemeOffice2003MainItemLeft,
td.ThemeOffice2003MainItemLeft
{
padding: 1px 2px 1px 1px;
border: 0;
background-color: inherit;
}
td.ThemeOffice2003MainFolderText,
td.ThemeOffice2003MainFolderText,
td.ThemeOffice2003MainItemText,
td.ThemeOffice2003MainItemText
{
padding: 1px 5px 1px 5px;
border: 0;
background-color: inherit;
}
td.ThemeOffice2003MainItemRight,
td.ThemeOffice2003MainFolderRight
{
padding: 1px 1px 1px 0px;
border: 0;
background-color: inherit;
}
tr.ThemeOffice2003MainItemHover td.ThemeOffice2003MainFolderLeft,
tr.ThemeOffice2003MainItemActive td.ThemeOffice2003MainFolderLeft,
tr.ThemeOffice2003MainItemHover td.ThemeOffice2003MainItemLeft,
tr.ThemeOffice2003MainItemActive td.ThemeOffice2003MainItemLeft
{
padding: 0px 2px 0px 0px;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #000080;
background-color: inherit;
}
tr.ThemeOffice2003MainItemHover td.ThemeOffice2003MainFolderText,
tr.ThemeOffice2003MainItemActive td.ThemeOffice2003MainFolderText,
tr.ThemeOffice2003MainItemHover td.ThemeOffice2003MainItemText,
tr.ThemeOffice2003MainItemActive td.ThemeOffice2003MainItemText
{
padding: 0px 5px 0px 5px;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #000080;
background-color: inherit;
}
tr.ThemeOffice2003MainItemHover td.ThemeOffice2003MainFolderRight,
tr.ThemeOffice2003MainItemActive td.ThemeOffice2003MainFolderRight,
tr.ThemeOffice2003MainItemHover td.ThemeOffice2003MainItemRight,
tr.ThemeOffice2003MainItemActive td.ThemeOffice2003MainItemRight
{
padding: 0px;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #000080;
background-color: inherit;
}
/* sub menu sub components */
.ThemeOffice2003MenuFolderLeft,.ThemeOffice2003MenuItemLeft,
.ThemeOffice2003MenuFolderText,.ThemeOffice2003MenuItemText,
.ThemeOffice2003MenuFolderRight,.ThemeOffice2003MenuItemRight
{
border: 0;
white-space: nowrap;
background-color: inherit;
}
.ThemeOffice2003MenuFolderLeft,
.ThemeOffice2003MenuItemLeft
{
padding: 3px 3px 3px 2px;
}
.ThemeOffice2003MenuFolderText,
.ThemeOffice2003MenuItemText
{
padding: 3px 5px 3px 5px;
white-space: nowrap;
}
.ThemeOffice2003MenuFolderRight,
.ThemeOffice2003MenuItemRight
{
padding: 3px 1px 3px 0px;
}
.ThemeOffice2003MenuItemHover .ThemeOffice2003MenuFolderLeft,
.ThemeOffice2003MenuItemActive .ThemeOffice2003MenuFolderLeft,
.ThemeOffice2003MenuItemHover .ThemeOffice2003MenuItemLeft,
.ThemeOffice2003MenuItemActive .ThemeOffice2003MenuItemLeft
{
padding: 2px 3px 2px 1px;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #000080;
}
.ThemeOffice2003MenuItemHover .ThemeOffice2003MenuFolderText,
.ThemeOffice2003MenuItemActive .ThemeOffice2003MenuFolderText,
.ThemeOffice2003MenuItemHover .ThemeOffice2003MenuItemText,
.ThemeOffice2003MenuItemActive .ThemeOffice2003MenuItemText
{
padding: 2px 5px 2px 5px;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #000080;
}
.ThemeOffice2003MenuItemHover .ThemeOffice2003MenuFolderRight,
.ThemeOffice2003MenuItemActive .ThemeOffice2003MenuFolderRight,
.ThemeOffice2003MenuItemHover .ThemeOffice2003MenuItemRight,
.ThemeOffice2003MenuItemActive .ThemeOffice2003MenuItemRight
{
padding: 2px 0px 2px 0px;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #000080;
}
/* menu splits */
.ThemeOffice2003MenuSplit
{
margin: 2px;
height: 1px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #6A8CCB;
}
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
*/
.ThemeOffice2003MenuItem img.seq1
{
display: inline;
}
.ThemeOffice2003MenuItemHover seq2,
.ThemeOffice2003MenuItemActive seq2
{
display: inline;
}
.ThemeOffice2003MenuItem .seq2,
.ThemeOffice2003MenuItemHover .seq1,
.ThemeOffice2003MenuItemActive .seq1
{
display: none;
}
/******************************************************************************
* gtkTheme - theme.css
******************************************************************************/
.ThemePanelMenu,.ThemePanelSubMenuTable
{
font-family: verdana, arial, sans-serif;
font-size: 13px;
cursor: default;
white-space: nowrap;
}
.ThemePanelSubMenu
{
z-index: 0;
position: absolute;
visibility: hidden;
display: block;
overflow: hidden;
border: 0;
background-color: inherit;
}
.ThemePanelSubMenuShadow
{
z-index: -1;
position: absolute;
top: 3px;
left: 3px;
width: 100%;
height: 300em;
background-color: black;
opacity: 0.5;
border: 0;
margin: 0;
}
.ThemePanelSubMenuBorder
{
border: 1px solid #9C9A9C;
background-color: #F7F3F7;
padding: 1px;
margin: 0px 3px 3px 0px;
}
.ThemePanelSubMenuTable
{
border-collapse: separate;
}
.ThemePanelMenuItem,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive
{
cursor: default;
white-space: nowrap;
}
.ThemePanelMainItem,
.ThemePanelMenuItem
{
background-color: #F7F3F7;
white-space: nowrap;
}
.ThemePanelMainItemHover,
.ThemePanelMainItemActive,
.ThemePanelMenuItemHover,
.ThemePanelMenuItemActive
{
background-color: #C6C6C3;
white-space: nowrap;
}
/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
set a background image for the menu without lines all over it */
.ThemePanelMainFolderLeft,
.ThemePanelMainItemLeft
{
padding: 3px 0px 3px 3px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
.ThemePanelMainFolderText,
.ThemePanelMainItemText
{
padding: 3px 3px 3px 5px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
.ThemePanelMainItemRight,
.ThemePanelMainFolderRight
{
padding: 3px 1px 3px 0px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
/* hoover and active border */
.ThemePanelMainItemHover .ThemePanelMainFolderLeft,
.ThemePanelMainItemActive .ThemePanelMainFolderLeft,
.ThemePanelMainItemHover .ThemePanelMainItemLeft,
.ThemePanelMainItemActive .ThemePanelMainItemLeft,
.ThemePanelMainItemHover .ThemePanelMainFolderText,
.ThemePanelMainItemActive .ThemePanelMainFolderText,
.ThemePanelMainItemHover .ThemePanelMainItemText,
.ThemePanelMainItemActive .ThemePanelMainItemText,
.ThemePanelMainItemHover .ThemePanelMainFolderRight,
.ThemePanelMainItemActive .ThemePanelMainFolderRight,
.ThemePanelMainItemHover .ThemePanelMainItemRight,
.ThemePanelMainItemActive .ThemePanelMainItemRight
{
border-color: #9C9A9C;
}
.ThemePanelMainItemHover .ThemePanelMainFolderLeft,
.ThemePanelMainItemActive .ThemePanelMainFolderLeft,
.ThemePanelMainItemHover .ThemePanelMainItemLeft,
.ThemePanelMainItemActive .ThemePanelMainItemLeft
{
border-width: 1px 0px 1px 1px;
border-style: solid;
padding: 2px 0px 2px 2px;
}
.ThemePanelMainItemHover .ThemePanelMainFolderText,
.ThemePanelMainItemActive .ThemePanelMainFolderText,
.ThemePanelMainItemHover .ThemePanelMainItemText,
.ThemePanelMainItemActive .ThemePanelMainItemText
{
border-width: 1px 0px 1px 0px;
border-style: solid;
padding: 2px 3px 2px 5px;
}
.ThemePanelMainItemHover .ThemePanelMainFolderRight,
.ThemePanelMainItemActive .ThemePanelMainFolderRight,
.ThemePanelMainItemHover .ThemePanelMainItemRight,
.ThemePanelMainItemActive .ThemePanelMainItemRight
{
border-width: 1px 1px 1px 0px;
border-style: solid;
padding: 2px 0px 2px 0px;
}
/* sub menus sub components */
.ThemePanelMenuFolderLeft,
.ThemePanelMenuItemLeft
{
padding: 3px 0px 3px 3px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
.ThemePanelMenuFolderText,
.ThemePanelMenuItemText
{
padding: 3px 3px 3px 5px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
.ThemePanelMenuItemRight,
.ThemePanelMenuFolderRight
{
padding: 3px 1px 3px 0px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
/* hoover and active border */
.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemHover .ThemePanelMenuItemLeft,
.ThemePanelMenuItemActive .ThemePanelMenuItemLeft,
.ThemePanelMenuItemHover .ThemePanelMenuFolderText,
.ThemePanelMenuItemActive .ThemePanelMenuFolderText,
.ThemePanelMenuItemHover .ThemePanelMenuItemText,
.ThemePanelMenuItemActive .ThemePanelMenuItemText,
.ThemePanelMenuItemHover .ThemePanelMenuFolderRight,
.ThemePanelMenuItemActive .ThemePanelMenuFolderRight,
.ThemePanelMenuItemHover .ThemePanelMenuItemRight,
.ThemePanelMenuItemActive .ThemePanelMenuItemRight
{
border-color: #9C9A9C;
}
.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemHover .ThemePanelMenuItemLeft,
.ThemePanelMenuItemActive .ThemePanelMenuItemLeft
{
border-width: 1px 0px 1px 1px;
border-style: solid;
padding: 2px 0px 2px 2px;
}
.ThemePanelMenuItemHover .ThemePanelMenuFolderText,
.ThemePanelMenuItemActive .ThemePanelMenuFolderText,
.ThemePanelMenuItemHover .ThemePanelMenuItemText,
.ThemePanelMenuItemActive .ThemePanelMenuItemText
{
border-width: 1px 0px 1px 0px;
border-style: solid;
padding: 2px 3px 2px 5px;
}
.ThemePanelMenuItemHover .ThemePanelMenuFolderRight,
.ThemePanelMenuItemActive .ThemePanelMenuFolderRight,
.ThemePanelMenuItemHover .ThemePanelMenuItemRight,
.ThemePanelMenuItemActive .ThemePanelMenuItemRight
{
border-width: 1px 1px 1px 0px;
border-style: solid;
padding: 2px 0px 2px 0px;
}
td.ThemePanelMenuSplit
{
padding: 0px;
margin: 0px;
height: 7px;
border: 0px;
background-color: inherit;
overflow: hidden;
}
div.ThemePanelMenuSplit
{
display: block;
margin: 3px;
height: 1px;
width: 100%;
overflow: hidden;
background-color: inherit;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #9C9A9C;
}
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
*/
.ThemePanelMenuItem img.seq1
{
display: inline;
}
.ThemePanelMenuItemHover seq2,
.ThemePanelMenuItemActive seq2
{
display: inline;
}
.ThemePanelMenuItem .seq2,
.ThemePanelMenuItemHover .seq1,
.ThemePanelMenuItemActive .seq1
{
display: none;
}
.mImageNew
{
background-image: url(html/themes/webhorus3/images/new.png);
}
.mImageSave
{
background-image: url(html/themes/webhorus3/images/save.png);
}
.mImageExit
{
background-image: url(html/themes/webhorus3/images/exit.png);
}