/* ********************************************************************************* File Name: CMSEasy.css Description: This style sheet will be used to control the page content of the CMS Easy Buisness Suite. _________________________________________________________________________________ Modification History: 2001-04-05 Michael Victor Created Style Sheet 2001-07-17 Michael Victor Added .InputProtected 2001-08-17 Michael Victor Added OrderNavButton, InputCapable, InputProtected 2001-10-15 Michael Victor /M04 Added HTML tag selectors for TABLE, INPUT and SELECT Added new selectors .linkbuttons, .InputCapable, .InputProtected, .OrderNavButton 2001-10-30 Michael Victor /M05 Added new selector .Label, .Numeric, .TabNavButton, .XSLTableScroll, .StaticData 2002-02-13 Michael Victor /M06 Added new selector .error .centered-table 2002-04-22 Michael Victor /M07 Added new selector .right, .left, .XSLTableCell 2002-05-24 Michael Victor /M08 Mods for CMSEasy Version 2.0 2002-06-07 Michael Victor /M09 Added new selector .highlight 2002-07-11 Michael Victor /M10 Mods to include printer friendly version of the suite. Media types have been added to the stylesheet in order to support screen and print media. 2003-01-15 Michael Victor /M11 Mods for Vendor Scorecard 2003-03-11 Michael Victor /M12 Added boxLayout selectors 2003-05-29 Michael Victor /M13 Added .Input_button2 selector. This is for buttons that we want to standout from other buttons. 2008-06-26 Harry Thiessen /M14 Added .docLink selector. This is to link to displaying a document keyed by field. 2008-07-10 Harry Thiessen /M15 Added .leftIndent selector, tables .box, .inside 2010-11-16 Michael Victor Modifications for non IE browser support 2010-11-22 Michael Victor Replaced padding:none with padding:0px font:xx with font-size:xx border-width:none with border-width:0px border:xx with border-style:xx text-decoration:italic; with font-style:italic italci with italic border-style:thin with border-width:thin added .navAnchor to allow the clickable area of the anchor to expand color:000080; with color:#000080; ********************************************************************************* */ @media screen{ /* --------------------------------------------------------------------------------- */ /* HTML Tag Selectors */ /* --------------------------------------------------------------------------------- */ /* /M08 Changed background colour, added background image */ body {font-family:Arial; color:#000080} p, span, div, select, textarea, text, table, input, select {font-family:Arial; font-size:12px} a:link {color:blue} a:hover {color:green} #generalLinks ul{list-style-type: none; margin:0; padding: 0;} #navRow ul{list-style-type: none; margin:0; padding: 0;} /* ---------------------------------------------------------------------------------- */ /* Class Selectors */ /* ---------------------------------------------------------------------------------- */ /* Navigation Section */ .Navigation {width:800px; margin:0;} /* /M08 this selector will controll the div section for the general links */ .generalLinks {width:100px; position:absolute; top:15px; left:625px;} .navRow {position:absolute; top:65px; left:80px} /* Footer Section */ .Footer {margin-top:100px} /* Powered by CMS logo */ .PwdByCMS {border-width:0;} /* Company Logo /M08 Added height & width */ .complogo {border-width:0; width:460px; height:70px} /* define the attributes for the table cell which holds the contents of the page */ .PageContents { border-style:none; text-align:left; font-family:Arial; padding:0px; width:800px;} /* define the attributes for the navigation buttons and links */ .navbuttons {border-style:none; width:125px; height:25px;} .linkbuttons {border-style:none; width:125px; height:20px;} /* /M04 */ /* define the attributes for the table that holds the navigation buttons */ .TableList {border-style:solid; border-width:1px} /* define the attributes for the even table rows */ .TableRowEven {background-color:#99CCFF; font-size:12px} /* define the attributes for the odd table rows */ .TableRowOdd {background-color:#CCFFCC; font-size:12px} /* define the attributes for the selection arrow form */ .SelectionArrow {margin:0} .navTabs{list-style-type: none; margin:0; padding: 0;} .navLinks{list-style-type: none; margin:0; padding: 0;} .navAnchor{display:block; width:100%} /* define the attributes for the form of the navigation buttons */ .NavForm {margin:0} .NavButtonForm {margin:0} /* define the attributes for list control boxes */ .ControlBox {vertical-align:top} /* define the attributes for XSL body */ .XSLBody {background-color:#FFFFFF; color:#000099; font-family:Arial; font-size:12px} .defaultWidth{width:740px;} /* define the attributes for XSL Default Table */ .XSLTableDefault {width:740px; border-width:0px; padding:2; border-spacing:2px} /* define the attributes for XSL Table Summary */ .XSLTableSummary {background-color:#F0F8FF; font-size:12px} /* define the attributes for Table Headings */ .TableRowHeader, .XSLTableHeading {font-family:Arial; background-color:#99CCFF;} /* define the attributes for XSL Table Detail */ .XSLTableDetail {background-color:#CCFFCC; text-align:center; font-size:12px } /* define the attributes for a XSL vertical Table Heading */ .XSLTableVertHeading{background-color:#99CCFF; font-size:12px} /* generic XSL table cell attributes */ .XSLTableCell{background-color:#99CCFF} /* /M05 define the attributes to create the scrollable table portion for use with fixed table headings */ .XSLScrollHead{width:770px} .XSLScrollBody{overflow:auto; width:770px; height:75px;} /* /M04 selector for protected input fields */ .InputProtected{background-color:#E0E0E0;} /* /M04 selector for input capable fields Note: this is intentionally left blank and is used to tag input capable fields which can later be protected via javascript and css */ .InputCapable{} /* /M04 Order Navigation Buttons */ .OrderNavButton{border-style:none; height:33px; width:66px; position:relative; top:3px;} /* /M05 Tab Navigation Buttons */ .TabNavButton{border-style:none; height:33px; width:66px; position:relative; top:3px;} /* /M05 Label fields */ .label{text-align:right;} .criteriaLabel {text-align:right;} /* /M05 numeric data fields */ .Numeric{text-align:right; font-family:Arial} /* /M05 static data fields */ .StaticData{font-weight:bold; font-style:oblique} /* /M06 numeric data fields */ .error{background:red;} /* /M06 center a table on the page */ .centered-table{margin-left:auto; margin-right:auto} .centered{text-align:center} /* /M07 align text right & left*/ .right{text-align:right} .left {text-align:left} /* /M15 */ .leftIndent{padding-left:20} /* /M13 added the input_button2 */ .input_button, .input_button_over, .input_button2 { border-style:outset; border-width:1px; font-family:arial; font-size:9pt; text-decoration:none; text-align:center; background-color:#E8E8E8; color:#000080; overflow:hidden;} .input_button_over {background-color:#99FF66; color:blue; cursor:pointer} /* /M13 added the input_button2 */ .input_button2 {background-color:#FFFF00} .navlink, .navlink_over { height:20px; width:125px; border-style:outset; border-width:1px; font-family:arial; font-size:9pt; text-decoration:none; text-align:center; background-color:#E8E8E8; color:#000080; overflow:hidden; cursor:pointer; float:left; margin:2px} .navlink_over{background-color:#99FF66; color:blue;} .navlink2, .navlink2_over { height:15px; width:125px; border-style:inset; border-width:0px; font-family:arial; font-size:9pt; text-decoration:none; text-align:center; background-color:#C0C0FF; color:#000080; overflow:hidden; margin:0px; cursor:pointer} .navlink2_over{background-color:#99FF66; color:blue} .dftWidth {width:740px} .criteria, .databackground {background-color:#F0F8FF;} .navTab, .navTabOn,.navTabOver {height:30px; width:100px; font-size:9px; font-family:Arial; font-weight:bold; color:#000080; background-color:#F0F8FF; overflow:visible; cursor:default; border-left:solid; border-top:solid; border-right:solid; border-bottom:none; border-color:#E8E8E8; border-width:1px; text-align:center;display: inline; margin: 2px; float:left; width:100px; padding:0px} .navTabOn {background-color:#FFFFFF; color:blue; cursor:default} .navTabOver {background-color:#99FF66; color:blue; cursor:pointer;} .hidden {display:none} .visible {display:inline} /* /M09 Highlight Selector */ .highlight {background-color:#FFCC66} /* /M11 */ .heading { font-size:14px; font-family:Arial; font-style:normal; } /* /M15 Document Link */ .docLink { font-weight:bold; text-decoration:underline; cursor:pointer; } } @media all { .ControlBox { vertical-align:top; } .label{ text-align:right; } .criteriaLabel { text-align:right; } .Numeric{ text-align:right; } .StaticData{ font-weight:bold; font-style:oblique; } .TableList {border-style:solid; border-width:1px} .centered-table{margin-left:auto; margin-right:auto} .centered{text-align:center} .right{text-align:right} .left {text-align:left} /* /M15 */ .leftIndent{padding-left:20} .hidden {display:none} .visible {display:inline} .alignTop{vertical-align:text-top} /* /M11 box layouts */ .boxLayout2{display:inline-block;width:50%; vertical-align:top;} .boxLayout3{display:inline-block;width:33%; vertical-align:top;} table.box { border-width: 1px; border-spacing: ; border-style: solid; border-color: blue; border-collapse: collapse; } table.box th { border-width: 1px; padding: 2px; border-style: solid; border-color: blue; -moz-border-radius: ; } table.box td { border-width: 1px; padding: 2px; border-style: dotted; border-color: blue; -moz-border-radius: ; } /* this table is for inside a .box cell */ table.inside { border-width: 1px; border-spacing: ; border-style: none; } table.inside th { border-width: 1px; padding: 1px; border-style: none; } table.inside td { border-width: 1px; padding: 1px; border-style: none; } } @media print { body, .pagecontents, .dftWidth { width:600px; } body, p, span, div, select, textarea, text, table, input, select, footer, .pagecontents, .navTab, .navTabOn,.navTabOver { font-size:8pt; font-family:serif; font-style:normal; color:black; } /* /M12 */ .notPrinted{display:none} /* /M11 */ .heading { font-size:10pt; font-family:serif; font-style:normal; color:black; } textarea { overflow:visible; border-width:thin; } a:link, a:visited { font-weight:bold; text-decoration:underline; color:black; } .Navigation { width:600px; margin:0; overflow:hidden; } .generalLinks, .navRow, .navbuttons, .linkbuttons, .screen { display:none; } .PwdByCMS { border-width:0; width:600px; } .complogo { border-width:0; width:460px; height:70px; } .XSLTableDefault { border-width:0px; padding:2; border-spacing:2; } .input_button, .input_button_over { border-style:outset; border-width:1px; font-family:arial; font-size:6pt; text-decoration:none; text-align:center; background-color:#E8E8E8; color:black; overflow:hidden; } .navTab, .navTabOn,.navTabOver { height:30px; width:80px; font-size:7pt; overflow:visible; border-left:solid; border-top:solid; border-right:solid; border-bottom:none; border-color:black; border-width:1px; text-align:center; } .navTabOn { font-weight:bold; color:black; cursor:default; } .error, .highlight{ font-weight:bold; font-style:italic; } .defaultWidth{width:740px;} }