/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Tool Tips CSS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ p#vtip { max-width: 200px; display: none; position: absolute; padding: 10px; left: 5px; color: #000;background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 } p#vtip #vtipArrow { position: absolute; top: -10px; left: 25px } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * SlideShow Box CSS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .svw {width: 50px; height: 20px; background: #fff;} .svw ul {position: relative; left: -999em;} #container #photo{ width: 480px; height: 348px; margin: 0 auto; overflow: hidden; } .svw {background: #fff;} #container .stripViewer{ position: absolute; width: 480px; height: 320px; overflow: hidden; z-index: 3; } #container .stripViewer ul{ position: relative; left: 0; top: 0; margin: 0; } #container .stripViewer ul li{ float:left; margin: 0; } #photo #stripTransmitter{position: absolute;left: 110px;height: 30px;margin-top: 290px;text-align: center;background-color: #000;z-index: 10;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} #photo #stripTransmitter ul{margin: 0;padding: 0;} #photo #stripTransmitter a{margin: 0 5px;padding: 3px 10px 3px 13px;color: #505050;line-height: 30px;border:1px solid #505050;color: #fff;} #photo #stripTransmitter a:hover{color: #fff;background-color: #505050;} #photo #stripTransmitter a.current{color: #1b1b1b;background-color: #fff;} .fadein{position: relative;left: -10px;width: 660px;height: 290px;margin: 0 0 20px 0;background: url("../images/contents/imgframe01.png") no-repeat;clear: both;} .fadein img{position: absolute;left: 0;top: 0;margin: 10px;} #slidePhoto2{width: 480px;height: 335px;margin: 0 50px;padding-bottom: 1em;text-align: right;background: none;float: left;display: inline;} #mainContents #slide1-wrap{position: relative;width: 480px;height: 320px;margin: 0;padding: 0;text-align:left;overflow: hidden;display: inline;float: left;} #container #mainContents #slidePhoto2 ul, #container #mainContents #slidePhoto2 ul li{margin: 0;padding: 0;list-style: none;} #mainContents #slide1{width: 480px;height: 320px;margin: 0;padding: 0;position: relative;overflow: hidden;z-index: 5;} #slidePhoto2 .wslide-menu{position: absolute;left: 110px;width: 480px;height: 30px;margin-top: 290px;text-align: center;background-color: #000;z-index: 10;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} #mainContents .wslide-menu a{padding: 3px 5px 3px 8px;color: #505050;line-height: 30px;border:1px solid #505050;} #mainContents .wslide-menu a:hover, #mainContents .wslide-menu a.wactive{color: #fff;background-color: #505050;} #mainContents .slidePhoto a.wactive{color: #008cd6;background-color: #fff;} #mainContents .slidePhoto a:hover{color: #008cd6;background-color: #fff;} #mainContents .slidePhoto li img{padding: 10px;vertical-align: bottom;} /* #container .stripTransmitter ul { margin: 0; padding: 0; background: #fff;} #container .stripTransmitter ul li{margin: 0 1px 1px 0;pading: 5px 0;list-style-type: none;} #container .stripTransmitter a{ text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; } .stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } */ /* #slidePhoto2{width: 480px;height: 320px;margin: 0 50px;padding-bottom: 1em;text-align: right;background: #000;;clear: both;} .svw {background: #fff;} .svw ul {position: relative; left: -999em;} .stripViewer{position: relative;width: 480px;height: 320px;overflow: hidden;} #container .stripViewer ul{ position: relative; left: 0; top: 0; width: 1%; margin: 0; } #container .stripViewer ul li{ float:left; margin: 0; } #container .stripTransmitter{ overflow:visible; background: #ccc; width: 1%; } #container .stripTransmitter ul { margin: 0; padding: 0; background: #fff;} #container .stripTransmitter ul li{margin: 0 1px 1px 0;pading: 5px 0;list-style-type: none;} #container .stripTransmitter a{ text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; } .stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } .tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } */ /* #mainContents #slide1-wrap{position: relative;width: 370px;height: 200px;margin: 0;padding: 0;text-align:left;overflow: hidden;display: inline;float: left;} #container #mainContents #slidePhoto2 ul, #container #mainContents #slidePhoto2 ul li{margin: 0;padding: 0;list-style: none;} #mainContents #slide1{width: 370px;height: 200px;margin: 0;padding: 0;position: relative;overflow: hidden;z-index: 5;} #slidePhoto2 .wslide-menu{position: absolute;left: 110px;width: 480px;height: 30px;margin-top: 290px;text-align: center;background-color: #000;z-index: 10;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} #mainContents .wslide-menu a{padding: 3px 5px 3px 8px;color: #505050;line-height: 30px;border:1px solid #505050;} #mainContents .wslide-menu a:hover, #mainContents .wslide-menu a.wactive{color: #fff;background-color: #505050;} #mainContents .slidePhoto a.wactive{color: #008cd6;background-color: #fff;} #mainContents .slidePhoto a:hover{color: #008cd6;background-color: #fff;} #mainContents .slidePhoto li img{padding: 10px;vertical-align: bottom;} */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ColorBox * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow: hidden;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0 0 0 10px;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:url("../images/colorbox/overlay.png") 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url("../images/colorbox/controls.png") -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url("../images/colorbox/controls.png") -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url("../images/colorbox/controls.png") -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url("../images/colorbox/controls.png") -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url("../images/colorbox/controls.png") left top repeat-y;} #cboxMiddleRight{width:21px; background:url("../images/colorbox/controls.png") right top repeat-y;} #cboxTopCenter{height:21px; background:url("../images/colorbox/border.png") 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url("../images/colorbox/border.png") 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;font-size: 85%;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url("../images/colorbox/controls.png") -75px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url("../images/colorbox/controls.png") -50px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url("../images/colorbox/loading_background.png") center center no-repeat;} #cboxLoadingGraphic{background:url("../images/colorbox/loading.gif") center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url("../images/colorbox/controls.png") -25px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Accordion CSS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #accordion{height: 479px;padding-right: 650px;background: url("../images/contents/imgmap.jpg") 230px 0 no-repeat;background-color: #00167C;overflow: hidden;} .accordion{width: 230px;} .accordion dt#aCleef{background-position: 0 -50px;} .accordion dt#aBsea{background-position: 0 -100px;} .accordion dt#aDsea{background-position: 0 -150px;} .accordion dd{width: 196px;height: 270px;padding: 0 0 10px 34px;color: #fefefe;line-height: 2em;clear: both;background-color: #008BD6;overflow: hidden;} .accordion dd.list-02{background-color: #004db4;} .accordion dd.list-03{background-color: #002a97;} .accordion dd.list-04{background-color: #00177f;} .accordion dd ul{padding: 10px 0 0 20px;border-left: 1px solid #fefefe;} .accordion dd ul li{text-align: left;line-height: 1.2em;padding: 5px;} /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Auto Suggest CSS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #mainContents #suggest{margin: 0 -30px;padding: 172px 0 0 90px;height: 97px;background: url("../images/contents/fish_book.jpg") no-repeat;} #suggest input#search-q{width: 435px;font-size: 16px;color: #1b1b1b;font-weight: bold;padding: 6px;border-color: #4f60b5;} #suggest input#searchSubmit2{vertical-align: bottom;} #results{width: 450px; border: solid 1px #4f60b5; display: none; background-color: #fff;} #results ul,#mainContents #results li{padding: 0; margin: 0; list-style-type: none;} #results li a{display: block; padding: 10px; text-decoration: none; color: #1b1b1b;} #results li a:hover{background: #f1f3ff;} /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * vgrid CSS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #grid-content{height: 0;margin: 0 -5px;} #grid-content div{width: 120px;height: 130px;margin: 4px;background-color: #fff;border: 1px solid #f3f3f3;float: left;} #grid-content div:hover{border: 1px solid #008cd6;} #grid-content div.large{width: 250px;height: 270px;margin: 3px;background-color: #fff} #grid-content div.large img{margin: 5px;} #grid-content div p{margin: 5px 10px;text-align: left;line-height:1.2em;font-weight: bold;} #grid-content div dl{margin: 5px 10px;} #grid-content div dt{margin-bottom: 3px;font-weight: bold;} #grid-content div dd{font-size: 85%;} /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Inquery CSS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*form.jqtransformdone label{margin-top: 0.2em;margin-right: 8px;display: block;line-height: 2em;} form.jqtransformdone .rowElem{clear:both;padding:4px 0;} /*----------------------------------------------Buttons*/ /*button.jqTransformButton{margin: 0;padding: 0;border: none;background-color: transparent;cursor: pointer;overflow: visible;} *:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */ /*button.jqTransformButton span {background: transparent url("../images/inquery/btn_right.gif") no-repeat right top;display: block;padding: 0 4px 0 0;margin: 0;height: 33px;} /*button.jqTransformButton span span {background: transparent url("../images/inquery/btn_left.gif") no-repeat top left;color: #333;padding: 8px 4px 0 8px;font-weight: normal;font-size: 12px;line-height: 13px;display: block;text-decoration: none;height: 33px;} /*----------------------------------------------Buttons hover*/ /*button.jqTransformButton_hover span span{background-position: left -33px;} button.jqTransformButton_hover span{background-position: right -33px;} /*----------------------------------------------Buttons clicked*/ /*button.jqTransformButton_click span span{background-position: left -66px;} button.jqTransformButton_click span{background-position: right -66px;} /*----------------------------------------------Buttons IE 6*/ /** html button.jqTransformButton{height:33px;} * button.jqTransformButton span span{height: 25px;} /*----------------------------------------------Buttons IE 7*/ /**+ html button.jqTransformButton{height:33px;} *+ button.jqTransformButton span span{height: 25px;} /*----------------------------------------------Inputs*/ /*.jqTransformInputWrapper{background: transparent url("../images/inquery/input/input_text_left.gif") no-repeat left top;height: 31px;padding: 0;} .jqTransformInputInner{background: transparent url("../images/inquery/input/input_text_right.gif") no-repeat top right;padding: 0;margin: 0;} .jqTransformInputInner div{height: 31px;margin:0px 0 0 8px;} .jqTransformInputInner div input{line-height: 18px;vertical-align: middle;height: 31px;color:#404040;border: none;padding: 8px 0 0 0;margin: 0;background:transparent;} .jqTransformInputInner div input, x:-moz-any-link {padding: 8px 0 0 0;} .jqTransformInputInner div input, x:-moz-any-link, x:default {padding:0;} html>/**//*body .jqTransformInputInner div input, x:-moz-any-link, x:default {padding:0;} /*----------------------------------------------Inputs IE 6*/ /** html .jqTransformInputInner div input{padding: 6px 0 0 0;margin: 0 0 0 -8px;height:24px;} /*----------------------------------------------Inputs IE 7*/ /**+ html .jqTransformInputInner div input{padding: 6px 0 0 0;margin-left:-10px;height:24px;} /*----------------------------------------------Inputs hover*/ /*.jqTransformInputWrapper_hover{background-position: left -31px;} .jqTransformInputWrapper_hover div.jqTransformInputInner{background-position: right -31px;} /*----------------------------------------------Inputs 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;} table.jqTransformTextarea td{font-size: 1px;line-height: 1px;width: 5px;height: 5px;margin: 0;padding: 0;} table.jqTransformTextarea textarea{margin: 0;padding: 0;border: 0;background: none;} table.jqTransformTextarea td#jqTransformTextarea-tl{background: url("../images/inquery/textarea/textarea_tl.gif") no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-tm{background: url("../images/inquery/textarea/textarea_tm.gif") repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-tr{background: url("../images/inquery/textarea/textarea_tr.gif") no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-ml{background: url("../images/inquery/textarea/textarea_ml.gif") repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-mm{background: url("../images/inquery/textarea/textarea-mm.gif") repeat;} table.jqTransformTextarea td#jqTransformTextarea-mr{background: url("../images/inquery/textarea/textarea_mr.gif") repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-bl{background: url("../images/inquery/textarea/textarea_bl.gif") no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-bm{background: url("../images/inquery/textarea/textarea_bm.gif") repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-br{background: url("../images/inquery/textarea/textarea_br.gif") no-repeat top left;} /*----------------------------------------------Textarea 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 0;} table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url("../images/inquery/textarea/textarea-mm-hover.gif");} table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0;} 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;} /*----------------------------------------------Textarea 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 0;} table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url("../images/inquery/textarea/textarea-mm-focus.gif");} table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0;} 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: 0 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: 0.4em;} .jqTransformRadio{background: transparent url("../images/inquery/radio.gif") no-repeat center top;vertical-align: middle;height: 19px;width: 18px;display:block;} /*----------------------------------------------Checkboxes*/ /*span.jqTransformCheckboxWrapper{display:block;float:left;margin-right:5px;} a.jqTransformCheckbox{ background: transparent url("../images/inquery/checkbox.gif") no-repeat center top;vertical-align: middle;height: 19px;width: 18px;display:block;} /*----------------------------------------------Checked - Used for both Radio and Checkbox*/ /*a.jqTransformChecked{background-position: center bottom;} /*----------------------------------------------Selects*/ /*.jqTransformSelectWrapper{width: 45px;position:relative;height: 31px;background: url("../images/inquery/select_left.gif") no-repeat top left;float:left;} .jqTransformSelectWrapper div span{font-size: 12px;float: none;position: absolute;white-space: nowrap;height: 31px;line-height: 15px;padding: 8px 0 0 7px;overflow: hidden;cursor:pointer;} .jqTransformSelectWrapper a.jqTransformSelectOpen{display: block;position: absolute;right: 0;width: 31px;height: 31px;background: url("../images/inquery/select_right.gif") no-repeat center center;} .jqTransformSelectWrapper ul{position: absolute;width: 43px;top: 30px;left: 0;list-style: none;background-color: #FFF;border: solid 1px #CCC;display: none;margin: 0;padding: 0;height: 150px;overflow: auto;overflow-y: auto;z-index:10;} .jqTransformSelectWrapper ul a{display: block;padding: 5px;text-decoration: none;color:#333;font-size: 12px;} .jqTransformSelectWrapper ul a.selected{background: #EDEDED;color: #333;} .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover{background:#eee;} /*----------------------------------------------Hidden - used to hide the original form elements*/ /*.jqTransformHidden{display: none;} /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Corner Box * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ div.cornerBox { padding:20px; font-weight:bold; margin:10px 0; width:200px; color:#FFF; background:#009; } div#programArea {background: #fff;} div.programAreaWrap {margin-bottom: 25px;padding: 10px;background: #008cd6;}