/*
** Cascading style sheet
**  for xink.it
** ---
**  Coded by Sascha "badaxx" Gehlich
**  For further information visit badaxx.com
*/

body {
  background-image: url('../images/body-background.gif');
  background-repeat: repeat-x;
  text-align: center;
  margin: 0px;
}

a {
  color: #68a8df;
}

a:hover {
  text-decoration: none;
}

img {
  border-width: 0px;
}

div#divMain {
  width: 513px;
  margin: auto;
  text-align: left;
  padding-top: 110px;
  position: relative;
}

div#divMain img#logo {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -245px;
}

div#divMain a.logoLink {
  width: 513px;
  height: 80px;
  position: absolute; 
  left: 0px;
  top: 20px;
}

div#divMain,td,div {
  color: #646464;
  font: Normal 10px Verdana;
  vertical-align: top;
}

div#divSwitch {
  height: 38px;
  background-image: url('../images/switch-background.gif');
  background-repeat: no-repeat;
  background-position: 0px 21px;
}
div#divSwitch div { float: left; }
div#divSwitch div a { display: block; width: 109px; height: 21px; }

div#divSwitch div.switchObject_active#protector {
  height: 22px;
  background-image: url('../images/protector_active.gif');
  background-repeat: no-repeat;
  width: 109px;
}
div#divSwitch div.switchObject_inactive#protector {
  height: 21px;
  background-image: url('../images/protector_inactive.gif');
  background-repeat: no-repeat;
  width: 109px;
}
div#divSwitch div.switchObject_inactive#protector:hover {
  background-image: url('../images/protector_inactive_hover.gif');
}
div#divSwitch div.switchObject_inactive#shortener {
  height: 21px;
  background-image: url('../images/shortener_inactive.gif');
  background-repeat: no-repeat;
  width: 109px;
}
div#divSwitch div.switchObject_inactive#shortener:hover {
  background-image: url('../images/shortener_inactive_hover.gif');
}
div#divSwitch div.switchObject_active#shortener {
  height: 22px;
  background-image: url('../images/shortener_active.gif');
  background-repeat: no-repeat;
  width: 109px;
}

div#divFoot {
  color: #646464;
  text-align: center;
  font: Normal 10px Verdana;
  margin-top: 20px;
}
div#divFoot span.light {
  color: #a4a4a4;
}
div.divError {
  border: 1px solid #68a8df;
  height: 70px;
  background-image: url('../images/error.gif');
  background-repeat: no-repeat;
  background-position: 5px center;
  position: relative;
}
div.divError span {
  color: #c83838;
  font: Bold 11px Verdana;
  position: absolute; 
  top: 50%; 
  left: 70px;
  margin-top: -5px;
  text-align: center;
  width: 400px;
}
div.divRedirection {
  border: 1px solid #68a8df;
  height: 70px;
  background-image: url('../images/loading.gif');
  background-repeat: no-repeat;
  background-position: 5px center;
  position: relative;
  width: 513px;
  margin: auto;
  margin-bottom: 10px;
}
div.divRedirection span {
  color: #68a8df;
  font: Bold 11px Verdana;
  position: absolute; 
  top: 50%; 
  left: 70px;
  margin-top: -12px;
  text-align: center;
  width: 400px;
}

