/*********************
	Generellt
*********************/

/* Dokumentets kropp */
body {
	background-color: #062041;
	margin-left: 0px;
	margin-top: 0px;
}

/* Länkar */
a {
	/*color: #062041;*/
	color: #EDE7AB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a:hover {
	/*color: #062041;*/
	color: #EDE7AB;
}

/* Standard text */
.clsText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #062041;*/
	color: #808080;
}

/* Standard text fet */
.clsTextBold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*color: #062041;*/
	color: #FFF;
}

/* Standard text kursiv */
.clsTextItalic {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

/* Rubrik */
.clsTextHeadline {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* Större text */
.clsTextBig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/* Text för att markera något positivt */
.clsTextOk {
	color: Green;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}

/* Text för att markera något negativt */
.clsTextError {
	color: Red;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}

/* Markera ett område som positivt */
.clsDataOk {
	background-color: #90EE90;
}

/* Markera ett område som negativt */
.clsErrorOk {
	background-color: #EE9090;
}

/* Normal avdelare */
hr.clsRulerNormal {
	color: Black;
	height: 2px;
}

/* Tunn avdelare */
hr.clsRulerThin {
	color: Black;
	height: 1px;	
}

/* Jämna rader */
tr.clsEvenRow {
	background-color: #FAFAE1;
}

/* Meddelanden */
.clsMessage {
	background-color: rgb(247, 248, 210);
	border: 1px dotted Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Var vänlig vänta... */
.clsLoading {
	background-color: rgb(247, 248, 210);
	border: 2px solid Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	position: absolute;
	visibility: hidden;
	z-index: 1;
}

/* Aktuell schemahändelse */
.clsScheduleEventCurrent {
	color: Green;
}

/* Passerad schemahändelse */
.clsScheduleEventPrevious {
	color: Gray;
}

/* Navigering */
td.clsNavigation {
	color: #FAFAE1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;		
}
td.clsNavigation a {
	color: #EDE7AB;
}
td.clsNavigation a:hover {
	color: #EDE7AB;
}

/* Huvudinnehåll */
td.clsMainContent {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

/*********************
	Panel
*********************/

/* Panelinnehåll */
td.clsPanelContent {
	background-color: rgb(243, 248, 252);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 10px;	
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
td.clsPanelContent a, td.clsPanelContent .clsText a {
	color: #062041;
}
/* Panel text fet */
td.clsPanelContent .clsTextBold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #062041;
}

/* Panel standard text */
td.clsPanelContent .clsText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #062041;
}

/* Panel typ 2 */
table.clsPanel {
	border-color: rgb(78, 112, 144);
	border-style: solid;
	border-width: 2px;
}

/* Panelrubrik */
td.clsPanelHeader {
	background-color:#EDE7AB;
	color: #062041;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-color: #062041;
}

/*********************
	Formulär
*********************/

/* Enradiga textinmatningsfält, "checkboxar", radioknappar */
input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;		
}

/* Formulärknappar */
input.clsButton {
	background-color: #EDE7AB;
	border-color: #062041;	
	border-style: solid;
	border-width: 1px;
	color: #062041;
	cursor: hand;
	font-weight: bold;	
}

/* Plocklistor */
select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
}

/* Flerradiga textinmatningsfält */
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
}

/* Formulär objekt */
/*.clsFormObject {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}*/

.clsFormButton {
	cursor: hand;
}

/*********************
	Lista
*********************/

/* Listhuvud */
tr.clsListHead {
	background-color: rgb(204, 220, 235);
	font-weight: bold;
}

/* Listfot */
tr.clsListFoot {
	font-weight: bold;
}

TABLE.clsList {
	border-bottom-width: 0px;	
	border-color: #4E7090;
	border-left-width: 3px;
	border-right-width: 3px;
	border-style: solid;
	border-top-width: 1px;
}
TABLE.clsList a, TABLE.clsList a:hover {
	color: #062041;
}

TR.clsListHeader {
	background-color: #4E7090;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

TR.clsListHeader A {
	background-color: #4E7090;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

TR.clsListData {
	background-color: #F7F8D2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TD.clsListBorder {
	background-color: #4E7090;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

/*********************
	Meny
*********************/

.clsMenu {
	position: absolute;
	visibility: visible;
	z-index: 1;
}

div.clsMenu A {
	color: #062041;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;		
}

div.clsMenu A:hover {
	color: #062041;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;		
}

td.clsMenuElement {
	background-color: #EDE7AB;
}

div.clsSubMenu {
	background-color: #062041;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	position: absolute;
	top: 53px;
	visibility: hidden;
	z-index: 2;
}

div.clsSubMenu A {
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;	
	text-decoration: none;
	line-height: 18px;
	padding-left: 12px;
	padding-right: 12px;
}

div.clsSubMenu A:hover {
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;	
	text-decoration: none;
	line-height: 18px;
	padding-left: 12px;
	padding-right: 12px;
}

hr.clsRulerSubMenu {
	color: #062041;
	height: 1px;
}

/*********************
	Schema
*********************/

A.clsPopUp {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: black;
	font-weight: normal;
}

TABLE.clsBorder {
	border-top : 2px solid Black;	
	border-left : 2px solid Black;
	border-right : 2px solid Black;
	border-bottom : 2px solid Black;		
}

TD.clsTimeColumn {
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 10px;
	color : White;
	background : #4E7090;	
}

TD.clsHead {
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 10px;
	color : White;	
	background : #4E7090;
	border-left : 1px solid Black;
	border-bottom : 1px solid Black;
}

TD.clsLesson {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 6px;
	background : #F7F8D2;
}

TD.clsLessonBorderRight {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	background : #F7F8D2;
	border-right : 1px inset Black;
}
TD.clsLessonBorderLeft {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	background : #F7F8D2;
	border-left : 1px inset Black;
}
TD.clsLessonBorder {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	background : #F7F8D2;
	border-left : 1px inset Black;
	border-right : 1px inset Black;
	border-top : 1px inset Black;
	border-bottom : 1px inset Black;
}

TD.clsBreak {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	background : #B4B599;
}

TD.clsBreakBorderRight {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	background : #B4B599;
	border-right : 1px solid Black;	
}

.clsScheduleevent {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;	
}

TD.clsDayDelimiter {
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 10px;
	color : White;
	background : black;	
}

TABLE.clsDayTable {
	background : #B4B599;
}