/* */ body { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; background-color: #FFFFFF; } body.azul { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; background-color: #00144D; } body.a { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; background-color: #eeeeee; } body.gf { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; background-color: #eef08e; background-color: #ffffa8; background-color: #A6D2D2; background-color: #16A9A6; } td { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 11px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; background-color: white; color: #000080; } td.bsc { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: white; color: #000080; background-color: #000080; background-color: cyan; } td.cyan { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: white; color: #000080; background-color: #000080; background-color: cyan; } td.cerrada { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 12px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: #000080; color: white; background-color: #000080; background-color: #1A3F86; background-color: #0F420F; background-color: #C0C0C0; background-color: #808080; background-color: #0080FF; } td.declinada { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size:12px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: #000080; color: white; background-color: #000080; background-color: #1A3F86; background-color: #0F420F; background-color: #0080FF; background-color: #808080; background-color: #C0C0C0; background-color: #517BCD; } td.proceso { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 12px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: #000080; color: white; background-color: #000080; background-color: #1A3F86; background-color: #C0C0C0; background-color: #808080; background-color: #0080FF; background-color: #0F420F; } td.retirada { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 12px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: #000080; color: white; background-color: #000080; background-color: #1A3F86; background-color: #C0C0C0; background-color: #808080; background-color: #0080FF; background-color: #FF8282; } td.espera { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: green; color: #0000ff; background-color: #ffffd2; } td.gf { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 12px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: white; background-color: #000080; background-color: #6C7025; background-color: #3D348B; } td.green { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 9px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: white; background-color: green; color: black; background-color: #ECECEC; background-color: #C4D4F6; } td.blue { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 9px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: white; background-color: blue; color: white; background-color: #80FFFF; background-color: #033D9E; } td.gray { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: white; color: #000080; background-color: #000080; background-color: gray; background-color: #5ffefe; } td.bggreen { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: green; background-color: white; } td.yellow { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: green; background-color: #ffffd2; } td.bsc2 { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 14px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: white; color: #000080; color: white; background-color: #000080; background-color: cyan; background-color: #4A589B; background-color: #000080; background-color: #555555; background-color: #8FBABA; } td.a { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; background-color: green; color: white; } td.red { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; background-color: red; color: white; } th { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 12px; font-style: normal; line-height: normal; font-weight: lighter; font-weight: bold; font-variant: normal; background-color: #330077; background-color: #126BAD; color: #CCFF99; color: #FFFFFF; } th.bsc { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 14px; font-style: normal; line-height: normal; font-weight: lighter; font-weight: bold; font-variant: normal; color: #330077; color: #FFFFFF; background-color: #CCFF99; background-color: #FF0080; background-color: #004080; } th.green { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 14px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; color: white; background-color: green; } /* th diferenciado por el font adicion de hh*/ th.a { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; background-color: green; color: white; } /* th diferenciado por el font adicion de hh*/ th.b { font-family: Arial, helvetica, sans-serif, Verdana, Tahoma, Geneva; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; background-color: green; color: white; } /* adicionado 2007.09.03 TABLE { border-collapse: collapse; border: 5px solid yellow; } *#col1 { border: 3px solid black; } TD { border: 1px solid red; padding: 1em; } TD.solid-blue { border: 5px dashed blue; } TD.solid-green { border: 5px solid green; } */ /* ejemplo de codigo que lo utiliza

1	2	3
4	5	6
7	8	9
10	11	12
13	14	15

*/ /******************************************************************************/ /*DEFAULT STYLES FOR ALL SECTIONS**********************************************/ /******************************************************************************/ a:link { color: #3300FF; text-decoration: underline; color: #0000ff; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; } a.bsc:link { color: #3300FF; text-decoration: underline; color: #ffffff; color: #000080; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; } a.blue:link { color: cyan; color: yellow; text-decoration: underline; font-family: Arial, Tahoma, Geneva, helvetica, sans-serif, Verdana; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; } a.green:link { text-decoration: underline; color: white; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; } a:visited { color: #0000FF; text-decoration: underline; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 11px; font-style: normal; } a.blue:visited { /*probado*/ color: yellow; text-decoration: underline; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: px; font-style: normal; } a:active { color: #0000CC; text-decoration: underline; } a:hover { color: #CCFF99; background-color: blue; font-size: 10px; text-decoration: underline; } title { color: white; background-color: blue; font-size: 12px; text-decoration: underline; } table { font-family: Tahoma, "Sans Serif", Verdana, Arial; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-weight: normal; font-size: medium; color: #252525; background-color: white; cellpadding: 3 cellspacing: 3 width: default; } table.bsc { font-family: Tahoma, "Sans Serif", Verdana, Arial; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-weight: normal; font-size: medium; background-color: #252525; background-color: #ffffff; color: white; color: cyan; cellpadding: 0 cellspacing: 0 width: default; } table.one { table-layout: fixed; height: 100%; width: 100%; } /*DEFAULT STYLES FOR THE 'INTRODUCTION' TABLE**********************************/ /******************************************************************************/ table.two { table-layout: fixed; height: 79px; width: 100%; background-color: window; } td.image { text-align: right; } td.rule { background-color: window; } h1.head { font-weight: bold; font-size: 10pt; color: #990099; margin-top: -3px; } h1 { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 9px; font-style: normal; font-variant: normal; text-transform: none; color: #000080; margin-top: -3px; } h2 { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 10px; font-style: normal; font-variant: normal; text-transform: none; color: #000080; margin-top: -3px; } h3 { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 12px; font-style: normal; font-variant: normal; text-transform: none; color: #000080; margin-top: -3px; } h4 { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 14px; font-style: normal; font-variant: normal; text-transform: none; color: #000080; margin-top: -3px; } h5 { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 16px; font-style: normal; font-variant: normal; text-transform: none; color: #000080; margin-top: -3px; } h6 { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 18px; font-style: normal; font-variant: normal; text-transform: none; color: #000080; margin-top: -3px; } h1.red { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 9px; font-style: normal; font-variant: normal; text-transform: none; color: #ff0000; margin-top: -3px; } h2.red { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 10px; font-style: normal; font-variant: normal; text-transform: none; color: #ff0000; margin-top: -3px; } h3.red { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 12px; font-style: normal; font-variant: normal; text-transform: none; color: #ff0000; margin-top: -3px; } h4.red { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 14px; font-style: normal; font-variant: normal; text-transform: none; color: red; margin-top: -3px; } h5.red { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 16px; font-style: normal; font-variant: normal; text-transform: none; color: #ff0000; margin-top: -3px; } h6.red { font-weight: bold; font-family: Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-size: 18px; font-style: normal; font-variant: normal; text-transform: none; color: #ff0000; margin-top: -3px; } p.subhead { color: windowtext; margin-top: -12px; margin-left: 10px; } img.smallest { background-color: activecaption; z-index: 1; } img.small { z-index: 1; } /*DEFAULT STYLES FOR THE 'NAVIGATION' TABLE************************************/ /******************************************************************************/ table.three { table-layout: fixed; height: 100%; width: 178px; } td.three { background-attachment: fixed; background-repeat: no-repeat; background-position: bottom left; background-color: activecaption; } td.dottedline { background: url(Images/DottedHori.gif) repeat; } table.linktextselected { font-weight: bold; width: 157px; height: 30px; position: relative; left: 10px; z-index: 2; } table.linktextselectedindent { font-weight: bold; width: 148px; height: 30px; position: relative; left: 18px; z-index: 2; } table.linktext { width: 157px; height: 30px; position: relative; left: 10px; z-index: 2; } table.linktextindent { width: 148px; height: 30px; position: relative; left: 18px; z-index: 2; } div.linkselected { background-color: buttonface; height: 30px; width: 166px; position: relative; left: 0px; right: 0px; z-index: 1; } div.link { height: 30px; width: 166px; position: relative; left: 0px; right: 0px; z-index: 1; } div.vertline { background: url(Images/DottedVert.gif) repeat; height: 125%; width: 1px; position: relative; top: -12px; left: -1px; } span.vertline1 { background: url(Images/DottedVert.gif) repeat; height: 100%; width: 1px; position: absolute; top: 0px; left: -1px; bottom: 0px; z-index: 2; } span.horiline1 { height: 30px; width: 166px; position: absolute; top: -1px; left: -1px; bottom: -1px; z-index: 2; } span.activelink { color: captiontext; text-decoration: none; cursor: hand; } span.activelink2 { color: captiontext; text-decoration: underline; cursor: hand; } span.inactivelink { color: buttonface; text-decoration: none; cursor: default; } /*DEFAULT STYLES FOR THE ALL BUTTONS AND THE 'BUTTONS' TABLE*******************/ /******************************************************************************/ button { font-family: Courier-New, Tahoma, Geneva, Arial, helvetica, sans-serif, Verdana; font-weight: bold; font-size: 12pt; height: 23px; cursor: hand; font-style: italic; line-height: normal; font-variant: small-caps; color: #000066; } /* no esta en uso */ .buttons { width: 75px; } /*DEFAULT STYLES FOR THE 'CONTENT' TABLE***************************************/ /******************************************************************************/ table.content { table-layout: fixed; height: 100%; width: 422px; } table.content1 { table-layout: fixed; height: 100%; width: 398px; } table.content2 { table-layout: fixed; height: 100%; width: 193px; } ol { font-family: Tahoma, Verdana, Arial, Sans Serif; font-weight: normal; font-size: 8pt; color: buttontext; margin-top: -1px; margin-bottom: 16px; } ul { font-family: Tahoma, Verdana, Arial, Sans Serif; font-weight: normal; font-size: 8pt; color: buttontext; margin-top: -1px; margin-bottom: 16px; } li { font-family: Tahoma, Verdana, Arial, Sans Serif; font-weight: normal; font-size: 8pt; color: buttontext; position: relative; left: -15px; margin-bottom: 1px; } span.itemtext { position: relative; top: -3px; } span.itemtextindent { position: relative; left: 17px; top: -3px; } span.itemtextindentA { position: relative; left: 25px; top: -3px; } span.itemtextindent1 { position: relative; left: 8px; top: -3px; } span.sidebtnhidden { width: 100%; margin-top: 3px; margin-bottom: 0px; } div.itemtextradioB { position: relative; top: -19px; left: 25px; margin-bottom: -25px; } div.itemtextradioindentA { position: relative; top: -17px; left: 30px; margin-bottom: -25px; } div.itemtextradioindentB { position: relative; top: -19px; left: 42px; margin-bottom: -25px; } div.itemtextcheckboxA { position: relative; top: -17px; left: 17px; margin-bottom: -23px; } div.itemtextcheckboxB { position: relative; top: -18px; left: 25px; margin-bottom: -25px; } div.itemtextcheckboxindentB { position: relative; top: -16px; left: 42px; margin-bottom: -25px; } div.inlineA { position: relative; top: 4px; width: 100%; height:1px; border-top: solid buttonshadow 1px; } div.inlineB { position: relative; top: -9px; margin-bottom: -20px; width: 100%; height:1px; border-top: solid threedhighlight 1px; } div.banner { margin: 0; font-size: 80% /*smaller*/; font-weight: bold; line-height: 1.1; text-align: center; position: fixed; top: 2em; left: auto; width: 8.5em; right: 2em; background-color: #00ffff; } div.banner p { margin: 0; padding: 0.3em 0.4em; font-family: Tahoma, Arial, sans-serif; background-color: #00ffff; border: thin outset #CCFFCC; color: #FF0099; } div.banner a, div.banner em { display: block; margin: 0 0.5em } div.banner a, div.banner em { border-top: 2px groove #CCFFCC } div.banner a:first-child { border-top: none } div.banner em { color: white } ; div.banner a:link { text-decoration: none; color: #0000FF } div.banner a:visited { text-decoration: none; color: blue } div.banner a:hover { background: blue; color: white } /* hasta 2010-03-26 input { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 10pt; */ color: #000066; } /* desde 2010-03-27 */ input { color:#050; /* color:#fc72f1; */ color:#0000FF; font: bold 84% 'trebuchet ms',helvetica,sans-serif; font-size: 9pt; background-color:#fed; border: 1px solid; border-color: #696 #363 #363 #696; filter:progid:DXImageTransform.Microsoft.Gradient /* (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */ (GradientType=0,StartColorStr='#fc72f1f1',EndColorStr='#00000000'); } textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 10pt; color: #000066; } .radio { position: relative; top: -2px; left: 4px; } .radioIndentA { margin-top: -2px; margin-left: 9px; } .radioIndent { margin-top: -2px; margin-left: 17px; } .checkboxA { position: relative; top: -2px; left: 4px; } .checkbox { position: relative; top: -1px; margin-left: -4px; z-index: 2; } .checkboxIndent { margin-top: -1px; margin-left: 21px; } .comment { width: 566px; position: relative; top: 5px; left: 8px; bottom: 6px; } .comment2 { width: 391px; position: relative; top: 5px; left: 8px; bottom: 6px; } /****THIS IS THE STANDARD INPUT BOX********************************************/ input.sidebtn { width: 173px; position: relative; top: 5px; left: 8px; } /****THIS IS AN INPUT BOX INDENTED UNDER A CHECKBOX SECTION*******************/ input.sidebtnIndent { width: 163px; position: relative; top: 5px; left: 18px; bottom: 6px; } /****THIS INPUT BOX HAS IS INDENTED UNDER A HEADING AND RULE SECTION***********/ input.sidebtnB { width: 164px; position: relative; top: 5px; left: 8px; bottom: 6px; } /****THIS INPUT BOX HAS A "..." BUTTON BESIDE IT*******************************/ input.sidebtn2 { width: 149px; position: relative; top: 5px; left: 8px; bottom: 6px; } /****THIS INPUT BOX HAS A "..." BUTTON BESIDE IT AND IT'S UNDER A CHECKBOX*****/ input.sidebtn2Indent { width: 139px; position: relative; top: 5px; left: 18px; bottom: 6px; } input.sidebtn21 { width: 141px; position: relative; top: 5px; left: 8px; bottom: 6px; } input.sidebtn2Long { width: 253px; position: relative; top: 5px; left: 8px; bottom: 6px; } input.sidebtn2A { width: 140px; position: relative; top: 5px; left: 8px; bottom: 6px; } input.sidebtn2B { width: 156px; position: relative; top: 6px; left: 8px; bottom: 0px; margin-bottom: -3px; } select { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 8pt; color: #000066; font-style: italic; } /****THIS IS THE STANDARD SELECTION BOX****************************************/ select.sidebtn { width: 173px; position: relative; top: 6px; left: 8px; bottom: 0px; margin-bottom: -3px; } /****THIS IS THE STANDARD SELECTION BOX****************************************/ span.sidebtn { position: relative; top: 6px; left: 8px; bottom: 0px; margin-bottom: -3px; } /****THIS IS THE STANDARD SELECTION BOX****************************************/ span.itemtextspecial { position: relative; top: -20px; left: 16px; bottom: 0px; margin-bottom: -3px; } /****THIS IS THE STANDARD SELECTION BOX****************************************/ span.sidebtnspecial { position: relative; top: -2px; left: 54px; bottom: 0px; margin-bottom: -3px; } /****THIS SELECTION BOX IS INDENTED UNDER A HEADING AND RULE SECTION***********/ select.sidebtnB { width: 164px; position: relative; top: 6px; left: 8px; bottom: 0px; margin-bottom: -3px; } /****THIS SELECTION BOX IS BELOW AND ASSOCIATED WITH A CHECKBOX****************/ select.sidebtn2 { width: 164px; position: relative; top: 13px; left: 17px; bottom: 0px; margin-bottom: -3px; } /****THIS SELECTION BOX IS BELOW AND ASSOCIATED WITH A CHECKBOX AND HEADING****/ select.sidebtn2A { width: 156px; position: relative; top: 13px; left: 25px; bottom: 0px; margin-bottom: -3px; } /****THIS SELECTION BOX IS BELOW AND ASSOCIATED WITH A CHECKBOX AND HEADING****/ select.sidebtn2ALong { width: 277px; position: relative; top: 6px; left: 25px; bottom: 0px; margin-bottom: -3px; } select.sidebtn2B { width: 156px; position: relative; top: 6px; left: 8px; bottom: 0px; margin-bottom: -3px; } /****THIS SELECTION BOX HAS "..." BUTTONS BESIDE THEM**************************/ select.sidebtn2C { width: 149px; position: relative; top: 5px; left: 8px; bottom: 6px; } select.sidebtn2CLong { width: 253px; position: relative; top: 5px; left: 8px; bottom: 6px; } select.sidebtn3 { width: 150px; position: relative; top: 6px; bottom: 0px; margin-bottom: -3px; } /****THIS SELECTION BOX IS FOR HORIZONTAL ADD/REMOVE SECTIONS******************/ select.sidebtn4Long { width: 574px; position: relative; top: 6px; left: 8px; bottom: 0px; margin-bottom: -3px; } object.itemtext { font-family: Tahoma, Verdana, Arial, Sans Serif; font-weight: normal; font-size: 8pt; color: buttontext; width: 173px; height: 19px; position: relative; top: 6px; left: 8px; margin-bottom: 2px; } .dropdowncombo { font-family: Tahoma, Verdana, Arial, Sans Serif; font-weight: normal; font-size: 8pt; color: buttontext; } /* agregado 2008.07.10*/ div.blink {text-decoration: blink;} H1 { text-shadow: 0.2em 0.2em } The next example will place a shadow to the right and below the element's text. The shadow will have a 5px blur radius and will be red. H2 { text-shadow: 3px 3px 5px red } The next example specifies a list of shadow effects. The first shadow will be to the right and below the element's text and will be red with no blurring. The second shadow will overlay the first shadow effect, and it will be yellow, blurred, and placed to the left and below the text. The third shadow effect will be placed to the right and above the text. Since no shadow color is specified for the third shadow effect, the value of the element's 'color' property will be used: H2 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px } Example(s): Consider this example: SPAN.glow { background: white; color: white; text-shadow: black 0px 0px 5px; } /* AGREGADO 2007.09.22 */ .button /* en uso 2010-03-26 */ { width: 120px; } # end button style .button /* en uso 2010-03-27 */ { width: 120px; color:#050; color:#000080; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#fed; border: 1px solid; border-color: #696 #363 #363 #696; filter:progid:DXImageTransform.Microsoft.Gradient /* (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */ (GradientType=0,StartColorStr='#fc72f1f1',EndColorStr='#00000000'); } submit. { color:#050; color:#000080; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#fed; border: 1px solid; border-color: #696 #363 #363 #696; filter:progid:DXImageTransform.Microsoft.Gradient /* (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */ (GradientType=0,StartColorStr='#fc72f1f1',EndColorStr='#00000000'); } input.button { color:#050; color:#000080; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#fed; border: 1px solid; border-color: #696 #363 #363 #696; filter:progid:DXImageTransform.Microsoft.Gradient /* (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */ (GradientType=0,StartColorStr='#fc72f1f1',EndColorStr='#00000000'); } /* */ /****THIS DEFINES A STANDARD BUTTON IN THE CONTENT SECTION*********************/ .buttonclass { margin-top: 2px; margin-left: 8px; margin-bottom: -6px; padding: 2px; } /****THIS DEFINES ADD/REMOVE BUTTONS IN THE CONTENT SECTION********************/ .buttonclass2 { margin-top: 8px; margin-left: 8px; z-index: 1; cursor: hand; } /****THIS DEFINES A "..." BUTTON IN THE CONTENT SECTION************************/ .buttonclass3 { height: 19px; width: 20px; position: relative; top: 2px; } /****THIS DEFINES A "..." BUTTON IN THE CONTENT SECTION AND UNDER A CHECKBOX***/ .buttonclass3Indent { height: 19px; width: 20px; position: relative; top: 2px; left: 10px; } .buttonclass31 { height: 19px; width: 20px; position: relative; top: 2px; left:8px; } .buttonclass3A { height: 19px; width: 20px; position: relative; top: 5px; } /****THIS DEFINES A ">>" BUTTON IN THE CONTENT SECTION************************/ .buttonclass4 { margin-bottom: 4px; width: 75px; height: 23px; } /****THIS DEFINES ADD/REMOVE BUTTONS HORIZONTALLY IN THE CONTENT SECTION******/ .buttonclass5 { margin-left: 4px; } /****THIS DEFINES FIRST ADD/REMOVE BUTTONS HORIZONTALLY IN CONTENT SECTION****/ .buttonclass5A { margin-left: 8px; } /****THIS SETS THE LEFT MARGIN FOR THE REMOVE BUTTON***************************/ #removebtn { margin-left: 4px; } /****THIS SETS THE LEFT MARGIN FOR INDENTED SECTION UNDER CHECKBOXES***********/ label.indent { margin-left: 18px; } /****THIS SETS THE LEFT MARGIN FOR INDENTED SECTION UNDER CHECKBOXES***********/ label.indent2 { margin-left: 26px; } /****THESE ARE CUSTOM SPACING ELEMENTS*****************************************/ p.spacer { margin-bottom: -28px; } p.elementspacer { margin-bottom: -12px; } p.elementspacer2 { margin-bottom: -19px; } p.elementspacer3 { margin-bottom: -3px; } p.elementspacer4 { margin-bottom: 7px; } p.elementspacer5 { margin-bottom: 5px; } p.elementspacer6 { margin-bottom: -24px; } p.elementspacer7 { margin-bottom: -11px; } p.elementspacer8 { margin-bottom: -14px; } p.elementspacer9 { margin-bottom: -7px; } p.elementspacer10 { margin-bottom: 6px; } p.elementspacer11 { margin-bottom: 22px; } p.elementspacer12 { margin-bottom: -17px; } p.elementspacer13 { margin-bottom: -23px; } p.elementspacer14 { margin-bottom: -25px; } /*CUSTOM STYLES FOR THE 'CONTENT' FRAME****************************************/ /******************************************************************************/ /*MFCAppWiz - Generated Classes.htm****************************************/ /**************************************************************************/ #CLASS_NAMES { width: 391px; } #PARAMETER_LIST_SPAN { position: relative; top: 46px; } #PARAMETER_LIST { margin-top: -1px; } input.btn { color:#050; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#fed; border: 1px solid; border-color: #696 #363 #363 #696; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); } /* muestras de codigo por usar input.btn { color:#050; font: bold small 'trebuchet ms',helvetica,sans-serif; } input.btn { color:#050; font: bold 84% 'trebuchet ms',helvetica,sans-serif; } input.btn { color:#050; font: bold 84%'trebuchet ms',helvetica,sans-serif; background-color: #fed; } input.btn { color:#050; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#fed; border:1px solid; border-color: #696 #363 #363 #696; } input.btn { color:#050; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#fed; border:1px solid; border-color: #696 #363 #363 #696; } input.btn { color:#050; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#fed; border: 1px solid; border-color: #696 #363 #363 #696; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); } nput.btnhov { border-color: #c63 #930 #930 #c63; http://www.addthis.com/bookmark.php?v=152&winname=addthis&pub=LeeUnd&source=men-152&lng=en&s=undefined&url=http%3A%2F%2Fwww.webreference.com%2Fprogramming%2Fcss_stylish%2F&title=Stylish%20Buttons%20-%20Learn%20How%20to%20Use%20CSS%20to%20Style%20Input%20Buttons&logo=http%3A%2F%2Fwww.webreference.com%2Fart%2Fsite-name.gif&logobg=EFEFFF&logocolor=666699&ate=AT-LeeUnd/-/-/4bae8ce72038b969/1&CXNID=2000001.5215456080540439074NXC&pre=http%3A%2F%2Fwww.google.com.co%2Fsearch%3Fhl%3Des%26source%3Dhp%26q%3Dhtml%2Bbutton%2Bproperties%26meta%3D%26aq%3D0%26aqi%3Dg2%26aql%3D%26oq%3DHTML%2BBUTTON%2BPRO%26gs_rfai%3D&tt=0 http://www.webreference.com/programming/css_stylish/ */