/* #### For all webs, Basic - Main Styles Sheet. #### #### Author: Carlos A.Pérez M. #### #### Created: 26/10/2009. #### #### Update Record: 26/10/2009, 01/01/2010, 15/01/2010, #### #### 02/02/2010, 13/03/2010, #### #### Last Update: 31/05/2010. #### */ /* #### Set common propierties for all Elements. #### */ * { background-color: inherit; margin:0; padding:0; text-align:left; } /* #### Default settings for Body. #### */ body { background-color:#ffffec; color:#51534a; font-size:10px; font-weight:normal; font-family:arial, tahoma, verdana, 'Times New Roman', Sans-serif; } /* #### Default settings for Links. #### */ a { font-size:inherit; font-weight:inherit; } a:active { color:inherit; text-decoration:none; background-color:inherit; } a:visited { color:inherit; text-decoration:none; background-color:inherit; } a:link { color:inherit; text-decoration:none; background-color:inherit; } a:hover { color:inherit; text-decoration:none; background-color:inherit; } /* #### Default Settings for Divisions. #### */ br { margin:0; padding:0; } /* #### Default Settings for Code Display. #### */ code { background-color:transparent; display:block; font-size:14px; margin:0 auto 0 0; padding:0; text-align:left; } /* #### Default Settings for Divisions. #### */ div { margin:0 auto; padding:0; text-align:center; } /* #### Settings for Objects Alignment. #### */ .divCentered { display:block; margin:0 auto; text-align:center; } .divLeft { margin:0 auto 0 0; } .divRight { margin:0 0 0 auto; } /* #### Default Settings for Images. #### */ img { display:block; border:none; margin:0; } .imgCent { margin:0 auto; display:block; text-align:center; } /* #### Default Settings for Lists. #### */ li { font-size:inherit; } /* #### Default Settings for Unsorted Lists. #### */ ul { font-size:inherit; } /* #### Default Settings for Text Lines. #### */ p { border:0; font-size:0px; margin:0; padding:0; overflow:hidden; } pre { font-size:12px; white-space: pre-wrap; } /* white-space css-3 , Hack for IE within pages */ /* #### Default Settings for Selects. #### */ select { border-style:solid; } /* #### Default Settings for Buttons. #### */ button { font-family:arial, tahoma, verdana, 'Times New Roman', serif; font-size:8px; } /* #### Default settings for Tables. #### */ table { background-color: inherit; border-collapse: separate; border-color: #000000; border-spacing: 0px; border-style: outset; border-width: 0px; } /* #### Default settings for Table CELLS. #### */ td { text-align:center; } /* #### Default settings for Table ROWS. #### */ tr { background-color: inherit; } /* #### Default settings for Text Areas. #### */ textarea { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman', serif; } /* #### Default Settings for OverLib Class. #### */ /*Space between 1st. and 2nd. borders*/ .overLibBkGrClass { background-color:#ff0000; border:1px #000000 solid; padding:1px; } /*Space between 2nd. border and Letters*/ .overLibFoGrClass { background-color:#fff8c6; border:1px #000000 solid; padding:0px; } /*Space between borders and Letters*/ .overLibTextFonts { font-size:12px; font-weight:bold; color:#800000; padding:1px 3px 4px 3px; font-family:'Times New Roman', Sans-Serif; } /* #### Settings for Text Fonts. #### */ .fontCourier { font-family:'Courier New' } .fontLucida { font-family:'Lucida Calligraphy' } .fontTimes { font-family:'Times New Roman' } /* #### Default Settings for Foreground Colors. #### */ .fgBlack { color:#000000; } /* Black */ .fgBlue { color:#24568b; } /* Blue My own */ .fgBlueBright { color:#0000ff; } /* Blue */ .fgBlueDark { color:#00008b; } /* Blue Dark */ .fgBlueLight { color:#add8e6; } /* Blue Light */ .fgBlueSteel { color:#b0c4de; } /* Blue Light steel */ .fgBrown { color:#a52a2a; } /* Brown */ .fgBrownTan { color:#d2b48c; } /* Tan */ .fgCreme { color:#fff8c6; } /* Lemon Chiffon */ .fgGainsboro { color:#dcdcdc; } /* Gainsboro */ .fgGold4 { color:#806517; } /* Gold4 */ .fgGreen { color:#008000; } /* Green */ .fgGreenDarkSea { color:#8fbc8f; } /* Green Dark Sea */ .fgGreenLight { color:#90ee90; } /* Green Light */ .fgGreenLime { color:#00ff00; } /* Green Lime */ .fgGreyLight { color:#d3d3d3; } /* Grey Light */ .fgLavander { color:#e6e6fa; } /* Lavender */ .fgLightCyan { color:#eefeff; } /* Light Cyan */ .fgMaroon { color:#800000; } /* Maroon */ .fgOrange { color:#ff8c00; } /* Orange Dark */ .fgOrangeLight { color:#ffcc00; } /* Orange Light */ .fgRed { color:#ff0000; } /* Red */ .fgYellow { color:#ffff00; } /* fgYellow */ .fgWhite { color:#ffffff; } /* White */ .fgInherit { color:inherit; } /* inherited color */ /* #### Default Settings for Background Colors. #### */ .bgBlack { background-color:#000000; } /* Black */ .bgBlue { background-color:#24568b; } /* Blue My own */ .bgBlueBright { background-color:#0000ff; } /* Blue */ .bgBlueDark { background-color:#00008b; } /* Blue Dark */ .bgBlueLight { background-color:#add8e6; } /* Blue Light */ .bgBlueLine { background-color:#afeeee; } .bgBlueSteel { background-color:#b0c4de; } /* Blue Steel */ .bgBody { background-color:#ffffec; } /* body Color */ .bgBrown { background-color:#a52a2a; } /* Brown */ .bgBrownTan { background-color:#d2b48c; } /* Tan */ .bgBurlyWood { background-color:#deb887; } /* BurlyWood */ .bgCreme { background-color:#fff8c6; } /* Lemon Chiffon */ .bgFloralWhite { background-color:#fffaf0; } /* Floral White */ .bgGainsboro { background-color:#dcdcdc; } /* Gainsboro */ .bgGold4 { background-color:#806517; } /* Gold4 */ .bgGhostWhite { background-color:#f8f8ff; } /* Ghost White */ .bgGreen { background-color:#008000; } /* Green */ .bgGreenDarkSea { background-color:#8fbc8f; } /* Green Dark Sea */ .bgGreenLight { background-color:#90ee90; } /* Green Light */ .bgGreenLime { background-color:#00ff00; } /* Green Lime */ .bgGreyLight { background-color:#d3d3d3; } /* Grey Light */ .bgGreyDark { background-color:#778899; } .bgGreySlat { background-color:#2f4f4f; } .bgLavender { background-color:#e6e6fa; } /* Lavender */ .bgLavenderBlush { background-color:#fff0f5; } /* Lavender Blush */ .bgLemonChiffon2 { background-color:#ece5b6; } /* Lemon Chiffon 2 */ .bgLemonChiffon3 { background-color:#c9c299; } /* Lemon Chiffon 3 */ .bgLightCyan { background-color:#eefeff; } /* Light Cyan */ .bgLightYellow { background-color:#ffffe0; } /* Light Yellow */ .bgMaroon { background-color:#800000; } /* Maroon */ .bgMintCreme { background-color:#f5fffa; } /* Mint Creme */ .bgOrange { background-color:#ff8c00; } /* Orange Dark */ .bgOrangeLight { background-color:#ffcc00; } /* Orange Light */ .bgRed { background-color:#ff0000; } /* Red */ .bgSiena3 { background-color:#c35817; } /* Siena 3 */ .bgSilver { background-color:#c0c0c0; } /* Silver */ .bgYellow { background-color:#ffff00; } /* Yellow */ .bgWhite { background-color:#ffffff; } /* White */ .bgInherit { background-color:inherit; } /* inherited color */ /* #### Settings for Fonts Sizes. #### */ .size08 { font-size:8px; } .size09 { font-size:9px; } .size10 { font-size:10px; } .size11 { font-size:11px; } .size12 { font-size:12px; } .size14 { font-size:14px; } .size16 { font-size:16px; } .size18 { font-size:18px; } .size20 { font-size:20px; } .size22 { font-size:22px; } .size24 { font-size:24px; } .size26 { font-size:26px; } .size28 { font-size:28px; } .size29 { font-size:29px; } .size30 { font-size:30px; } .size32 { font-size:32px; } /* #### Settings for Top, Right, Bottom and Left Spacing. #### */ /* One Digit Means */ /* the same padding is applied to all sides. */ .pad0 { padding:0px; } .pad1 { padding:1px; } .pad2 { padding:2px; } .pad3 { padding:3px; } .pad4 { padding:4px; } .pad5 { padding:5px; } /* #### Settings for Top, Right, Bottom and Left Spacing. #### */ /* Two Digit Means */ /* First = padding is applied to Top and Bottom */ /* Second = padding is applied to Right and Left */ .pad06 { padding:0px 1px; } .pad02 { padding:0px 2px; } .pad05 { padding:0px 5px; } .pad10 { padding:1px 0px; } .pad12 { padding:1px 2px; } .pad15 { padding:1px 5px; } .pad20 { padding:2px 0px; } .pad25 { padding:2px 5px; } .pad30 { padding:3px 0px; } .pad35 { padding:3px 5px; } .pad45 { padding:4px 5px; } .pad50 { padding:5px 0px; } /* #### Settings for Top, Right, Bottom and Left Spacing. #### */ /* Four Digit Means */ /* First = padding is applied to Top */ /* Second = padding is applied to Right */ /* Third = padding is applied to Bottom */ /* Fourth = padding is applied to Left */ .pad0005 { padding:0px 0px 0px 5px; } .pad0020 { padding:0px 0px 2px 0px; } .pad0025 { padding:0px 0px 2px 5px; } .pad0030 { padding:0px 0px 3px 0px; } .pad0050 { padding:0px 0px 5px 0px; } .pad0205 { padding:0px 2px 0px 5px; } .pad0505 { padding:0px 5px 0px 5px; } .pad0500 { padding:0px 5px 0px 0px; } .pad0515 { padding:0px 5px 1px 5px; } .pad0525 { padding:0px 5px 2px 5px; } .pad0535 { padding:0px 5px 3px 5px; } .pad0545 { padding:0px 5px 4px 5px; } .pad0550 { padding:0px 5px 5px 0px; } .pad0555 { padding:0px 5px 5px 5px; } .pad1000 { padding:1px 0px 0px 0px; } .pad1020 { padding:1px 0px 2px 0px; } .pad1025 { padding:1px 0px 2px 5px; } .pad1030 { padding:1px 0px 3px 0px; } .pad1035 { padding:1px 0px 3px 5px; } .pad1121 { padding:1px 1px 2px 1px; } .pad1222 { padding:1px 2px 2px 2px; } .pad1232 { padding:1px 2px 3px 2px; } .pad1505 { padding:1px 5px 0px 5px; } .pad1520 { padding:1px 5px 2px 5px; } .pad1525 { padding:1px 5px 2px 5px; } .pad1530 { padding:1px 5px 3px 0px; } .pad1535 { padding:1px 5px 3px 5px; } .pad1555 { padding:1px 5px 5px 5px; } .pad2000 { padding:2px 0px 0px 0px; } .pad2025 { padding:2px 0px 2px 5px; } .pad2030 { padding:2px 0px 3px 0px; } .pad2050 { padding:2px 0px 5px 0px; } .pad2505 { padding:2px 5px 0px 5px; } .pad2520 { padding:2px 5px 2px 0px; } .pad2535 { padding:2px 5px 3px 5px; } .pad2555 { padding:2px 5px 5px 5px; } .pad3000 { padding:3px 0px 0px 0px; } .pad3505 { padding:3px 5px 0px 5px; } .pad4000 { padding:4px 0px 0px 0px; } .pad4505 { padding:4px 5px 0px 5px; } .pad5000 { padding:5px 0px 0px 0px; } .pad5030 { padding:5px 0px 3px 0px; } .pad5505 { padding:5px 5px 0px 5px; } /* #### Settings for Top, Right, Bottom and Left Spacing. #### */ /* More than Four Digits Means */ /* First Two = padding is applied to Top */ /* Second Two = padding is applied to Right */ /* Third Two = padding is applied to Bottom */ /* Fourth Two = padding is applied to Left */ .pad00100010 { padding:10px 0px; } /* #### Settings for Top, Right, Bottom and Left Spacing. #### */ /* Two Digits and a Letter A Means */ /* Two = padding is applied to all sides */ .pad10A { padding:10px; } /* All 10 */ .pad05A { padding:5px; } /* All 05 */ /* #### Settings for Text Presentation. #### */ .bold { font-weight:bold; } /* Font settings - Bold */ .boldIt { font-weight:bold; font-style:italic; } /* Font settings - Bold / italics */ .emph { font-style:italic; } /* Font settings - emphphasis (strong) */ .ital { font-style:italic; } /* Font settings - italics */ .norm { font-weight:normal; } /* Font settings - Normal */ .over { text-decoration:overline; } /* Font settings - Overlined */ .strk { text-decoration:line-through; } /* Font settings - Strike Through Text */ .undr { text-decoration:underline; } /* Font settings - Underlined */ .txtBlink { text-decoration:blink; } /* Settings for Blinking Text */ /* #### Settings for Text Alignment. #### */ .ceBo { text-align:center; vertical-align:bottom; } .ceMi { text-align:center; vertical-align:middle; } .ceTo { text-align:center; vertical-align:top; } .juBo { text-align:justify; vertical-align:bottom; } .juMi { text-align:justify; vertical-align:middle; } .juTo { text-align:justify; vertical-align:top; } .leBo { text-align:left; vertical-align:bottom; } .leMi { text-align:left; vertical-align:middle; } .leTo { text-align:left; vertical-align:top; } .riBo { text-align:right; vertical-align:bottom; } .riMi { text-align:right; vertical-align:middle; } .riTo { text-align:right; vertical-align:top; } .mySpace01 { height:1px; } .mySpace02 { height:2px; } .mySpace03 { height:3px; } .mySpace04 { height:4px; } .mySpace05 { height:5px; } .mySpace10 { height:10px; } .mySpace15 { height:15px; } .mySpace20 { height:20px; } .myListBox09 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman', verdana, tahoma, serif; font-size:09px; font-weight:bold; padding:0px 0px 0px 2px; text-align:left; } .myListBox10 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman', verdana, tahoma, serif; font-size:10px; font-weight:bold; padding:0px 0px 0px 2px; text-align:left; } .myListBox11 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman', verdana, tahoma, serif; font-size:11px; font-weight:bold; padding:0px 0px 0px 2px; text-align:left; } .myListBox12 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman', verdana, tahoma, serif; font-size:12px; font-weight:bold; padding:0px 0px 0px 2px; text-align:left; } .myListBox14 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman', verdana, tahoma, serif; font-size:14px; font-weight:bold; padding:0px 0px 0px 2px; text-align:left; } .myListCur10 { background-color:#f0ffff; color:#24568b; font-family:'Courier New'; font-size:11px; font-weight:bold; padding:0px 0px 0px 2px; text-align:left; } .myListCur12 { background-color:#f0ffff; color:#24568b; font-family:'Courier New'; font-size:13px; font-weight:bold; padding:0px 0px 0px 2px; text-align:left; } .myListCur14 { background-color:#f0ffff; color:#24568b; font-family:'Courier New'; font-size:15px; font-weight:bold; padding:0px 0px 0px 2px; text-align:left; } /* #### Settings for Buttons. #### */ .myButBlue10 { background-color:#f0ffff; color:#24568b; cursor:pointer; font-size:10px; font-weight:bold; padding:1px 4px 2px 4px; text-align:center; width:auto; overflow:visible; } .myButBlue12 { background-color:#f0ffff; color:#24568b; cursor:pointer; font-size:12px; font-weight:bold; padding:1px 4px 2px 4px; text-align:center; width:auto; overflow:visible; } .myButBlue14 { background-color:#f0ffff; color:#24568b; cursor:pointer; font-size:14px; font-weight:bold; padding:1px 4px 2px 4px; text-align:center; width:auto; overflow:visible; } .myButBlue16 { background-color:#f0ffff; color:#24568b; cursor:pointer; font-size:16px; font-weight:bold; padding:1px 4px 2px 4px; text-align:center; width:auto; overflow:visible; } .myButOra10 { background-color:#f76541; color:#ffffff; cursor:pointer; font-size:10px; font-weight:bold; padding:1px 4px 2px 4px; text-align:center; width:auto; } .myButOra12 { background-color:#f76541; color:#ffffff; cursor:pointer; font-size:12px; font-weight:bold; padding:1px 4px 2px 4px; text-align:center; width:auto; } .myButOra14 { background-color:#f76541; color:#ffffff; cursor:pointer; font-size:14px; font-weight:bold; padding:1px 4px 2px 4px; text-align:center; width:auto; } .myButOra16 { background-color:#f76541; color:#ffffff; cursor:pointer; font-size:16px; font-weight:bold; padding:1px 4px 2px 4px; text-align:center; width:auto; } /* #### Settings for Text Areas Display Mode Courier. #### */ .txtDispCou10 { background-color:#000000; color:#ffff00; font-family:'Courier New'; font-size:10px; font-weight:bold; padding:0px 2px; } .txtDispCou12 { background-color:#000000; color:#ffff00; font-family:'Courier New'; font-size:12px; font-weight:bold; padding:0px 2px; } /* #### Settings for Text Areas Display Mode Courier Right. #### */ .txtDispCouRght10 { background-color:#000000; color:#ffff00; font-family:'Courier New'; font-size:10px; font-weight:bold; padding:0px 2px; text-align:right; } .txtDispCouRght12 { background-color:#000000; color:#ffff00; font-family:'Courier New'; font-size:12px; font-weight:bold; padding:0px 2px; text-align:right; } /* #### Settings for Text Areas Display With NO Borders. #### */ .txtDispNoBrder08 { background-color:inherit; border:0; color:#24568b; font-family:'Times New Roman'; font-size:8px; font-weight:bold; padding:0px 2px; text-align:justify; } /* #### Settings for Text Areas Display Mode Right. #### */ .txtDispSkip { background-color:#8fbc8f; color:#24568b; font-family:Tahoma, Arial, Verdana; font-weight:bold; padding:0px 1px; text-align:right; } .txtDispSkipRight { background-color:#8fbc8f; color:#24568b; font-family:Tahoma, Arial, Verdana; font-weight:bold; padding:0px 1px; text-align:right; } /* #### Settings for Text Areas. #### */ .myText08 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman'; font-size:8px; font-weight:bold; padding:0px 2px; } .myText09 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman'; font-size:9px; font-weight:bold; padding:0px 2px; } .myText10 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman'; font-size:10px; font-weight:bold; padding:0px 2px; } .myText11 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman'; font-size:11px; font-weight:bold; padding:0px 2px; } .myText12 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman'; font-size:12px; font-weight:bold; padding:0px 2px; } .myText14 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman'; font-size:14px; font-weight:bold; padding:0px 2px; } .myText16 { background-color:#f0ffff; color:#24568b; font-family:'Times New Roman'; font-size:16px; font-weight:bold; padding:0px 2px; } /* #### Settings for Columns Widths. #### */ .width01 { width:1px; } .width02 { width:2px; } .width03 { width:3px; } .width05 { width:5px; } .width10 { width:10px; } .width15 { width:15px; } .width20 { width:20px; } .width25 { width:25px; } .width30 { width:30px; } .width35 { width:35px; } .width40 { width:40px; } .width45 { width:45px; } .width50 { width:50px; } .width60 { width:60px; } .width70 { width:70px; } .width80 { width:80px; } .width100 { width:100px; } .width150 { width:150px; } .width200 { width:200px; } .width250 { width:250px; } .width300 { width:300px; } .width350 { width:350px; } .width400 { width:400px; } .width450 { width:450px; } .width500 { width:500px; } .width550 { width:550px; } .width600 { width:600px; } .width650 { width:650px; } .width700 { width:700px; } /* #### Settings for Colored Columns. #### */ .colBlk01 { background-color:#000000; width:1px; } .colBlk02 { background-color:#000000; width:2px; } .colRed01 { background-color:#ff0000; width:1px; } .colRed02 { background-color:#ff0000; width:1px; } .colWhi01 { background-color:#ffffff; width:1px; } .colWhi02 { background-color:#ffffff; width:2px; } .colYel01 { background-color:#ffff00; width:1px; } .colYel02 { background-color:#ffff00; width:2px; } /* #### Colored Lines. #### */ .linBlk01 { background-color:#000000; height:1px; } .linBlk02 { background-color:#000000; height:2px; } .linRed01 { background-color:#ff0000; height:1px; } .linRed02 { background-color:#ff0000; height:2px; } .linWhi01 { background-color:#ffffff; height:1px; } .linWhi02 { background-color:#ffffff; height:2px; } .linYel01 { background-color:#ffff00; height:1px; } .linYel02 { background-color:#ffff00; height:2px; } /* #### Special Background (fgBlue), Text (White) for Footer. #### */ .blueWhite { background-color:#24568B; color:#000000; } /* #### Table with Black Background. #### */ .tbBlk1 { border:1px solid #000000; } .tbBlk2 { border:2px solid #000000; } .tbBlk3 { border:3px solid #000000; } .tbRed1 { border:1px solid #ff0000; } .tbRed2 { border:2px solid #ff0000; } .tbRed3 { border:3px solid #ff0000; } .tbWhi1 { border:1px solid #ffffff; } .tbWhi2 { border:2px solid #ffffff; } .tbYel1 { border:1px solid #ffff00; } .tbYel2 { border:2px solid #ffff00; } .tbCenter { margin:0 auto; vertical-align:top; } .tbLeft { margin:0 auto 0 0; vertical-align:top; } .tbRight { margin:0 0 0 auto; vertical-align:top; } .tbBkCenter { margin:0 auto; background-color:#ffffff; border-color:#000000; vertical-align:top; } .tbBkLeft { margin:0 auto 0 0; background-color:#ffffff; border-color:#000000; vertical-align:top; } .tbBkRight { margin:0 0 0 auto; background-color:#ffffff; border-color:#000000; vertical-align:top; } .tbBlue { border-width:5px; border-color:#1ed0ff; vertical-align:top; } .tbBlueBright { border-style:solid; border-width:5px; border-color:#1ed0ff; vertical-align:top; } .tbRed { border-width:5px; border-color:#ff0000; vertical-align:top; } .tbRedBright { border-style:solid; border-width:5px; border-color:#ffb6c1; vertical-align:top; } /* #### Over Menus Enhancer. #### */ .menuOn { background-color:#b1bfd9; cursor:pointer; } .menuOff { cursor:default; }