@charset"utf-8";
/* ------------------------------------------------------------ *
 * RemoteCall6.0 relay template 10 css
 * Last Updated: 2015.10.16
 * Author: Choi, Jaehee
 * Copyright© 2015 RSUPPORT all rights reserved.
 * http://rsupport.com/Products/RemoteCall
 * ------------------------------------------------------------ */

html, body {
  min-width: 968px;
  /*min-height: 100%;*/
  min-height: 700px;
  position: relative;
  height: 100%;
  overflow: auto;
}
body {
  min-height: 720px;
  overflow: hidden;
}

 #relay-footer { position: absolute; bottom: 0; }

#image-main-wrap #image-main {
  min-height: 100%;
  min-width: 968px;
  width: 100%;
  height: 100%;
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
}

#top-notify-bar {
	height: 44px;
	background: rgba(101, 101, 101, 0.2) !important;
	color: #fffffa;
  border-bottom: 1px solid rgba(101, 101, 101, 0.5) !important;
  background: transparent\9;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c656565,endColorstr=#4c656565);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c656565, endColorstr=#4c656565)";
  *zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */
}
#top-notify-bar * {
  background-color: transparent !important;
  line-height: 44px !important;
}
#top-notify-bar div.relay-layout {
  height: 44px;
  background-color: rgba(101, 101, 101, 0.2) !important;
}
#top-notify-bar span { line-height: 20px !important; }
#top-notify-bar #browser-info-wrap {
  width: 99%;
  text-align: center;
}

#top-notify-bar #notify-bar-close {
  background: url('images/t10_icons.png') no-repeat 0 -89px;
  _background: url('images/t10_icons.gif') no-repeat -4px -80px;
  width: 21px;
  height: 21px;
  display: inline-block;
  margin-top: 10px !important;
}
#top-notify-bar #notify-bar-close:hover {
  background: url('images/t10_icons.png') no-repeat 0 -121px;
  _background: url('images/t10_icons.gif') no-repeat -4px -113px;
  width: 21px;
  height: 21px;
}

label.check-wrap {
  display: inline-block;
  line-height: 20px !important;
  margin-top: 13px;
  height: 20px !important;
  padding: 0 0 0 26px !important;

  background: url('images/t10_icons.png') no-repeat -1px -148px;
  _background: url('images/t10_icons.gif') no-repeat -2px -142px;
}
label.check-wrap span { line-height: 20px !important; }
label.checkbox-hover,
label.checkbox-selected,
label.checkbox-hover.checkbox-selected {
  background-position: -1px -169px !important;
  _background-position: -2px -164px !important;
}
.relay-layout {
  width: 100% !important;
}
#relay-body {
  padding-bottom: 100px;
  margin: 150px auto;
  /* top: 150px; */
}
#relay-footer {
  width: 100%;
/*   position: absolute;
  bottom: 0;
  left: 0; */
  color: #fff;
}

#relay-header-inner #relay-title,
#relay-body #relay-common-image,
#relay-gate #relay-body #relay-information #information-paragraph {
  display: none;
}
#relay-body #relay-information {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
}
#relay-default-buttons-inner span.button {
  background-color: transparent !important;
  border: none !important;

}
#relay-default-buttons-inner span.button:last {
  margin-right: 1000px;
}
#relay-default-buttons-inner span.button button,
#relay-default-buttons-inner span.button a {
  color: #fff;
  padding: 0 5px;
}
#relay-default-buttons-inner span.button-hover,
#relay-default-buttons-inner span.button:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}

.type-code #relay-step-start label {
  /* display: none; */
  margin-right: 0;
}
.type-code #relay-step-start input {
  background-color: #fff !important;
  /* padding: 0; */
}
.template-10 #relay-body #relay-step-start .button-connect {
  width: 100%;
  margin-top: 10px;
  background-color: #03d3a8 !important;
  border-color: #00ddaf !important;
  height: 52px;
  line-height: 52px;
  cursor: pointer;
}

