@import url("font.css");

/* reset */
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: 13px;
  line-height: 16px;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  vertical-align: baseline;
  color: #333333;
}

body {
  background: #ececee;
  text-align: center;
}

h1 { position: absolute; top: -174px; left: 10px; width: 351px; height: 162px; cursor: pointer; background: url(../images/logo.png) center center no-repeat; }
h2 { font-family: 'antonregular', Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 30px; line-height: 32px; margin-bottom: 18px; text-align: left; }
h2 span { font-family: 'antonregular', Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 30px; line-height: 32px; color: #a91515; }
h3 { font-size: 24px; line-height: 26px; margin-bottom: 10px; text-align: left; }
a { color: #a91515; text-decoration: none; }
a strong { color: #a91515; }
a:hover { color: #333333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
table { text-align: left; border: 1px solid #d1cea2; }
table td { padding: 4px 8px; border: 1px solid #d1cea2; vertical-align: middle; }
ul { list-style: square; margin: 2px 0 2px 18px; }
ol { list-style: decimal; margin: 2px 0 2px 28px; }
li { padding: 0px; margin-bottom: 2px; }
img { border: none; }
input[type="checkbox"] { margin: 0px; }
input[type="radio"] { : pointer; }
p { padding: 0 0 12px; text-align: justify; }

input[type="text"], input[type="email"], input[type="password"], textarea {
  background: #ffffff;
  border: 1px solid #cbcbcb;
  height: 16px;
  line-height: 16px;
  width: auto;
  padding: 8px;
  margin-bottom: 4px;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

textarea {
  height: 120px;
  padding: 8px;
}

select {
	background: #ffffff;
	border: 1px solid #cbcbcb;
	min-width: 74px;
	margin-bottom: 4px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

select option {
  background-color: #ffffff !important;
  width: auto !important;
}

input[type="text"], input[type="password"] {
	vertical-align: middle;
}

input[type="button"], input[type="submit"], a.submit {
	color: #fff;
  display: inline-block;
  padding: 9px 14px;
  white-space: nowrap;
  line-height: 16px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  background: #a91515 !important;
  background: -moz-linear-gradient(top, #c22e2e 0%, #a91515 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c22e2e), color-stop(100%,#a91515)) !important;
  background: -webkit-linear-gradient(top, #c22e2e 0%,#a91515 100%) !important;
  background: -o-linear-gradient(top, #c22e2e 0%,#a91515 100%) !important;
  background: -ms-linear-gradient(top, #c22e2e 0%,#a91515 100%) !important;
  background: linear-gradient(to bottom, #c22e2e 0%,#a91515 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c22e2e', endColorstr='#a91515',GradientType=0 ) !important;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 4px 0 #000000;
  box-shadow: 1px 1px 4px 0 #000000;
  text-shadow: black 1px 1px 0;
}

input[type="button"]:hover, input[type="submit"]:hover, a.submit:hover {
	color: #cccccc;
	background: #c22e2e !important;
  background: -moz-linear-gradient(top, #a91515 0%, #c22e2e 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a91515), color-stop(100%,#c22e2e)) !important;
  background: -webkit-linear-gradient(top, #a91515 0%,#c22e2e 100%) !important;
  background: -o-linear-gradient(top, #a91515 0%,#c22e2e 100%) !important;
  background: -ms-linear-gradient(top, #a91515 0%,#c22e2e 100%) !important;
  background: linear-gradient(to bottom, #a91515 0%,#c22e2e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a91515', endColorstr='#c22e2e',GradientType=0 ) !important;
  text-shadow: none;
}

label {
  display: inline-block;
  width: 120px;
  text-align: left;
}

.note {
  color: #929294;
  font-size: 11px;
  font-style: italic;
}

.notext {
  font-size: 0px !important;
  line-height: 0 !important;
  text-indent: -4000px !important;
}

.fclear {
  clear: both;
}

.none {
  display: none;
}

.tcenter {
  text-align: center;
}

.tright {
  text-align: right;
}

.tleft {
  text-align: left;
}

.nomargin {
  margin: 0px !important;
}

.hr {
  width: auto;
  height: 1px;
  background: #d4d9de;
  margin: 20px 0px;
}

.required_error {
  border: 1px solid #d71f26 !important;
}

.required_item {
  color: #d71f26 !important;
  margin-left: 3px;
}

.main {
  margin: auto;
  width: 980px;
  position: relative;
}


/* body of page */
#back-top {
  position: fixed;
  bottom: 40px;
  z-index: 9999;
  right: 10px;
}

#back-top span {
  width: 39px;
  height: 39px;
  display: block;
  background: url(../images/scroll.png) no-repeat left 0px;}

#main-holder {
  position: absolute;
  width: 100%;
  min-height: 100%;
  min-width: 1160px;
  overflow: hidden;
}

#bg-stadion {
  position: absolute;
  width: 100%;
  min-height: 100%;
  min-width: 1160px;
  z-index: 1;
}

#bg-pytlik-ml {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 590px;
  height: 1190px;
  z-index: 2;
}

#bg-pytlik {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 590px;
  height: 1190px;
  z-index: 2;
}

#bg-sign {
  position: absolute;
  top: 788px;
  left: 166px;
  width: 321px;
  height: 248px;
  background: url(../images/bg-podpis.png) 0 0 repeat;
  z-index: 4;
}

#bg-shutter {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100%;
  background: url(../images/shutter.png) 0 0 repeat;
  z-index: 3;
}

#bg-stadion img, #bg-pytlik img, #bg-pytlik img {
  width: 100%;
}

#main {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 5;
}

#hta-logo {
  position: absolute;
  top: -188px;
  right: 10px;
  width: 215px;
  height: 183px;
  background: url(../images/hta-logo.png) 0 0 no-repeat;
}

#content-holder {
  margin-top: 194px;
  background: #4a4c4e;
  -webkit-box-shadow: 0 0 8px 0 #313131;
  box-shadow: 0 0 8px 0 #313131;
}

#content {
  position: relative;
  background: #fff;
  padding: 10px 10px 40px 10px;
  border-bottom: 5px solid #000;
}

#top-videos {
  position: relative;
  width: 940px;
  height: 140px;
  margin-bottom: 10px;
  padding: 20px 0px 0px 20px;
  background: url(../images/film-bg.png) right center repeat-x;
  overflow: hidden;
}

#top-videos div.top-slider {
  background: #262d33;;
}

#top-videos div.movie-holder {
  position: relative;
  width: 170px;
  height: 120px;
  cursor: pointer;
}

#top-videos div.movie-holder img {
  width: 170px;
  height: 120px;
}

#top-videos div.movie-holder span.playImg {
  position: absolute;
  top: 0;
  left: 0px;
  width: 170px;
  height: 120px;
  background: url(../images/video_play.png) center center no-repeat;
}

