* {
  padding: 0px; border: 0px;
  border-collapse:collapse;
}
body, html {
  margin: 0px;
}
a {
  text-decoration: none;
}

body {
  background-color: #f1f1f2;
  color: #5c8a12;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

#topgrad {
  position: absolute;
  width: 100%;
  height: 117px;
  background-image: url('../images/topgrad.png');
  background-repeat: repeat-x;
  background-color: #add478;
}

#mainContainer {
  width: 800px; position: relative;
}

#topBar {
  position. relative;
  height: 83px;
  width: 766px;
  background-position: top center;
  background-image: url('../images/topbar.png');
  background-repeat: no-repeat;
}

#contentContainer {
  text-align: left;
  position: relative;
  background-image: url('../images/content_bg.png');
  background-repeat: repeat-y;
}

#tutustu {
  position: absolute;
  left: -35px;
  top: -55px;
}

#content {
  position: relative;
  left: 7px;
  width: 793px;
  min-height: 300px;
  text-align: left;
}

#contentFooter {
  background-image: url('../images/content_bottom.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 39px;
  width: 766px;
  text-align: right;
  font-size: 10px;
  font-family: Arial, sans-serif;
  color: #c5c6c8;
  float: left; position: relative;
}
#copyright {
  position: absolute; right: 20px; top: 7px;
}
#copyright a {
  font-family: Arial, sans-serif;
  color: #c5c6c8;
  text-decoration: none;
}

#loginform {
  background-image: url('../images/form_bg.png');
  background-repeat: no-repeat;
  width: 747px; height: 142px;
  position: relative;
}

form {
  position: relative;
  margin: 0px;
}

.column {
   float: left; width: 372px;
}
.columnContent {
  margin: 20px;
  margin-top: 15px;
  margin-bottom: 0px;
}
.centered {
  text-align: center;
}

#loginTable td {
  padding-bottom: 5px;
}

#tutustuButton {
  width: 228px; height: 67px;
  border: 0px;
  background-color: transparent;
  background-image: url('../images/button_aloita_up.png');
  background-repeat: no-repeat;
  cursor: pointer;
}
#tutustuButton:hover {
  width: 221px; height: 65px;
  background-image: url('../images/button_aloita_down.png');
}

.topGrays {
  font-size: 13px;
  font-family: verdana, sans-serif;
  color: #8a8b8c;
}

h3 {
  font-size: 13px;
  color: #191919;
  font-family: verdana, sans-serif;
  margin-bottom: 0px;
  font-weight: normal;
}

#screenshots {
  margin-top: 15px;
}
#screenshots td {
  padding-right: 10px;
}

#videotContainer {
  border:1px solid #E6E7E8;
  height:358px;
  margin-left:8px;
  overflow:auto;
  position:relative;
  width:230px;
}

table#videot td {
  padding-right: 15px;
}

#videotContainer p {
  color: #191919;
  margin: 0px; padding: 0px;
}
#videotContainer h4 {
  padding-top. 5px;
  margin-top: 0px;
  padding-bottom: 5px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 12px;
}

.videorow {
  clear: both;
  margin-left: 5px;
  padding-bottom: 5px;
  margin-right: 5px;
  margin-top: 5px;
  position: relative;
  cursor: pointer;
}

.videorow:hover {
  background-color: #c0c0c0;
}

.previewicon_cell {
  position: absolute;
  left: 5px; top: 5px;
  width: 58px; height: 59px;
}

.description_cell {
  padding-top: 4px;
  margin-left: 70px;
  min-height: 60px;
}

.errror {
  margin-bottom: 4px;
  font-size: 11px;
  color: red;
}

.ss {
  /*text-align: center;*/
}
.ss p {
  text-align: left;
}

.ui-dialog-title {
  padding-top: 7px; padding-bottom: 7px;
}

.stagenum {
  font-size: 1.3em;
}