#relay-step-start .button-connect *,
#relay-step-starter .button-starter *,
#relay-step-starter-host .button-starter * {
  height: 52px !important;
  line-height: 52px !important;
  font-size: 16px !important;
}
#relay-main form #access-connect {
  padding: 0 116px;
}
.type-icon #connect-information {
  display: none;
}
.type-code #connect-information {
  margin-top: 13px;
  padding-bottom: 15px;
  color: #fff;
  font-size: 12px;
  word-spacing: -1px;
  line-height: 1.5;
}
#relay-program-download-inner {
  color: #fff;
  font-size: 13px;
  _word-spacing: -1px;
}

#relay-connecting #relay-body #relay-main #relay-step-remoting {
  color: #fff;
  _border-top: 1px solid #ccc;
  padding-top: 13px;
  width: 500px;
  margin: 0 auto 0;
}
#relay-connecting #relay-body #relay-main-inner {
  margin-top: 40px;
}
#relay-connecting #relay-body #relay-main .line {
  display: block;
  margin: 0 auto;
}
#relay-connecting #relay-main section .section-container {
  width: auto;
  line-height: 1.5;
}

#relay-connecting #relay-body .relay-layout #relay-body-inner,
#relay-connecting #relay-body .relay-layout .section-container,
#relay-body .section-container .inner-wrap {
  width: auto;
}

#relay-endmsg #relay-body .section-container {
  position: relative;
  width: 460px;
  margin: 0 auto;
}

#relay-endmsg #relay-main #second-pass {
  position: relative;
  margin-top: 72px;
  font-size: 13px;
  color: #fff;
}
#relay-endmsg #relay-main #second-pass span {
  background: url('images/t10_icons.png') no-repeat -1px -231px;
  _background: url('images/t10_icons.gif') no-repeat -3px -232px;
  width: 19px;
  height: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#relay-endmsg #relay-main #second-pass p {
  position: relative;
  top: -4px;
  display: inline-block;
  *display: inline;
  padding: 4px;
}
#relay-endmsg div#information-paragraph {
  position: relative;
  width: 310px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 14px 0;
  _padding: 14px 0 0 0;
  margin-top: 44px;
}
#relay-endmsg #relay-end-result {
  width: 100%;
}
#relay-endmsg #relay-information {
  width: auto;
}
#relay-endmsg #relay-body #relay-body-inner {
  background-color: rgba(0,0,0,0.3);
  padding: 80px 0 18px 0;
}


/* ************************
 * buttons
 ************************* */
.button, .button *{
  height: 24px; margin:0; padding:0; border:0; display:inline-block; line-height: 24px; _line-height: 25px;
  text-decoration:none !important; font-size:12px; white-space:nowrap; font-family:inherit !important;
  vertical-align:top; overflow:visible; _overflow-y: hidden;
  background-image: none !important;
}

.button{
  border: 1px solid #DADADA;
  background-color: #fff !important;
  border-radius: 4px;
}
.button{margin-right: 0; position: relative;}
.button span{position:static;}
.button button{padding:0;margin:0;border:0;background-color:transparent;overflow:visible;cursor:pointer;}
.button button,.button a{
  margin-right: 0; padding: 0 16px;position: static; left: 0;
  background: transparent !important; cursor:pointer; color: #888; font-weight: bold;
}
.button:hover{border-color: #A9A9A9;}
.button:hover span{color: #666; background-position: 0 0;}
/* gray button */

#relay-default-buttons .button:hover,
#relay-default-buttons .button-hover{
  background-color: #E6E6E6 !important;
  border-color: #C1C1C1 !important;
}
/* large button */
#relay-step-end .button-gofirst,
#relay-step-end .button-gofirst *,
#relay-step-remoting .button-gofirst,
#relay-step-remoting .button-gofirst *,
#relay-step-start .button-connect,
#relay-step-start .button-connect *{
  height: 30px; line-height: 30px; /*_line-height: 33px;*/ font-size: 14px;
}
#relay-step-end .button-gofirst,
#relay-step-remoting .button-gofirst,
#relay-step-start .button-connect{
  margin-right:0;
}
#relay-step-end .button-gofirst span,
#relay-step-remoting .button-gofirst span,
#relay-step-start .button-connect span{
  left:0;
}
#relay-step-end .button-gofirst a,
#relay-step-end .button-gofirst button,
#relay-step-remoting .button-gofirst a,
#relay-step-remoting .button-gofirst button,
#relay-step-start .button-connect a,
#relay-step-start .button-connect button{
  margin-right: 0;
  left: 0;
  top: 0;
}

