/*********************
	Generellt
*********************/

/* Dokumentets kropp */
body {
	background-color: rgb(227, 242, 255);
	margin-left: 0px;
	margin-top: 0px;
}

/* Länkar */
a {
	color: rgb(2, 88, 160);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* Standard text */
.clsText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Mindre text */
.clsTextSmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* Ännu mindre text */
.clsTextSmaller {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/* Standard text fet */
.clsTextBold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* 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;
}

/* Större text, fet */
.clsTextBigBold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


/* 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;	
}

/* Vit text */
.clsTextWhite {
	color: White;
	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;
}
/* Markera ett område som negativt */
.clsDataError {
	/*background-color: #ff1a1a;*/
	background-color: Red;
	
}
/*******************************************************
	Talsvarsnotifieringar
********************************************************/
.clsNotificationOk {
	background-color: #71EB71;
	border: 1px solid Black;
}

.clsNotificationFailed {
	background-color: #FF6666;
	border: 1px solid Black;
}	
.clsNotificationToUnit {
	background-color: #FFFF66;
	border: 1px solid Black;
}	
/* Normal avdelare */
hr.clsRulerNormal {
	color: Black;
	height: 2px;
}

/* Tunn avdelare */
hr.clsRulerThin {
	color: Black;
	height: 1px;	
}

/* Jämna rader */
tr.clsEvenRow {
	background-color: rgb(227, 242, 255);
}

/* Jämna rader */
tr.clsEvenRowKv {
	background-color: rgb(255, 255, 255);
}

/* 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;
}

/* Aktuell schemahändelse som länk */
.clsAScheduleEventCurrent {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Green;
	font-weight: normal;
	text-decoration:none;
}

/* Passerad schemahändelse som länk*/
.clsAScheduleEventPrevious {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Gray;
	font-weight: normal;
	text-decoration:none;
}

/* Framtida schemahändelse som länk*/
.clsAScheduleEventFuture {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	font-weight: normal;
	text-decoration:none;
}

/* Schemahändelse som länk*/
.clsATextBold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}

/* Navigering */
td.clsNavigation {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;		
}

