/* ADMIN COLORS: FORMS : E0FFEE / 060 a { color:#DEF; background-color:#54788B; } a:hover { color:#FFF; background-color:#800; } COMBINED-COLORS: E7ECF7 (ObjBG) DFE7F7 (bit darker) DAE0F0 (even darker) EBERHARDT-COLORS: 347 / 678 / 789 EA0 (Orange) CONTECH-COLORS: 358 */ /* BASIC LAYOUT */ html { z-index:5; overflow:hidden; } body { z-index:10; overflow:hidden; background-color:#347; } #CurrentDate { position:absolute; right:5px; top:1px; color:#CDF; font-size:9px; letter-spacing:0px; font-weight:bold; } #PageArea { z-index:15; position:absolute; overflow:hidden; } #PageArea { top:0; left:0; width:100%; height:100%; border:none; } #PageNav { z-index:1000; position:absolute; bottom:94%; left:0; width:100%; } /* Other menu-settings found in file: "SagaMenu.css" */ #PageContent { z-index:30; position:absolute; overflow:hidden; } #PageContent { top:8%; left:0; width:100%; height:77%; background-color:#000/*border-color of content-window*/; padding:1px 0px/*border-width of content-window*/; } #ContentScroller { z-index:40; overflow:auto; } #ContentScroller { width:100%; height:100%; background:#FFF; } #ContentMain { z-index:45; overflow:visible; } #ContentMain { margin:0 0 5px 35%; padding-bottom:5px; width:61%; } #IntroElm { z-index:50; overflow:hidden; } #ContentInfo { z-index:150; position:absolute; overflow:hidden; background:transparent; } #ContentInfo { top:0; height:100%; left:3%; width:28%; padding:0; font-size:9px; line-height:1.3em; } /* END BASIC LAYOUT */ /* COMPANY EE */ #PageCompany { z-index:100; position:absolute; top:92%; left:0; width:100%; padding:0; margin:0; background:#358; overflow:visible; } #PageCompany #Logo { z-index:110; display:block; float:left; width:28%; margin:-35px 0 -37px 3%; text-align:center; } #PageCompany #Logo img { z-index:120; margin:0 -50px 0 -50px; } #PageCompany address { display:block; float:right; width:65%; color:#FFF; font-size:13px; line-height:13px; font-weight:bold; text-align:left; letter-spacing:1px; margin:0; padding:5px 0 5px 0; white-space:nowrap; overflow:hidden; } #PageCompany br { display:none; } #PageCompany address a { display:inline; color:#FFF; } #PageCompany address a:hover { color:#E90; } /* END COMPANY */ /* SPACERS */ .Spacer { background:none; visibility:hidden; } .Spacer { z-index:5; height:12px; width:auto; font-size:9px; line-height:1em; overflow:visible; } .ObjSpacer { margin:3px 0 3px 0; } .ElmSpacer { margin:0 0 0 0; display:none; } .News .ElmSpacer { display:block; margin:3px 0 3px 0; } .InfoSpacer { height:8px; margin:0px 0 0 0; } /* END SPACERS */ /* WRAPPER GENERAL */ .Wrapper { width:100%; z-index:10; height:auto; background:transparent; border:1px solid blue/*used later for Admin-outer-border*/; margin:-1px/*negating space occupied by Admin-outer-border*/; } .ObjWrap { border-color:#FFF/*must be same as #ContentScroller-background*/; padding:1px/*space for Admin Work-border*/; } .ElmWrap { border-color:#E7ECF7/*must be same as .ContentObj-background*/; padding:1px 1px 3px 1px/*space for Admin Work-border*/; margin:-2px/*negating space occupied by Admin-outer-border and Admin Work-border*/; } /*IE*/ #ContentMain > .ObjWrap, .ObjControlee > .ElmWrap { padding:1px/*space for Admin Work-border*/; } /*Not IE*/ .News .ElmWrap { border-color:#FFF/*must be same as bg-color in mother obj (.News)*/; } .InfoWrap { margin:0; padding:0; border:0; } /* No Admin-borders needed for this */ /* END WRAPPER GENERAL */ /* ADMINTOOLS */ .AdminTools { display:none; } /* END ADMINTOOLS */ /* INTROELM */ .IntroWrap { margin:18px 0 0 0; } #IntroElm { text-align:left; } #IntroElm h1 { font-size:24px; line-height:1em; letter-spacing:0px; padding:3px 0 5px 0; color:#EA0; } #IntroElm p { font-size:16px; font-weight:bold; line-height:1.2em; letter-spacing:0px; color:#347; padding:8px 0 3px 0; } /* END INTROELM */ /* SERVICE PAGES */ a.ReturnLink { display:block; width:200px; margin:0 auto; font-size:9px; text-align:center; line-height:1.2em; padding:3px 0 3px 0; color:#EEE; background:#347; border:1px solid; border-color:#FFF #99B #99B #FFF/*outset*/; } a.ReturnLink:hover { color:#FFF; } /*SEARCH-ENGINE*/ div.SearchEngine { padding-top:10px; } .SearchEngine ul { list-style-type:none; line-height:1.2em; font-size:13px; font-weight:bold; color:#EA0; margin:0; padding:0; letter-spacing:1px; } .SearchEngine ul { border:none; margin:0 0 0 0; padding:0; } .SearchEngine ul li { border:solid #9AB; border-width:1px 0 0 0; margin:0 0 0 0; padding:8px 0 10px 0; } .SearchEngine ul ul { margin-left:30px/*indentation*/; padding-top:8px; } .SearchEngine ul li li { font-size:11px; font-weight:normal; letter-spacing:0; border:0; padding:0 0 1px 0; margin-right:30px; } .SearchEngine ul { background:none; } .SearchEngine ul ul { background:none; } .SearchEngine ul ul ul { background:none; } .SearchEngine li a { display:block; padding:6px 6px 6px 8px; color:#000; background:transparent; } .SearchEngine li a:hover { color:#000; background:#FFF; } /* END SERVICE PAGES */ /* CONTENT OBJECT */ .ObjWrap { width:100%; } .ContentObj { width:auto; font-size:12px; background-color:#E7ECF7; border:1px solid #347; } .News { background-color:#FFF; border-color:#FFF; } /*CASE : News*/ .ObjIntro { z-index:50; width:100%; } .News .ObjIntro { display:none; } .ObjIntro h2 { font-size:12px; line-height:1em; text-transform:uppercase; letter-spacing:2px; color:#FFF; padding:2px 8px 4px 8px; text-align:center; background:#347; } .ObjIntro p { font-weight:bold; line-height:1.5em; padding:12px 20px 14px 20px/*+space*/; border-bottom:1px dotted #347; background:#E7ECF7; } .Fold .ObjIntro p { color:#347; background:#EFF8FD; padding-bottom:18px; border-bottom:0; } .Scroll .ObjIntro p { color:#347; background:#EFF8FD; border-bottom:1px solid #8AB; } .ObjControler { z-index:50; position:relative; top:-7px; width:100%; height:auto; margin:0; font-size:9px; line-height:9px; border:0; background:none; } .ObjControler { display:none/*Hide for general use*/; } .Fold .ObjControler { display:block/*Show for Fold-object*/; } .ObjControler a.Control { position:absolute; left:8px; width:100px; text-align:center; padding:1px 0 2px 0; background:#EFF8FD; color:#347; border:1px solid #347; } .ObjControler a.Control:hover { background:#FFF; color:#000; } .ObjControler p.Date { display:block; position:absolute; top:-8px; right:17px; padding:1px 3px 2px 3px; background:#E7ECF7; color:#800; border:1px solid #E7ECF7; } .ObjControler p.Date { display:none/*Hiding because it isn't used for anything*/; } .ObjControlee { z-index:40; width:auto; padding:0 12px/*space around Elements*/; padding-bottom:10px; } .Scroll .ObjControlee { height:150px; overflow:auto; overflow-x:hidden; } .Fold .ObjControlee { border:0; border-top:1px dotted #347; padding:5px 0 0 0; margin:0 1px 12px 1px; display:none/*Hide for Fold-Object*/; } .News .ObjControlee { border:0; padding:0; } /* END CONTENT OBJECT */ /* CONTENT ELEMENT */ .ElmWrap { width:100%; } .Scroll .ObjControlee .ElmWrap { width:97%/*smaller to accomodate scroll-bar in IE*/; margin-right:-12px; } .Scroll .ObjControlee > .ElmWrap { width:auto; margin-right:0px; } /*Not IE*/ .Fold .ObjControlee { width:100%; margin:0; padding:3px 0; overflow:hidden; } .Fold .ObjControlee .ElmWrap { width:auto; padding:2px 12px; border:none; } .ContentElm { width:auto; padding:0px 5px 3px 5px/*space inside Elm*/; border:1px solid #E7ECF7/*used later for Admin-inner-border, must here be same as .ContentElm-background*/; } .ContentElm { background-color:#E7ECF7; font-size:12px; line-height:1.5em; } .News .ContentElm { border-color:#347; padding:1px 20px/*space inside Elm*/; } .ElmControler { z-index:100; height:12px; font-size:9px; line-height:9px; border-top:1px dotted #789; margin:8px -20px 0px -20px; } .ElmControler p.Date { display:block; position:absolute; top:-8px; right:17px; padding:1px 3px 2px 3px; background:#E7ECF7; font-weight:bold; letter-spacing:1px; color:#347; border:1px solid #E7ECF7; } .ElmControler a.Control { display:block; position:absolute; top:-8px; left:17px; padding:1px 3px 2px 3px; background:#E7ECF7; color:#678; border:1px solid #789; } .ElmControler a.Control:hover { background:#FFF; color:#347; border-color:#347; } .ElmControlee { width:100%; padding:10px 0 12px 0; } .ContentElm h5 { font-size:14px; line-height:1.33em; padding:12px 0 12px 0; color:#000; } .News .ContentElm h5 { font-size:14px; line-height:1.5em; color:#347; padding:10px 0; } .News .ElmControlee h5 { display:none; font-size:12px; line-height:1.33em; color:#000; padding:0px 0 10px 0; } /* CONTENT EXTRAS */ .ContentExtras { width:200px; overflow:hidden; background-color:#347; border:solid #347; border-width:0 1px 0 1px; margin:13px -2px 0 0; } /* .ElmWrap ~ .ElmWrap .ContentExtras { } selects all Extras in an Object except the first. Use only when IE7 are baseline browser*/ .ContentExtras { text-align:center; } .ContentExtras img { background:#DADAEA/*E7ECF7*/; float:left; clear:both; padding:0; margin:1px 0 0 0; } .ContentExtras dfn { width:auto; clear:both; font-size:9px; line-height:1.2em; font-style:normal; margin:0 0 1px 0; padding:3px 8px 7px 8px; color:#789; background-color:#E7ECF7; } .ContentExtras > dfn { padding-top:5px; } /*Not IE*/ .ContentExtras a.Download { clear:both; border:none; margin:1px 0; } .ContentElm .Maxi { float:none; width:100%; background:none; border:none; margin:-1px auto 8px auto; } .ContentElm .Maxi img { background:none; float:none; width:600px; margin:-5px -250px 3px -250px; } .ContentElm .Maxi dfn { background:transparent; color:#347; } .ContentElm .Maxi a.Download { width:30%; float:left; margin:0 -20px 0 0; clear:none; } .ContentElm .Midi { float:right; clear:right; width:300px; margin-bottom:3px; margin-left:15px/* space to text */; } .ContentElm .Midi { /*margin-right:-9px; IE distance(buggy due to float- & boxmodel issues) to meet up with Obj-border*/ } .ContentElm > .Midi { /*margin-right:-18px; Others distance to meet up with Obj-border*/ } /*Not IE*/ .ContentElm .Midi img { width:300px; border-bottom:1px solid #347; } .Scroll .ContentElm .Midi { } .ContentElm .Mini { float:right; clear:right; width:200px; margin-bottom:3px; margin-left:15px/* space to text */; } .ContentElm .Mini { /*margin-right:-9px; IE distance (buggy due to float- & boxmodel issues) to meet up with Obj-border*/ } .ContentElm > .Mini { /*margin-right:-18px; Others distance to meet up with Obj-border*/ } /*Not IE*/ .ContentElm .Mini img { width:200px; border-bottom:1px solid #347; } .Scroll .ContentElm .Mini { } .ContentElm .Micro { float:left; clear:left; width:100px; border-width:0 1px 0 1px; margin:13px 18px/* space to text */ 3px 0; } .ContentElm .Micro img { width:100px; border-bottom:1px solid #347; } .ContentElm .Micro dfn { } .Scroll .ContentElm .Micro { margin-right:18px/* space to text */; } /*CASE: Scroll*/ .Scroll .ContentExtras { border-width:0 1px 0 1px; margin-top:13px; margin-right:-5px/*Less distance to accomodate scroll-bar in Scroll-mode*/; } /*CASE: Scroll*/ .Fold .ContentExtras { border-width:0 1px 0 1px; } /*CASE : Fold*/ .Fold .Mini, .Fold .Midi { margin-top:13px; margin-right:0px; } .Fold .Maxi { margin-top:0px; } .News .ContentElm .NewsExtras { float:left; width:200px; padding:0; margin:3px 18px/* space to text */ 3px 0; } .News .ContentElm .NewsExtras img { width:200px; padding:0px; border:1px solid #347; background:#E0E3F0; } /* DOWNLOAD LINKS */ a.Download { display:block; font-size:9px; text-align:left; line-height:1.1em; padding:3px 6px 3px 27px; border-top:1px dotted #347; margin:0; } a.Download { background:#E7ECF7; background-image:url(../gfx/Downloads/Default_Off.gif); background-position:2px 3px; background-repeat:no-repeat; } a.Download:hover { background-image:url(../gfx/Downloads/Default_On.gif); text-decoration:none; background-color:#ECF0FC; color:#345; } div a.Pdf { background-image:url(../gfx/Downloads/Pdf_Off.gif); } div a.Pdf:hover { background-image:url(../gfx/Downloads/Pdf_On.gif); } div a.Word { background-image:url(../gfx/Downloads/Word_Off.gif); } div a.Word:hover { background-image:url(../gfx/Downloads/Word_On.gif); } div a.Excel { background-image:url(../gfx/Downloads/Excel_Off.gif); } div a.Excel:hover { background-image:url(../gfx/Downloads/Excel_On.gif); } div a.PowerPoint { background-image:url(../gfx/Downloads/PowerPoint_Off.gif); } div a.PowerPoint:hover { background-image:url(../gfx/Downloads/PowerPoint_On.gif); } div a.Zip { background-image:url(../gfx/Downloads/Zip_Off.gif); } div a.Zip:hover { background-image:url(../gfx/Downloads/Zip_On.gif); } /* END DOWNLOAD LINKS */ /* END CONTENT EXTRAS */ /* END CONTENT ELEMENT*/ /* SITEMAP */ #SiteMap { z-index:200; margin:0 0; padding:0; border:0; } .StaticContent #SiteMap { z-index:200; margin:0 15px; padding:0; border:0; } .DynamicContent .SitemapTopAction { display:none; } /*Hide on User-pages*/ .StaticContent .SitemapTopAction { display:block } /*Show on Manager-pages*/ div.SitemapTopAction { margin:0; padding:0; height:20px; font-size:9px; line-height:1em; } div.SitemapTopAction a { display:block; float:left; padding:2px 3px 2px 3px; border:1px solid #000; margin:0 2px 0 0; color:#DEF; background-color:#54788B; } div.SitemapTopAction a:hover { color:#FFF; background-color:#800; } #SiteMap ul, #SiteMap li { list-style-type:none; line-height:21px; font-size:11px; font-weight:bold; color:#555; margin:0; padding:0; letter-spacing:1px; } #SiteMap ul { border:1px solid #789; margin:0px -1px 5px 0; padding:0px; } #SiteMap ul ul { margin-left:30px/*indentation*/; } #SiteMap li { border:dotted #9AB; border-width:0 0 1px 0; margin:0 0 -1px 0; padding:0 0 0 6px; overflow:hidden; } #SiteMap ul { background-color:#FFFFEE; } #SiteMap ul ul { background-color:#EEFFFF; } #SiteMap ul ul ul { background-color:#FFEFEF; } #SiteMap span { display:inline; margin:0 0 0 10px; font-size:9px; line-height:9px; font-weight:normal; color:#54788B; letter-spacing:0px; } #SiteMap span.NavCategory { padding:1px 5px; margin:-1px 0; text-transform:uppercase; font-weight:bold; letter-spacing:2px; background:#FB0; color:#236; } .StaticContent #SiteMap span.NavTipL1, .StaticContent #SiteMap span.NavTipL2, .StaticContent #SiteMap span.NavTipL3 { display:none; } /*Hide Tips for Admin*/ .DynamicContent #SiteMap span.SitemapActions { display:none; } /*Hide Actions on User-pages*/ #SiteMap .SitemapActions a.Act { padding:0px 3px 1px 3px; margin:0 2px 0 0; color:#DEF; background:#54788B; border:1px solid #000; vertical-align:0px; } #SiteMap .SitemapActions > a.Act { vertical-align:1px; } /*Not IE*/ #SiteMap .SitemapActions a.Act:hover { color:#FFF; background-color:#800; } #SiteMap .SitemapActions a.Unavaliable { display:none; } /* END SITEMAP */ /* INFOAREA */ #ContentInfo { } .InfoSpacer { display:none; } /*Hide for this site*/ #InfoNav { display:none; } /*Hide for this site*/ .InfoWrap { width:100%; } .InfoElm { z-index:50; background:#FFF; border:1px solid #347; padding:0 8px 6px 8px; font-size:9px; line-height:1.3em; margin-top:24px; margin-bottom:-25px; overflow:hidden; } .InfoElm h4 { padding:2px 0 3px 0; margin:0 -8px 6px -8px; font-size:9px; line-height:1em; text-transform:uppercase; letter-spacing:2px; text-align:center; color:#FFF; background:#347; } .InfoExtras { width:104%; margin:-6px -2% 0 -2%; text-align:center; overflow:hidden; } .InfoExtras img { width:200px; margin:0 -19% 0 -19%; z-index:-1; clear:both; } .InfoExtras dfn { padding:3px 5px 10px 5px; } .ServiceExtras { float:left; width:auto; height:auto; padding:3px 3px 1px 3px; margin:0 6px 0 0; background-color:#E90; border:1px solid #347; } .ServiceExtras img { width:36px; margin:0; z-index:-1; clear:both; } .ServiceExtras dfn { padding:3px; } .InfoElm h5,.InfoElm h6 { line-height:1em; padding-top:5px; padding-bottom:2px; } .InfoElm p { line-height:1.3em; padding-top:6px; padding-bottom:0px; } .InfoElm ul,.InfoElm ol { padding-top:2px; padding-bottom:2px; } .InfoElm ul ul li { font-size:9px; line-height:1em; } .InfoElm ol ol li { font-size:9px; line-height:1em; } #InfoToolbox { z-index:55; width:100%; margin-top:24px; text-align:left; letter-spacing:-1px; overflow:hidden; padding:0 0 1px 0; border:solid #347; border-width:0; background:transparent; } #ToolBoxFormSearch { width:131px; height:20px; float:left; padding:0; margin:0 -1px -1px 0; border:solid #347; border-width:1px; background:#FFF; } #ToolBoxFormSearch:hover { background:#EA0; } #ToolBoxFormSearch input { position:absolute; top:2px; left:2px; width:102px; height:12px; margin:0; padding:2px 0 0 2px; background:#EEE; color:#555; font-size:9px; line-height:1em; letter-spacing:-1px; } #ToolBoxFormSearch div > input { height:auto; padding:1px 0 2px 2px; letter-spacing:0px; } /*Not IE*/ #InfoToolbox input:active, #InfoToolbox input:focus { background:#FFF; color:#000; } #InfoToolbox button { position:absolute; right:2px; top:1px; width:18px; height:18px; border:0; margin:0; padding:0; cursor:pointer; background-color:transparent; background-image:url(../gfx/Toolbox/Search.gif); } #InfoToolbox button img { display:none; } #InfoToolbox a { height:20px; display:block; background-color:#FFF; background-image:url(../gfx/Toolbox/Sitemap.gif); background-position:0px 2px; background-repeat:no-repeat; border:solid #347; border-width:1px; } #InfoToolbox a img { width:19px; height:18px; } a#MapLink { float:left; margin-right:-1px; background-image:url(../gfx/Toolbox/Sitemap.gif); } a#PrintLink { float:right; margin-left:-1px; background-image:url(../gfx/Toolbox/Print.gif); } a#InformLink { float:right; margin-left:-1px; background-image:url(../gfx/Toolbox/Friend.gif); } a#HomeLink { float:left; margin-right:-1px; background-image:url(../gfx/Toolbox/Home.gif); } #InfoToolbox a:hover { background-color:#EA0; } #InfoLogin { display:none; } /* INFOANNOUNCE */ #InfoAnnounce { z-index:100; position:absolute; left:0; right:0; bottom:20px; background:#E7ECF7; border:solid #347; border-width:1px 1px 0 1px; } #InfoAnnounce .Long { width:100%; padding:3px 0; background:#E7ECF7; border:solid #347; border-width:0 0 1px 0; } #InfoAnnounce .Long:hover { background:#E90; } #InfoAnnounce .Long img { height:50px; float:left; margin:0 5px 0 3px; } #InfoAnnounce .Long a { display:block; background:transparent; padding:3px 5px; font-weight:bold; } #InfoAnnounce .Long a:hover { color:#000; } #InfoAnnounce a.Short { display:block; height:5px/*IE-bug*/; border:solid #347; border-width:0 0 1px 0; font-size:9px; line-height:1.3em; text-align:center; background:transparent; color:#347; padding:3px 8px; } #InfoAnnounce > a.Short { height:auto; } /*Not IE*/ #InfoAnnounce a.Short:hover { background:#E90; color:#000; } /* END INFOANNOUNCE */ /* END INFOAREA */ /*START TEST*/ /* PAGEANNOUNCE */ #PageAnnounce { display:none/*Hide for this site*/; } /* #PageAnnounce { width:50%; position:absolute; top:84%; left:3%; margin:0; padding:0; text-align:left; } #PageAnnounce a { display:block; overflow:hidden; font-size:9px; line-height:1.3em; margin:0; padding:0; } #PageAnnounce a.Short { text-align:center; background:#347; color:#DDD; border:solid #347; border-width:0 1px; padding:3px 4px; } #PageAnnounce a.Short:hover { background:#E7ECF7; color:#E90; border-color:#E90; } #PageAnnounce a.Long { background:#E7ECF7; color:#347; border:1px solid #347; padding:5px; margin:-1px 0 0 0; } #PageAnnounce a.Long:hover { background:#E7ECF7; color:#347; border-color:#E90; } #PageAnnounce img { height:50px; float:left; margin:0 8px 0 0; } */ /* END PAGEANNOUNCE */ /*END TEST*/ /* FORMS */ form .Floatbug { display:none; } form { z-index:1; width:auto; background:yellow; padding:1px; border:5px solid red; } .ObjIntro form { padding:0px; } .FormElm { z-index:2; width:100%; overflow:hidden; clear:both; margin-bottom:2px; background:none; } .FloatLeft { width:49.9%; float:left; clear:left; margin-right:-2px; } div > .FloatLeft { margin-right:1px;/*Not IE*/ } .FloatRight { display:block; width:auto; clear:right; } .Action { padding-top:5px; padding-bottom:5px; text-align:center; } .FormElmContent { z-index:3; background:none; width:auto; height:100%; overflow:hidden; padding:5px 3px 6px 6px; border:5px solid green; } .FormElmContent p { z-index:4; background:none; display:block; width:100%; padding:0 0 1px 0; margin:0; } .FormAtom, .IframesDiv { z-index:5; clear:both; background:none; width:100%; height:auto; overflow:hidden; padding:1px 0 1px 0; margin-top:3px; } .Check, .Radio { float:left; clear:none; width:auto; white-space:nowrap; padding-right:20px; } .FloatLeft .Check, .FloatRight .Check, .FloatLeft .Radio, .FloatRight .Radio { white-space:normal; padding-right:0px; } /* STRING-INPUTELEMENTS */ .Singleline input, textarea, .File input, .FCKiframePHP { z-index:5; display:block; clear:left; margin:0 -10px 0 0; padding:1px 0 1px 3px; background:yellow; border:1px solid red; } select, .File input { display:inline; clear:none; margin:1px 0 1px 0; padding:0; border:1px solid red; } textarea { padding-top:0; padding-bottom:0; overflow-y:scroll; height:80px; } .Singleline input, textarea, .FCKiframePHP, .IframesDiv { width:98.5%/*width of inputelements, normal-case*/; } .FloatLeft .Singleline input, .FloatLeft textarea, .FloatLeft .FCKiframePHP, .FloatLeft .IframesDiv, .FloatLeft .File input, .FloatRight .Singleline input, .FloatRight textarea, .FloatRight .FCKiframePHP, .FloatRight .IframesDiv, .FloatRight .File input { width:97.5%/*width of inputelements, float-case*/; } /* END STRING-INPUTELEMENTS */ /* BOX-INPUTELEMENTS */ .Check input, .Radio input, .Selector input { display:block; float:left; clear:none; background:none; margin:-1px 2px 1px 0; padding:0; width:13px; height:13px; border:0; } .Selector input { margin-right:-1px; } .Selector > input { margin-right:2px;/*Not IE*/ } .Action input, button { margin:0 3px; width:100px; overflow:hidden; border:1px solid red; } /* END BOX-INPUTELEMENTS */ /* IFRAMES */ .FCKiframePHP { height:200px; overflow:hidden; padding:1px; } .IframesDiv { clear:both; border:none; padding-right:8px; } iframe#imageframe, iframe#downloadableframe { height:240px; width:49.0%; overflow:auto; margin:0 -4px 0 0; padding:0; border:1px solid red; } iframe#imageframe { float:left; clear:left; margin-right:-10px; width:64.0%; } iframe#downloadableframe { float:right; clear:right; margin-left:-10px; width:35.7%; } /* END IFRAMES */ /* LABELS */ label { display:block; float:left; clear:none; width:auto; background:none; padding:0 1px 2px 0; margin:0 0 -2px 0; } div > label { margin-bottom:-1px/*1px more than IE*/; } /*Not IE*/ .Selector label, .File label { margin-top:4px; margin-right:3px; } .DateSelect label { float:none; margin-top:0; margin-bottom:1px; } .DateSelect input { margin-top:-1px; } /* END LABELS */ /* TIPS & VALIDATION */ .FormNotify img { display:none; } .FormNotify { z-index:8; display:block; float:left; clear:none; width:14px; margin:0 -1px -3px 0; padding:0; background-color:transparent; background-position:0 center; background-repeat:no-repeat; } p>.FormNotify, label>.FormNotify { margin-right:2px; /*Not IE*/ } .FormHelp { background-image:url(../gfx/Design/Question_Off.gif); } .FormHelp:hover { background-image:url(../gfx/Design/Question_On.gif); } .ValidatePass { background-image:url(../gfx/Design/ValiPass_Off.gif); } .ValidateError { background-image:url(../gfx/Design/ValiError_Off.gif); } .ValidatePass, .ValidateError { position:absolute; top:2px; left:98.5%; margin-left:-10px/*FormNotify-width minus border+padding of inputelements*/;} .FloatLeft .ValidatePass, .FloatLeft .ValidateError, .FloatRight .ValidatePass, .Floatright .ValidateError { left:97.5%; } form label code { z-index:7; position:absolute; top:0; width:auto; white-space:nowrap; text-align:right; padding:2px 15px 1px 4px; margin-right:-5px/*same as border+padding of inputelements*/; } form label code { right:1.5%/*100-width of inputelements, normal-case*/; } .FloatLeft label code, .FloatRight label code { right:2.5%/*100-width of inputelements, float-case*/; } /* END TIPS & VALIDATION */ /* SPACES */ form { padding:0px; } .FormElm { margin-bottom:0px; } div > .FloatLeft { margin-right:0px/*Not IE*/; } .FloatLeft { margin-right:-3px/*-3px for IE*/; } .FormElmContent { padding:7px 6px 9px 10px;/*inside elements*/ } .FormAtom, .IframesDiv { margin-top:4px;/*between atoms*/} /* END SPACES */ /* BORDERS */ form { border:1px solid; border-color:#99B #FFF #FFF #99B/*inset*/; } .FormElmContent { border:1px solid; border-color:#FFF #99B #99B #FFF/*outset*/; } iframe#imageframe, iframe#downloadableframe, .Singleline input, textarea, .FCKiframePHP, select, .File input { border:1px solid; border-color:#99B #FFF #FFF #99B/*inset*/; } .Action input, button { border:1px solid; border-color:#FFF #99B #99B #FFF/*outset*/; } /* END BORDERS */ /* FONTS */ input, textarea, .File input, .FormNotify { font-family:verdana,arial,tahoma,sans-serif; } form, form p, select, label, .Action input, button, form label code { font-family:arial,tahoma,verdana,sans-serif; } form p { font-size:11px; line-height:14px; font-weight:bold; letter-spacing:0px; color:#347; } p a.FormNotify { height:14px/*=line-height*/; } label { font-size:10px; line-height:11px; color:#000; } label a.FormNotify { height:11px/*=line-height*/; } .Check input, .Radio input, .Selector input { width:13px; height:13px;/*=line-height+2px*/ } form label code { font-size:9px; line-height:10px; font-weight:normal; color:#FFF; } .ObjIntro form p { border:none; } input, textarea, .File input { font-size:11px; line-height:13px; color:#000; } select { font-size:9px; line-height:12px; color:#000; } .Action input, button { letter-spacing:0px; font-size:10px; line-height:14px; color:#FFF; } /* END FONTS */ /* BACKGROUNDS */ form { background-color:#DFE7F7; background-image:url(site/frontend/gfx/Design/#); background-position:0 0; background-repeat:repeat; } .FormElmContent { background-color:#CDE; background-image:url(site/frontend/gfx/Design/#); background-position:0 0; background-repeat:repeat; } .Singleline input, textarea, .File input, .FCKiframePHP { background-color:white; background-image:url(site/frontend/gfx/Design/#); background-position:0 0; background-repeat:repeat; } .Action input, button { background-color:#347; background-image:url(site/frontend/gfx/Design/#); background-position:0 0; background-repeat:repeat; } form label code { background-color:#78A/*validation-allerts*/; } /* END BACKGROUNDS */ /* END FORMS */ /*FOR TEST-PURPOSES ONLY*/ .XXX, #XXX, div .XXX, div #XXX, div div .XXX, div div #XXX, div div div .XXX, div div div #XXX, div div div div .XXX, div div div div #XXX, div div div div div .XXX, div div div div div #XXX { color:blue !important; border:1px solid blue !important; background:yellow !important; }