#relay-step-agreement .button-agree *,
#relay-step-password .button-submit-password *,
#relay-step-pending .button-direct-download *,
#relay-step-reconnect .button-reconnect-download *,
#relay-step-end .button-gofirst *,
#relay-step-remoting .button-gofirst *,
.type-code #relay-step-start .button-connect *{
  color: #FFF !important;
}


/* hidden button */
.type-icon #relay-step-start .button-connect{
  display: none !important;
}
.download-button, .download-button span{
  background-image: none !important;
  background-color: #FFF !important;
}
.download-button{
  height: 24px;
  padding: 7px 21px 5px;
  border: 1px solid #DDD;
  border-radius: 6px;
  line-height: 24px; color: #333;
}

.download-button span{
  padding: 0; left:0; position:static;
}
.download-button:hover, .download-button.hover{
  border: 1px solid #BFBFBF;
}

input.text{
  background-color: #EFEFEF;
}

/* layout
 * ************************ */
/* floating wraps */
#relay-default-buttons, .image-wrap, #relay-main form,
#relay-footer .relay-layout, .step-contents-wrap, #steps-wrap, #information-paragraph{
  position:relative; float:none; overflow:visible; *zoom:1;
}
#relay-default-buttons:after, .image-wrap:after, #relay-main form:after,
#relay-footer .relay-layout:after, .step-contents-wrap:after, #steps-wrap:after, #information-paragraph:after{
  content:"";display:block; clear:both; height:0; visibility:hidden;
}

/* layout wrap */
.relay-layout{
  width: 100% !important;
  margin: 0 auto;
  position: relative;
}
.section-roof, .section-floor{
  overflow: hidden; position: relative; display: none;
}

/* header
********************************************************* */

#relay-header{
  padding-top: 31px;
  height: 92px;
}
#relay-logo {
  _height: 46px;
  overflow: hidden;
  padding: 25px 0 0 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#relay-logo img {
	max-height: 46px;
}
#relay-title{
  padding-top: 20px;
  text-align: center;
  color: #222;
  font-size: 34px;
  font-weight: normal;
}
body.lang-ko #relay-title{font-family: "malgun gothic",dotum,Arial,sans-serif;}
body.lang-en #relay-title{font-family: Arial,Helvetica,sans-serif;}

/* body
************************************************************** */
#relay-body{
  position: relative; color: #fff;
}
#relay-body .section-container,
#relay-body .section-container .inner-wrap{}
#relay-body-inner{
  margin: 0 auto;
}
/* buttons */
#relay-body #relay-default-buttons {

}
#relay-default-buttons{
  min-height: 10px;
  _height: 10px;
  margin-bottom: 10px;
  position: absolute;
  top: -220px;
  right: 10px;
}
#relay-connecting #relay-default-buttons {
  top: -270px;
}
#relay-default-buttons ul{
  overflow: hidden;
  text-align: right;
  display: block;
}
#relay-default-buttons li{
   display: inline;
}

#relay-default-buttons li .button{
   margin-left: 6px;
}


/* main image */
#relay-common-image{
  display: none !important;
}
/* information */
#relay-information{
  margin: 0 auto;
  width: 400px;
}

#relay-information h3{
  padding: 0;
  font-size: 36px;
  line-height: 1.2;
  font-weight: normal;
  color: #fff;
  text-align: center;
  overflow:hidden;
  word-wrap:break-word;
  word-break: keep-all;
}