div.tpShowHolder {
  position: relative;
  width: 622px !important;
  height: 350px !important;
  margin: 0px !important;
  overflow: hidden;
}

div.tpShowHolder2 {
  position: relative;
  width: 842px !important;
  height: 350px !important;
  margin: 0px !important;
  overflow: hidden;
}

div.tpShowHolder iframe {
  width: 622px !important;
  height: 350px !important;
  margin: 0px !important;
}

#top-videos div#top-videos-banner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 220px;
  height: 160px;
  background: url(../images/top-videos.png?vs=03) top right no-repeat;
}

#top-videos .bx-controls-direction {
  position: absolute;
  right: -50px;
  top: -20px;
  width: 40px;
  height: 160px;
  background: #c22e2e !important;
  background: -moz-linear-gradient(top, #c22e2e 0%, #a91515 49%, #c22e2e 50%, #a91515 99%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c22e2e), color-stop(49%,#a91515), color-stop(50%,#c22e2e), color-stop(99%,#a91515)) !important;
  background: -webkit-linear-gradient(top, #c22e2e 0%,#a91515 49%,#c22e2e 50%,#a91515 99%) !important;
  background: -o-linear-gradient(top, #c22e2e 0%,#a91515 49%,#c22e2e 50%,#a91515 99%) !important;
  background: -ms-linear-gradient(top, #c22e2e 0%,#a91515 49%,#c22e2e 50%,#a91515 99%) !important;
  background: linear-gradient(to bottom, #c22e2e 0%,#a91515 49%,#c22e2e 50%,#a91515 99%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c22e2e', endColorstr='#a91515',GradientType=0 ) !important;
}

#top-videos .bx-controls-direction a {
  position: absolute;
  background: url(../images/film-anchor.png) no-repeat;
  display: block;
  width: 40px;
  height: 80px;
  z-index: 9;
}

#top-videos .bx-controls-direction a.bx-next {
  background-position: top left;
  margin: 0;
  right: 0px;
  top: 0;
}

#top-videos .bx-controls-direction a.bx-prev {
  background-position: bottom left;
  bottom: 0;
  left: 0px;
  top: auto;
}

.bx-wrapper {
	position: relative;
	margin: 0px !important;
  padding: 0px !important;
	*zoom: 1;
}

#navigation {
  position: relative;
  width: 960px;
  height: 56px;
  border-bottom: 5px solid #e7e7e7;
  text-align: left;
  background: url(../images/nav-bg.png) 0 0 repeat-x;
}

