/*----------------------------------------------------------------- Steps to Use this IR CSS: ------------------------------------------------------------------- 1) Save this Sample file as live_######.css, live_######_dev.css or with any name. 1) Find and Replace all font-family as per the client's body font-family. 2) Find 12px (only) and Replace all font-size as per the client's data part. [12px only] 3) Find and Replace all the color values which is defined in "body" class. 4) Find and Replace Anchor text color value and change text-decoration according to client's website. 5) .header : this class will contain darker shade of background color. Note: If you use darker background color then change font color to white or to other light color. 6) .datashade : this class will contain lighter shade of background color. Ex. for alternate row colors in Docs.aspx page Note : Please don't change "Font-weight" for any style ( except "2 : Common Link Style" ) ------------------------------------------------------------------*/ /*============================================== START : No need to update below given style ================================================*/ .datared {color:#FF0000;} .priceup {color:#009900;font-weight:bold;} .pricedown {color:#FF0000;font-weight:bold;} .ui-datepicker-header {height:25px;} table {text-align:left;border-collapse:seperate;} /*============================================== END : No need to update Above given style ================================================*/ /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx START :: IRW Main CSS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ /*============================================================================================= 1 : General style for body , .header, .datashade and other class ===============================================================================================*/ body {color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;font-weight:normal;line-height:17px;} /* Background of Data part */ .data, .colordark, .colorlight {background:#FFFFFF;} .data {color:#000000;font-size:12px;font-weight:normal;line-height:17px;background:#FFFFFF;} /*------------------------------Table Header--------------------------------*/ .Header, .header {background:#006753;color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;} .datashade {background:#EFEEEE;color:#000000;font-size:12px;font-weight:normal;} .dataalign {color:#000000;} /*-----------------------------------CSS For Title-------------------------------------*/ .title1light {color:#0b715d;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:17px;font-weight:bold;} .subtitlelight, .title2, .title2colordark {color:#0b715d;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;} /*------------------------------------page title for Template 1--------------------------------------*/ .titletest {color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;} .titletest2, .defaultbold, .defaultlight, .largelight {color:#000000;font-size:12px;font-weight:bold;} .default, .large, .large font {color:#000000;font-size:12px;font-weight:normal;} /*============================================================================================= 2 : Common Link style : for all the links ===============================================================================================*/ a, a:link {color:#0b715d;text-decoration:underline;} a:active {color:#0b715d;text-decoration:underline;} a:visited {color:#0b715d;text-decoration:underline;} a:hover {color:#0b715d;text-decoration:underline;} .colordark a:link, .table1 a:link, .table2 a:link {color:#0b715d;font-size:12px;text-decoration:underline;} .colordark a:active, .table1 a:active, .table2 a:active {color:#0b715d;font-size:12px;text-decoration:underline;} .colordark a:visited, .table1 a:visited, .table2 a:visited {color:#0b715d;font-size:12px;text-decoration:underline;} .colordark a:hover, .table1 a:hover, .table2 a:hover {color:#0b715d;font-size:12px;text-decoration:underline;} a span.default, a:link span.default {color:#0b715d;font-size:12px;text-decoration:underline;} a:active span.default {color:#0b715d;font-size:12px;text-decoration:underline;} a:visited span.default {color:#0b715d;font-size:12px;text-decoration:underline;} a:hover span.default {color:#0b715d;font-size:12px;text-decoration:underline;} a span.headerdark, a:link span.headerdark, a.light, a.light:link, a.fielddef, a.fielddef:link {color:#0b715d;font-size:12px;text-decoration:underline;} a:active span.headerdark, a.light:active, a.fielddef:active {color:#0b715d;font-size:12px;text-decoration:underline;} a:visited span.headerdark, a.light:visited, a.fielddef:visited {color:#0b715d;font-size:12px;text-decoration:underline;} a:hover span.headerdark, a.light:hover, a.fielddef:hover {color:#0b715d;font-size:12px;text-decoration:underline;} /*============================================================================================= 3 : Bold Links : Below mentioned IR class are defined for Bold links ===============================================================================================*/ a b, a:link b, a strong, a:link strong, a.boldfielddef b, a.boldfielddef:link b, a.boldfielddef, a.boldfielddef span, a.boldfielddef:link, a.boldfielddef:link span, a.boldfielddef span.defaultbolda.defaultbold, a.defaultbold:link, a span.defaultbold, a:link span.defaultbold,span.subtitlelight a:link, a span.title2, span.subtitlelight a:link, a:link span.title2 {color:#0b715d;font-size:12px;font-weight:bold;text-decoration:underline;} a:active b, a:active strong, a.boldfielddef:active b, a.boldfielddef:active span, a.boldfielddef:active span.defaultbold, a.boldfielddef:active, a.defaultbold:active, a:active span.defaultbold, span.subtitlelight a:active, a:active span.title2 {color:#0b715d;font-size:12px;font-weight:bold;text-decoration:underline;} a:visited b, a:visited strong, a.boldfielddef:visited b, a.boldfielddef:visited, a.boldfielddef:visited span, a.boldfielddef:visited span.defaultbold, a.defaultbold:visited, a:visited span.defaultbold, span.subtitlelight a:visited, a:visited span.title2 {color:#0b715d;font-size:12px;font-weight:bold;text-decoration:underline;} a:hover b, a:hover strong, a.boldfielddef:hover b, a.boldfielddef:hover, a.boldfielddef:hover span, a.boldfielddef:hover span.defaultbold,a.defaultbold:hover, a:hover span.defaultbold, span.subtitlelight a:hover, a:hover span.title2 {color:#0b715d;font-size:12px;font-weight:bold;text-decoration:underline;} /*------------------------------------------------------------------------------------------------------- 4 : Header Link Style Note : when .header class has dark background color, then use white color for below given link style. ---------------------------------------------------------------------------------------------------------*/ a span.header, a:link span.header, a.header span, a.header:link span, a.header:link {color:#FFFFFF;font-size:12px;text-decoration:underline;} a:active span.header, a.header:active span, a.header:active {color:#FFFFFF;font-size:12px;text-decoration:underline;} a:visited span.header, a.header:visited span, a.header:visited {color:#FFFFFF;font-size:12px;text-decoration:underline;} a:hover span.header, a.header:hover span, a.header:hover {color:#FFFFFF;font-size:12px;text-decoration:underline;} #branchdata a, #branchdata a:link, #branchdata a:visited, #branchdata a:hover, #branchdata.sortable a.sortheader, #branchdata.sortable a.sortheader:link, #branchdata.sortable a.sortheader:visited, #branchdata.sortable a.sortheader:hover, #propertydata a, #propertydata a:link, #propertydata a:visited, #propertydata a:hover, #propertydata.sortable a.sortheader, #propertydata.sortable a.sortheader:link, #propertydata.sortable a.sortheader:visited, #propertydata.sortable a.sortheader:hover {color:#FFFFFF;font-weight:bold;text-decoration:underline;} a.title2colordark, a.title2colordark:link {font-size:15px;font-weight:bold;text-decoration:underline;} a.title2colordark:active {font-size:15px;font-weight:bold;text-decoration:underline;} a.title2colordark:visited {font-size:15px;font-weight:bold;text-decoration:underline;} a.title2colordark:hover {font-size:15px;font-weight:bold;text-decoration:underline;} /*============================================================================================= 5 : CSS for Extra Links ===============================================================================================*/ a.header:link span.headerlight, a.header:visited span.headerlight, a.header:hover span.headerlight {font-weight:bold;text-decoration:underline;} .headLarge {color:#FF9900;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;line-height:normal;} #theIFrame {background:none repeat scroll 0 0 #FFFFFF;} #title_img a.tab {white-space:nowrap;} /*============================================================================================= 6 : ( Uncomment below style If Required ) Border styles : It if you need diffrent border colors in Any IR site ===============================================================================================*/ /* .input {border:1px solid #7F9DB9;color:#000000;font-family:Arial;font-size: 14px;line-height:16px;background:#FFFFFF;} .data .input,.data input.table2, .data textarea {border:1px solid #7F9DB9;color:#000000;font-family:Arial;font-size: 14px;line-height:16px;background:#FFFFFF;} .data input {line-height:16px; } .data select option.input { border: 0px solid } .data input.submit.datashade { background: none; } .table1, table.table1, td.table1 {border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;} .table1_item, td.colordark table td.table1_item, td.colorlight table td.table1_item, td.table1_item {border-bottom:1px solid #CCCCCC;} .table2, table.table2, td.table2 {border:1px solid #CCCCCC;} .Table2 {border:0 solid;} .divider {border-right:1px solid #CCCCCC;} .divider_left {border-left:1px solid #CCCCCC;} .bottom_cap, table.bottom_cap, td.bottom_cap, table1 table.bottom_cap, table2 table.bottom_cap {border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;} .report_top, td.report_top {border-top:1px solid #CCCCCC;} .leftTOPbord {border-top: 1px solid #348BC5;border-left: 1px solid #348BC5;} .surr {border:1px solid #348BC5;} */ /*============================================================================================= 7 : ( Uncomment below style If Required ) Other Customized CSS ===============================================================================================*/ /* .irToggleOpen, #thelanguage_od .irToggleOpen {background:url("/interactive/lookandfeel/4098250/open.gif") no-repeat scroll left top transparent;} .irToggleClose, #thelanguage_od .irToggleClose {background:url("/interactive/lookandfeel/4098250/close.gif") no-repeat scroll left top transparent;} */ /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx END :: IRW Main CSS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/