/* 
    Copyright © 2008 Computer Sciences Corporation Denmark (CSC).
    All rights reserved. You may not use, copy, modify or transfer this
    program or any copy, modification or portion, in whole or in part,
    without the explicit written permission of CSC Denmark
*/
/* CSS files specific to page layouts */

.grid1width{width:170px;}
.grid2width{width:360px;}
.grid3width{width:550px;}
.grid4width{width:740px;}
/*.gridElement{padding-bottom:5px;}*/


.MovPageLeftZone, .MovPageRightZone {
  vertical-align: top;
}

body.theme01 .line-only-with-margin{border-top-color:#4d80a7;}
body.theme02 .line-only-with-margin{border-top-color:#537f68;}
body.theme03 .line-only-with-margin{border-top-color:#b44d4d;}
body.theme04 .line-only-with-margin{border-top-color:#806798;}
body.theme05 .line-only-with-margin{border-top-color:#8c8c8c;}
body.theme06 .line-only-with-margin{border-top-color:#a64d83;}


.line-only-with-margin {
  height: 1px;
  border-top: solid 1px;
  margin-top: 14px;
  margin-bottom: 20px;
}

.noPadding {
  padding: 0 !important;
  margin: 0 !important;
}


.noBottomLine {
  border-bottom: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.TextAsLink {
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.2px;
  line-height: 18px;
  padding-bottom: 0.8em;
}

.gridHorizontalSpacer {
  width: 20px;
  float: left;
}


/* 1508 overrides */
/*
.grid1,.grid2,.grid3,.grid4 {
  margin-bottom: 0px !important;
  padding-bottom: 30px;
}

.grid1 #moviaChange,.grid2 #moviaChange,.grid3 #moviaChange,.grid4 #moviaChange {
  padding-bottom: 0px;
}

.border-bottom  {
  margin-top: 14px;
  padding-bottom: 30px;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom: none;
}
*/

#mainPage .opretMitMovia.grid4 {
  padding-top: 20px;
}
.opretMitMovia .clear {
  line-height: 0px;
  height: 0px;
  font-size: 1px;
}

/*
.grid1, .grid2, .grid3, .grid4 {
	float: none !important;
}
*/

/* FF overlaps table */
#busLinjeMain.timeTable table.timeTable, 
#busLinjeMain.timeTable table.timeTable table {
	clear: both;
}

#topMenu ul ul.topSubmenu a,
.topSubmenu ul li,
.topSubmenu ul li a {
  height: 22px !important;
  line-height: 22px !important;
  vertical-align: top;
}

body.theme01 .border-bottom{border-color:#4d80a7 !important;}
body.theme02 .border-bottom{border-color:#537f68 !important;}
body.theme03 .border-bottom{border-color:#b44d4d !important;}
body.theme04 .border-bottom{border-color:#806798 !important;}
body.theme05 .border-bottom{border-color:#8c8c8c !important;}
body.theme06 .border-bottom{border-color:#a64d83 !important;}


.rejseplanen h3{margin-top: 0px !Important;} 

/*
.moviaLogin,
.trafikinfo,
.omMovia {
	float: none !important;
}

.login {
	float: left !important;
}
*/

/* Styling of old webparts */

.genericForm { width: 350px }
.genericForm .text { width: 140px; margin-bottom: 10px }
.genericForm .short { width: 80px }
.genericForm p { float: left; width: 130px; margin-bottom: 10px }
.genericForm label { float: left; width: 130px; margin-bottom: 10px }
.genericForm fieldset.radiobuttons label { float: none; width: auto }
.genericForm fieldset.checkboxes { margin-top: 10px }
.genericForm fieldset.checkboxes input { float: left; margin-right: 5px }
.genericForm fieldset.checkboxes label { width: 310px }
.genericForm .submit { float: right; margin-top: 10px }
.genericForm .long { width: 200px } 

.genericForm select { width: 220px; padding: 0; margin-bottom: 10px }
.genericForm select.country { width: 143px }

.genericForm .routes input { width: 42px }
.genericForm ul { margin: 10px 0 !important; padding: 0 }
.genericForm ul li { list-style-type: none; margin: 0; padding: 0 }

.genericForm p.long { width: 200px }

.genericForm fieldset.calculate select { width: 144px }


/* Mindkey form webparts */

body.theme01 .MindKey table{border-bottom-color:#4d80a7 !important;}
body.theme02 .MindKey table{border-bottom-color:#537f68 !important;}
body.theme03 .MindKey table{border-bottom-color:#b44d4d !important;}
body.theme04 .MindKey table{border-bottom-color:#806798 !important;}
body.theme05 .MindKey table{border-bottom-color:#8c8c8c !important;}
body.theme06 .MindKey table{border-bottom-color:#a64d83 !important;}

.MindKey table {
  width: 100%;
  margin-top: 20px !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px!important;
}

.MindKey td:first-child {
  width: 75px;
}

.MindKey td {
  text-align: left;
}

.MindKey td>span {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  list-style-type: none;
  text-align: left;
  height: 30px;
  vertical-align: bottom;
}

.MindKey label,
.MindKey .label {
  color: #fff;
  font-family: Corbel;
  font-size: 12px;
  font-weight: bold;
  list-style-type: none;
  margin-bottom: 2px;
  text-align: left;
  text-transform: uppercase;
}

.MindKey td[colSpan$="2"] {
  width: 100%;
}

.MindKey td[colSpan$="2"] span {
  display: block;
  width: 100%;
  padding-top: 20px;
}

.MindKey input[type="text"] {
  border: 0;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing: 0px;
  list-style-type: none;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  text-align: left;
  vertical-align: middle;
  width: 230px;
  margin-bottom: 8px;
}

.MindKey input.button {
  background: url(/_layouts/images/MoviaImagesV3/btn_icon_arrow_over_theme01.PNG) no-repeat right 8px;
  border: 0;
  color: #ffffff;
  display: block;
  float: right;
  font-family: Corbel;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px !important;
  letter-spacing: 0px;
  list-style-type: none;
  margin-bottom: 2px;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 10px;
  padding-right: 25px;
  height: 30px !important; 
}

body.theme01 #mainPage .MindKey input.button:hover{color:#a4ffff !important;text-decoration: underline;background: url(/_layouts/images/MoviaImagesV3/btn_icon_arrow_over_theme01.PNG) no-repeat right -23px;}
body.theme02 #mainPage .MindKey input.button:hover{color:#d5e9b6 !important;text-decoration: underline;background: url(/_layouts/images/MoviaImagesV3/btn_icon_arrow_over_theme02.PNG) no-repeat right -23px;}
body.theme03 #mainPage .MindKey input.button:hover{color:#ffc9c9 !important;text-decoration: underline;background: url(/_layouts/images/MoviaImagesV3/btn_icon_arrow_over_theme03.PNG) no-repeat right -23px;}
body.theme04 #mainPage .MindKey input.button:hover{color:#dcb6ff !important;text-decoration: underline;background: url(/_layouts/images/MoviaImagesV3/btn_icon_arrow_over_theme04.PNG) no-repeat right -23px;}
body.theme05 #mainPage .MindKey input.button:hover{color:#00ffff !important;text-decoration: underline;background: url(/_layouts/images/MoviaImagesV3/btn_icon_arrow_over_theme05.PNG) no-repeat right -23px;}
body.theme06 #mainPage .MindKey input.button:hover{color:#ffafe0 !important;text-decoration: underline;background: url(/_layouts/images/MoviaImagesV3/btn_icon_arrow_over_theme06.PNG) no-repeat right -23px;}

.MindKey input[type="file"] {
  border: 0px;
  width: 240px;
  height: 25px;
  margin-bottom: 8px;
}

.MindKey .mandatory {
  padding-left: 5px;
  position: relative;
  top: -9px;
}

.MindKey select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 25px !important;
  line-height: 30px !important;
  margin-bottom: 5px;
}