ul.menu {
	width: auto;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.menu > li {
  position: relative;
  display: inline-block;
  float: left;
}

ul.menu > li > a {
  display: block;
  border-right: 1px solid #dadbdc;
  text-transform: uppercase;
  color: #36393b;
  font-weight: bold;
  line-height: 56px;
  height: 51px;
  padding: 0px 20px;
}

ul.menu .sf-sub-indicator {
  display: none;
}

ul.menu > li.selected > a, ul.menu > li > a:hover, ul.menu > li > a.selected, ul.menu > li.sfHover > a {
  color: #fff;
  text-decoration: none;
  background: #a91515 !important;
  background: -moz-linear-gradient(top, #c22e2e 0%, #a91515 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c22e2e), color-stop(100%,#a91515)) !important;
  background: -webkit-linear-gradient(top, #c22e2e 0%,#a91515 100%) !important;
  background: -o-linear-gradient(top, #c22e2e 0%,#a91515 100%) !important;
  background: -ms-linear-gradient(top, #c22e2e 0%,#a91515 100%) !important;
  background: linear-gradient(to bottom, #c22e2e 0%,#a91515 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c22e2e', endColorstr='#a91515',GradientType=0 ) !important;
}

ul.menu ul {
	position: absolute;
	top: 56px;
	left: 0px;
	width: 200px;
	display: none;
	padding: 0px;
	margin: 0px;
	z-index: 10;
	background: #a91515 !important;
  background: -moz-linear-gradient(top, #c22e2e 0%, #a91515 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c22e2e), color-stop(100%,#a91515)) !important;
  background: -webkit-linear-gradient(top, #c22e2e 0%,#a91515 100%) !important;
  background: -o-linear-gradient(top, #c22e2e 0%,#a91515 100%) !important;
  background: -ms-linear-gradient(top, #c22e2e 0%,#a91515 100%) !important;
  background: linear-gradient(to bottom, #c22e2e 0%,#a91515 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c22e2e', endColorstr='#a91515',GradientType=0 ) !important;
}

ul.menu li li {	
	padding: 0;
	margin: 0px;
	position: relative;
	display: block;
	text-align: left;
}

ul.menu li li:last-child a {	
	border-bottom: 1px solid #a91515;
}

ul.menu li li a {
	display: block;
	padding: 10px;
	color: #fff;
	font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #a91515;
}

ul.menu li li > a:hover, ul.menu li li.sfHover > a, ul.menu li li a.selected {
	border-bottom: 1px solid #dedfe0 !important;
	color: #dedfe0 !important;
}

#home-banner {
  position: relative;
  width: 960px;
  height: 350px;
}

#home-banner {
  position: relative;
  width: 960px;
  height: 350px;
  background: url(../images/bx_loader.gif) 270px 160px no-repeat;
  border-bottom: 5px solid #e7e7e7;
  overflow: hidden;
}

#home-banner div:not(.vjs-fullscreen) div.vjs-control-bar {
  width: 95% !important;
}

#home-banner div#pucks {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 390px;
  height: 350px;
  background: url(../images/banner-pucks.png) left center no-repeat;
  z-index: 8;
}

#home-banner div#pucks {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 390px;
  height: 350px;
  background: url(../images/banner-pucks.png) left center no-repeat;
  z-index: 8;
}

#home-banner div#pucks div.box1 {
  position: absolute;
  top: 100px;
  left: 150px;
  padding: 20px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  background: #a91515;
}

#home-banner div#pucks div.box2 {
  position: absolute;
  top: 162px;
  left: 150px;
  padding: 20px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  background: #010067;
}

#home-banner-slides {
  position: relative;
  width: 880px;
  height: 88px;
  padding: 5px 40px 0px 40px;
  background: url(../images/shutter.png) 0 0 repeat; 
}

#home-banner-slides div.thumb-holder {
  position: relative;
  width: 142px;
  height: 83px;
  cursor: pointer;
}

#home-banner-slides div.thumb-holder img {
  width: 134px;
  height: 75px;
  border: 4px solid #fff;
}

#home-banner-slides div.bx-controls-direction a.disabled {
  display: none;
}

