/* Default look of any 'select', 'input' and 'textarea' html controls */ select, input, textarea {font: 11px "Arial", "Trebuchet MS", "verdana", "Lucida Sans Unicode", "helvetica"; color: #000000; border: 0.03cm solid #9F9898;} td {font-family: Arial, Helvetica, sans-serif;font-size: 11px} td.norepeat { background: no-repeat} table.border {border:1px solid #cccccc;} table.border2 {border:2px solid #cccccc;} table.border-and-background {border:1px solid #cccccc; background:url(/images/main-table-bg-grey.gif);} .highlight A:link {font-family: "Trebuchet MS", sans-serif;font-size: 11px; color: #a90050; line-height: 13px; font-weight: bold;} .highlight2 A:link {font-family: "Trebuchet MS", sans-serif;font-size: 13px; color: #a90050; line-height: 13px; font-weight: bold;} /* The following CSS classes define the defaulted look of any ANCHOR tag */ a:link, a:visited { color: #0078C1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;} a:hover{ color: #0078C1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;} /*- Button 1--------------------------- */ a.button1 span{ background: transparent url("/images/en_US/template1/button1/1-right.gif") no-repeat top right; display: block; padding: 4px 9px 4px 0; text-decoration:none;} a:link.button1, a:visited.button1, a:active.button1{ background: transparent url("/images/en_US/template1/button1/1-left.gif") no-repeat top left;display: block;float: left;font: 11px Arial;line-height: 15px;height: 23px;padding-left: 9px;text-decoration: none;text-transform: uppercase;font-weight: bold;letter-spacing: .5px;color: #646464; } a.button1:hover{background-position: bottom left;text-decoration:none;} a.button1:hover span{ background-position: bottom right; color: #646464; } .buttonwrapper{ overflow: hidden; } /*- Button 1 2 lines --------------------------- */ a.button1-2lines{ background: transparent url("/images/en_US/template1/button1/1-left2lines.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 36px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } a:link.button1-2lines, a:visited.button1-2lines, a:active.button1-2lines{ color: #646464; } a.button1-2lines span{ background: transparent url("/images/en_US/template1/button1/1-right2lines.gif") no-repeat top right; display: block; padding: 4px 9px 4px 0; } a.button1-2lines:hover{ background-position: bottom left; } a.button1-2lines:hover span{ background-position: bottom right; color: #646464; } /*- Button 1 3 lines --------------------------- */ a.button1-3lines{ background: transparent url("/images/en_US/template1/button1/1-left3lines.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 49px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } a:link.button1-3lines, a:visited.button1-3lines, a:active.button1-3lines{ color: #646464; } a.button1-3lines span{ background: transparent url("/images/en_US/template1/button1/1-right3lines.gif") no-repeat top right; display: block; padding: 4px 9px 3px 0; } a.button1-3lines:hover{ background-position: bottom left; } a.button1-3lines:hover span{ background-position: bottom right; color: #646464; } /*- Button 2--------------------------- */ a.button2{ background: transparent url("/images/en_US/template1/button2/2-left.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } a:link.button2, a:visited.button2, a:active.button2{ color: #FFFFFF; font: 11px Arial; text-decoration: none; color: #FFFFFF; font-weight:bold; line-height: 15px;} a.button2 span{ background: transparent url("/images/en_US/template1/button2/2-right.gif") no-repeat top right; display: block; padding: 4px 9px 4px 0; } a.button2:hover{ background-position: bottom left; } a.button2:hover span{ background-position: bottom right; color: #FFFFFF; } /*- Button 2 2 lines --------------------------- */ a.button2-2lines{ background: transparent url("/images/en_US/template1/button2/2-left2lines.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 36px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } a:link.button2-2lines, a:visited.button2-2lines, a:active.button2-2lines{ color: #FFFFFF; font: 11px Arial; text-decoration: none; color: #FFFFFF; font-weight:bold; line-height: 15px; } a.button2-2lines span{ background: transparent url("/images/en_US/template1/button2/2-right2lines.gif") no-repeat top right; display: block; padding: 4px 9px 4px 0; } a.button2-2lines:hover{ background-position: bottom left; } a.button2-2lines:hover span{ background-position: bottom right; color: #FFFFFF; } /*- Button 2 3 lines --------------------------- */ a.button2-3lines{ background: transparent url("/images/en_US/template1/button2/2-left3lines.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 49px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } a:link.button2-3lines, a:visited.button1-3lines, a:active.button1-3lines{ color: #FFFFFF; font: 11px Arial; text-decoration: none; color: #FFFFFF; font-weight:bold; line-height: 15px; } a.button2-3lines span{ background: transparent url("/images/en_US/template1/button2/2-right3lines.gif") no-repeat top right; display: block; padding: 4px 9px 3px 0; } a.button2-3lines:hover{ background-position: bottom left; } a.button2-3lines:hover span{ background-position: bottom right; color: #FFFFFF; } /*--------------------------- Buttons OFF --------------------------- */ /*- Button 1off--------------------------- */ a.button1off{ background: transparent url("/images/en_US/template1/button1/1-left.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button1off, a:visited.button1off, a:active.button1off{ color: #646464; } a.button1off span{ background: transparent url("/images/en_US/template1/button1/1-right.gif") no-repeat bottom right; display: block; padding: 4px 9px 4px 0; } a.button1off:hover{ background-position: bottom left; } a.button1off:hover span{ background-position: bottom right; color: #646464; } /*- Button 1off 2 lines --------------------------- */ a.button1off-2lines{ background: transparent url("/images/en_US/template1/button1/1-left2lines.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 36px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button1off-2lines, a:visited.button1off-2lines, a:active.button1off-2lines{ color: #646464; } a.button1off-2lines span{ background: transparent url("/images/en_US/template1/button1/1-right2lines.gif") no-repeat bottom right; display: block; padding: 4px 9px 4px 0; } a.button1off-2lines:hover{ background-position: bottom left; } a.button1off-2lines:hover span{ background-position: bottom right; color: #646464; } /*- Button 1off 3 lines --------------------------- */ a.button1off-3lines{ background: transparent url("/images/en_US/template1/button1/1-left3lines.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 49px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button1off-3lines, a:visited.button1off-3lines, a:active.button1off-3lines{ color: #646464; } a.button1off-3lines span{ background: transparent url("/images/en_US/template1/button1/1-right3lines.gif") no-repeat bottom right; display: block; padding: 4px 9px 3px 0; } a.button1off-3lines:hover{ background-position: bottom left; } a.button1off-3lines:hover span{ background-position: bottom right; color: #646464; } /*- Button 2off--------------------------- */ a.button2off{ background: transparent url("/images/en_US/template1/button2/2-left.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button2off, a:visited.button2off, a:active.button2off{ color: #FFFFFF; } a.button2off span{ background: transparent url("/images/en_US/template1/button2/2-right.gif") no-repeat bottom right; display: block; padding: 4px 9px 4px 0; } a.button2off:hover{ background-position: bottom left; } a.button2off:hover span{ background-position: bottom right; color: #FFFFFF; } /*- Button 2off 2 lines --------------------------- */ a.button2off-2lines{ background: transparent url("/images/en_US/template1/button2/2-left2lines.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 36px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button2off-2lines, a:visited.button2off-2lines, a:active.button2off-2lines{ color: #FFFFFF; } a.button2off-2lines span{ background: transparent url("/images/en_US/template1/button2/2-right2lines.gif") no-repeat bottom right; display: block; padding: 4px 9px 4px 0; } a.button2off-2lines:hover{ background-position: bottom left; } a.button2off-2lines:hover span{ background-position: bottom right; color: #FFFFFF; } /*- Button 2off 3 lines --------------------------- */ a.button2off-3lines{ background: transparent url("/images/en_US/template1/button2/2-left3lines.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 49px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button2off-3lines, a:visited.button2off-3lines, a:active.button2off-3lines{ color: #FFFFFF; } a.button2off-3lines span{ background: transparent url("/images/en_US/template1/button2/2-right3lines.gif") no-repeat bottom right; display: block; padding: 4px 9px 3px 0; } a.button2off-3lines:hover{ background-position: bottom left; } a.button2off-3lines:hover span{ background-position: bottom right; color: #FFFFFF; } td.step-heading-main{font-family: "Times New Roman", Times, serif; font-size: 24px; font-style: normal; color: #333333;} .text_important_large { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #5e5c61; } .text_important_white_large { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; } .text_important { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase; } .text_important_lowercase { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: lowercase; } .text_important_regular { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;} .text_important_white { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; } .text_regular { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; } /* VERY IMPORTANT: This class defines how every input and textarea boxes should look */ .fancy {font: 11px "Arial", "Trebuchet MS", "verdana", "Lucida Sans Unicode", "helvetica"; color: #000000; border: 0.03cm solid #9F9898;} .fancy2 {font: 11px "Arial", "Trebuchet MS", "verdana", "Lucida Sans Unicode", "helvetica"; color: #2b2930; border: 0.03cm solid #9F9898; padding-left:2px; width:100%;} .column-space-5 { width: 5px; } .column-space-10 { width: 10px; } .column-space-20 { width: 20px; } .row-space-5 { height: 5px; } .row-space-10 { height: 10px; } /* VERY IMPORTANT: Begin of ERROR messages classes definitions */ div#errors { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #4b4b4b; border:1px solid #a90050; background-color:#f6e8ef; display: block; width:100%;} ol#errors { padding-top:0px; padding-left:0px; margin-top:0px; margin-left:40px; } li#error { list-style-image: url(/images/spacer.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2b2930; } td.error { background-color: #f6e8ef; border: 1px solid #a90050; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #a90050; } table.div-error-box { background-color: #f6e8ef; } table.error-box { background-color: #f6e8ef; border: 1px solid #a90050; } td.error-header { background-color: #a90050; font-family: Arial; font-size: 12px; font-weight: bold; color: #ffffff; } td.error-text { background-color: #f6e8ef; font-family: Arial; font-size: 12px; font-weight: bold; color: #a90050; } table.error {border:1px solid #a90050;} td.error-heading { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ff0000;} .error-reason { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ff0000;} td.error-reversed {font-family: 'Times New Roman', serif; font-size: 15px;font-weight: bold; color: #ffffff; padding-left: 3px;padding-right: 3px; padding-top: 3px;padding-bottom: 3px; } td.error-message {font-family: 'Times New Roman', serif; font-size: 12px; color: #2b2930; padding-left: 5px;padding-right: 53px; padding-top: 5px;padding-bottom: 5px; } .error-highlight {font-family: "Arial", "Trebuchet MS", "verdana", "Lucida Sans Unicode", "helvetica";border-color: #ffff99; border-style: solid; border-width: 1px; background-color:#ffff99;} /* End of ERROR messages classes definitions */ .sub_heading {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #2b2930;letter-spacing: 1px;} .sub_heading_regular {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #2b2930;letter-spacing: 1px;} .sub_heading2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #2b2930;letter-spacing: 1px;} .page-subheadermain { color: #a90050; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-decoration: none; margin-left: 2px; line-height: 28px; } /* asset video */ .AssetVideo-header {font-family: "Times New Roman", Times, serif;font-size: 24px;font-weight: normal;color: #323232; } .AssetVideo-subheader {font-family: "Times New Roman", Times, serif;font-size: 18px;font-weight: normal;color: #8f8d95; } .AssetVideo-vidheader {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #323232;} .AssetVideo-close {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #9a9a97;} .AssetVideo-emailafriend {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #9a9a97;} .AssetVideo-name {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #323232;} .AssetVideo-info {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #323232;} /* evite */ .evite-heading { color: #a90050; font-family:Georgia, "Times New Roman", Times, serif; font-size: 32px; font-weight: normal; text-decoration: none; margin-left: 0px; border-bottom:1px solid #c8c8c8; height: 35px; } .evite-infomation { color: #5e5c61; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; margin-left: 4px; padding-left:4px; line-height: 16px; } .evite-infomation-header { color: #979797; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 6px; padding-left: 4px; } .evite-infomation-pink{ color: #a90050; font-size: 21px; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0 6px 4px; } .evite-message-body-header { color: #a90050; font-family:Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: normal; text-decoration: none; } .evite-message-body-footer { color: #a90050; font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; text-decoration: none; margin: 0 0 0 0; padding: 0 0 0 0; } .evite-message-body { color: #5e5c61; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; text-align:justify; line-height: 18px; } p.body{ padding: 0 0 8px 0; margin: 0 0 0 0; } p.footer{ padding: 0 0 0 0; margin: 0 0 0 0; } /************************************************************************/ /******** CSS DRIVEN */ /************************************************************************/ label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; padding-right: 3px} #page-container { width: 100%; padding: 0; margin: 0 10px 0 0; text-align: left} #page-header { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-decoration: none; padding: 10px} #page-errors {clear: both; padding: 5px;} #popup-page-container { margin: 0; padding: 0; width: 100%; text-align: left} #popup-page-container #page-header { width: 100%; padding: 0; margin: 0; color: #FFFFFF; background-color: #034E97; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; } #popup-page-container #main { margin: 25px 0 10px ; padding: 5px; text-align: center; } #form-header { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #999999; height: 18px; padding: 5px} #form-box {clear: both; border: 1px solid #999999; background-color: #f5f5f5; float: left; width: 100%; } #form-box p {clear: both; } #form-field { float: left; margin: 5px;} #buttons { clear: both; margin: 10px 0 10px 0; float: left; width: 100%; } #button-container { float: left; width: auto; padding-left: 5px; } #search-box { padding: 0; margin: 0 0 10px 0; border: 1px solid #999999; background-color: #f5f5f5; float: left; width: 100%; } #search-box h1 { padding: 0; margin: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: black; text-decoration: none; } #search-results { margin: 0; padding: 0; border: 1px solid #999; text-align: center; width: 100%; clear: both; } #search-results th { font-family:arial, helvetica, sans-serif; color:#ffffff; font-size: 12px; font-weight: bold; background-color:#034E97; padding: 5px; text-align: center;} #search-results th.column-left { text-align: left;} #search-results td {font-family:arial, helvetica, sans-serif; } #search-results tr.odd { background-color: #EBEBEB; } #search-results tr.even { background-color: #ffffff; } #search-results tr.inactive { color: #F00 !important; } #search-results-no-results { font-family:arial, helvetica, sans-serif; color:#000000; font-size: 16px; font-weight: bold; text-align: center}