#information-paragraph{
  padding: 14px 0 0;
  color: #333;
  font-size: 12px;
  line-height: 22px;
}

#relay-information .information-text,
#information-text-code,
#information-text-icon{
  display: none;
}
.type-code #information-text-code{
  display: inline;
}
.type-icon #information-text-icon{
  display: inline;
}

#relay-information p{
  max-height: 85px;
}

#relay-information address{
  font-style: normal; overflow-y:auto; max-height: 80px; display: inline-block;
}
#relay-information address span{
  display: block; word-wrap: break-word;
}

#relay-main .section-container{
  position: relative;
}

#relay-main .section-container .inner-wrap{
  position: relative;
}

/* step - start  */
#relay-step-start h3{
  display:none;
}

.type-icon #relay-main #form-access {
	margin-top: 45px;
	_margin-top: 25px;
}

/* code type */
.type-code #relay-step-start{
  padding-top: 39px;
  text-align: center;
}
.type-code #relay-step-start .information{
  padding: 0 0 25px 0;
}
.type-code #relay-step-start .input-wrap{
  display: inline-block;
  height:36px;
  width: 100%;
}
.type-code #relay-step-start label,
.type-code #relay-step-start input{
  height: 36px;
  font-size: 16px;
  line-height: 36px;
}
.type-code #relay-step-start input{
  width: 278px;
  padding: 0 10px;
  font-weight: bold;
  text-align: center;
}
/* icon tpye */
.type-icon #relay-step-start p{
  height: 28px;
  padding: 14px 0 0;
  text-align: center;
}
.type-icon #relay-step-start p label{
  margin-right: 0;
  font-size: 12px;
}
.type-icon #relay-step-start p input{
  border-color: #909386;
  border-radius: 3px;
  font-weight: bold;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #fff;
}
#relay-icons-wrap{
  text-align: center;
  padding-top: 24px;
  position: relative;
}
#no-icon{
  width: 200px; margin: 0 auto; /*width: 100%; height: 20px;*/ padding-top: 60px; z-index: 3;
  line-height: 2; color: #fff; /*font-weight: bold;*/ font-size: 13px; padding-bottom: 70px
}
#no-icon.hide{
  display: none;
}
#relay-icons{
  min-height: 143px; _height: 146px; /* _margin: 0 57px; */ padding: 0; _width: 300px;
  text-align: left; _text-align: center; display: inline-block; *display: inline;
  overflow: visible; position: relative; float: none; *zoom: 1; z-index: 2;
}
#relay-icons:after{
  content:""; display:block; clear:both; height:0; visibility:hidden;
}
#relay-icons li{
  width: 86px; height: 120px; padding: 0 5px 10px; margin: 0 0 13px 0;
  display: inline; float: left; position: relative; overflow: hidden; _float: none; _zoom: 1;
}
#relay-icons label{
  width: 86px !important; height: 86px !important;
  border-radius: 43px; display: block;
  position: relative; text-decoration: none;
  cursor: pointer; text-align: center;
  _overflow-x: hidden;
}
#relay-icons label input{
  position: absolute; top: -99px;
}
#relay-icons li .number{
  width: 86px; height: 86px; _width: 82px; _height: 82px;
  margin-bottom: 8px; display: block;
  border-width: 5px; border-style: solid; *border-style: none; border-radius: 43px;
  font: bold 36px/76px arial; text-align: center; text-decoration: none; color: #F3F3F3;
  _opacity: 0.8; _filter: alpha(opacity=80);
  *background: url('images/emerald/icon_bg.gif') no-repeat;
}
#relay-icons li a.number {
  width: 76px; height: 76px;
}
#relay-icons li .number,
.color-emerald #relay-icons li .number{
	background-color: #03d3a8; border-color: #03d3a8;
	*background-color: transparent; *border-color: none;
}

.ie8 #relay-icons li .number,
.ie8 .color-emerald #relay-icons li .number {
	border-style: none\9;
	background: transparent url('images/emerald/icon_bg.gif') no-repeat\9;
	border-color: transparent\9;
}