#home-banner-slides a.bx-prev {
  position: absolute;
  top: -5px;
  left: -40px;
  width: 40px;
  height: 93px;
}

#home-banner-slides a.bx-next {
  position: absolute;
  top: -5px;
  right: -40px;
  width: 40px;
  height: 93px;
}

#home-banner-slides a.bx-prev span, #home-banner-slides a.bx-next span {
  display: block;
  width: 40px;
  height: 93px;
  line-height: 93px;
  font-size: 30px;
  text-align: center;
}

#home-banner-slides a.bx-prev:hover span, #home-banner-slides a.bx-next:hover span {
  opacity: 0.5;
}

#home-banner-slides div.altPrev {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 93px;
  display: block;
  line-height: 93px;
  font-size: 30px;
  text-align: center;
  opacity: 0.25;
}

#home-banner-slides div.altNext {
  position: absolute;
  top: 0px;
  right: 3px;
  width: 40px;
  height: 93px;
  display: block;
  line-height: 93px;
  font-size: 30px;
  text-align: center;
  opacity: 0.25;
}

#traning-videos {
  position: relative;
  width: 960px;
  height: auto;
  margin-top: 20px;
  text-align: left;
}

#traning-videos .col1 {
  position: relative;
  float: left;
  width: 300px;
  min-height: 50px;
  margin-right: 18px;
}

#traning-videos .col2 {
  position: relative;
  float: left;
  width: 640px;
  min-height: 50px;
}

#traning-videos .col1 a.mainCat img {
  position: absolute;;
  top: 0px;
  left: 0px;
  height: 56px;
}

#traning-videos .col1 a.mainCat {
  position: relative;
  float: left;
  width: 236px;
  height: 56px;
  padding-left: 64px;
  background: url(../images/mainCat-bg.png) 0 0 repeat-x;
  font-family: 'antonregular', Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 56px;
  color: #fff;
  font-weight: normal;
}

#traning-videos .col1 a.mainCat:hover, #traning-videos .col1 a.mainCat:hover span.fa {
  color: #868686;
}

#traning-videos .col1 a.mainCat.doubleline {
  line-height: 22px;
  padding-top: 6px;
  height: 50px;
}

#traning-videos .col1 a.mainCat span.fa {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  width: 30px;
  font-size: 20px;
  color: #fff;
}

#traning-videos .col1 div.subCats {
  float: left;
  width: 280px;
  padding-top: 20px;
  padding-left: 20px;
  background: #010067;
}

#traning-videos .col1 div.subCats a.subCat {
  display: block;
  padding-bottom: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}

#traning-videos .col1 div.subCats a.subCat span.fa {
  display: inline block;
  width: 12px;
  color: #fff;
  font-size: 12px;
}

#traning-videos .col1 div.subCats a.subCat:hover, #traning-videos .col1 div.subCats a.subCat:hover span.fa,
#traning-videos .col1 div.subCats a.subCat.selected, #traning-videos .col1 div.subCats a.subCat.selected span.fa {
  color: #868686;
}

#footer {
  position: relative;
  width: 900px;
  min-height: 253px;
  padding: 40px; 
  background: url(../images/map-bg.jpg) center top no-repeat;
  text-align: left;
}

#footer p, #footer h2, #footer a {
  color: #fff;
}

#footer p {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  float: left;
  width: 448px;
  min-height: 164px;
}

#footer p.smallF {
  font-size: 20px;
  line-height: 28px;
}

#footer div#fnav {
  color: #fff;
  padding-top: 6px;
}

#footer a:hover {
  text-decoration: underline !important;
}

#footer div#copyright {
  color: #707273 !important;
  font-size: 11px;
  padding-top: 10px;
}

#footer div#copyright a {
  color: #707273 !important;
  font-size: 11px;
}

#simplemodal-overlay {
	background: #000000;
}

#simplemodal-container a.modalCloseImg {
	display: none;
}

#simplemodal-container {
  position : absolute !important;
  text-align: left;
	background: #ffffff;
	padding: 8px;
	border: 1px solid #7D7C7C;
	box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