.blue { color: #68a8df; }
div.heading { font: Normal 17px "Trebuchet MS"; text-align: center; }
div.heading_folder { font: Normal 17px "Trebuchet MS"; padding-left: 25px; background-image: url('../images/folder.gif'); background-repeat: no-repeat; background-position: 1px; }

input[type=text],input[type=password],textarea {
  border: 1px solid #bfbfbf;
  color: #68a8df;
  font: Normal 11px Verdana;
  padding: 2px;
}

select {
  border: 1px solid #bfbfbf;
  color: #68a8df;
  font: Normal 11px Verdana;
  cursor: pointer;
  padding: 0px;
  height: 15px;
}

option {
  color: #68a8df;
  font: Normal 11px Verdana;
  padding: 2px;
  cursor: pointer;
}

input[type=password].loginPassword {
  border: 1px solid #646464;
  height: 18px;
  padding: 2px;
  background-image: url('../images/password.png');
  background-repeat: no-repeat;
  background-position: 2px;
  font: Normal 14px Tahoma;
  padding-left: 25px;
  margin: 2px;
}

input[type=submit] {
  border: 1px solid #646464;
  background-color: white;
  font: Normal 13px Verdana;
  color: #68a8df;
}

input:hover {
  cursor: pointer;
}

div.center {
  text-align: center;
}

img.infoLink { cursor: pointer; }

div.infoText { 
  background-color: #e9f1f8; 
  border: 1px solid #a4cae9; 
  color: #377bb4; 
  overflow: hidden;
  height: 0px;
  opacity: 0.0;
  -moz-opacity: 0.0;
  filter: alpha(opacity=0);
  position: relative;
}

div.infoText span {
  width: 500px;
  position: absolute;
  top: 5px;
  left: 5px;
}

tr.infoRow td, tr.infoRow {
  overflow: hidden;
  height: 0px;
}

div.divForm_shortener_container {
  overflow: hidden;
  height: 120px;
}
div.divForm_protector_container {
  overflow: hidden;
  height: 490px;
}

div.divForm_shortener {
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter: alpha(opacity=100);
}

div.divDownload {
  position: relative;
  height: 56px;
  width: 472px;
  background-image: url('../images/download_background.jpg');
  background-repeat: no-repeat;
  margin: auto;
  margin-bottom: 3px;
}

div.divDownload img.downloadIcon {
  position: absolute;
  top: 8px;
  left: 15px;
}

div.divDownload div.divInfo {
  color: #4b4b4b;
  font: Normal 11px Verdana;
  position: absolute;
  top: 16px;
  left: 60px;
}

div.divDownload div.divInfo span.light {
  color: #828282;
}

div.divDownload div.divInfo span.bold {
  color: #64a3d9;
  font-weight: Bold;
}

div.divDownload div.divInfo span.red {
  color: #b00d0d;
}

div.divDownload div.divButtons {
  position: relative;
  right: 10px;
  top: 5px;
}

div.divDownload img.buttonDownload {
  position: absolute;
  top: 10px;
  right: 10px;
}

div.divDownload img.buttonMirror {
  position: absolute;
  top: 30px;
  right: 10px;
}

div.folder_description {
  border: 1px solid #dadada;
  margin: auto;
  padding: 5px;
  width: 460px;
  margin-bottom: 2px;
  background-color: #f6f6f6;
  text-align: justify;
}

div.folder_banner {
  margin: auto;
  text-align: center;
  margin-bottom: 2px;
}

div.captcha {
  position: relative;
  background-repeat: no-repeat;
  height: 60px;
  width: 150px;
}

div.captcha img#captcha {
  position: absolute;
  top: 0px;
  left: 0px;
}

div.captcha img {
  position: absolute;
  top: 40px;
  left: 130px;
}

input#captcha_send {
  margin-left: 10px;
}

input[name=captcha], input[name=password] {
  height: 20px;
  border: 1px solid #cccecc;
  width: 150px;
  font: Normal 17px "Trebuchet MS";
  background-image: url('../images/shield.png');
  background-repeat: no-repeat;
  background-position: 3px;
  text-align: center;
  color: #555555;
}

div.error {
  background-image: url('../images/delete.png');
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 5px;
  padding-left: 27px;
  background-color: #fddbd4;
  border: 1px solid #ec5e53;
  color: darkred;
}

span.bottomnavi {
  display: block;
  margin-top: 10px;
}

span.bottomnavi a:link,a:active,a:visited {
  color: #838383;
  text-decoration: none;
}

span.bottomnavi a {
  margin-left: 5px;
  margin-right: 5px;
}

span.bottomnavi a:hover {
  color: #69a9e0;
}