#relay-icons .number:hover,
#relay-icons .number:focus,
#relay-icons .mouseon .number,
#relay-icons .checked .number {opacity: 1; filter: alpha(opacity=100); color: #FFF;}
#relay-icons input:checked ~ .number {opacity: 1; filter: alpha(opacity=100); color: #FFF;}
#relay-icons li .operator{
  width: 86px;
  height: 37px;
  text-align: center;
  line-height: 16px;
  display: inline-block;
  color: #fff;
  overflow: hidden;
}
.type-icon #client-name-wrap {
  display: none;
}

/* program download  */
#relay-program-download,
#relay-exe2 {
  padding: 9px 0 10px;
  color: #989898;
  line-height: 14px;
  text-align: center;
  width: 400px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  position: relative;
}
#relay-exe2 {
  width: 400px;
  font-size: 13px;
  color: #fff;
}
#relay-program-download a,
#relay-program-download span {
  line-height: 1.5;
  vertical-align: top;
  margin-bottom: 4px;
}
#relay-program-download a#program-download-link {
  margin-right: 3px;
  overflow: hidden;
  background: url('images/t10_icons.png') no-repeat 0 0;
  _background: url('images/t10_icons.gif') no-repeat -3px -3px;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-decoration: none;
  margin-top: 10px;
}
#relay-program-download a#program-download-link:hover {
  background-position: 0 -36px;
  _background-position: -2px -39px;
  width: 36px;
  height: 36px;
}
#relay-privacy-policy{
  padding-top:10px; margin:0; text-align:center;
}
#relay-privacy-policy #privacy-policy{
  color:#fff; font-size:11px;
}
#view-program-guide {
  margin-right: 3px !important;
  border: 0 !important;
  overflow: hidden;
  display: inline-block;
  background-position: 0 0;
  text-indent: -999px;
  text-align: left;
  background: url('images/t10_icons.png') no-repeat 0 -252px;
  _background: url('images/t10_icons.gif') no-repeat -2px -254px;
  width: 21px;
  height: 21px;
  _width: 20px;
  _height: 20px;
  display: inline-block;
  position: absolute;
  bottom: 55px;
  outline: 0 none;
}
#view-program-guide:hover {
  background-position: 0 -273px;
  _background-position: -2px -276px;
  width: 21px;
  height: 21px;
  _width: 20px;
  _height: 20px;
}

/* relay-step-starter, relay-step-starter-host
******************************************************** */
#relay-step-starter,
#relay-step-starter-host {
	margin-top: 42px;
}
#relay-step-starter .section-container,
#relay-step-starter-host .section-container {
	text-align: center;
}
#relay-step-starter .button-starter,
#relay-step-starter-host .button-starter {
  width: 100%;
  margin-top: 10px;
  background-color: #03d3a8 !important;
  border-color: #00ddaf !important;
  height: 52px;
  line-height: 52px;
  cursor: pointer;
  margin-bottom: 40px;
}
#relay-step-starter .button-starter span,
#relay-step-starter .button-starter span a,
#relay-step-starter-host .button-starter span,
#relay-step-starter-host .button-starter span a {
  line-height: inherit;
  height: inherit;
  color: #fff;
  display: block;
}

/* relay steps */
#steps-wrap{
  position: relative;
}
.relay-step{
  margin: 0 auto;
  width: 300px;
  display: none;
}

.relay-step .section-container h3 {
  height: auto; font-size: 36px; font-weight: normal; letter-spacing: -2px;
  color: #fff; line-height: 1.2; text-align: center;
}

.wrapped-step{
  padding: 15px 20px;
}

.wrapped-step .section-container{
  display: block;
}
.wrapped-step .section-container p{
  padding: 0 0 7px 26px;
  line-height: 20px;
}