.prevCloseBtn {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.gui_list_paging_links_holder a {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-left: -2px;
  text-decoration: none;
  color: #000;
  background-color: #e6e6e6;
}

.gui_list_paging_links_holder .gui_list_paging_links_disabled {
  display: none;
}

.gui_list_paging_links_holder .gui_list_paging_links_select strong {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-left: -2px;
  text-decoration: none;
  color: #fff;
  background-color: #a91515;
  font-weight: normal;
}

.gui_list_paging_links_holder a:hover {
  color: #fff;
  background-color: #a91515;
  cursor: pointer;
}

.gui_list_paging_links_holder, .gui_sort_by {
  float: right;
}

.gui_frm_paging {
  display: none;
}

#langs-sidebar {
  position: fixed;
  top: 300px;
  right: 0px;
  width: 30px;
  height: auto;
  z-index: 1000;
}

#langs-sidebar a {
  display: block;
  margin-top: -10px;
}

#langs-sidebar img {
  width: 30px;
}

.sidebar {
  width: 28px;
  height: 119px;
  top: 380px;
  right: 0px;
  display: block;
  border: 1px solid #970e0e;
  border-right: 0;
  position: absolute;
  position: fixed;
  z-index: 1000;
  cursor: pointer;
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}

#side-holder {
  width: 450px;
  height: 99px;
  margin-left: 28px;
  padding: 10px 10px 10px 12px;
  text-align: left;
  background: #ffffff;
}

.trainVideosHolder {
  position: relative;
  padding-bottom: 10px;
}

.trainVideosHolder div.trainMovie-group {
  position: relative;
  float: left;
  width: 200px;
  height: auto;
  margin-right: 20px;
  text-align: center;
  cursor: pointer;
}

.trainVideosHolder div.trainMovie-cat-group {
  position: relative;
  float: left;
  width: 420px;
  height: auto;
  margin-right: 20px;
  text-align: center;
  cursor: pointer;
}

.trainVideosHolder div.trainMovie-holder {
  position: relative;
  width: 190px;
  height: 120px;
  margin-bottom: 6px;
  border: 5px solid #262d33;
}

.trainVideosHolder div.trainMovie-cat-holder {
  position: relative;
  width: 410px;
  height: 280px;
  margin-bottom: 6px;
  border: 5px solid #262d33;
}

.trainVideosHolder div.trainMovie-cat-holder img {
  width: 410px;
  height: 280px;
}

.trainVideosHolder div.trainMovie-holder:hover,
.trainVideosHolder div.trainMovie-cat-holder:hover {
  border: 5px solid #a91515;
}

div.trainMovie-holder:hover h2 {
  color: #a91515;
}


.trainVideosHolder div.trainMovie-holder img {
  width: 190px;
  height: 120px;
}

.trainVideosHolder h2 {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-shadow: black 1px 1px 0;
}

.trainVideosHolder span.playImg {
  position: absolute;
  top: 0;
  left: 0px;
  width: 190px;
  height: 120px;
  background: url(../images/video_play.png) center center no-repeat;
}

.trainVideosHolder div.trainMovie-cat-holder span.playImg {
  width: 410px !important;
  height: 280px !important;
}

.trainVideosHolder div.trainMovie-text {
  width: 200px;
  height: 14px;
  font-size: 11px;
  line-height: 11px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
  overflow: hidden;
}

.trainVideosHolder div.trainMovie-cat-group div.trainMovie-text {
  width: 400px !important;
}

div#lost-passwd, div#change-passwd, div#add-table, div#lost-passwd, div#change-passwd, div#send-msg, div#purch-msg {
  position: relative;
  padding: 20px;
  overflow: hidden;
  width: 410px;
}

div#lost-passwd input[type="text"], div#change-passwd input[type="password"] {
  width: 200px;
}

#loginForm input[type="text"], #loginForm input[type="password"],
#loginForm no-login[type="text"], #no-login input[type="password"] {
  width: 150px;
}

.shadowBanner {
  position: relative;
  width: 745px !important;
  height: 640px !important;
}

.shadowBanner a, img {
  float: left;
  margin: 0px;
  padding: 0px;
}

.shadowBanner input[type="button"] {
  position: absolute;
  right: -9px;
  bottom: -8px;
  border: 1px solid #fff;
}

.loadShutter {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: transparent url(../images/shutterBg.png) 0 0 repeat;
  z-index: 1001;
}

.loadShutter div#progress {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -100px;
}

.loadShutter header#percent {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 100px;
  text-align: center;
}