@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;-webkit-padding-start: 0px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body{font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 10.4px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 15px;
color:#6c6c6c;
background:none;}
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -252px; /* the bottom margin is the negative value of the footer's height */
}
.footerWrapper, .push {
height: 252px; /* .push must be the same height as .footer */
}
.footerWrapper{ position:relative;}
html { background-image: url(../images/common/ke-bg-sprite.jpg); background-position: center 0; background-repeat:no-repeat;}
body {
behavior: url("csshover3.htc");
}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
a:link {color:#25ad98;} /* unvisited link */
a:visited {color:#25ad98;} /* visited link */
a:hover {color: #34b29e;} /* mouse over link */
a:active {color:#25ad98;} /* selected link */
h1{font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-style: normal;font-weight: normal;font-size:22px;text-transform:none;color: #1d5b9d;letter-spacing: -1.2px; font-style:normal; line-height:1.1em;}
h2{ font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:13px;text-transform:uppercase;color: #5c686f;letter-spacing: -0.5px; font-style:normal;}
h3{ font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:11px;color: #1f9a87;letter-spacing: -0.5px; font-style:normal; margin-bottom:8px;}
h1 span{color:#25ad98;}
div#frontBanner{margin:26px; margin-bottom:0px; width:646px; height:322px; background-image:url(/images/common/banner-fr.jpg); background-repeat:no-repeat; position:relative;}
#frontPanel{background-image:url(/images/common/frontPanelBG.png); width:210px; height:313px; display:block; position:absolute; top:4px; right:5px; z-index:10;}
#frontPanel p{ color:#FFFFFF; margin:20px; margin-top:34px; font-size:14px; letter-spacing: -1.2px; line-height:18px;}
#overlayLink{ width:150px; background-image:url(../images/common/linkArrow.png); background-repeat:no-repeat; padding-right:20px; background-position:right; display:block; overflow:visible; height:38px; }
#frontPanel p a{ color:#FFFFFF; text-decoration:none; font-size:16px; letter-spacing:0.8px;}
#frontPanel p a span{ position:relative; top:8px; left:2px;}
div.pageHeader{width:966px; margin:auto;display:block; height:95px; position:relative;}
div.wrapperTop{width:966px; margin:auto; height:13px; display:block; background-repeat:no-repeat; }
div.wrapperTop[class]{background-image:url(../images/common/headerTop.png);}
div.outerWrapper{width:966px; margin:auto;display:block; min-height:430px; height:auto !important; height:430px; }
div.outerWrapper[class]{background-image:url(../images/common/mainContentBg.png);}
div.leftShadow{width:13px; float:left;display:block; min-height:430px; height:auto !important; height:430px;}
div.rightShadow{width:13px;float:left;display:block; min-height:430px; height:auto !important; height:430px;}
div.innerWrapper{width:936px;float:left;display:block; background:#ffffff url(../images/common/contentGradient.jpg); background-repeat:repeat-x; border-left:solid 2px #ffffff; border-right:solid 2px #ffffff;min-height:510px; height:auto !important; height:510px; }
div.footerWrapper{width:966px; height:252px; margin:auto;display:block; position:relative;}
div.leftShadowFooter{width:13px; float:left;display:block; background-position:0 0; background-repeat:repeat-y; height:252px;}
div.rightShadowFooter{width:13px;float:left;display:block; background-position:-13px 0; background-repeat:repeat-y;height:252px;}
div.leftShadowFooter[class]{background-image:url(../images/common/shadows.png);}
div.rightShadowFooter[class]{background-image:url(../images/common/shadows.png);}
div.innerWrapperFooter{width:940px;float:left;display:block; background-image:url(../images/common/footerBG.jpg); background-repeat:repeat-x; height:252px;}
div.innerFooter{ background-image:url(../images/common/footerGradient.jpg); background-repeat:no-repeat; background-position: 655px 1px; height:234px; display:block;}
ul.footerList{float:left; margin-left:40px; margin-top:30px; width:206px; -webkit-padding-start: 0px;}
ul.footerList li{ padding:4px;padding-left:12px;}
ul.footerList li.footerListTitle{background-image:url(../images/common/footerHRBg.jpg); background-position:bottom left; background-repeat:no-repeat; padding-bottom:0px; margin-bottom:6px;}
ul.footerList li a{color:#6c6c6c; text-decoration:none;}
ul.footerList li.hamarketing a{color:#34b29e;}
ul.footerList li a:hover{color:#34b29e; text-decoration:none;}
div.content{width:698px; display:block; float:left;}
div.content p { margin-left:26px; margin-right:30px;}
div.content div.introHead h1{ margin-left:26px; margin-right:30px; margin-top:48px; padding-bottom:0px; margin-bottom:0px;}
div.content div.introHead{ height:122px; background-image:url(/images/common/introHeadBG.jpg); background-position:bottom right; background-repeat:no-repeat; padding-bottom:0px; display:block; overflow:hidden; }
div.rightColumn{width:237px; display:block; background-color:#f8fafc; float:left; border-left:solid 1px #dcdcdc; min-height:238px; height:auto !important; height:238px; overflow:visible;}
div.rightColumn h3{ font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:13px;text-transform:uppercase;color: #5c686f;letter-spacing: -0.5px; font-style:normal; margin-bottom:0px; padding-bottom:0px; margin-top:0px; padding-top:8px;}
div.rightColumn p{ margin-top:-6px;font-size:12px;}
div.rightColumnHead{width:237px; height:24px; display:block; background-image: url(../images/common/rightColumnBG.jpg);background-repeat:no-repeat; position:relative; left:-1px; overflow:hidden;}
div.clearBoth{clear:both;}
div.pageHeader a#ke-logo{width:319px; height:53px; float:left; left:18px; position:absolute; top:31px; border:0px; background-image: url(../images/common/ke-icon-sprite.jpg); background-position:-2px 0px; background-repeat:no-repeat;}
div.pageHeader a#ke-logo span{ display:none;}
ul.mainNav{float:right; margin-top:65px; margin-right:6px;}
ul.mainNav li{float:left; }
ul.mainNav li a{color:#1d5b9d; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; text-transform: uppercase;letter-spacing: -0.5px;line-height: 1.8em; margin-right:12px; text-decoration:none;}
ul.mainNav li a:hover{color:#25ad98;}
ul.mainNav li.active a{color:#25ad98;}
div.rightColumn a{ color:#1d5b9d; text-decoration:none; font-size:11px; background-image:url(../images/common/arrow.gif); background-repeat:no-repeat; background-position:0 2px; padding-left:22px; display:block; overflow:visible;}
div.rightColumn a:hover{ color:#1f9a87; text-decoration:none;}
div.rightColumn p{ margin-bottom:10px;}
div.rightColumn h2, div.rightColumn h3, div.rightColumn p, div.rightColumn a{ margin-left:16px; margin-right:16px;}
div.rightColumn div.hr {background: #d6d8da url(../images/common/rightColumnSplitter.jpg) no-repeat scroll center; height: 1px; margin-top:16px; margin-bottom:16px;}
div.rightColumn div.hr hr {display: none}
#contactColumn h2{color:#3ba796}
#contactColumn ul{margin-left:16px; margin-right:16px; -webkit-padding-start: 0px;}
#contactColumn ul li{ color:#5d676d; font-size:11px; margin-top:2px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
#contactColumn ul li.contactNumbers{ margin-top:6px;}
#contactColumn ul li strong{color:#3ba796;}
div.rightColumn ul.contactList li strong{ float:left; margin-right:4px;}
div.rightColumn ul.contactList a{background-image:none; padding:0px; margin:0px; float:left;}
div.rightColumn ul.contactList a:hover{ color:#1f9a87; text-decoration:none;}
div.outerWrapperSub{width:966px; margin:auto;display:block; min-height:430px; height:auto !important; height:430px; }
div.outerWrapperSub[class]{background-image:url(../images/common/subContentBg.png);}
div.leftColumn{width:237px; display:block; background-color:#f8fafc; float:left; min-height:238px; height:auto !important; height:238px; overflow:visible; display:block; position:relative; margin-top:50px;}
div.leftColumn #headWrap{ background-color:#FFFFFF; width:237px; height:35px;}
div.leftColumn #headWrap h1{ margin-left:28px; background:none; width:195px;}
div.subContent{width:698px; display:block; float:left; margin-top:50px; border-top:solid 1px #eeeeee; padding-bottom:30px;}
div.subContent p {margin-left:36px; margin-right:36px; font-size:12px; margin-bottom:12px; text-align:justify; width:370px;}
div.subContent p strong{ font-weight:bold; color:#747473; }
div.subContent p h4{color:#25ad98;font-weight:bold; display:block;}
div.subContent div.subHead h1{ margin-left:26px; margin-right:30px; margin-top:48px; padding-bottom:0px; margin-bottom:0px;}
div.subContent div.subHead{ height:156px; background-image:url(../images/common/introHeadBG.jpg); background-position:bottom right; background-repeat:no-repeat; padding-bottom:0px; display:block; overflow:hidden; }
div.subContent h1{ margin-left:36px; margin-top:36px; margin-bottom:20px; width:300px;}
div.subContent h2{ margin-left:36px;}
div.subContent h3{ margin-left:36px; font-size:16px;}
div.subContent h4{ margin-left:36px; font-size:16px; color:#1d5b9d;}
div.subContent h5{ margin-left:36px; font-size:15px; color:#6c6c6c;}
div.subContent h6{ margin-left:36px; font-size:14px; color:#6c6c6c;}
div.subContent ul.footerContact li.footerListTitle h2{ margin-left:0px;}
div.leftColumnShadow{ position:absolute; z-index:25; width:12px; left:225px; height:511px; background-image:url(../images/common/subColumnGradient.png); background-repeat:no-repeat; background-position:100% 0;}
ul.subNavigation{border-top:#e0e4e8 solid 1px;}
ul.subNavigation li{ border-bottom:#e0e4e8 solid 1px; height:34px; cursor:pointer; }
ul.subNavigation li.first{ border-bottom:#e0e4e8 solid 1px; height:34px; padding-top:20px; background-position:100% 0; background-repeat:repeat-y;cursor:pointer; }
ul.subNavigation li.active{background-image:url(../images/common/firstNavBGHover.jpg);background-position:100% 0; background-repeat:repeat-y;cursor:pointer; }
ul.subNavigation li.firstActive{ border-bottom:#e0e4e8 solid 1px; height:34px; padding-top:20px; background-image:url(../images/common/firstNavBGHover.jpg);background-position:100% 0; background-repeat:repeat-y;cursor:pointer; }
ul.subNavigation li:hover{background-image:url(../images/common/firstNavBGHover.jpg);background-position:100% 0; background-repeat:repeat-y;cursor:pointer; }
/*ul.subNavigation li div a span{ position:relative; top:10px; left:42px; cursor:pointer;}
*/
ul.subNavigation li div { background-image:url(../images/common/arrow.gif); background-position:20px 11px; background-repeat:no-repeat; text-decoration:none; background-color: none; color: #25ad98; letter-spacing:-1; text-transform:uppercase;font-size:14px; width:237px; height:34px; display:block; cursor:pointer; padding-top:8px; }
ul.subNavigation li div a{color: #25ad98; letter-spacing:-1; text-decoration: none; text-transform:uppercase;font-size:14px; width:237px; display:block;cursor:pointer;margin-left:42px; }
ul.subNavigation li div a:hover{ color:#1d5b9d; cursor:pointer; text-decoration: none; }
div.footerContactWrapper{float:right; margin-right:16px;}
div.contactSending{display:none; width:200px; height:150px; color:#666666; position:absolute; top:30px; right:28px; }
div.contactSent{display:none; position:absolute; width:200px; height:150px; top:30px; right:28px; }
ul.footerContact{float:right; margin-top:30px; width:200px; }
#mainContactWrapper ul.footerContact{float:left; margin-top:8px; margin-left:30px; width:320px; background-image:url(../images/common/horzFade_short.gif); background-repeat:no-repeat; background-position:top; padding-top:18px; }
ul.footerContact li.footerListTitle{background-image:url(../images/common/footerHRBg.jpg); background-position:bottom left; background-repeat:no-repeat; padding-bottom:2px; margin-bottom:6px; text-align:left;}
ul.footerContactSent li.footerListTitle{background-image:url(../images/common/footerHRBg.jpg); background-position:bottom left; background-repeat:no-repeat; padding-bottom:2px; margin-bottom:6px; text-align:left;}
ul.footerContactSending li.footerListTitle{background-image:url(../images/common/footerHRBg.jpg); background-position:bottom left; background-repeat:no-repeat; padding-bottom:0px; margin-bottom:6px; text-align:left;}
#mainContactWrapper ul.footerContact li.footerListTitle{background-image:none; background-position:bottom left; background-repeat:no-repeat; padding-bottom:2px; margin-bottom:6px;}
#mainContactWrapper ul.footerContactSent li.footerListTitle{background-image:none; background-position:bottom left; background-repeat:no-repeat; padding-bottom:2px; margin-bottom:6px;}
#mainContactWrapper ul.footerContactSending li.footerListTitle{background-image:none; background-position:bottom left; background-repeat:no-repeat; padding-bottom:0px; margin-bottom:6px;}
ul.footerContactSending li.loading img{position:relative; top:60px; left:60px;}
ul.footerContact li.footerListTitle div.footerListSend{ width:166px; height:21px; display:block; background-image:url(../images/common/sendH2.gif); background-repeat:no-repeat;}
ul.footerContact li.footerListTitle div.footerListSend{ width:166px; height:21px; display:block; background-image:url(../images/common/sendH2.gif); background-repeat:no-repeat;}
ul.footerContact li.footerListTitle div.mainListSend{ width:166px; height:21px; display:block; background-image:none; background-repeat:no-repeat;}
ul.footerContact li.footerListTitle div.footerListSend span{display:none;}
ul.footerContactSending li.footerListTitle div.footerListSending{width:166px; height:21px; display:block; background-image:url(../images/common/sendingH2.gif); background-repeat:no-repeat;}
ul.footerContactSending li.footerListTitle div.footerListSending span{display:none;}
ul.footerContactSent li.footerListTitle div.footerListSent{width:166px; height:21px;display:block; background-image:url(../images/common/sentH2.gif); background-repeat:no-repeat; background-position:0 0;}
ul.footerContactSent li.footerListTitle div.footerListSent span{display:none;}
input.floatRight{float:right;}
div.imageWrapper{ background-color:#95c8dc; width:208px; display:block; padding:4px; display:block; float:right; margin:20px; margin-top:80px;}
div.imageWrapper img{ border:solid 1px #ffffff;}
#f_message { width: 300px; }
#f_messageActive { color: #a1a1a1; font-style: italic; }
#f_message{color: #a1a1a1;}
#f_email{color: #a1a1a1;}
label.error{color:#3ba796;}
#petronasWebLink{position:absolute; right:276px; top:5px; width:118px; height:75px; background-image: url(../images/common/ke-icon-sprite.jpg); background-position: 0px -75px; background-repeat:no-repeat;}
#petronasWebLink span{ display:none;}
#nisoWebLink{position:absolute; right:288px; top:90px; width:91px; height:84px; background-image: url(../images/common/ke-icon-sprite.jpg); background-position: 0px -160px; background-repeat:no-repeat;}
#nisoWebLink span{ display:none;}
#map{margin:0px; margin-top:30px; margin-left:30px; width:632px; height:422px; background-color:#ffffff; border:solid 5px #95c8dc;}
#large_box {width:800; height:600;}
#imgContainers{display:block; padding:0px; float:right; margin-right: 10px; margin-top:80px;}
.filmStripTitle{ width:180px; text-align:center; color:#296696;margin-top:1px; margin-bottom: 12px;font-weight:bold; display:block;}
ul.filmstrip li a, ul.filmstrip li a img{ cursor:pointer; }
#photos{}
#photos ul.filmstrip li{ display:block;}
ul#partnersList li{ float:left; list-style:none; background-image:url(../images/common/horzFade_short.gif); background-repeat:no-repeat; background-position:36px 100%; padding-bottom:14px; margin-bottom:6px;}
ul#partnersList li div h2{ margin-left:36px; color:#0033FF;}
div.imageWrapper-Project{ width:154px; height:154px; border:solid 1px #e5e5e5; float:left; margin-left:20px;}
div.imageWrapper-Project img{ margin:2px; margin-top:3px;}
div.textWrapper-Project{float:left; width:460px; display:block; }
div.textWrapper-Project p{ margin-left:14px;}
div.textWrapper-Project h2{ margin-left:14px; display:block; color:#1d5b9d;}
div.textWrapper-Project h2 span{color:#1d5b9d;}
/************sIfr****************/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
.sIFR-hasFlash ul.mainNav li {
font-size:13px;text-transform:uppercase;color: #5c686f;letter-spacing: -1.5px; font-style:normal;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
/*****************************************************************************
These styles should be at the bottom of `sifr.css`. Make sure that they're
only applied for the screen media type!
*****************************************************************************/
.sIFR-active h1,
.sIFR-active h2 {
visibility: hidden;
font-family: "Lucida Grande", Helvetica, sans-serif;
}
ul.subNavigation li div {
visibility: hidden;
font-family: "Lucida Grande";
}
.sIFR-active h1 {
padding-bottom: 0;
}
.sIFR-active h1 span{
padding-bottom: 0;
color:#25ad98;
}
.sIFR-active h2 {
font-size: 18px;
display: block;
}
/*.sIFR-active ul.mainNav li {
display: block;
font-weight:bold;
font-size:13px;text-transform:uppercase;color: #5c686f;letter-spacing: -1.5px; font-style:normal;
}*/
}
/***********jqtransform*****************/
form.jqtransformdone label{
margin-top:4px;
margin-right: 8px;
display: block;
float:left;
}
form.jqtransformdone div.rowElem{
clear:both;
padding:4px 0px;
}
/* -------------
* Buttons
* ------------- */
button.jqTransformButton {
margin: 0px;
padding: 0px;
border: none;
background-color: transparent;
cursor: pointer;
overflow: visible;
font-family: Arial;
margin-right:9px;
}
*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */
button.jqTransformButton span {
background: transparent url(/scripts/img/btn_right.gif) no-repeat right top;
display: block;
float: left;
padding: 0px 29px 0px 0px; /* sliding doors padding */
margin: 0px;
height: 33px;
width:70px;
}
button.jqTransformButton span span {
background: transparent url(/scripts/img/btn_left.gif) no-repeat top left;
color: #1f9a87;
padding: 11px 14px 14px 12px;
font-weight: normal;
font-size: 12px;
line-height: 13px;
display: block;
text-decoration: none;
height: 33px;
}
/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }
/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }
/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }
/* -------------
* Inputs
* ------------- */
.jqTransformInputWrapper {
background: transparent url(/scripts/img/input/input_text_left.gif) no-repeat left top;
height: 26px;
padding: 0px;
float:left;
}
.jqTransformInputInner {
background: transparent url(/scripts/img/input/input_text_right.gif) no-repeat top right;
padding: 0px;
margin: 0px;
}
.jqTransformInputInner div {
height: 26px;
margin:0px 0px 0px 8px;
}
.jqTransformInputInner div input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
vertical-align: middle;
height: 26px;
color:#404040;
border: none;
padding: 8px 0px 0px 0px;
margin: 0px;
background:transparent;
}
/* IE6 */
* html .jqTransformInputInner div input {
padding: 6px 0 0 0;
margin: 0 0 0 -8px;
height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
padding: 6px 0 0 0;
margin-left:-10px;
height:24px;
}
/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}
/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}
.jqTransformSafari .jqTransformInputInner div {
position: relative;
overflow: hidden;
margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
background-color: none;
position: absolute;
top: -10px;
left: -2px;
height: 42px;
padding-left: 4px;
}
/* -------------
* Textarea
* ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
font-size: 12px;
line-height: 16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
vertical-align: middle;
}
table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/
}
table.jqTransformTextarea textarea{
margin: 0;
padding: 0;
border: 0;
background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(/scripts/img/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(/scripts/img/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(/scripts/img/textarea/textarea_tr.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(/scripts/img/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(/scripts/img/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(/scripts/img/textarea/textarea_mr.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(/scripts/img/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(/scripts/img/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(/scripts/img/textarea/textarea_br.gif) no-repeat top left;}
/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/scripts/img/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}
/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/scripts/img/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}
table.jqTransformTextarea .jqTransformSafariTextarea div {
position: relative;
overflow: hidden;
border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
background: none;
position: absolute;
top:-10px;
left:-10px;
padding: 10px 10px 10px 10px;
resize: none;
}
/* -------------
* Radios
* ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px; margin-top:5px;}
.jqTransformRadio {
background: transparent url(/scripts/img/radio.gif) no-repeat center top;
vertical-align: middle;
height: 19px;
width: 18px;
display:block;/*display: -moz-inline-block;*/
}
/* -------------
* Checkboxes
* ------------- */
span.jqTransformCheckboxWrapper{
display:block;float:left;
margin-top:5px;
}
a.jqTransformCheckbox {
background: transparent url(/scripts/img/checkbox.gif) no-repeat center top;
vertical-align: middle;
height: 19px;
width: 18px;
display:block;/*display: -moz-inline-block;*/
}
/* -------------
* Checked - Used for both Radio and Checkbox
* ------------- */
a.jqTransformChecked { background-position: center bottom;}
/* -------------
* Selects
* ------------- */
.jqTransformSelectWrapper {
width: 45px;
position:relative;
height: 26px;
background: url(/scripts/img/select_left.gif) no-repeat top left;
float:left;
}
.jqTransformSelectWrapper div span {
font-size: 12px;
float: none;
position: absolute;
white-space: nowrap;
height: 26px;
line-height: 15px;
padding: 8px 0 0 7px;
overflow: hidden;
cursor:pointer;
/*border: 1px solid #CCCCCC;*/
/* border-right: none;*/
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
display: block;
position: absolute;
right: 0px;
width: 31px;
height: 26px;
background: url(/scripts/img/select_right.gif) no-repeat center center;
}
.jqTransformSelectWrapper ul {
position: absolute;
width: 43px;
top: 30px;
left: 0px;
list-style: none;
background-color: #FFF;
border: solid 1px #CCC;
display: none;
margin: 0px;
padding: 0px;
height: 150px;
overflow: auto;
overflow-y: auto;
z-index:10;
}
.jqTransformSelectWrapper ul a {
display: block;
padding: 5px;
text-decoration: none;
color:#333;
background-color: #FFF;
font-size: 12px;
}
.jqTransformSelectWrapper ul a.selected {
background: #EDEDED;
color: #333;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background:#3582c4;
color: #fff;
}
/* -------------
* Hidden - used to hide the original form elements
* ------------- */
.jqTransformHidden {display: none;}
/************shadowbox********************/
#sb-container,#sb-wrapper{
text-align:left;
}
#sb-container,#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{
position:fixed;
}
#sb-overlay{
height:expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay{
height:100%;
}
#sb-wrapper{
position:relative;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
border:10px solid #f4f8fb;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html{
height:100%;
overflow:auto;
}
#sb-loading{
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
}
#sb-body,#sb-loading{
background-color:#f4f8fb;
}
#sb-title,#sb-info{
position:relative;
margin:0;
padding:0;
overflow:hidden;
}
#sb-title-inner,#sb-info-inner{
position:relative;
font-family:'Lucida Grande',Tahoma,sans-serif;
line-height:16px;
}
#sb-title,#sb-title-inner{
height:26px;
}
#sb-title-inner{
font-size:16px;
padding:5px 0;
color:#fff;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size:12px;
color:#fff;
}
#sb-nav{
float:left;
height:16px;
padding:2px 0;
width:50%;
text-align:center;
}
#sb-nav a{
display:block;
float:left;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(resources/close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(resources/next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(resources/previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(resources/play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(resources/pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:49%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#sb-counter a.sb-counter-current{
text-decoration:underline;
}
div.sb-message{
font-family:'Lucida Grande',Tahoma,sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fff;
text-decoration:underline;
}