/* GEMENSAMMA FÖR HELA DOKUMENTET ------------------------------------------ */

body, p, a, input, form, textarea, select {
  font-family: Century Gothic, Geneva, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
}

a, img {
  border:none;
}

img.border {
  border: 1px solid black;
}

td.tdDVD {
  padding-left:18px;
  padding-top:10px;
}

td.tdDVD1 {
  padding-left:11px;
  padding-right:11px;
  padding-top:10px;
  border-left: 1px dashed white;
}

td.tdDVD2 {
  padding-left:11px;
  padding-right:11px;
  padding-top:10px;
}

td.tdDVDPrice {
  padding-left:20px;
  text-align: center;
  vertical-align: top;
  height:10px;
}

td.tdDVDPrice1 {
  padding-left:11px;
  text-align: center;
  vertical-align: top;
  height:10px;
  border-bottom: 1px dashed white;
}

td.tdDVDPrice2 {
  padding-left:11px;
  text-align: center;
  vertical-align: top;
  height:10px;
  border-bottom: 1px dashed white;
  border-left: 1px dashed white;
  
}


th.search {
  padding: 4px;
  padding-left:0px;
  margin: 0;
  border-top: 1px dashed gray;
  border-bottom: 1px dashed gray;
  text-align: left;
  font-weight: bolder;
}

th.search-center {
  padding: 4px;
  margin: 0;
  border-top: 1px dashed gray;
  border-bottom: 1px dashed gray;
  text-align: center;
  font-weight: bolder;
}

table.search {
  margin-top:10px;
  font-size: 11pt;
  border-bottom: 1px dashed gray;
  border-collapse: collapse;
}

table.thread {
  margin-top:10px;
  font-size: 11pt;
  border: 1px dashed gray;
  border-collapse: collapse;
}

table.tblBuy {
  margin-top:10px;
  border: 1px dashed gray;
  border-collapse: collapse;
  margin-left: auto;
margin-right: auto;

}

td.tblBuy {
  border: 1px dashed gray;
  padding:8px;
  vertical-align: center;
}

td.thread {
  border: 1px dashed gray;
  padding:10px;
  vertical-align: top;
}

td.threadFirst {
  border: 1px dashed gray;
  padding:10px;
  vertical-align: top;
  background: WhiteSmoke;
}

tr.grey {
  background: WhiteSmoke;
}

col.colCountry {
  width: 4%;
}

col.colTitle {
  width: 36%;
}

col.colYear {
  width: 10%;
}

col.colDirector {
  width: 25%;
}

col.colLength {
  width: 5%;
}

col.colGrade {
  width: 15%;
}

col.colBuy {
  width: 5%;
}

col.colHeader {
  width: 60%;
}

col.colRead {
  width: 10%;
  
}

col.colAnswered {
  width: 10%; 
}

col.colUpdated {
  width: 20%;
}

col.colLeft {
  width: 25%;

}

col.colRight {
  width: 75%;
}

col.colPlace {
  width: 10%;
}

col.colName {
  width: 60%;
}

col.colScore {
  width: 20%;
}

col.colTime {
  width: 10%;
}





.bold {
  font-weight: bolder;
}

.grey {
  color: gray;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}


.bold-right {
  font-weight: bolder;
  text-align: right;
  margin-bottom:0px;
}

.bold-center {
  font-weight: bolder;
  text-align: center;
  margin:0px;
}

.margin-top7px {
  margin-top: 7px;
}

.bold-54px {
  margin-top: 64px;
  font-weight: bolder;
}

.margin-top7px-bottom0px {
  margin-top: 7px;
  margin-bottom: 0px;
}

.margin-top14px {
  margin-top: 15px;
}

.margin-top44px {
  margin-top: 44px;
}


.margin-top-14px {
  margin-top: -14px;
}


.margin-bottom-12px-top14px {
  margin-top: 14px;
  margin-bottom: -12px;
}

.margin-bottom0px {
  margin-bottom: 0px;
}

.margin-bottom-12px {
  margin-bottom: -12px;
}

.margin-bottom12px {
  margin-bottom: 12px;
}

.no-border {
  border:0px;
}

.inlineImage {
  margin-bottom:-12px;
  margin-top: 20px
}

a {
  color: black;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  background: pink;
}

/* LAGER #1: LOGO ---------------------------------------------------------- */
div.logo {
  margin:5px;
}

div.banner {
  margin:5px;
}

div.dvd {
  margin:5px;
  background-color:black;
  width:728px;
  margin-left:5px
}

div.dvd2 {
  margin:0px;
  background-color:black;
  width:728px;
  margin-left:-1px
}

/* LAGER #2: CONTAINER ----------------------------------------------------- */
div.container {
  border: 1px dashed black;
  width:726px;
  margin-left:5px;
}

/* ENTITETER SOM ANVÄNDS I NAVIGERINGEN ------------------------------------ */
li.navigation {
  display:inline;
  text-transform: uppercase;
}
  
ul.navigation {
  float:left;
  width:100%;
  padding:0px;
  margin:0;
  list-style-type:none;
 }
  
 a.navigation {
    font-size: 10pt;
    font-weight: bolder;
    float:left;
    width:91.6px;
    background-color:white;
    padding:6px;
    border-left: dashed 1px;
    border-bottom: dashed 1px;
    border-top: dashed 1px;
    margin-top:-1px;
    margin-left:-1px;
 }
 
 a.navigation:hover {
  background: pink;
}

