BODY
{
    FONT-SIZE: 9px;
    FONT-FAMILY: Verdana, Arial;
    text-align: center;
}
H1
{
	color:#660000;
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    MARGIN-BOTTOM: 26px;
    LINE-HEIGHT: 26px;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
H2
{
	color:#660000;
    MARGIN-TOP: 12px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    MARGIN-BOTTOM: 17px;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
H3
{
    MARGIN-TOP: 17px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    MARGIN-BOTTOM: 1px;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Verdana
}
H4
{
    MARGIN-TOP: 15px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    MARGIN-BOTTOM: 1px;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Verdana
}
H5
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7.5pt;
    MARGIN: 5px 10px 1px 1px;
    LINE-HEIGHT: 10px;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: right
}
B.color
{
    COLOR: #669966
}
B.darkcolor
{
    COLOR: #003300
}
SMALL
{
    FONT-SIZE: 7.5pt;
    FONT-FAMILY: Verdana
}

P
{
    MARGIN-TOP: 1px;
    FONT-SIZE: 9pt;
    MARGIN-BOTTOM: 15px;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Verdana
}
P.opdateret
{
    FONT-SIZE: 7.5pt;
    MARGIN: 5px 10px 1px 1px;
    LINE-HEIGHT: 10px;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: right
}
P.navigate
{
    MARGIN-TOP: 9px;
    FONT-SIZE: 7.5pt;
    MARGIN-BOTTOM: 9px;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Verdana
}
P.small
{
    MARGIN-TOP: 1px;
    FONT-SIZE: 7.5pt;
    MARGIN-BOTTOM: 11px;
    FONT-FAMILY: Verdana
}
P.smaller
{
    MARGIN-TOP: 1px;
    FONT-SIZE: 7pt;
    MARGIN-BOTTOM: 11px;
    FONT-FAMILY: Verdana
}
P.manchet
{
    MARGIN-TOP: 17px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    MARGIN-BOTTOM: 17px;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Verdana
}
P.leftframe
{
    MARGIN-TOP: 1pt;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 16pt;
    LINE-HEIGHT: 16pt;
    FONT-FAMILY: Verdana
}
P.topframe
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7.5pt;
    COLOR: #336666;
    FONT-FAMILY: Verdana
}
LI
{
    MARGIN-TOP: 1px;
    LIST-STYLE-IMAGE: url(http://www.mst.dk/res/dot.gif);
    MARGIN-BOTTOM: 1px
}
TABLE
{
    MARGIN-BOTTOM: 0px
}
TD
{
	
    FONT-SIZE: 11px;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Verdana
}
A
{
    TEXT-DECORATION: none;
}
A:visited
{
    COLOR: #660000
}
A:link
{
    COLOR: #006600
}
A:active
{
    COLOR: #660000
}
A:hover
{
    TEXT-DECORATION: underline
}
.HelpText
{
    FONT-SIZE: 10px
}
.DatagridTextBox
{
	width: 100%;
}
TABLE.menuTable 
{
	background-color: #ececec;
	

}
TD.menuTable
{
	/*padding: 2px 1px 2px 1px;*/
	font-size: 10px;
	border-right: solid 1px #000000;
	background-color: #EAF4EA;
	
	width: 90px;
	text-align:center;
	
}
.calendarHoliday
{
	font-size: 9px;
	background-color: red;
	behavior: url(void.htc);
	cursor:default;   
	
}
.mainFrame
{
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	
}
.buttonGeneral
{
	background-color: #ececec;
	border: solid 1px #000000;
	font-size:11px;
}
.TableHeader
{
	background-color: #EAF4EA;
	
}
.footer
{
	background-color: #EAF4EA;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	
}

.statusMenu
{
	padding: 1px 1px 1px 1px;
	font-size: 10px;
	border: solid 1px #000000;
	background-color: #EAF4EA;
	
	width: 120px;
	text-align:left;
	 

}

.inputTextbox
{
	width: 100%;
	font-size: 10px;
}
.inputComboBox
{
	font-size: 10px;
}



.calendarBookedDay
{
	font-size: 12px;
	background-color: Green;
	color:Green;
	border: solid 1px #000000;
}
.strong
{
	font-weight:bold;
}
.aktivitetsKalenderTabel
{
	border: solid 1px #000000;
	background-color: #EAF4EA;
}

.aktivitetsKalenderHeader
{
	color:#660000;
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    MARGIN-BOTTOM: 17px;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Verdana, Arial, Helvetica

}

.dgAktiviteter
{
	border: solid 1px #FFFFFF;
}

.dgAktiviteterHeader
{
	border: solid 1px #FFFFFF;
	font-weight:bold;
}
.absPos
{
	position:absolute;
}

/* kpr, 2004.08.25: styles added*/

table#header_tblMenu 
{
	border-color: #000;
	border-style: solid;
	border-width: 1px 0 1px 1px;
}
td.menuTable a
{
	display: block;
	padding: 2px 5px;
}

div#menuWrapper 
{
	margin: 10px auto;
	text-align: left;
	width: 570px;
}

p#msgWrapper
{
	margin: 10px 0;
}
span#lblMessage
{
	padding: 5px 0;
}

#contentWrapper 
{
	margin: 10px auto;
	/*padding: 10px;*/
	width: 570px;
}

table#loginTable 
{
	border-color: #000;
	border-style: solid;
	border-width: 1px;
}

table#loginTable td
{
	padding: 5px 2px;
}


table#dgUserAdmin 
{
	border: 1px solid #003;
	border-collapse: collapse;
}
table#dgUserAdmin td, table#dgUserAdmin input
{
	border: 1px solid #003;
	padding: 2px;
}

table#dgUserAdmin td select
{
	border: 1px solid #000;
}

.dgHeader 
{
	background: #eaeaea;
}

.dgAltItem
{
	background: #eaffea;
}

.rightAlign
{
	text-align: right;
}

/*calendar++*/

table#Calendar1 
{
	border: 1px solid #000;
	border-collapse: collapse;
	width: 240px;
	height: 160px;
}
table.cldrTitle
{
	width: 100%;
	border-bottom: 1px solid #000;
	font-weight:bold;
	padding: 2px 5px;
}
table.cldrTitle td, td.cldrSelector 
{
	/*padding: 2px 5px;*/
}
td.cldrSelector
{
	background-color: #0ef;
	/*border-right: 3px solid #000;*/
	font-weight:bold;
}
td.cldrDayHeader
{
	background-color: #0ef;
	border-bottom: 1px solid #000;
}
td.cldrOtherMonthDay
{
	background-color: #c3c3c3;
}

td.cldrSelectedDay
{
	background-color: #0f0;
}

td.cldrWeekend
{
	background-color: #eaeaea;
}
td.cldrToday
{
	background-color: #eaf4ea;
}


td.cldrSelector a, td.cldrDay a, td.cldrSelectedDay a, td.cldrOtherMonthDay a, td.cldrWeekend a, td.cldrToday a, td.cldrNextPrev a
{
	padding: 2px 3px;
	display:block;
}

td.cldrSelectedDay a:hover, td.cldrSelectedDay a:focus
{
	background-color: #000;
}

td.cldrDay a:hover, td.cldrOtherMonthDay a:hover, td.cldrWeekend a:hover, td.cldrToday a:hover, td.cldrSelector a:hover, td.cldrDay a:focus, td.cldrOtherMonthDay a:focus, td.cldrWeekend a:focus, td.cldrToday a:focus, td.cldrSelector a:focus
{
	background-color: #eef;
}

table#cldrWrapper
{
	margin: 0;
	padding: 0;
}

table#cldrWrapper h3
{
	margin: 2px 0 20px;
}

table#cldrWrapper hr
{
	margin: 20px 0;
	color: #000;
}

/*dgAktiviteter*/
table.dgAktClass
{
	border: 1px solid #000;
	border-collapse:collapse;
	font-size:x-small;
}

table.dgAktClass td
{
	border: 1px solid #000;
}

.dgAktHeader td
{
	background: #eaeaea;
	font-weight: bold;
}

.dgAktHeader td a
{
	display:block;
	padding: 2px 3px;
	font-weight: bold;
	color: #000;
}

.dgAktHeader td a:hover
{
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.dgAktItem td, .dgAktAltItem td
{
	padding: 2px 3px;
}

.dgAktAltItem td
{
	background-color: #eaf4ea;
}

.topAligned
{
	vertical-align: top;	
}

.dgBookingPager td
{
	padding: 4px;
}

.dgBookingPager a, .dgBookingPager a:link, .dgBookingPager a:visited
{
	padding: 2px 4px;
	font-weight: bold;
	border: 1px solid #000;
}

.dgBookingPager a:hover
{
	color: #fff;
	background: #009;
}

.dgBookingPager span 
{
	padding: 2px 4px;
	font-weight: bold;
	border: 1px solid #033;
	background: #eaf4ea;
}

table#tblGridWrapper
{
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

td.gridWrapper
{
	width: 50%;
}

table#dgFaciliteter, table#dgMaterialer,dgAldersGrupper, div#Export
{
	margin: 10px 0;
}

div#pagerSizeWrapper, div#filterWrapper
{
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #000;
}

table#tblButtonWrapper 
{
	float:right;
}

.puCalendar
{
	background: #fff;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: xx-small;
}
.puCalendar td
{
	padding: 0;
}
.puMonthHeader
{
	background: #eaeaea;
	font-weight: bold;
}
.puDayHeader
{
	background: #eaf4ea;
	border-bottom: 1px solid #000;
}
.puMonthHeader td
{
	border-bottom: 1px solid #000;
}

.puWeekDay a, .puWeekend a, .puOffMonth a, .puTodayDay a, .puHoliday a, .puSelectedDate a
{
	display: block;
	padding: 2px 4px;
}

.puWeekDay a:hover, .puWeekend a:hover, .puOffMonth a:hover, .puTodayDay a:hover, .puHoliday a:hover, .puSelectedDate a:hover
{
	background: #009;
	color: #fff;
}

.puWeekDay
{
	background: #fff;
}

.puWeekend
{
	background: #eee;
}
.puOffMonth
{
	background: #ddd;
	color: #999;
}
.puButton
{
	background-position: center center;
	background-attachment: fixed;
	background-image: url(./Images/calendar.gif);
	background-repeat: no-repeat;
	
}
.puTodayDay
{
	background: #ff0;
}
.puHoliday
{
	background: #f00;
}
.puSelectedDate
{
	background: #0cf;
}
.puSelectedDate a
{
	color: #000;
}

table#tblBooking, table#tblMailForm
{
	background: #eaf4ea;
	width: 100%;
	border: 1px solid #000;
}

table#tblBooking td, table#tblMailForm td
{
	padding: 3px;
}

table#tblBooking .rowheader
{
	background: #eaeaea;
	border: 1px solid #cecece;
	text-align: right;
	width: 40%;
}

table#tblMailForm .rowheader
{
	background: #eaeaea;
	border: 1px solid #cecece;
	text-align: right;
	width: 30%;
}

table#tblMailForm .mailFormFooter
{
	border: 1px solid eaf4ea;
	text-align: right;
	padding: 3px 0;
}



table#tblBooking .data, table#tblMailForm .data
{
	background: #fff;
	border: 1px solid #ccc;
	text-align: left;
}
table#tblBooking .data_highlight, table#tblMailForm .data_highlight
{
	background: #ffe;
	border: 1px solid #000;
	text-align: left;
	font-weight: bold;
}
#tblMailForm .data TEXTAREA
{
	width: 100%;
	height: 100px;
	border: 1px solid #cef;
}

#tblMailForm .data input
{
	width: 90%;
	border: 1px solid #cef;
}

table.alistBookning, table.detailTable 
{
	border: 1px solid #000;
	border-collapse: collapse;
	margin-bottom: 10px;
}
table.alistBookning th
{
	padding: 2px 3px;
	border: 1px solid #000;
	font-size: 11px;
	background-color: #eaeaea;
}
table.alistBookning td, table.detailTable td
{
	padding: 2px 3px;
	border: 1px solid #000;
}

.detailRowHeader 
{
	background-color: #eaeaea;
	font-weight: bold;
	width: 280px;
}
.detailNameCol 
{
	width: 180px;
}
.error 
{
	color: #f00;
	font-weight:bold;
}

.errorBox
{
	display: block;
	margin: 10px;
	margin-left: 0;
	padding: 5px;
	border: 1px solid #f00;
}

h1.subCal
{
	margin-top: 1em;
}
/*.calButton, #calDato_outer 
{
	width: 40px;
	height: 20px;
	margin: 0 0 0 5px;
	padding: 0;
	border: 1px solid #000;
	background: transparent url(tile.gif) no-repeat center top;
	text-indent: -1000em;
	padding: 0 0 20px 0;
	overflow: hidden;
}
*/
/*Date Picker*/
.calendar_button
{
	border:none;
	cursor:pointer;
}

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.disabledday
{
  text-decoration:none;
  background-image:url(../images/baddate.gif);
  background-position:center center;
  background-repeat:no-repeat;
  cursor:default;
  background-color:#ff0000;
}
.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
  width:25px;
  background-color:#0cf;
  
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}