/* css pie */
/* resets */
/* line 17, ../../../../../Ruby192/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

#centreBox {
    position:absolute;
    width:600px;
    height:400px;
    top:50%;
    left:50%;
    margin:-200px 0 0 -300px;
}

footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
}

/* line 22, ../../../../../Ruby192/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1.5;
}

/* line 24, ../../../../../Ruby192/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Ruby192/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Ruby192/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Ruby192/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Ruby192/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Ruby192/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Ruby192/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 15, style.scss */
html {
  -webkit-text-size-adjust: none;
}

/* line 19, style.scss */
input {
  display: block;
  margin: 0;
  padding: 0;
}
/* line 25, style.scss */
input[type='text'], input[type='password'], input[type='submit'] {
  border: none;
  -webkit-appearance: none;
}

/* base */
/* line 34, style.scss */
html {
  height: 100%;
}

/* line 38, style.scss */
html, body {
  min-height: 20em;
}

/* line 42, style.scss */
body {
  font-family: Arial, Helvetica, sans-serif;
  background: #000;
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #333333), color-stop(100%, #000000)), black;
  background: -webkit-radial-gradient(#333333, #000000), black;
  background: -moz-radial-gradient(#333333, #000000), black;
  background: -o-radial-gradient(#333333, #000000), black;
  -pie-background: -pie-radial-gradient(unsupported), black;
  background: radial-gradient(#333333, #000000), black;
  color: #fff;
}
	
/* line 51, style.scss */
header img.logo {
  max-width: 100%;
	width:100%;
	height:auto;
}

/* header */
/* line 58, style.scss */
header {
  max-width: 9em;
  margin: 1em auto;
}

/* main content */
/* line 66, style.scss */
section {
  margin: 1em auto 0.5em auto;
  max-width: 38em;
  padding: 1em;
}

/* feature */
/* line 75, style.scss */
aside {
  width: 100%;
  color: #999;
  background: #222;
  background: rgba(255, 255, 255, 0.1);
  padding: 1em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
}
/* line 84, style.scss */
aside h1 {
  font-weight: bold;
  color: #fff;
  margin-bottom: 1em;
}

h1 {
  color: #fff;
  margin-bottom: 1em;
  font-size: 1.2em;
}
h2 {
  font-size:1.2em;
}
h3 {
  font-weight: bold;
}

/* form */
section.login, section.sso {
  width: 44%;
  float: right;
}

/* line 97, style.scss */
form a {
  display: block;
  text-align: center;
  color: #999;
  margin-top: 1em;
}

img.google_icon {
	float:right;
	width:2em;
	height:2em;
}

/* line 107, style.scss */
input[type='text'],
input[type='password'],
input[type='submit'],
a.button_submit {
  width: 100%;
  margin: 0 auto;
  padding: 4%;
  font-size: 1em;
}

a.button_submit {
  padding:0.3em 1em;
  line-height: 2em;
  text-decoration: none;
  display:inline-block;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing:border-box; /* Firefox */
}


/* line 115, style.scss */
input[type='text'],
input[type='password'] {
  width: 92%;
}

/* line 119, style.scss */
input[type='text'] {
  -webkit-border-radius: 0.5em 0.5em 0 0;
  -moz-border-radius: 0.5em 0.5em 0 0;
  -ms-border-radius: 0.5em 0.5em 0 0;
  -o-border-radius: 0.5em 0.5em 0 0;
  border-radius: 0.5em 0.5em 0 0;
}

/* line 123, style.scss */
input[type='password'] {
  -webkit-border-radius: 0 0 0.5em 0.5em;
  -moz-border-radius: 0 0 0.5em 0.5em;
  -ms-border-radius: 0 0 0.5em 0.5em;
  -o-border-radius: 0 0 0.5em 0.5em;
  border-radius: 0 0 0.5em 0.5em;
  margin-bottom: 1em;
  border-top: 1px solid #ccc;
}

/* line 128, style.scss */
input[type='submit'], a.button_submit {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  color: #fff;
  font-weight: bold;
  margin-top: 1em;
  cursor: pointer;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #46ab00), color-stop(100%, #327800)), #3c9200;
  background: -webkit-linear-gradient(#46ab00, #327800), #3c9200;
  background: -moz-linear-gradient(#46ab00, #327800), #3c9200;
  background: -o-linear-gradient(#46ab00, #327800), #3c9200;
  -pie-background: linear-gradient(#46ab00, #327800), #3c9200;
  background: linear-gradient(#46ab00, #327800), #3c9200;
}

#google_signin_button {
	background: #006dac; /* Old browsers */
	background: -moz-linear-gradient(top, #006dac 0%, #004c78 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006dac), color-stop(100%,#004c78)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #006dac 0%,#004c78 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #006dac 0%,#004c78 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #006dac 0%,#004c78 100%); /* IE10+ */
	background: linear-gradient(to bottom, #006dac 0%,#004c78 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dac', endColorstr='#004c78',GradientType=0 ); /* IE6-9 */
}

/* line 144, style.scss */
input[type='checkbox'],
label {
  display: inline-block;
  font-size: 1em;
  line-height: 2em;
  margin: 0.5em 0.25em 0.5em 0;
  color: #999;
}

/* footer */
/* line 155, style.scss */
footer {
  text-align: center;
  padding: 1em 0;
}
/* line 158, style.scss */
footer small {
  color: #666;
  font-size: 0.75em;
}
/* line 161, style.scss */
footer small a {
  color: #666;
  white-space: nowrap;
}

/* flexbox layout for browsers that support it */
/* line 171, style.scss */
html {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
}

/* line 175, style.scss */
body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
}

/* line 181, style.scss */
header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-box-pack: end;
  box-pack: end;
}

/* no feature layout */
/* line 199, style.scss */
.no-feature section {
  max-width: 18em;
  padding: 0 1em;
}
/* line 203, style.scss */
.no-feature aside {
  display: none;
}
/* line 206, style.scss */
.no-feature form {
  width: 100%;
}

@media screen and (max-width: 30em) {
  /* line 199, style.scss */
  body section {
    max-width: 18em;
    padding: 0 1em;
  }
  /* line 203, style.scss */
  body aside {
    display: none;
  }
  /* line 206, style.scss */
  body form {
    width: 100%;
  }
}
/* ie support */
/* line 224, style.scss */
.lte-ie9 {
  /* ie7 fix: inputs misaligned unless both have a border */
  /* fluid image rendering */
}
/* line 228, style.scss */
.lte-ie9 aside,
.lte-ie9 input[type='text'],
.lte-ie9 input[type='password'],
.lte-ie9 input[type='submit'] {
  behavior: url("./Resources/Styles/PIE.htc");
  position: relative;
}
/* line 233, style.scss */
.lte-ie9 input[type='text'] {
  border-top: 1px solid #fff;
}
/* line 238, style.scss */
.lte-ie9 header img {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./Resources/Images/vzc.png", sizingMethod="scale");
}

/* no flexbox */
/* line 247, style.scss */
.no-flexboxlegacy header {
  margin-top: 5em;
}