/* Huvudinnehåll */
td.clsMainContent {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

/* Text för att markera besvarade/skickade samtalsunderlag*/
.clsTextIUPSent {
	color: Green;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}

/* Text för att markera besvarade, ej skickade samtalsunderlag*/
.clsTextIUPAnswered {
	color: Blue;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}

/* Text för att markera obesvarade samtalsunderlag*/
.clsTextIUPUnanswered {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}

/*********************
	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;	
}

/* Panelinnehåll */
td.clsPanelContentKv {
	background-color: rgb(226, 242, 210);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 10px;	
}

/* Panel typ 2 */
table.clsPanel {
	border-color: rgb(78, 112, 144);
	border-style: solid;
	border-width: 2px;
}

/* Panelrubrik */
td.clsPanelHeader {
	background-color: rgb(78, 112, 144);
	color: rgb(255, 255, 255);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* Panelrubrik */
td.clsPanelHeaderKv {
	background-color: rgb(107,182,100);
	color: rgb(255, 255, 255);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/*********************
	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: rgb(227, 242, 255);
	border-color: rgb(78, 112, 144);	
	border-style: solid;
	border-width: 1px;
	color: rgb(78, 112, 144);
	cursor: hand;
	font-weight: bold;	
}

/* Plocklistor */
.clsTextSelect {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*background-color: #FFFFFF;
	color:#000000;*/
}

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;
}

/* Listhuvud */
tr.clsListHeadkv {
	/*background-color: rgb(161,179,125);*/
	background-color: rgb(107,182,100);
	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;
}

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: #E3F2FF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;		
}

div.clsMenu A:hover {
	color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;		
}

td.clsMenuElement {
	background-color: #4E7090;
}

div.clsSubMenu {
	background-color: #F3F8FC;
	border-bottom: 2px solid #4E7090;
	border-left: 2px solid #4E7090;
	border-right: 2px solid #4E7090;
	padding: 2px;
	position: absolute;
	top: 53px;
	visibility: hidden;
	z-index: 2;
}

div.clsSubMenu A {
	color: #4E7090;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
	text-decoration: none;
}

div.clsSubMenu A:hover {
	color: #4E7090;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
	text-decoration: none;
}

hr.clsRulerSubMenu {
	color: #4E7090;
	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.clsLessonGreen {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 6px;
	background : #71EB71;
}

TD.clsLessonRed {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 6px;
	background : #FF6666;
}

TD.clsLessonWhite {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 6px;
	background : #FFFFFF;
}

TD.clsLessonGrey {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 6px;
	background : #DCDCDC;
}

TD.clsLessonOrange {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 6px;
	background : #FFCC00;
}

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;
}

TD.clsExplanaition {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-left : 1px solid Black;
	border-right : 1px solid Black;
	border-top : 1px solid Black;
	border-bottom : 1px solid Black;
}
/*********************
	Span
*********************/
/* Grön */
span.clsScheduleInfo1 {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;	
		position: absolute;
		background:#71EB71;
		width:9;
	}
/* Röd */
span.clsScheduleInfo2 {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		position: absolute;
		background:#FF6666;
		width:9;
	}
/* Gul */	
span.clsScheduleInfo3 {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		position: absolute;
		background:#FFFF66;
		width:9;
	}
/* Grå	*/
span.clsScheduleInfo4 {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		position: absolute;
		background:#DCDCDC;
		width:9;
	}
/* Vit	*/
span.clsScheduleInfo5 {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		position: absolute;
		background:#FFFFFF;
		width:9;
	}
/* Blå */
span.clsScheduleInfo6 {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		position: absolute;
		background:#3399FF;
		width:9;
	}
/* Lila, Cerise */
span.clsScheduleInfo7 {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		position: absolute;
		background:#CC99FF;
		width:9;
	}
	/* Röd/Grön */
span.clsScheduleInfo8 {
		
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		position: absolute;
		background:#FF6666;
		width:9;
	}
	
	
/* Gul/Grön */
span.clsScheduleInfo9 {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		position: absolute;
		background:#FFFF66;
		width:9;
	}
	
	.schedulecell {
		border: 1px solid #000;
     /*border-radius: 2px;*/
     height: 20px;
     margin: 0;
     padding: 0;
     width: 10px;
	}
	
	.partialschedulecell{
    	height: 10px;
    	width: 10px;
   }
	.partialinvalidschedulecell {
    	height: 10px;
    	width: 10px;
   }

span.clsPopUp {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 2px;	
		position: absolute;
		z-index:1;
		background:#ffffff;
		width:150;
		visibility: hidden;
	}
	
span.clsPopUpBroad {
		border: 1px solid black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 2px;	
		position: absolute;
		z-index:1;
		background:#ffffff;
		width:300;
		visibility: hidden;
	}
	
span.clsPopUpAntag {
		border: 1px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 1px;	
		position: absolute;
		z-index:1;
		background-color: rgb(227, 242, 255);
		width:300;
		visibility: hidden;
	}
/*******************************************************
	Promt
********************************************************/
input.prompt {
		border:1 solid rgb(78, 112, 144); 
		background-color:rgb(227, 242, 255);
		width:70;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11; 
		font-weight:bold;
		color:rgb(78, 112, 144);
	} 

td.prompttitlebar { 
		background-color:rgb(78, 112, 144); 
		color:rgb(243, 248, 252); 
		font-weight:bold;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:12;
		height:18;
	} 

table.promptbox {
		border:1 solid rgb(78, 112, 144); 
		background-color:rgb(243, 248, 252); 
		color:black;
		padding-left:2;
		padding-right:2;
		padding-bottom:2;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:11;
	} 

input.promptbox {
		border:1 solid #000000;
		background-color:#ffffff;
		width:80%;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11; 
		color:black; 
	}
 textarea.promptbox {
		border:1 solid #000000;
		background-color:#ffffff;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11; 
		color:black; 
		width:90%;
	}
input.promptcheckbox {
		border:none;
		background-color:#ffffff;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11; 
		color:black; 
	}
div.autoScroll { 
	overflow: auto;
	border:1px solid blue;
	padding: 1px 1px 1px 1px;
	}