.wrapped-step .step-contents-wrap{
  min-height: 50px;
  _height: 50px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E3E3E3;
}
.wrapped-step .step-contents-wrap .title-out {
  display: none;
}
.wrapped-step .step-contents-wrap .title-in {
  display: block;
}
.wrapped-step .step-contents-wrap.one-line .title-out {
  display: block;
}
.wrapped-step .step-contents-wrap.one-line .title-in {
  display: none;
}
.wrapped-step .step-contents-buttons{
  border-top: 1px solid #FAFAFA;
  padding: 10px 0 0;
  text-align: center;
  clear: both;
  position: relative;
}
.step-contents-buttons .button{
  margin: 0 3px;
}

/* agreement */
#relay-step-agreement { padding: 0; width: 620px; }
#relay-step-agreement h3 {
  margin-bottom: 17px; padding: 0 0 18px;
}
#relay-step-agreement .agreement-text{
  max-height: 60px;
  overflow-y: auto;
}

#relay-step-agreement .agreement-check-wrap{

}
#relay-step-agreement label{
  font-weight: bold;
}

#relay-step-agreement .agreement-wrap{
  display: block;
  overflow: hidden;
  text-align: left !important;
}
#relay-step-agreement .step-contents-wrap { border-bottom: none; }
#relay-step-agreement .step-contents-buttons { border-top: none; }
#relay-step-agreement .step-contents-buttons .button {
  margin-top: 10px; border-width: 1px; border-style: solid;
}
#relay-step-agreement .step-contents-buttons .button,
#relay-step-agreement .step-contents-buttons .button * {
  width: 143px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
#relay-step-agreement .step-contents-buttons button { font-size: 16px; }
#relay-step-agreement .step-contents-buttons .button-agree,
#relay-step-agreement .step-contents-buttons .button-agree:hover {
  margin-right: 10px; border-color: #00ddaf !important;
  background-color: #03d3a8 !important;
}
#relay-step-agreement .step-contents-buttons .button-deny,
#relay-step-agreement .step-contents-buttons .button-deny:hover {
  border-color: #aaa !important; background-color: #f1f1f1 !important;
}

#control-agreement-wrap{
  display: block !important;
}

#record-agreement-wrap{
  display: none;
}
#record-notice{
  padding: 13px 0 0 26px;
  display: none;
}
#control-agreement-wrap.alone{
  width: 758px;
  text-align: left;
  padding-right: 0 !important;
}
#record-notice.alone{
  width: 758px !important;
  padding: 0 !important;
  display: none;
}

#record-notice p{
  padding: 0;
  text-align: left !important;
}







.input-wrap input.text,
.input-wrap label{
  width: 278px; height: 36px; padding: 0 10px;
  position: absolute; top: 0; left: 2px; cursor: pointer !important;
  font-weight: bold; font-size: 1.25em; color: #8B8B8B; line-height: 36px;
}

.input-wrap input.text{
  border: 1px solid #8B8B8B;
  background-color: transparent;
  z-index: 2;
}

.focusin input.text,
.inputed input.text{
  box-shadow: inset 1px 1px 4px 1px #eee !important;
}

.focusin input.text{
  cursor: text !important;
}

.inputed input.text{
  background-color: #FFF !important;
}

.input-wrap label{
  z-index: 1;
  background-color: #fff;
}

.focusin label{
  color: #d3d3d3; cursor: text;
  background-color: #FFF;
}

.input-wrap span{
  color: #F20;
}






/* password */
#relay-step-password h3 { display: none; }
#relay-step-password .step-contents-wrap { padding: 0; border: none; }
#relay-step-password .password-text{
  padding: 0 0 3px;
  text-align: left;
}
#relay-step-password .input-accesspassword{
  padding: 13px 0;
  display: block;
  text-align: center;
}
.type-code #relay-step-password form {
	margin-top: 23px;
	_margin-top: 38px;
}
#relay-step-password .input-accesspassword input{
  width: 275px; height: 36px; border: 1px solid #666; border-radius: 3px;
  font-size: 16px; line-height: 36px;
  text-align: center;
  font-weight: bold;
  background-color: #fff;
}
#relay-step-password .step-contents-buttons { padding: 0; border-top: none; }
#relay-step-password .step-contents-buttons .button {
  margin: 10px 0 0 0; border-width: 1px; border-style: solid;
}
#relay-step-password .step-contents-buttons .button,
#relay-step-password .step-contents-buttons .button * {
  width: 141px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
