@charset "UTF-8";

/*
Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
*/
div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{background-image:url(../images/sprite.png);background-repeat:no-repeat;-webkit-font-smoothing:antialiased}
.selector,.radio,.checker,.uploader,.button,.selector *,.radio *,.checker *,.uploader *,.button *{margin:0;padding:0}

input.text,input.email,input.password,textarea.uniform{padding:2px;color:#777;background:#fff url(../images/bg-input-focus.png) repeat-x 0 0;background:#fff url(../images/bg-input.png) repeat-x 0 0;border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0}


input.text:focus,input.email:focus,input.password:focus,textarea.uniform:focus{-webkit-box-shadow:0 0 4px rgba(0,0,0,0.3);-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);box-shadow:0 0 4px rgba(0,0,0,0.3);border-color:#39F;background:#fff url(../images/bg-input-focus.png) repeat-x 0 0}

div.button{background-position:0 -745px;height:40px;cursor:pointer;position:relative}
div.button a,div.button button,div.button input{display:none}
div.button.active{background-position:0 -782px}
div.button.active span{background-position:right -654px;cursor:default}
div.button.hover,div.button.focus{background-position:0 -814px}
div.button.hover span,div.button.focus span{background-position:right -686px}
div.button.disabled,div.button.disabled.active{background-position:0 -846px}
div.button.disabled span,div.button.disabled.active span{background-position:right -18px;cursor:default}


div.selector{
    background-position:-483px -214px ;line-height:40px;height:45px;text-align:left;
}

div.selector span{
background-position:right 0;;height:45px;line-height:43px;
}




div.selector:active,div.selector.active{background-position:-483px -42px}
div.selector:active span,div.selector.active span{background-position:right -42px}
div.selector.focus,div.selector.hover,div.selector:hover{background-position:-483px -298px}
div.selector.focus span,div.selector.hover span,div.selector:hover span{background-position:right -84px}




div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover{background-position:-483px -341px}
div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span{background-position:right -128px}




div.selector.disabled{background-position:-483px -213px}
div.selector.disabled span{background-position:right -167x}


div.checker{width:23px;height:43px}
div.checker input{width:23px;height:23px}
div.checker span{background-position:0 -429px;height:23px;width:23px}
div.checker:active span,div.checker.active span{background-position:-23px -429px}
div.checker.focus span,div.checker:hover span{background-position:-46px -429px}
div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span{background-position:-69px -429px}
div.checker span.checked{background-position:-115px -429px}
div.checker:active span.checked,div.checker.active span.checked{background-position:-138px -429px}
div.checker.focus span.checked,div.checker:hover span.checked{background-position:-161px -429px}
div.checker.focus:active span.checked,div.checker:hover:active span.checked,div.checker.active:hover span.checked,div.checker.active.focus span.checked{background-position:-184px -429px}

div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span{background-position:-184px -428px}
div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked{background-position:-207px -428px}



div.radio{width:24px;height:30px}
div.radio input{width:24px;height:30px}
div.radio span{height:30px;width:24px;background-position:0 -460px}
div.radio:active span,div.radio.active span{background-position:-23px -460px}
div.radio.focus span,div.radio:hover span{background-position:-46px -460px}
div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span{background-position:-69px -460px}
div.radio span.checked{background-position:-92px -460px}
div.radio:active span.checked,div.radio.active span.checked{background-position:-115px -460px460px}
div.radio.focus span.checked,div.radio:hover span.checked{background-position:-138px -456px}
div.radio.focus:active span.checked,div.radio:hover:active span.checked,div.radio.focus.active span.checked,div.radio.active:hover span.checked{background-position:-161px -460px}
div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span{background-position:-184px -460px}
div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked{background-position:-207px -460px}



div.uploader{background-position:0 -490px;height:36px; }
div.uploader span.action{background-position:right -660px;height:36px;line-height:36px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

div.uploader span.filename{height:36px;margin:4px 0 4px 4px;line-height:36px;box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


div.uploader.focus,div.uploader.hover,div.uploader:hover{background-position:0 -575px;}
div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action{background-position:right -703px; }
div.uploader.active span.action,div.uploader:active span.action{background-position:right -746px}
div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action{background-position:right -788px; }


div.uploader.disabled{background-position:0 -532px}
div.uploader.disabled span.action{background-position:right -617px; }




div.button{background-position:0 -835px }
div.button span{background-position:right -1006px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
div.button.focus,div.button:focus,div.button:hover,div.button.hover{background-position:0 -877px}
div.button.focus span,div.button:focus span,div.button:hover span,div.button.hover span{background-position:right -1048px}
div.button.active,div.button:active{background-position:0 -919px}
div.button.active span,div.button:active span{background-position:right -1090px;color:#555}
div.button.disabled,div.button:disabled{background-position:0 -963px}
div.button.disabled span,div.button:disabled span{background-position:right -1133px;color:#666;cursor:default}
div.button{height:37px}
div.button span{margin-left:13px;height:29px;padding-top:10px;font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;padding-left:2px;padding-right:15px;color:#1c4257;text-shadow:rgba(255,255,255,0.5) 0 1px 0}


div.selector select{border:solid 1px #fff}
div.selector span{padding:0 25px 0 2px;cursor:pointer}
div.selector span{color:#666;text-shadow:0 1px 0 #fff}
div.selector.disabled span{color:#bbb}
div.checker{margin-right:5px}
div.radio{margin-right:3px}



div.uploader{width:250px}
div.uploader span.action{width:100px;text-align:center;text-shadow:rgba(255,255,255,0.5) 0 1px 0;background-color:#fff;color:#1c4257}
div.uploader span.filename{color:#777;width:125px;border-right:solid 1px #567c91;}
div.uploader input{width:250px}

div.uploader.disabled span.action{color:#aaa}
div.uploader.disabled span.filename{border-color:#ddd;color:#aaa}
.selector,.checker,div.button,.radio,.uploader{display:-moz-inline-box;display:inline-block;vertical-align:middle;zoom:1;*display:inline}
.selector select:focus,.radio input:focus,.checker input:focus,.uploader input:focus{outline:0}
div.button a,div.button button,div.button input{position:absolute}



div.button{cursor:pointer;position:relative}
div.button span{display:-moz-inline-box;display:inline-block;line-height:1;text-align:center}
div.selector{position:relative;padding-left:10px;overflow:hidden}
div.selector span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
div.selector select{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;height:37px;top:4px;left:0;width:100%}
div.selector option{padding:5px}


div.checker{position:relative}
div.checker span{display:-moz-inline-box;display:inline-block;text-align:center}
div.checker input{opacity:0;filter:alpha(opacity:0);display:inline-block;background:none}
div.radio{position:relative}
div.radio span{display:-moz-inline-box;display:inline-block;text-align:center}
div.radio input{opacity:0;filter:alpha(opacity:0);text-align:center;display:inline-block;background:none}
div.uploader{position:relative;overflow:hidden;cursor:default}
div.uploader span.action{float:left;display:inline;padding:4px 0;overflow:hidden;cursor:pointer}
div.uploader span.filename{padding:0 10px;float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}
div.uploader input{opacity:0;filter:alpha(opacity:0);position:absolute;top:0;right:0;bottom:0;float:right;height:25px;border:none;cursor:default}


/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background:url(../images/ui.totop.png) no-repeat left top}
#toTopHover{background:url(../images/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
#toTop:active,#toTop:focus{outline:none}


/* ui-tabs */
.ui-helper-hidden {
  display: none
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}
.ui-helper-clearfix:after {
  clear: both
}
.ui-tabs ul {
  padding-left: 10px;
}
.ui-tabs {
  position: relative;
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}
.ui-tabs .ui-tabs-nav li {
  float: left;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fff url(../images/egtab-inactive.png) repeat-x;
  padding: 13px 15px 10px;
  float: left;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  margin-right: 5px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-tabs .ui-tabs-nav li a {
  color: #000;
  margin-right: 2px;
  border-bottom: none;
  padding: 7px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: #fff url(../images/egtab-active.png) repeat-x !important;
  padding-bottom: 8px;
  border-top: 3px solid #2d426c;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete,but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  background: none;
}

/*** oneByOne ***/
#bannerSlider {
  position: relative
}
.oneByOne1 {
  top: 0;
  margin: 0;
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden
}
#bannerSlider .oneByOne_left {
  left: 0;
}
#bannerSlider .oneByOne_right {
  right: 0
}
#bannerSlider .oneByOne_item {
  position: absolute;
  width: 100%;
  height: 600px;
  overflow: hidden
}
#bannerSlider .oneByOne_item img.bigImage {
  position: absolute;
  bottom: 0;
}
#bannerSlider .oneByOne_item span.slidebutton_left a:hover {
  color: #fff
}
#bannerSlider {
  letter-spacing: 2px;
}
.button-add {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  color: #E1D98E !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #0E578B;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 18px;
}
.button-add:hover {
  color: #fff !important;
  background-color: #246396;
}
#bannerSlider .oneByOne_item span.slideh2 {
  line-height: 50px;
  position: relative;
  float: left;
  margin: 70px 12px 0 420px;
  padding: 8px;
}
#bannerSlider .oneByOne_item span.slideh3 {
  position: relative;
  float: left;
  margin: 40px 12px 0 420px;
  padding: 8px;
}
#bannerSlider .oneByOne_item span.slideparagraph {
  position: relative;
  float: left;
  margin: 30px 12px 0 420px;
  padding: 8px;
}
#bannerSlider .oneByOne_item span.slideh2_left {
  display: block;
  position: relative;
  margin: 70px 12px 0 32px;
  padding: 8px;
}
#bannerSlider .oneByOne_item span.slideh3_left {
  position: relative;
  display: block;
  margin: 40px 12px 0 32px;
  padding: 8px;
}
#bannerSlider .oneByOne_item span.slideparagraph_left {
  position: relative;
  display: block;
  margin: 20px 570px 0 32px;
  padding: 8px;
}
#bannerSlider .oneByOne_item span.slidebutton a {
  font-size: 20px;
  line-height: 50px;
  position: relative;
  float: left;
  margin: 18px 12px 0 430px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
  padding: 0 18px;
}
#bannerSlider .oneByOne_item span.slidebutton a:hover {
  color: #fff
}
#bannerSlider .oneByOne_item span.slidebutton_left a {
  font-size: 20px;
  line-height: 50px;
  position: relative;
  float: left;
  margin: 18px 430px 0 40px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
  padding: 0 18px
}
.buttonArea {
  float: left;
  left: 50%;
  position: relative;
  top: 100%;
  margin-top: -32px
}
.buttonCon {
  float: left;
  left: -50%;
  position: relative
}
.buttonCon .theButton {
  display: block;
  color: #B22222;
  width: 20px;
  height: 22px;
  text-indent: -9999px;
  border: 0;
  margin-right: 3px;
  float: left
}
.buttonArea a.active {
  background-position: 0 -22px
}
.arrowButton {
  cursor: pointer
}
.arrowButton .prevArrow {
  background: url(images/prev.png) no-repeat;
  width: 40px;
  height: 80px;
  position: absolute;
  top: 170px;
  left: 12px
}
.arrowButton .nextArrow {
  background: url(images/next.png) no-repeat;
  width: 40px;
  height: 80px;
  position: absolute;
  top: 170px;
  right: 12px
}
.animate0 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: 0;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: 0;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: 0;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: 0;
  animation-timing-function: ease;
  animation-fill-mode: both
}
.animate1 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: .2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: .2s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: .2s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: .2s;
  animation-timing-function: ease;
  animation-fill-mode: both
}
.animate2 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: .4s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: .4s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: .4s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: .4s;
  animation-timing-function: ease;
  animation-fill-mode: both
}
.animate3 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: .6s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: .6s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: .6s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: .6s;
  animation-timing-function: ease;
  animation-fill-mode: both
}
.animate4 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: .8s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: .8s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: .8s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: .8s;
  animation-timing-function: ease;
  animation-fill-mode: both
}
.animate5 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: 1s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: 1s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-fill-mode: both
}
.oneByOne_item img {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slideh2 {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slideh3 {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slideparagraph {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slidebutton {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slidebutton a {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slideh2_left {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slideh3_left {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slideparagraph_left {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slidebutton_left {
  -webkit-transform: translate3d(0, 0, 0)
}
.oneByOne_item span.slidebutton_left a {
  -webkit-transform: translate3d(0, 0, 0)
}

/*** tbox ***/
.tbox{position:absolute;display:none;padding:10px;z-index:999}
.tinner{padding:10px;-moz-border-radius:5px;border-radius:5px;background:#fff url(../images/preload.gif) no-repeat 50% 50%;
border-right:1px solid #333;border-bottom:1px solid #333;
}
.tcontent iframe{
	width:100%;padding-bottom: 20px;
	}
.tmask{
	position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#000;z-index:800}
.tclose{
	position:absolute;top:0;right:0;width:30px;height:30px;cursor:pointer;background:url(../images/close.png) no-repeat}
.tclose:hover{background-position:0 -30px}

/* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT_arrow_left{background-image:url(../images/arrow_left.gif);background-repeat:no-repeat;background-position:left top;position:absolute;z-index:101;left:-9px;height:23px;width:8px;top:2px}
#JT_arrow_right{background-image:url(../images/arrow_right.gif);background-repeat:no-repeat;background-position:left top;position:absolute;z-index:101;height:23px;width:8px;top:2px}
#JT{position:absolute;z-index:100;border:1px solid #ccc;background-color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#JT_copy{padding:10px;color:#333}
.JT_loader{background-image:url(../images/loader.gif);background-repeat:no-repeat;background-position:center center;width:100%;height:12px}
#JT_close_left{background-color: #DFEBFD;color:#666;text-align:left;padding-left:8px;padding-bottom:5px;padding-top:2px;font-weight:700}
#JT_close_right{background-color:#DFEBFD;text-align:left;padding-left:8px;padding-bottom:5px;padding-top:2px;font-weight:700}
#JT_copy p{margin:3px 0}
#JT_copy img{padding:1px;border:1px solid #CCC}
.jTip{cursor:pointer}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



/*** sf-menu ***/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: .9em;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/arrows-ffffff.png) no-repeat 0 -100px;
}
li:hover > a .sf-sub-indicator, li.sfHover > a .sf-sub-indicator {
	background-position: -10px -100px;
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position: 0 0;
}
.sf-menu ul li:hover > a .sf-sub-indicator, .sf-menu ul li.sfHover > a .sf-sub-indicator {
	background-position: -10px 0;
}
/* adding sf-vertical class in addition to sf-menu creates a vertical menu */
/* eg. <ul class="sf-menu sf-vertical"> ... */
.sf-vertical {
	width: 100%;
}
.sf-vertical ul {
	left: 70%;
	top: 0;
}
.sf-vertical li {
	width: 100%;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
	background-position: 0 0;
}
.sf-vertical li:hover > a .sf-sub-indicator, .sf-vertical li.sfHover > a .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}





/*** Misc***/
.frontC {
	margin-top: 10px;
}
.frontC .c1 {
	height: 208px;
}
.frontC .c2 {
	height: 208px;
}
.frontC .c3 {
	height: 208px;
}
.frontC .c4 {

	height: 208px;
	margin: 0;
}
.frontC p {
	font-size: 12px;
	line-height: 17px;
	color: #5e5e5e;
	text-align: justify;
	padding-top: 10px;
}
.frontC h3 {
	font-size: 16px;
	line-height: 20px;
	color: #4A718A;
	height: 80px;
}
.frontC .ch1 {
	padding: 0 0 0 85px;
	background: url(../images/ch1.jpg) no-repeat 0px;
}
.frontC .ch2 {
	padding: 0 0 0 85px;
	background: url(../images/ch2.jpg) no-repeat 0px;
}
.frontC .ch3 {
	padding: 0 0 0 85px;
	background: url(../images/ch3.jpg) no-repeat 0px;
}
.frontC .ch4 {
	padding: 0 0 0 85px;
	background: url(../images/ch4.jpg) no-repeat 0px;
}



.CPlanList .ui-tabs .ui-tabs-nav {
	margin: 0;
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #CDB541;
	margin-bottom: 15px;
}
.CPlanList .ui-tabs .ui-tabs-nav li {
	float: left;
	padding-right: 5px;
	border-top: 1px solid #09F;
	border-left: 1px solid #09F;
	border-right: 1px solid #09F;
	background: #fff url(../images/egtab3-inactive.png) repeat-x;
	padding: 7px 15px 6px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin-right: 5px;
}
.CPlanList .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #fff url(../images/egtab-active.png) repeat-x !important;
	padding-bottom: 5px;
	border-top: 3px solid #09F;
}





.tickercontainer .mask {
	position: relative;
	overflow: hidden;
}
ul.newsticker {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left;
	margin: 0;
	padding-right: 15px;
}


/*** jslider ***/
.jslider .jslider-bg i,.jslider .jslider-pointer{background:url(../images/jslider.png) no-repeat 0 0}
.jslider{display:block;width:100%;height:1em;position:relative;top:.6em;font-family:Arial,sans-serif}
.jslider table{width:100%;border-collapse:collapse;border:0}
.jslider td,.jslider th{padding:0;vertical-align:top;text-align:left;border:0}
.jslider table,.jslider table tr,.jslider table tr td{width:100%;vertical-align:top}
.jslider .jslider-bg{position:relative}
.jslider .jslider-bg i{height:5px;position:absolute;font-size:0;top:0}
.jslider .jslider-bg .l{width:10%;background-position:0 0;left:0}
.jslider .jslider-bg .f{width:80%;left:10%;background-repeat:repeat-x;background-position:0 -20px}
.jslider .jslider-bg .r{width:10%;left:90%;background-position:right 0}
.jslider .jslider-bg .v{position:absolute;width:60%;left:20%;top:0;height:5px;background-repeat:repeat-x;background-position:0 -40px}
.jslider .jslider-pointer{width:13px;height:15px;background-position:0 -60px;position:absolute;left:20%;top:-4px;margin-left:-6px;cursor:pointer;cursor:hand}
.jslider .jslider-pointer-hover{background-position:-20px -60px}
.jslider .jslider-pointer-to{left:80%}
.jslider .jslider-label{font-size:9px;line-height:12px;color:#000;opacity:.4;white-space:nowrap;padding:0 2px;position:absolute;top:-18px;left:0}
.jslider .jslider-label-to{left:auto;right:0}
.jslider .jslider-value{font-size:9px;white-space:nowrap;padding:1px 2px 0;position:absolute;top:-19px;left:20%;background:#fff;line-height:12px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.jslider .jslider-value-to{left:80%}
.jslider .jslider-label small,.jslider .jslider-value small{position:relative;top:-.4em}
.jslider .jslider-scale{position:relative;top:9px}
.jslider .jslider-scale span{position:absolute;height:5px;border-left:1px solid #999;font-size:0}
.jslider .jslider-scale ins{font-size:9px;text-decoration:none;position:absolute;left:0;top:5px;color:#999}
.jslider-single .jslider-pointer-to,.jslider-single .jslider-value-to,.jslider-single .jslider-bg .v,.jslider-limitless .jslider-label{display:none}