/*
Color scheme
darkest		#554a6d
dark		#8877aa
medium		#ab94d8
light		#d2ccde
lightest	#f1eef7

grön		#94be7b
gul			#eece9b   //GAMLA: ebe498
röd			#d9938c

*/

div.box
{
	background-color:#f1eef7;
}

.green
{
	color:#94be7b
}

.yellow
{
	color:#eece9b
}

.red,
.extraData a.red
{
	color:#d9938c
}


.subHeader
{
	font-weight:bold;
}

.copySmall
{
	font-family:Verdana, Sans-Serif;
	font-size:10px;
	line-height:14px;
}

.credit, .credit a
{
	font-size:10px;
	color:#8877aa;
}

.smallArea,
.smallArea select
{
	font-size:10px;
	line-height:14px;
	font-family:Arial;
}

.smallArea a
{
	font-weight:bold;
}

.smallArea .extraData
{
	text-transform:none;
	font-weight:normal;
}

.ddlSmall
{
	font-family:Trebuchet MS, Sans-Serif;
	font-size:10px;
}

.invisibleSmall
{
	visibility:hidden;
	font-family:Trebuchet MS, Sans-Serif;
	font-size:10px;
}

.halfColumn
{
	width:348px;
}

.highlight
{
	color:White;
	background-color:#554a6d;
	display:inline-block;
	padding:0 3px;
}

.highlight:hover
{
	color:inherit;
	background-color:inherit;
}

th input
{
	float:right;
}

th .noFloat input
{
	float:none;
}

.rbClickAreaSelected
{
	display:block;	
	border:solid 1px #d2ccde;
	width:73px;
	height:19px;
	text-align:center;	
}

.rbClickArea
{
	background-color:#FFF;
	display:block;
	border:solid 1px #FFF;
	width:73px;
	height:19px;
	text-align:center;
}

.rbClickArea:hover
{
	background-color:#d2ccde
}

body
{
	margin:0;
	padding:0;	
	font-family:Trebuchet MS, Sans-Serif;			
	font-size:12px;
	line-height:18px;
}

body.master
{
	background-image:url('images/background.png');
	background-attachment:fixed;			
}

#page
{
	width:960px;
	margin:0 auto;
}

/* Page-div som används på registreringssidorna */
#registerPage
{
	width:700px;
	margin:10px auto;
	text-align:center;
}

#registerPage img
{
	margin-bottom:10px;
}

#topContainer
{
	margin:0;
	width:960px;
	height:139px;
	position:relative;
	padding-top:12px;
}

.imgLogo
{
	position:absolute;
	left:355px;
	top:22px;
	z-index:5;
}

#userShortcuts
{
	float:left;			
	padding-left:10px;
}

#userShortcuts li
{
	display:inline;
	margin-right:10px;
}

#userShortcuts a
{
	color:#554a6d;
	font-size:14px;
}

#userShortcuts a:hover,
.breadCrumbs a:hover
{	
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-color:#554a6d;
}

#userShortcuts>a
{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}	

.breadCrumbs a
{
	display:inline-block;
	margin-right:10px;	
	border-bottom:solid 1px white;
}	

.breadCrumbs
{	
	line-height:normal;
}

#letterBox
{
	margin-top:17px;
	background-image:url('images/icon_letter.png');
	background-repeat:no-repeat;
	height:22px;
	line-height:22px;
	padding-left:35px;
	
}

.textIcon
{
	display:inline-block;
	background-color:#ab94d8;
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:9px;
	margin:0 2px 2px 0;
	padding:0 2px;
	line-height:13px;
}

#homeexitShortcuts
{
	float:right;
	text-align:right;
}

#homeexitShortcuts #peopleSearch
{
	margin-top:15px;
	margin-right:15px;
}

#homeexitShortcuts #peopleSearch input[type=text]
{
	margin-right:5px;
	width:150px;
}

#homeexitShortcuts a
{
	border:none;
}

#homeexitShortcuts img
{
	margin-right:5px;
}

#topMenu
{
	width:940px;
	height:18px;
	padding:13px 10px;
	background-image:url('images/topmenu_bg.png');
	text-align:left;
	position:absolute;
	left:0px;
	bottom:0px;
}

#topMenu a
{
	color:#FFFFFF;
}

#topMenu a:hover
{
	color:#d2ccde;
}

#topLeftMenu
{
	float:left;
}

