/* '// ----------------------------------------------------------------------------- '// Project : SCINet.Web.UI.WebControls '// Class : SCINet.Web.UI.WebControls.Panel '// Version : 1.5 '// Modified : 2007-09-27 '// ----------------------------------------------------------------------------- '// '// The Panel web control is designed to show content that can be collapsed and '// expanded. '// '// ----------------------------------------------------------------------------- */ /* Panel Header */ .panel-header { float:left;width:100%;height:24px;cursor:pointer;cursor:hand; } .panel-header-text { float:left;height:14px;padding:0 0 0 0.5em;overflow:visible;font-size:100%;font-weight:bold; } /* Panel No Header */ .panel-noheader { display:none;cursor:pointer;cursor:hand; } /* Panel Content */ .panel-betweenheadercontent { clear:both; } .panel-content { background:transparent;padding:0.5em 0.5em 0.5em 0.5em; } .panel-content:before { content:".";display:block;height:0;clear:both;visibility:hidden; } /* Panel Footer */ .panel-footer {} .panel-footer2 {} /* Panel Control */ .panel-control { float:right;width:14px;height:14px;margin:2px 4px 0 0; } .panel-control .panel-expand { width:100%; } .panel-control .panel-expand div { width:100%; } .panel-open { width:14px;height:14px;background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaSW79DJ9Hf0rBtVNN4tfNmw1&t=633457609205377424) no-repeat center right;font-size:14px; } .panel-close { width:14px;height:14px;background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaWROq-WH7KTs-091KJ2f1_I1&t=633457609205377424) no-repeat center right;font-size:14px; } .panel-open:hover { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaSW79DJ9Hf0rBtVNN4tfNmw1&t=633457609205377424) no-repeat center right; } .panel-close:hover { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaWROq-WH7KTs-091KJ2f1_I1&t=633457609205377424) no-repeat center right; } /* Light Blue Box */ .blue { border:solid #c3d9ff 1px; } .blue .panel-header { background:#c3d9ff; } /* Light Gray Box */ .gray { border:solid #ddd 1px; } .gray .panel-header { background:#ddd; } /* Light Blue Round */ .blue-sbox .panel-header { background:#c3d9ff; } .blue-sbox .panel-footer { border-bottom:solid 1px #c3d9ff;display:block;overflow:hidden;height:1px;font-size:1px; } em.blue-stop, em.blue-sbtm { display:block;background:transparent;font-size:1px; } em.blue-stop em.s1 { background:#c3d9ff; } em.blue-stop em.s2, em.blue-stop em.s3, em.blue-stop em.s4 { background:#c3d9ff;border-left-color:#c3d9ff;border-right-color:#c3d9ff; } em.blue-sbtm em.s1 { background:#c3d9ff; } em.blue-sbtm em.s2, em.blue-sbtm em.s3, em.blue-sbtm em.s4 { background:#fff;border-left-color:#c3d9ff;border-right-color: #c3d9ff; } .blue-sbox { display:block;background:#fff;border:solid 0 #c3d9ff;border-width:0 1px; } /* Light Gray Round */ .gray-sbox .panel-header { background:#ddd; } .gray-sbox .panel-footer { border-bottom:solid 1px #ddd;display:block;overflow:hidden;height:1px;font-size:1px; } em.gray-stop, em.gray-sbtm { display:block;background:transparent;font-size:1px; } em.gray-stop em.s1 { background:#ddd; } em.gray-stop em.s2, em.gray-stop em.s3, em.gray-stop em.s4 { background:#ddd;border-left-color:#ddd;border-right-color:#ddd; } em.gray-sbtm em.s1 { background:#ddd; } em.gray-sbtm em.s2, em.gray-sbtm em.s3, em.gray-sbtm em.s4 { background:#fff;border-left-color:#ddd;border-right-color:#ddd; } .gray-sbox { display:block;background:#fff;border:solid 0 #ddd;border-width:0 1px; } /* Light Green Round */ .green-sbox .panel-header { background:#bdffbe; } .green-sbox .panel-footer { border-bottom:solid 1px #bdffbe;display:block;overflow:hidden;height:1px;font-size:1px; } em.green-stop, em.green-sbtm { display:block;background:transparent;font-size:1px; } em.green-stop em.s1 { background:#bdffbe; } em.green-stop em.s2, em.green-stop em.s3, em.green-stop em.s4 { background:#bdffbe;border-left-color:#bdffbe;border-right-color:#bdffbe; } em.green-sbtm em.s1 { background:#bdffbe; } em.green-sbtm em.s2, em.green-sbtm em.s3, em.green-sbtm em.s4 { background:#fff;border-left-color:#bdffbe;border-right-color:#bdffbe; } .green-sbox { display:block;background:#fff;border:solid 0 #bdffbe;border-width:0 1px; } /* Light Yellow Round */ .yellow-sbox .panel-header { background:#ffcc33; } .yellow-sbox .panel-footer { border-bottom:solid 1px #ffcc33;display:block;overflow:hidden;height:1px;font-size:1px; } em.yellow-stop, em.yellow-sbtm { display:block;background:transparent;font-size:1px; } em.yellow-stop em.s1 { background:#ffcc33; } em.yellow-stop em.s2, em.yellow-stop em.s3, em.yellow-stop em.s4 { background:#ffcc33;border-left-color:#ffcc33;border-right-color:#ffcc33; } em.yellow-sbtm em.s1 { background:#ffcc33; } em.yellow-sbtm em.s2, em.yellow-sbtm em.s3, em.yellow-sbtm em.s4 { background:#fff;border-left-color:#ffcc33;border-right-color:#ffcc33; } .yellow-sbox { display:block;background:#fff;border:solid 0 #ffcc33;border-width:0 1px; } /* Light Beige Round */ .beige-sbox .panel-header { background:#e8e7d3; } .beige-sbox .panel-footer { border-bottom:solid 1px #e8e7d3;display:block;overflow:hidden;height:1px;font-size:1px; } em.beige-stop, em.beige-sbtm { display:block;background:transparent;font-size:1px; } em.beige-stop em.s1 { background:#e8e7d3; } em.beige-stop em.s2, em.beige-stop em.s3, em.beige-stop em.s4 { background:#e8e7d3;border-left-color:#e8e7d3;border-right-color:#e8e7d3; } em.beige-sbtm em.s1 { background:#e8e7d3; } em.beige-sbtm em.s2, em.beige-sbtm em.s3, em.beige-sbtm em.s4 { background:#fff;border-left-color:#e8e7d3;border-right-color: #e8e7d3; } .beige-sbox { display:block;background:#fff;border:solid 0 #e8e7d3;border-width:0 1px; } /* Light Pink Round */ .pink-sbox .panel-header { background:#ffeac0; } .pink-sbox .panel-footer { border-bottom:solid 1px #ffeac0;display:block;overflow:hidden;height:1px;font-size:1px; } em.pink-stop, em.pink-sbtm { display:block;background:transparent;font-size:1px; } em.pink-stop em.s1 { background:#ffeac0; } em.pink-stop em.s2, em.pink-stop em.s3, em.pink-stop em.s4 { background:#ffeac0;border-left-color:#ffeac0;border-right-color:#ffeac0; } em.pink-sbtm em.s1 { background:#ffeac0; } em.pink-sbtm em.s2, em.pink-sbtm em.s3, em.pink-sbtm em.s4 { background:#fff;border-left-color:#ffeac0;border-right-color: #ffeac0; } .pink-sbox { display:block;background:#fff;border:solid 0 #ffeac0;border-width:0 1px; } /* Light Gold Round */ .gold-sbox .panel-header { background:#c3a768; } .gold-sbox .panel-footer { border-bottom:solid 1px #c3a768;display:block;overflow:hidden;height:1px;font-size:1px; } em.gold-stop, em.gold-sbtm { display:block;background:transparent;font-size:1px; } em.gold-stop em.s1 { background:#c3a768; } em.gold-stop em.s2, em.gold-stop em.s3, em.gold-stop em.s4 { background:#c3a768;border-left-color:#c3a768;border-right-color:#c3a768; } em.gold-sbtm em.s1 { background:#c3a768; } em.gold-sbtm em.s2, em.gold-sbtm em.s3, em.gold-sbtm em.s4 { background:#fff;border-left-color:#c3a768;border-right-color:#c3a768; } .gold-sbox { display:block;background:#fff;border:solid 0 #c3a768;border-width:0 1px; } /* Gray Pipe Round */ .gray-image-sbox .panel-header { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9Oaa10R-QTFndG2XthoHwqMU3jUSuwCbmrf2pAtLBm1rL00&t=633457609205377424) #ccc repeat-x; } .gray-image-sbox .panel-footer { border-bottom:solid 1px #bbb;display:block;overflow:hidden;height:1px;font-size:1px; } em.gray-image-stop, em.gray-image-sbtm { display:block;background:transparent;font-size:1px; } em.gray-image-stop em.s1 { background:#bbb; } em.gray-image-stop em.s2, em.gray-image-stop em.s3, em.gray-image-stop em.s4 { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9Oaa10R-QTFndG2XthoHwqMU3jUSuwCbmrf2pAtLBm1rL00&t=633457609205377424) #ccc 0 6% repeat-x;border-left-color:#bbb;border-right-color:#bbb; } em.gray-image-sbtm em.s1 { background:#bbb; } em.gray-image-sbtm em.s2, em.gray-image-sbtm em.s3, em.gray-image-sbtm em.s4 { background:#f0f0f0;border-left-color:#bbb;border-right-color:#bbb; } .gray-image-sbox { display:block;background:#f0f0f0;border:solid 0 #bbb;border-width:0 1px; } /* Beige Pipe Round */ .beige-image-sbox .panel-header { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaYkIUUYyKFFpAjQr2kR1lBOn8gSQeE_59R-TuTrIrqEc0&t=633457609205377424) #e8e7d3 repeat-x; } .beige-image-sbox .panel-footer { border-bottom:solid #e8e7d3 1px;display:block;overflow:hidden;height:1px;font-size:1px; } em.beige-image-stop, em.beige-image-sbtm { display:block;background:transparent;font-size:1px; } em.beige-image-stop em.s1 { background:#e8e7d3; } em.beige-image-stop em.s2, em.beige-image-stop em.s3, em.beige-image-stop em.s4 { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaYkIUUYyKFFpAjQr2kR1lBOn8gSQeE_59R-TuTrIrqEc0&t=633457609205377424) #e8e7d3 0 6% repeat-x;border-left-color:#e8e7d3;border-right-color:#e8e7d3; } em.beige-image-sbtm em.s1 { background:#e8e7d3; } em.beige-image-sbtm em.s2, em.beige-image-sbtm em.s3, em.beige-image-sbtm em.s4 { background:#f9f9f9;border-left-color:#e8e7d3;border-right-color:#e8e7d3; } .beige-image-sbox { display:block;background:#f9f9f9;border:solid 0 #e8e7d3;border-width:0 1px; } /* Blue Pipe Round */ .blue-image-sbox .panel-header { color:#eee;background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaekANbhCrzwYoHadZe0dgfIOcp-OKvz2A1ib2Dxjwjm60&t=633457609205377424) #6666cc repeat-x; } .blue-image-sbox .panel-footer { border-bottom:solid 1px #6666cc;display:block;overflow:hidden;height:1px;font-size:1px; } em.blue-image-stop, em.blue-image-sbtm { display:block;background:transparent;font-size:1px; } em.blue-image-stop em.s1 { background:#6666cc; } em.blue-image-stop em.s2, em.blue-image-stop em.s3, em.blue-image-stop em.s4 { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaekANbhCrzwYoHadZe0dgfIOcp-OKvz2A1ib2Dxjwjm60&t=633457609205377424) #6666cc 0 6% repeat-x;border-left-color:#6666cc;border-right-color:#6666cc; } em.blue-image-sbtm em.s1 { background:#6666cc; } em.blue-image-sbtm em.s2, em.blue-image-sbtm em.s3, em.blue-image-sbtm em.s4 { background:#ccccff;border-left-color:#6666cc;border-right-color:#6666cc; } .blue-image-sbox { display:block;background:#ccccff;border:solid 0 #6666cc;border-width:0 1px; } /* Green Pipe Round */ .green-image-sbox .panel-header { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaQH8UOxbIG76ObkYRaobY3D6OGPPJ_0OyHJjYuojfaSl0&t=633457609205377424) #66cc66 repeat-x; } .green-image-sbox .panel-footer { border-bottom:solid 1px #66cc66;display:block;overflow:hidden;height:1px;font-size:1px; } em.green-image-stop, em.green-image-sbtm { display:block;background:transparent;font-size:1px; } em.green-image-stop em.s1 { background:#66cc66; } em.green-image-stop em.s2, em.green-image-stop em.s3, em.green-image-stop em.s4 { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaQH8UOxbIG76ObkYRaobY3D6OGPPJ_0OyHJjYuojfaSl0&t=633457609205377424) #66cc66 0 6% repeat-x;border-left-color:#66cc66;border-right-color:#66cc66; } em.green-image-sbtm em.s1 { background:#66cc66; } em.green-image-sbtm em.s2, em.green-image-sbtm em.s3, em.green-image-sbtm em.s4 { background:#e7ffcd; border-left-color:#66cc66;border-right-color:#66cc66; } .green-image-sbox { display:block;background:#e7ffcd;border:solid 0 #66cc66;border-width:0 1px; } /* Gold Pipe Round */ .gold-image-sbox .panel-header { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaVkobS4WsrZ0o927Z7bj6gaPHBMX39gXfWDmmlPlJP-C0&t=633457609205377424) #c3a768 repeat-x; } .gold-image-sbox .panel-footer { border-bottom:solid 1px #c3a768;display:block;overflow:hidden;height:1px;font-size:1px; } em.gold-image-stop, em.gold-image-sbtm { display:block; background:transparent; font-size:1px; } em.gold-image-stop em.s1 { background:#c3a768; } em.gold-image-stop em.s2, em.gold-image-stop em.s3, em.gold-image-stop em.s4 { background:url(WebResource.axd?d=GmE57FMf4Ble5GD6avnDUf8_mdDWmJnWwCLFHSWcWy3Q8I7M9CyZE7G1JMx7Zh95mA-j2IemYZi9Y_LNiK9OaVkobS4WsrZ0o927Z7bj6gaPHBMX39gXfWDmmlPlJP-C0&t=633457609205377424) #c3a768 0 6% repeat-x;border-left-color:#c3a768;border-right-color:#c3a768; } em.gold-image-sbtm em.s1 { background:#c3a768; } em.gold-image-sbtm em.s2, em.gold-image-sbtm em.s3, em.gold-image-sbtm em.s4 { background:#ffeac0; border-left-color:#c3a768;border-right-color:#c3a768; } .gold-image-sbox { display:block;background:#ffeac0;border:solid 0 #c3a768;border-width:0 1px; } /* Light Blue Stroke Round */ .blue-stroke-sbox .panel-header { background:#c3d9ff; } .blue-stroke-sbox .panel-footer { border-bottom:solid 1px #c3d9ff;display:block;overflow:hidden;height:1px;font-size:1px; } em.blue-stroke-stop, em.blue-stroke-sbtm { display:block;background:transparent;font-size:1px; } em.blue-stroke-stop em.s1 { background:#c3d9ff; } em.blue-stroke-stop em.s2, em.blue-stroke-stop em.s3, em.blue-stroke-stop em.s4 { background:fff;border-left-color:#c3d9ff;border-right-color:#c3d9ff; } em.blue-stroke-sbtm em.s1 { background:#c3d9ff; } em.blue-stroke-sbtm em.s2, em.blue-stroke-sbtm em.s3, em.blue-stroke-sbtm em.s4 { background:fff;border-left-color:#c3d9ff;border-right-color:#c3d9ff; } .blue-stroke-sbox { display:block;background:#fff;border:solid 0 #c3d9ff;border-width:0 1px; } /* Green Stroke Round */ .green-stroke-sbox .panel-header { background:#66cc66; } .green-stroke-sbox .panel-footer { border-bottom:solid 1px #66cc66;display:block;overflow:hidden;height:1px;font-size:1px; } em.green-stroke-stop, em.green-stroke-sbtm { display:block;background:transparent;font-size:1px; } em.green-stroke-stop em.s1 { background:#66cc66; } em.green-stroke-stop em.s2, em.green-stroke-stop em.s3, em.green-stroke-stop em.s4 { background:#e7ffcd;border-left-color:#66cc66;border-right-color:#66cc66; } em.green-stroke-sbtm em.s1 { background:#66cc66; } em.green-stroke-sbtm em.s2, em.green-stroke-sbtm em.s3, em.green-stroke-sbtm em.s4 { background:#e7ffcd;border-left-color:#66cc66;border-right-color:#66cc66; } .green-stroke-sbox { display:block;background:#e7ffcd;border:solid 0 #66cc66;border-width:0 1px; } /* BEGIN: Border Template */ /* Border (Stroke) Round Corners */ em.stop, em.sbtm { display:block;background:transparent;font-size:1px; } em.s1, em.s2, em.s3, em.s4 { display:block;overflow:hidden; } em.s1, em.s2, em.s3 { height:1px; } em.s2, em.s3, em.s4 { background:#fff; border-left:1px solid #0d196f;border-right:solid 1px #0d196f; } em.s1 { margin:0 5px;background:#0d196f; } em.s2 { margin:0 3px;border-width:0 2px; } em.s3 { margin:0 2px; } em.s4 { height:2px;margin:0 1px; } .s-sbox { display:block;background:#fff;border:solid 0 #0d196f;border-width:0 1px; } /* END: Border Template */