/* Put old core.php here */ body { margin: 0; padding: 0; font: small "Bitstream Vera Sans", Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #3f3f3f; background: #ffffff; } /******************************* LAYOUT : HEADER ******************************/ #sgl #header { background-color: #99cc00; height: 60px; } #sgl #logo { float: left; margin: 5px 0 0 10px; font-size: 2em; font-weight: normal; color: #ffffff; text-decoration: none; } #sgl #logo img { vertical-align: middle; } #sgl #login { float: right; margin: 10px 10px 0 0; font-size: 0.9em; color: #ffffff; /* Workaround for IE hiding bottom border of logAction. */ height: 50%; } #sgl #login a { padding: 0 5px; text-decoration: none; color: #ffffff; } #sgl #login a:hover { text-decoration: underline; } #sgl #login #logAction { margin-left: 0.5em; padding: 0.2em; border: 1px solid transparent; border-color: #ffffff #333333 #333333 #ffffff; } /****************************** LAYOUT : MAIN *********************************/ #sgl #container { top: 107px; } /************************ LAYOUT : LEFT & RIGHT BLOCKS ************************/ #sgl #leftSidebar, #sgl #rightSidebar { position: absolute; margin-top: 107px; top: 0; z-index: 1; } #sgl #leftSidebar { width: 180px; left: 0; } #sgl #rightSidebar { width: 180px; right: 0; } #sgl .blockContainer { margin: 4px 1px 0 1px; } #sgl .blockHeader { background-color: #99cc00; color: #ffffff; line-height: 1.5em; font-weight: bold; text-align: center; border: 1px solid #bcbcbc; margin: 0; } #sgl .blockContent { background-color: #eeeeee; color: #184a84; font-size: 0.9em; padding: 10px; border: 1px solid #bcbcbc; border-top: none; } /*************************** LAYOUT : MIDDLE BLOCKS ***************************/ #sgl #content, #sgl #content-nocols, #sgl #content-leftcol, #sgl #content-rightcol { position: relative; margin: 0 180px 0 180px; width: auto; min-width: 20%; font-size: 0.9em; padding: 0 20px; } #sgl #content #options { float: right; width: 28%; } #sgl #content-nocols { margin: 0; } #sgl #content-leftcol { margin: 0 0 0 180px; } #sgl #content-rightcol { margin: 0 180px 0 0; } /* Holly Hack here so that tooltips don't act screwy: * http://www.positioniseverything.net/explorer/threepxtest.html */ /* Hide next from Mac IE plus non-IE \*/ * html #sgl #content { height: 1%; } /* End hide from IE5/mac plus non-IE */ /******************************* LAYOUT : FOOTER ******************************/ #sgl #footer { clear: both; padding-top: 10px; font-size: 0.8em; text-align: center; } /***************************** CONTENT : HEADINGS *****************************/ h1 { font-size: 2em; font-weight: normal; } h1.pageTitle { font-weight: normal; text-align: center; color: #184a84; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; } .pageTitle { color: #184a84; font-size: 1.75em; font-weight: normal; } /***************************** CONTENT : ANCHORS ******************************/ a { color: #3399ff; font-weight: bold; } a:visited { color: #999999; } a:hover { color: #184a84; text-decoration: none; } /***************************** CONTENT : TABLES *******************************/ #content table { border: none; /* This is not a typo, we want first set a fallback for IE, then set the * real margin for real browsers ;) */ margin: 0 5%; margin: 0 auto; } td, th { padding: 2px; } th { background-color: #eeeeee; color: #3f3f3f; text-align: left; font-size: 1.1em; line-height: 1.75em; } #imRead { background-color: #bcbcbc; } /******************************* CONTENT : BLOCKS *****************************/ img.blocksAvatar { /* move the image up to be flush with bottom of title */ position: relative; top: -5px; float: right; padding-left: 5px; } .navWidget { overflow: auto; } .options-block { margin: 20px 0; } /*************************** CONTENT : MISCELLANEOUS **************************/ acronym { cursor: help; } hr { border: none; border-bottom: 1px solid #d9d9d9; } img { border: none; } .codeExample { background: #f7f7f7; border: 1px solid #d9d9d9; margin: 1em 1.75em; padding: 0.25em; overflow: auto; font-size: large; } .alignCenter { text-align: center; } .backLight { background-color: transparent; } .backDark { background-color: #eeeeee; } .bold { font-weight: bold; } .error { color: #ff0000; } .hide { display: none; } .small { font-size: 0.8em; } .narrow { width: 60%; } .wide { width: 90%; } .full { width: 100%; } .detail { color: #999999; font-weight: normal; font-size: 0.8em; } .navigator { color: #bcbcbc; background-color: #3f3f3f; padding-left: 10px; font-weight: bold; text-align: right; line-height: 18px; } .pager { background-color: #ffffcc; white-space: nowrap; text-align: center; width: 90%; margin: 0 auto; padding: 2px 0; border: 1px dashed #ff9600; } .title { color: #999999; font-weight: normal; font-size: 1.5em; } .toolBtnSeparate { margin-left: 20px; } .treeMenuDefault { font-size: 11px; } .dateSelector { cursor: pointer; } /******************************* CONTENT : FORMS ******************************/ fieldset { width: 80%; margin: 0 auto; color: #184a84; font-size: 1.1em; font-weight: bold; } legend { color: #184a84; } .fieldName, .fieldNameWrap { background-color: #eeeeee; color: #184a84; font-weight: bold; text-align: left; width: 35%; } .fieldName { white-space: nowrap; } .fieldValue { background-color: #ffffff; line-height: 16px; text-align: left; width: 65%; } .noBorder { border: none; font-size: 10px; } .narrowButton { text-align: center; width: 9em; } .wideButton { text-align: center; width: 13em; } /***************************** CONTENT : MESSAGES *****************************/ .errorContainer, .messageContainer { margin: 0 auto; width: 50%; } .errorHeader { background-color: #ffcc00; color: #ffffcc; font-weight: bold; letter-spacing: 1px; text-align: center; text-transform: uppercase; } .errorContent { border: 1px dotted #ff9600; border-top: 1px solid #ffcc00; color: #184a84; background-color: #ffff99; text-align: left; padding: 0 10px; } .errorMessage { margin: 0 auto; border: 1px dotted #ff9600; background-color: #ffff99; text-align: center; width: 60%; } .messageHeader { color: #ffffff; background-color: #99cc00; font-weight: bold; font-size: 1.2em; line-height: 1.5em; text-align: center; } .messageContent { background-color: #ffffff; color: #184a84; border: 1px solid #99cc00; text-align: center; } .messageContent div { padding: 5px; } .message div{ margin: 0 15% 10px; padding: 5px; background-color: #ffffff; text-align: center; } .infoMessage { border: 1px solid #99cc00; color: #99cc00; } .errorMessage { border: 1px solid #ff9600; color: #ff9600; } /* /////////////// Lists /////////////// */ ul.noindent { margin-left: 5px; padding-left: 5px; } ul.bullets li { list-style-image: url('https://www.yosmithy.com/themes/rvtheme/default/themes/rvtheme_admin/faqweb/themes/default1/images/bullet.gif'); } /* /////////////// Tooltips /////////////// */ .tipOwner { position: relative; cursor: help; } .tipOwner .tipText { display: none; position: absolute; top: 0; left: 105%; border: 1px solid transparent; border-color: #ffffff #333333 #333333 #ffffff; background-color: #eeeeee; color: #184a84; text-align: center; width: 15em; padding: 2px 5px; -moz-opacity: 0.85; } .tipOwner:hover .tipText { display: block; } /******************************* DEPRECATED ***********************************/ .bgnd { background-color: #e5f1ff; border: 1px solid #999999; } .bgnd a, a.noDecoration { text-decoration: none; } .bgnd a { color: #184a84; font-weight: normal; } .moduleOverview { width: 20.5em; height: 8em; } .newsItem { border: 1px solid #999999; margin: 0 auto; padding: 0 10px 10px 10px; background-color: #ffffcc; } .pinstripe table { background-color: #eeeeee; width: 90%; } .pinstripe td { background-color: #ffffff; } .pinstripe img { padding: 10px; } .pinstripe button { padding: 10px 0; }