.tl-widget {
    width: 300px;
}
.tl-widget .tl_content {
    margin: 10px 5px;
}
.tl-widget h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
}

.tl-widget label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 10px 0 2px 0;
}
.tl-widget input.tl_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    width: 100%;
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
}

.tl-widget input.tl_zip {
    width: 150px;
}
.tl-widget input.tl_submit {
    display: block;
    cursor: pointer;
    width: 85px;
    height: 34px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #212121;
    padding: 7px 12px;
    background: #eeeeee;
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #bdbdbd;
    -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,1);
    text-shadow: 1px 1px 0px rgba(230,230,230,1), 0px 1px 0px rgba(230,230,230,0.2);
}
.tl-widget input.tl_submit:hover {
    background: #e9e9e9;
    background: -moz-linear-gradient(top,  #e9e9e9 0%, #adadad 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#adadad));
    background: -webkit-linear-gradient(top,  #e9e9e9 0%,#adadad 100%);
    background: -o-linear-gradient(top,  #e9e9e9 0%,#adadad 100%);
    background: -ms-linear-gradient(top,  #e9e9e9 0%,#adadad 100%);
    background: linear-gradient(top,  #e9e9e9 0%,#adadad 100%);
}

.tl-widget input.tl_submit.loading {
    background: url("http://library.tritondigital.com/xinban/lsf/images/general/spinning.gif") no-repeat center center #C4C4C4;
    color: transparent;
    font-size: 1px;
    text-shadow: 0 0 0 transparent;
}

/* V2 / Newletters Widget */

#trtn-widget-modal {
  background: transparent;
  border: 0;
}

#trtn-widget-modal a.modalCloseImg {
  width: 33px;
  height: 33px;
  background: url("http://library.tritondigital.com/xinban/lsf/images/general/close.png") no-repeat center center transparent;
  display: block;
  position: absolute;
  left: 50%; top: 10px;
  margin-left: 220px;
  z-index: 999999;
  cursor: pointer;
}
.tl-newsletters-widget .tl_wd_btnEmailSignUp.loading,
#trtn-widget-modal .tl_wd_btnSubmit.loading {
  background: url("http://library.tritondigital.com/xinban/lsf/images/general/spinning.gif") no-repeat center center #C4C4C4;
  color: transparent;
  font-size: 1px;
  text-shadow: 0 0 0 transparent;
}

#trtn-widget-modal .tl_wd_divSubsPanel {
  width:530px;
  min-height: 500px;
  background-color:#e5e5e5;
  margin:0 auto; padding:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#4b4b4b;
  font-size:14px;
  position:relative;
  -webkit-box-shadow: 0px 8px 15px 0px #000;
  -moz-box-shadow: 0px 8px 15px 0px #000;
  box-shadow: 0px 8px 15px 0px #000;
}

#trtn-widget-modal .tl_wd_divSubsPanelTitle * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1em;
    font-family: inherit;
    vertical-align: baseline;
    line-height:normal;
    list-style:none;
    z-index: 9000000;
}

#trtn-widget-modal .tl_wd_divSubsPanelTitle h3 {
  display:block;padding:14px 0; width:100%; color:#FFF; text-decoration:none; font-weight:bold; font-size:1.5em; text-align:center;
  text-indent: -20px;
  background: #BBB;
  background: -moz-linear-gradient(top, #BBB 0%, #777 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#777));
  background: -webkit-linear-gradient(top, #BBB 0%, #777 100%);
  background: -o-linear-gradient(top, #BBB 0%, #777 100%);
  background: -ms-linear-gradient(top, #BBB 0%, #777 100%);
  background: linear-gradient(top, #BBB 0%, #777 100%);
}

#trtn-widget-modal .tl_wd_divSubsList { width:100%;  padding:20px 0; margin:0; height:auto; max-height: 400px; overflow: auto; position: relative; }
#trtn-widget-modal .tl_wd_divSubsList .subbr:last-child {background: transparent; border: none; height: 20px; margin: 0;}

#trtn-widget-modal .divPanelGroup {padding:0 20px;}
#trtn-widget-modal .spanGroupName {font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px; display: block; text-shadow:0 1px 0 #fff;}
#trtn-widget-modal .divPanelSub {margin-bottom: 10px;}
#trtn-widget-modal .inputPanelChkbox {float:left; width:20px; margin:3px 3px 3px 4px;}
#trtn-widget-modal .spanPanelSubName {font-size: 13px; color: #666; font-weight: bold; float: left; width:440px; text-shadow:0 1px 0 #fff; padding-top: 2px;}
#trtn-widget-modal .spanPanelSubDescription {color:#777; display: block; font-weight: normal;}
#trtn-widget-modal .spanPanelSubName {}

#trtn-widget-modal .tl_wd_btnSubmit {
  border: none; border-radius: 5px;
  padding: 10px 15px; min-width: 75px;
  color: white;
  text-shadow:0 -1px 0 #000;
  font-weight: bold; font-size: 14px;
  float: right; box-shadow: 0 2px 0 #545454;
  cursor: pointer;
  width: 110px; height: 34px;
  background: #ababab; /* Old browsers */
  background: -moz-linear-gradient(top,  #ababab 0%, #727272 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ababab), color-stop(100%,#727272)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ababab 0%,#727272 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ababab 0%,#727272 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  #ababab 0%,#727272 100%); /* W3C */
}

#trtn-widget-modal .tl_wd_btnSubmit:hover {
  background: #8c8c8c; /* Old browsers */
  background: -moz-linear-gradient(top,  #8c8c8c 0%, #565656 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c8c8c), color-stop(100%,#565656)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #8c8c8c 0%,#565656 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #8c8c8c 0%,#565656 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #8c8c8c 0%,#565656 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #8c8c8c 0%,#565656 100%); /* W3C */
  box-shadow: 0 2px 0 #303030;
}

#trtn-widget-modal .subbr {height:1px; display:block; background: #d4d4d4; border-bottom: 1px solid white; margin:20px 0;}
#trtn-widget-modal .subbr.withshadow {margin-top: 0;}

#trtn-widget-modal .divEmailPref {padding:0 20px 20px; position: relative; width:92%;}
#trtn-widget-modal .divEmailPref > div {display: block; width:70%; float:left;}
#trtn-widget-modal .divEmailPref span {display:block; margin-bottom: 5px; font-weight: bold;}
#trtn-widget-modal .divEmailPref input[type=radio] {margin:3px 3px 3px 0px;}
#trtn-widget-modal .divEmailPref label {margin-right: 10px;}

#trtn-widget-modal .subclearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#trtn-widget-modal .subclearfix {
  display: inline-block;
}

html[xmlns] #trtn-widget-modal .subclearfix {
  display: block;
}

* html #trtn-widget-modal .subclearfix {
  height: 1%;
}

#trtn-widget-modal .ajax-loader-button-container { position:relative; display:inline-block; }


.tl-widget .tl_modal {
    display: none;
}