#topLeftMenu li
{
	display:inline;
	border-right:solid 1px #FFFFFF;
	margin-right:10px;
	padding-right:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

#topRightMenu
{
	float:right;
}

#topRightMenu li
{
	display:inline;
	border-left:solid 1px #FFFFFF;
	margin-left:10px;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}


.ttPanelContainer
{
	background-color:#FFFFFF;
	border-right:solid 1px #554a6d;
	border-bottom:solid 1px #554a6d;
	padding:5px;
	margin-bottom:20px;
	margin-right:20px;
	text-align:left;
}

#personalNavigation
{
	float:right;
	width:190px;
	margin-right:0px;
}

#contentContainer
{
	padding-top: 20px;
	margin-left: 11px;
	width: 747px;
}

#contentAreaStartPage
{
	float:left;
	width:556px;
}

#scheduleArea
{
	float:right;
	margin-right:20px;
	width:170px;
}

.ttPanelCaption
{
	border-right:solid 1px #554a6d;
	border-bottom:solid 1px #554a6d;
	background-image:url('images/btn_bg.png');
	height:30px;
	color:#FFFFFF;
	line-height:30px;
	padding:0 5px;
	text-align:left;
	font-size:14px;	
	font-weight:bold;
}

.ttPanelContent
{
	padding-top:5px;
	overflow:auto;
}

.ttPanelCaptionSubMode
{
	background-color:#8877aa;
	height:20px;
	color:#FFFFFF;
	padding:2px 3px 0 5px;
	text-align:left;
	font-size:12px;	
	font-weight:bold;	
}

.ttPanelContentSubMode
{
	padding:5px;
	border:solid 1px #f1eef7;
	border-top:none;
	margin-bottom:5px;
}


/* .ttPanelContent ul li
{
	border-bottom:solid 1px #ab94d8;
	padding:3px;
}*/

.menu a,
.hiddenButtonMenu .groupMenu,
.menuItem
{
	color:Black;
	display:block;
	border-bottom:solid 1px #ab94d8;
	padding:3px 5px;
}

.hovershower.menu a:last-child
{
	border-bottom:none;
}

.menuItem a
{
	border:none;
	padding:0;
	display:inline;
}

.menu a:hover,
.hiddenButtonContainer:hover
{
	/*border-bottom:solid 1px #ab94d8;*/
	background-color:#f1eef7;
}

.hiddenButtonMenu a.groupMenu:first-child
{
	border-top:none;
	border-bottom:solid 1px #d2ccde;
}

.hiddenButtonMenu .groupMenu:first-child
{
	border-top:none;
}

.hiddenButtonMenu .groupMenu
{
	border-top:solid 1px #ab94d8;
	border-bottom:solid 1px #d2ccde;
	font-style:italic;
}

.hiddenButtonMenu .hiddenButtonContainer
{
	padding:3px 5px;
}

.hiddenButtonMenu .subMenu
{
	padding-left:15px;
	border:none;
}

.ttPanelHelp
{
	background-color:#d2ccde;
	overflow:hidden;
	height:0px;
}

#personalNavigation .ttPanelContent
{
	margin-bottom:15px;
}

.ttPanelLinks
{
	float:right;
}

.ttPanelLinks a
{
	display:block;
	overflow:hidden;
	background-image:url('images/btn_bg.png');
	height:19px;
	width:19px;			
	border-right:solid 1px #554a6d;
	border-bottom:solid 1px #554a6d;
	margin:5px 0 0 5px;
	float:left;
}

.ttPanelCaptionSubMode .ttPanelLinks a
{
	width:12px;
	height:12px;
	margin-top:3px;
}

.ttPanelCaptionSubMode .ttPanelLinks a img
{
	width:12px;
	height:12px;
}

.listButtons
{
	float:right;
}

.listButtons a,
.listButtons input[type=image],
.menu .listButtons a,
.menu .listButtons input[type=image]
{
	display:block;
	overflow:hidden;
	background-color:#d2ccde;
	height:12px;
	width:12px;
	margin:5px 0 0 5px;
	float:left;
	border:0;
	padding:0;
}

.menu .listButtons a img
{
	width:12px;
	height:12px;
}

.gridButton,
.gridButton img
{
	overflow:hidden;
	background-color:#d2ccde;
	height:12px;
	width:12px;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:8px;
	display:inline-block;
}


.ttPanelLinks a:hover,
.listButtons a:hover,
.listButtons input[type=image]:hover,
.skinButtons:hover,
.input[type=button]:hover
{
	background-image:none;
	background-color:#554a6d;
	color:White;
}

.hiddenButton
{
	float:right;
	margin:2px;
	display:block;
	height:12px;
	width:12px;
	padding:0 !important;
	border:none !important;
}

.gridButton:hover,
.hiddenButton:hover,
.gridButton img:hover
{
	background-image:none;
	background-color:#554a6d !important;
	color:White !important;
	border:none !important;
}

.ttPanelLinks a:active,
.skinButtons:active,
.input[type=button]:active
{
	border-right:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
}

.skinValidators
{
	font-size:9px;
	display:inline-block;
	height:12px;
	line-height:11px;
	background-image:url('images/icon_validator.png');
	background-repeat:no-repeat;
	padding-left:13px;
	margin-top:4px;
	color:#de393a;
	font-family:Arial;
}

.formContainer th div
{
	margin-top:2px;
}

.skinTextBoxes,
.textBoxInactive,
.wide,
ul.holder
{
	border:solid 1px #8877aa !important;
	font-size:12px;
	font-family:Trebuchet MS, Sans-Serif;
}

.textBoxInactive
{
	color:#CCCCCC;
}

.textBoxInactiveWide
{
	color:#CCCCCC;
	width:99%;
	float:right;
	border:solid 1px #8877aa;
	font-size:12px;
	font-family:Trebuchet MS, Sans-Serif;
}

input[type=button].skinButtonsDisabled
{
	background-color:#999999;
	background-image:url('../../images/btn_bg_disabled.png');
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	float:right;
	color:#cccccc;
	font-family:Trebuchet MS, Sans-Serif;
}

.skinButtons,
input[type=button]
{
	background-color:#ab94d8;
	background-image:url('images/btn_bg.png');
	border-top:solid 1px #d2ccde;
	border-left:solid 1px #d2ccde;
	border-right:solid 1px #554a6d;
	border-bottom:solid 1px #554a6d;
	color:#ffffff;
	font-family:Trebuchet MS, Sans-Serif;
}

input[type=button]
{
	float:right;
}

.center input[type=button]
{
	float:none;
}

.center
{
	text-align:center;
}	

.item:first-child,
.selectedItem:first-child
{
	padding-top:0;
	margin-top:0;
	border-top:none;
}

.divider:first-child
{
	margin-top:0;
}

.divider
{
	margin-top:10px;
}

.smallArea .divider
{
	margin-top:5px;
}

.item,
.gridViewFooter,
.selectedItem
{
	padding-top:5px;
	margin-top:5px;	
	border-top:solid 1px #d2ccde;
}

.hiddenButtonMenu .item
{
	margin-top:0;
	padding-top:0;
}

.selectedItem,
.selected
{
	background-color:#f1eef7;
}

.newItem,
.gridViewFooter
{
	background-color:#f1eef7;
}

tr.item:first-child td
{
	padding-top:0;
	border:none;
}

tr.item td,
tr.gridViewFooter td
{
	padding:5px 0;	
	border-top:solid 1px #d2ccde;
}

.icon
{
	height:27px;
	width:27px;
	background-color:#8877aa;
	float:left;
	margin-right:5px;
	margin-top:4px;
}


#footer
{
	color:#FFFFFF;
	border-top:solid 1px #FFFFFF;
	text-align:center;
	clear:both;
}

.helpContainer
{
	padding:5px;
	overflow:auto;
}

.helpContainer textarea
{
	width:100%;
}

.skinGridView > tbody > tr:hover
{
	background-color:#f1eef7;
}

.formContainer th
{
	text-align:left;
	font-weight:normal !important;
	background-color:White !important;
}

.skinGridView th,
.gridViewHeader
{
	background-color:#d2ccde;
}

.skinGridView th:first-child
{
	width:auto;
	font-weight:bold;
}

.skinGridView th.alignCenter
{
	text-align:center;
}

.skinPager
{	
	background-color:#f1eef7;
	line-height:8px;
}

.skinPager table
{
	width:auto;
	margin:0 2px 2px 0;
	float:right;
	font-family:Arial;
	font-size:10px;
	text-transform:uppercase;
	
}

.skinPager a
{
	color:#8877aa;
}

.skinPager a:hover
{
	color:#554a6d;
}

.skinEmpty
{
	font-style:italic;
}

.skinGridView tr.skinEmpty:hover
{
	background-color:Transparent;
}

.attendanceData .extraData,
.attendanceData td
{
	white-space:nowrap;
}

.attendanceData td:last-child
{
	width:22%;
}


.attendanceData td + td.sum
{
	width:12%;
	text-align:center;
}


.extraData,
.backLink,
.subLabel,
.articleDate,
div.more-bar a
{
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	color:#8877aa;
}

.extraData a
{
	color:#8877AA;
}

.subLabel
{	
	line-height:12px;
	margin-left:2px;
}

.skinFormView th
{
	font-weight:normal;
}

.modalBackground {
	background-color:White;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.popupList
{
	height:18px;
	background-color:#554a6d;
	line-height:normal;
	border-right:solid 1px #554a6d;
}

.popupList img:first-child
{
	float:left;
	cursor:move;
}

.popupList img
{
	float:right;
	cursor:pointer;
	margin:3px;
}

.popupList img:hover
{
	background-color:#d2ccde;
}

.popupHandle img
{
	margin:3px;
}

.stepIndicator
{
	position:absolute;
	left:8px;
	bottom:8px;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	color:#554a6d;
	text-transform:uppercase;
}

.pageHeaderDivision
{
	line-height:normal;
	margin:15px;
}

.watermark
{
	color:Gray;
	font-style:italic;
	
	/* Sync with .skinTextboxes */
	border:solid 1px #8877aa;
	font-size:12px;
	font-family:Trebuchet MS, Sans-Serif;
}

.peopleSelector input
{
	float:none;
}

.peopleSelector .searchRow
{
	margin-bottom:5px;
}

.peopleSelector .searchRow input[type=checkbox]
{
	vertical-align:bottom;
}

.peopleSelector .searchRow input[type=text]
{
	width:144px;
	margin:0 3px 0 0;
	padding:0;
}

.peopleSelector .searchRow 
{
	padding-left:1px;
}

.peopleSelector .searchRow .btnUnChoose
{
	float:right;
}

.peopleSelector .searchResultIE input[type=checkbox]
{
	margin-left:-3px;
}

.peopleSelector .searchRow .btnSearch
{
	width:56px;
	margin-right:44px;
	
}

.peopleSelector .chosenField
{
	float:right;
}

.peopleSelector span.cbCheckAll input[type=checkbox]
{
	margin-left:3px;	
}

.peopleSelector .selectRow .searchResult
{
	float:left;
	width:220px;
	height:230px;
	overflow:auto;
	border:solid 1px #554a6d;
	background-color:White;
	padding-left:3px;
	
}

.peopleSelector .selectRow input[type=button]
{
	float:left;
	width:30px;
	margin:105px 5px 0 5px;
}

.peopleSelector .selectRow select
{
	font-family:Trebuchet MS;
	font-size:12px;
	float:left;
	width:223px;
	height:232px;
	border:solid 1px #554a6d;
	margin-bottom:3px;
}


.wideLeft
{
	float:left;
	width:537px;
}

.narrowRight
{
	float:right;
	width:159px;
	margin-left:20px;
}

input[type=text].wide,
input[type=password].wide,
textarea.wide
{
	width:99%;
	float:right;
}

.subArea .wide
{
	margin-bottom:2px;
}

.subArea
{
	padding:5px;
	background-color:#f1eef7;
	font-size:10px;
}

.articleHeader
{
	display:block;
	font-size:17px;
}

.articleShortText
{
	display:block;
	font-weight:bold;
	margin-bottom:10px;
}

.skinCalendar
{

}

.skinCalendar th:first-child
{
	width:auto;
	font-weight:bold;
}

.skinCalendar th
{
	text-align:center;
}

.skinCalendarMonth
{
	text-transform:capitalize;
	color:White;
}

.skinCalendarDay:hover,
.skinCalendarDayWithEventsOtherMonth:hover,
.skinCalendarDayWithEvents
{
	background-color:#f1eef7;
}

.skinCalendarSelectedDay
{
	background-color:#ab94d8;
}
.skinCalendarNextPrev
{
	color:White;
	font-size:16px;
	font-family:Arial;
}

.skinCalendarDayWithEvents a
{
	font-weight:bold;
	color:Black;
}

.skinCalendarDayWithEventsOtherMonth a
{
	font-weight:bold;
	color:#CCCCCC;
}

.scheduleTimeScale
{
	float:left;
	border:solid 1px #554a6d;
	margin-top:14px;
}

.scheduleDayHeader
{
	position:absolute;
	top:-17px;
	left:0px;
	width:100%;
}

.scheduleDayHeader div
{
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}

.scheduleDay
{
	height:319px;
	position:relative;
	background-image:url('images/bg_scheduleday.png');
	border:solid 1px #554a6d;
	border-left:none;	
	float:left;
	margin-top:14px;
}

.scheduleLesson
{
	position:absolute;
	border-top:solid 1px #554a6d;
	border-bottom:solid 1px #554a6d;
	padding:0 2px;
	height:20px;
	overflow:auto;
	background-color:#f1eef7;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.scheduleLessonStartTime
{
	position:absolute;
	right:1px;
	top:-2px;
}

.scheduleLessonEndTime
{
	position:absolute;
	right:1px;
	bottom:0px;
}

.skinWizardNavigation table
{
	width:auto;
}

.attendancePercentageByCourse
{
	width:50%;
	float:left;
	text-align:right;
	margin-right:4px;
}

.bottomNavigation
{
	text-align:right;
	margin:10px;
}

.alertBox
{
	border:dashed 2px #d9938c;
	padding:15px;
	margin-bottom:20px;
}

.alertBox .warning
{
	color:Black;
	font-weight:bold;
}

.hovershowerFilegrid
{
	position:absolute;
	left:5px;
	top:10px;
	background-color:White;
	border:solid 1px #CCCCCC;
	padding:5px;
	max-height:400px;
	width:250px;
	overflow:auto;
}

.hovershowerCoursegoals
{
	position:absolute;
	left:5px;
	top:10px;
	background-color:White;
	border:solid 1px #CCCCCC;
	padding:5px;
	max-height:400px;
	width:250px;
	overflow:auto;
}

.workfoldermenu
{
	position:absolute;
	left:5px;
	top:20px;
	background-color:White;
	border:solid 1px #CCCCCC;
	max-height:400px;
	overflow:auto;
}


.commentCounter
{
	text-align:center;
	float:left;
	width:31px;
	height:34px;
	background-color:#d2ccde;
	background-image:url('images/commentBackground.png');
	margin-right:3px;
	color:#554a6d;
	cursor:pointer;
	text-align:center;
}

.commentCounter:hover
{
	background-color:#554a6d !important;
	color:White;
}

.commentCounter .value
{
	font-size:20px;
	margin-top:4px;	
}

.commentStar
{
	margin-top:7px;
}

ul.list
{
	padding-left:19px;
	list-style-type:square;
}

ul.list li
{
	border-bottom:none;	
}

.greenMark
{
	border-left:10px solid #94be7b;
	padding-left:3px;
}

.redMark
{
	margin-left:7px;
	border-left:3px solid #d9938c;
	padding-left:3px;
}

.paddingLeft23
{
	padding-left:23px;
}

ul.holder li.bit-box
{
	background-color:#d2ccde !important;
	border-color:#ab94d8 !important;
}

ul.holder li.bit-box.locked
{
	background-color:#ccc !important;
	border-color:#999 !important;
}

ul.holder li.bit-box a.closebutton,
ul.holder li.bit-box a.closebutton:hover
{
	background-image:url('/images/btn_delete.png') !important;
	background-position:50% 50% !important;
	height:12px !important;
	width:12px !important;
	right:2px !important;
	top:2px !important;
}

ul.holder li.bit-box a.closebutton:hover,
ul.holder li.bit-box.deleted a.closebutton
{
	background-color:#554a6d;
}

.facebook-auto
{
	background:#f1eef7 !important;
}

.facebook-auto .default
{
	border-color:#d2ccde !important;
}

div.more-bar
{
	background-color:#f1eef7;
	padding:2px 5px;
	text-align:right;
}

div.more-bar:hover
{
	background-color:#d2ccde;
}

.phoneAlert
{	
	position:relative;
	top:1px;
}

span.emph
{
	display:inline-block;
	padding:0 5px 2px;
	font-size:180%;
	color:#ab94d8;
	border-bottom:2px solid #ab94d8;
}

div.padding
{
	padding:10px;
}

#friendChoosers > div
{
	margin-top:7px;
}