/* LAGER #3: FEATURELEFT --------------------------------------------------- */
div.featureLeft {
  border-right: 1px dashed black;
  width: 333px;
  padding-top:15px;
  padding-left:15px;
  padding-right:14px;
  padding-bottom:15px;
  float:left;
  clear: left;
}

div.featureLeftTop {
  border-right: 1px dashed black;
  border-top: 1px dashed black;
  width:333px;
  padding-top:15px;
  padding-left:15px;
  padding-right:14px;
  padding-bottom:15px;
  float:left;
  clear: left;
}

div.featureLeftLinks {
  border-top: 1px dashed black;
  width:380px;
  padding-top:15px;
  padding-left:15px;
  padding-right:14px;
  padding-bottom:15px;
  float:left;
}

/* LAGER #4: FEATURERIGHT -------------------------------------------------- */
div.featureRight {
  margin-left:363px;
  width:333px;
  padding-left:14px;
  padding-right:13px;
  padding-bottom:15px;
}

div.featureRightTop {
  border-top: 1px dashed black;
  margin-left:363px;
  width:333px;
  padding-left:14px;
  padding-right:13px;
  padding-bottom:15px;
}

div.featureRightTrailer {
  border-left: 1px dashed black;
  border-top: 1px dashed black;
  margin-left:410px;
  width:282px;
  padding-left:17px;
  padding-right:13px;
  padding-bottom:15px;
}

/* LAGER #5: FULL ---------------------------------------------------------- */
div.full {
  clear: both;
  width: 690px;
  border-top: 1px dashed black;
  border-bottom: 1px dashed black;
  padding:18px;
}

/* LAGER #6: STAPLE ------------------------------------------------------- */
div.staple {
  margin-left: 40px;
  font-weight: bolder;
  margin-bottom: 16px;
}

/* LAGER #7: FULLBOTTOM ---------------------------------------------------- */
div.fullBottom {
  clear: both;
  width: 690px;
  border-bottom: 1px dashed black;
  padding:18px;
}

/* LAGER #8: FULLNONE ------------------------------------------------------ */
div.fullNone {
  clear: both;
  width: 690px;
  padding:18px;
}

div.fullNoneEmpty {
  clear: both;
  width: 690px;
  height: 0px;
  padding:0px;
}

/* LAGER #9: FULLTOP -------------------------------------------------------- */
div.fullTop {
  clear: both;
  width: 690px;
  border-top: 1px dashed black;
  padding:18px;
}

div.fullTopGrey {
  clear: both;
  width: 690px;
  border-top: 1px dashed gray;
  padding:18px;
}

/* H1 - H3 ----------------------------------------------------------------- */
  h1 {
    font-weight: bolder;
    font-size: 25pt;
    margin: 0;
    text-transform: uppercase;
  }
  
  h2 {
    font-size: 11pt;
    font-weight: normal;
    line-height: 17pt;  
  }
  
  h3 {
    font-size: 16pt;
    font-weight: normal;
  }
  
  h4 {
    font-size: 11pt;
    font-weight: normal;
    line-height: 17pt;  
    text-transform: uppercase;
  }
  
  h5 {
    font-size: 12pt;
    font-weight: normal;
    line-height: 14pt;
    text-transform: uppercase;
    font-weight: bolder;
  }
  
  h6 {
    font-weight: bolder;
    font-size: 20pt;
    margin: 0;
    text-transform: uppercase;
  }
  
  .pinkUpper {
    color: pink;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .red {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .red-center {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
  }
  
  .white-center {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    
  }
  
/* INPUT FIELDS ------------------------------------------------------------- */
fieldset.radioButtons {
  border: 0px;
  padding-left: 20px;
}

fieldset.radioButtonsGame {
  border: 0px;
  padding-left: 20px;
  padding-top: 20px;
}
  
input.textField {
  font-weight: bolder;
  margin-top: 10px;
  width: 450px;
  font-size: 11pt;
  padding: 5px;
}

input.textFieldSignature {
  font-weight: bolder;
  margin-top: -10px;
  width: 300px;
  font-size: 11pt;
  padding: 5px;
}

textarea.textAreaComments {
  font-weight: bolder;
  margin-top: -10px;
  width: 600px;
  height: 90px;
  font-size: 11pt;
  padding: 5px;
}
select.selectGrade {
  font-weight: bolder;
  margin-top: -10px;
  width: 75px;
  font-size: 11pt;
}

input.submit {
  padding: 2px;
  font-weight: bolder;
  width: 100px;
  font-size: 11pt;
}

label {
  font-weight: bold;
 }
 
 select.selectLogin {
  font-weight: bolder;
  margin-top: -40px;
  width: 220px;
  font-size: 11pt;
}

input.passwordLogin {
  font-weight: bolder;
  margin-top: -40px;
  width: 220px;
  font-size: 11pt;
}

 select.selectMovie {
  font-weight: bolder;
  margin-top: -30px;
  width: 300px;
  font-size: 11pt;
}

input.submitMovie {
  padding: 2px;
  font-weight: bolder;
  width: 50px;
  font-size: 10pt;
  margin-top: -32px;
}
 
input.inputAdmin {
  font-weight: bolder;
  width: 300px;
  font-size: 10pt;
  padding: 1px;
}

input.inputAdminShort {
  font-weight: bolder;
  width: 100px;
  font-size: 10pt;
  padding: 1px;
}

textarea.textAreaAdmin {
  font-weight: bolder;
  margin-top: 10px;
  width: 300px;
  height: 90px;
  font-size: 10pt;
  padding: 5px;
}