#relay-step-password .step-contents-buttons button { font-size: 16px; }
#relay-step-password .step-contents-buttons .button-submit-password,
#relay-step-password .step-contents-buttons .button-submit-password:hover {
  margin-right: 6px; border-color: #00ddaf !important;
  background-color: #03d3a8 !important;
}
#relay-step-password .step-contents-buttons .button-cancel-password,
#relay-step-password .step-contents-buttons .button-cancel-password:hover {
  border-color: #aaa !important; background-color: #f1f1f1 !important;
}

/* download */
#relay-step-pending { width: 580px; }
#relay-step-pending .step-contents-wrap {
  margin-top: 26px; border: none; height: auto; min-height: auto;
  text-align: center;
}
#relay-step-pending .download-description { padding: 13px 0 7px 0; }
#relay-step-pending .program-information,
#relay-step-pending .button-cancel { display: none; }
#relay-step-pending .step-contents-buttons { padding: 0; border: none; }
#relay-step-pending .button-direct-download {
  border: none !important;
  background: none !important;
  _height: 36px;
}
#relay-step-pending .button-direct-download span {
  _height: 36px;
}
#relay-step-pending #file-direct-download {
  padding: 0; width: 36px; height: 36px; _width: 30px; _height: 30px;
  background: url('images/t10_icons.png') no-repeat 0 0 !important;
  _background: url('images/t10_icons.gif') no-repeat -3px -3px !important;
  font-size: 0; line-height: 0;
}
#relay-step-pending #file-direct-download:hover {
  padding: 0; width: 36px; height: 36px; _width: 32px; _height: 32px;
  background-position: 0 -36px !important;
  _background-position: -2px -39px !important;
  font-size: 0; line-height: 0;
}


.download-progress{
  height: 10px;
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  margin-top: 20px;
  *margin-top: 11px;
  background: #fff url(../../images/relay/progress.png) repeat-x scroll left top;
}
.program-information ul{
  padding-top: 6px;
}
.program-information li{
  height: 18px;
  line-height: 18px;
}

/* remoting, end
********************************************************** */
#relay-step-remoting,
#relay-step-end{
  padding-top: 10px;
  text-align: center;
}
#relay-endmsg #relay-step-end {
  padding-top: 7px;
}

#relay-end-message{
  width: 370px;
  float: left;
  display: inline;
}
#relay-end-result{
  height: auto !important;
  height: 75px;
  margin: 0 !important;
  padding: 0 !important;
  float: right;
  display: inline;
}

#relay-end-result li{
  width: 370px;
  height: 18px;
  margin: 0;
  *margin-left: -16px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
}
#relay-endmsg #relay-information .point-color {
  color: #fff !important;
}
#relay-endmsg #relay-main #relay-step-end-inner .button-gofirst {
  margin-top: 10px;
  background-color: #03d3a8 !important;
  border-color: #00ddaf !important;
  height: 52px;
  line-height: 52px;
  cursor: pointer;
  width: 310px;
  _width: 360px;
}
#relay-endmsg #relay-main #relay-step-end-inner .button-gofirst span {
  _height: 52px;
  _line-height: 52px;
  width: 100%;
  height: 100%;
}
#relay-endmsg .button-gofirst a {
  height: 52px !important;
  line-height: 52px !important;
  font-size: 16px !important;
  width: 90%;
}


/* footer
******************************************************** */
#relay-footer{
  height: 28px;
  color: #fff;
  font-size: 11px;
}
#relay-footer p{
  line-height: 1.5;
  display: inline;
}
#relay-footer p.footer-announce{
  width: 620px;
  display: block;
  text-align: justify;
  margin-left: 10px;
}
#relay-footer .footer-powered{
  position: absolute;
  top: 0;
  right: 10px;
}

.exe2-desc { line-height: 1.3;}