html{
	font-size:100.01%;
	/*height:100%;*/
	}
	
body{
	/*height:100%;*/
	/*width:100%;*/
	margin:0;
	/*min-width:982px;*/
	/*background:#5a3657*/
	background:#FFFFFF url(MusikveckanBG.jpg) repeat-y  0 0;
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	
	/*display:table;*/
	}
	
/* GENERAL */
img{border:0; display:block;}
form{
    /*display:inline;*/
    /*height:100%;*/
    margin:0;
    padding:0;
}

.hidden{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	}

p{
	margin:0;
	padding:0;
	}

p.path {
	font-size: 1em;
	color: #999;
	padding-bottom: 10px;
}

p.path a, p.path a:visited {
	color: #999;
}

p.path a:hover
{
	text-decoration: none;
}

p.path a,
p.path span {
	white-space: nowrap;
}

/*ul{
	margin:0;
	padding:0;
	list-style:none;
	}
*/

.float-left{float:left !important;}
.float-right{float:right !important;}

a:focus{outline:none;}

h1 
{
    font-size:2.9em;
	overflow: hidden;
	font-weight:100;
	padding: 17px 0 0; 
	font-family: Georgia, Arial, Helvetica, sans-serif; 
	color: #663366;

}
h2
{
    font-size: 2em;
    font-family: Georgia, Arial, Helvetica, sans-serif; 
	color: #663366;
	font-weight:100;
	/* font-size:140%; */
   /* color: #666666; */
}
h3 
{
    font-size:1.7em;
    font-family: Georgia, Arial, Helvetica, sans-serif; 
	color: #663366;
	font-weight:100;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}
	
.toprightfloatingimage
{
	float:right !important;
	padding-left:6px;
}	

/* MAIN */
.main-holder{
	/*width:100%;*/
	/*height:100%;*/
	/*display:table-cell;*/
	vertical-align:middle;
	}

#main{
	width:970px;
	margin:0 auto;
	border:1px solid #663366;
	background:#fff;
	padding:5px;
	}

/* HEADER */
#header{
	/*height:140px;*/
	/*background:url(/Templates/Public/Styles/images/bg-header.jpg) no-repeat 0 0;*/
	position:relative;	
	}

#header div.HeaderBG {
	/*background: url(/Templates/Public/Styles/images/bg-header.jpg) no-repeat top right;*/
	height:197px;
}

#header div.HeaderBG img {
	display: block;
	border: none;
}

#logo a{
	width:200px;
	height:180px;
	/*background:url(/Templates/Public/Styles/images/logo.gif) no-repeat 0 0;*/
	position:absolute;
	left:0px !important;
	top:9px;
	overflow:hidden;
	text-indent:-9999px;
	}
	
ul.top-menu{
	position:absolute;
	top:4px;
	right:10px;
	margin:0;
	padding:0;
	list-style:none;
	}
	
ul.top-menu li{
	float:left;
	/*background:url(/Templates/Public/Styles/images/hr.gif) no-repeat 0 2px;*/
	padding:1px 0px 1px 0px;
	}
	
ul.top-menu li.first{
	padding-left:0;
	background:none;
	}
	
ul.top-menu li a{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	}
	
ul.top-menu li a:hover{text-decoration:underline;}

.header-inner{
	position:absolute;
	left:0;
	top:197px;
	height:33px;
	width:970px;
	background-color:#fff;
	background:transparent url(http://www.osthammar.se/Templates/Public/Styles/images/bg-toplineM.gif) repeat scroll 0;
	}
	
.header-inner .search-box{
	position:absolute;
	top:9px;
	right:4px;	
	width:200px;
	}
	
.header-inner .search-box .text{
	float:left;
	width:148px;
	height:14px;
	background:#fff;
	border:1px solid #7f9db9;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	padding:1px 5px;
	margin:1px 0 0;
	}
	
.header-inner .search-box .submit{
	float:right;
	width:35px;
	height:19px;
	background:url(http://www.osthammar.se/Templates/Public/Styles/images/sok-btn.gif) no-repeat 0 0;
	line-height:0;
	font-size:0;
	border:0;
	}
	
#menu{
	position:absolute;
	top:8px;
	margin:0;
	padding:0;
	list-style:none;
	}
	
#menu li{
    float:left;
	padding:1px 17px 4px 18px;
	background:url(/Musikveckan/menudiv.gif) no-repeat 0 0;
	}
	
#menu li.first{background:none;}

#menu li a{
	font:bold 14px Georgia, Arial, Helvetica, sans-serif;
	color:#5a3657;
	text-decoration:none;
	}
	
#menu li a:hover{text-decoration:underline;}

/* CONTENT */
#content{
	overflow:hidden;
	height:1%;
	/*background:url(/Templates/Public/Styles/images/bg-contentcc.gif) no-repeat 0 0;*/
	}

/* sidebar1 */
.sidebar1{
	float:left;
	width:201px;
	}
	
.sidebar1 h3{
	font:bold 110%/25px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:0 10px;
	overflow:hidden;
	}

/*Left-menu*/
#MainMenuArea {
    background-color:white;
    float:left;
    overflow:hidden;
    padding-left:1em;
    padding-right:1em;
    width:17em;
}

#MainMenuArea ul {
    padding-bottom:2em;
    margin:0;
	padding:0;
}
#MainMenuArea a:hover {
    background:transparent url(http://www.osthammar.se/images/arrow.gif) no-repeat scroll 0 0.3em;
}
#MainMenuArea ul li {
    background:transparent url(http://www.osthammar.se/Templates/Public/Styles/images/hr3.gif) repeat-x scroll left bottom;
    display:block;
    list-style-type:none;
    margin:0 0.5em 0 0;
    padding-bottom:5px;
    padding-top:3px;
}

#MainMenuArea a:link, #MainMenuArea a:visited, #MainMenuArea a:hover {
    color:#663366;
    display:block;
	font-family:georgia;
    font-size:1.3em;
    height:100%;
    padding-left:0.1em;
    text-decoration:none;
    width:100%;
}

.MainMenuHeadLine {
   background:transparent url(http://www.osthammar.se/Templates/Public/Styles/images/hr3.gif) repeat-x scroll left bottom;
font-size:1.3em;
font-weight:bold;
margin:22px 64px 0.1em 12px;
padding-bottom:0.5em;
padding-top:2em;
font-family:georgia;
color:#666;
}

.MenuNoLine{
    background:none !important;
}

/* main-box */
.main-box{
	float:left;
	width:532px;
	padding:45px 0 15px 19px;
	}

.main-box h1
{
/*	overflow: hidden;
	padding: 17px 0 0; 
	font: bold 220% Arial, Helvetica, sans-serif; 
	color: #666666;
*/
}

.main-box a{
	color:#663366;
	text-decoration:underline;
	}
	
.main-box a:hover{text-decoration:none;}

	
.main-box .inner{
	overflow:hidden;
	padding:5px 5px 20px 0;
	height:1%;
	font:110% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#333;
	}

.main-box .inner-diff{padding:10px 60px 20px 0 !important;}

.main-box .inner img
{
	margin: 4 10px 4 4;
}

.main-box .inner p{
	padding:5px 0 8px;
	}

.main-box .inner h2{
	/*font:bold 175% Arial, Helvetica, sans-serif;*/
	/*color:#000000;*/
	padding:14px 0 0;
	line-height:normal;
	
	}
	
.main-box .inner h3{
	/*font:bold 130% Arial, Helvetica, sans-serif;*/
	/*color:#000000;*/
	padding:12px 0 0;
	line-height:normal;
	}

.main-box .inner a{
	color:#663366;
	text-decoration:underline;
	}

.main-box .inner a:hover{text-decoration:none;}
.main-box .inner span{
	display:block;
	color:#0e529a;
	padding:2px 0;
	}

.main-box .inner a.print{
	font:bold 100% Verdana, Arial, Helvetica, sans-serif;
	color:#074A90;
	text-decoration:none;
	padding-left:17px;
	background:url(http://www.osthammar.se/Templates/Public/Styles/images/print.gif) no-repeat 0 0;
	float:left;
	margin-top:13px;
	}
	
.main-box .inner a.print:hover{text-decoration:underline;}

.main-box .line{
	overflow:hidden;
	padding:10px 0;
	height:1%;
	background:url(http://www.osthammar.se/Templates/Public/Styles/images/hr3.gif) repeat-x 0 0;
	}
	
.main-box .holder{
	overflow:hidden;
	height:1%;
	background:url(http://www.osthammar.se/Templates/Public/Styles/images/hr4.gif) repeat-y 255px 0;
	}

.main-box .holder .box{
	width:245px;
	padding:0px 20px 0px 0;
	}

.main-box .holder h2{
	/*font:bold 175% Verdana, Arial, Helvetica, sans-serif;*/
	/*color:#0e529a;
	color:#000000;*/
	padding:0 0 0px;
	}
		
.main-box .holder h3{
	/*font:bold 130% Verdana, Arial, Helvetica, sans-serif;*/
	/*color:#0e529a;
	color:#000000;*/
	padding:0 0 0px;
	}
	
.main-box .holder p{
	font:110% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	}

.main-box .holder .Intro p{
	font:100% Verdana, Arial, Helvetica, sans-serif;
	color:#333;	
	}
	
.main-box .holder a{
	font:bold 110% georgia, Helvetica, sans-serif;
	/*color:#039;*/
	color:#663366;
	text-decoration:none;
	font-style:italic;
	}

.main-box .holder p a{font-size:100%;}
.main-box .holder a:hover{text-decoration:underline;}
	
.main-box .holder img{
	float:left;
	margin:0 10px 5px 0;
	}
	
.main-box .holder .box-diff{
	float:right;
	width:257px;
	height:130px;
	margin-right:10px;
	display:inline;
	background:url(http://www.osthammar.se/Templates/Public/Styles/images/img1.jpg) no-repeat 0 0;
	}
	
.main-box .holder .box-diff h2{
	/*font:bold 180% Arial, Helvetica, sans-serif;*/
	color:#fff;
	padding:6px 13px;
	}

/* Pagelist */
.main-box .pagelist{
	overflow:hidden;
	height:1%;
	}

.main-box .pagelist .box{
	width:245px;
	padding:0px 20px 0px 0;
	}
	
.main-box .pagelist h3{
	font:bold 130% Verdana, Arial, Helvetica, sans-serif;
	/*color:#0e529a;
	color:#000000;*/
	padding:0 0 0px;
	}
	
.main-box .pagelist p{
	font:110% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	}
	
.main-box .pagelist a{
	/*font:bold 110% Arial, Helvetica, sans-serif;*/
	/*color:#039;*/
	/*color:#074A90;*/
	text-decoration:none;
	font-family:georgia,Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#663366;
	
	}

.main-box .pagelist p a{font-size:100%;}
.main-box .pagelist a:hover{text-decoration:underline;}
	
.main-box .pagelist img{
	float:left;
	margin:0 10px 5px 0;
	}
	
.main-box .pagelist .box-diff{
	float:right;
	width:257px;
	height:130px;
	margin-right:10px;
	display:inline;
	background:url(http://www.osthammar.se/Templates/Public/Styles/images/img1.jpg) no-repeat 0 0;
	}
	
.main-box .pagelist .box-diff h2{
	/*font:bold 180% Arial, Helvetica, sans-serif;*/
	color:#fff;
	padding:6px 13px;
	}
	
.main-box .pagelist ul
{
    margin:0;
	padding:0;
	list-style:none;
}

.main-box-height
{
    float:left;
}

/* sidebar2 */
.sidebar2{
	float:right;
	width:207px;
	padding:25px 2px 0 0;

	}
	
.sidebar2 .select-box{
	overflow:hidden;
	padding:22px 6px 20px;
	height:1%;
	border-bottom:3px solid #fff;
	}

.sidebar2 .select-box .select-holder{
	overflow:hidden;
	background:#fff;
	padding:2px;
	height:1%;
	margin:0 0 7px;
	}
	
.sidebar2 .select-box select{
	width:190px;
	border:1px solid #663366;
	display:block;
	font: 13px georgia, Arial, Helvetica, sans-serif;
	color:#663366;
	}

.sidebar2 .box{
	overflow:hidden;
	height:1%;
	padding:10px 12px 20px;
	background:url(http://www.osthammar.se/Templates/Public/Styles/images/bg-banner-box1.gif) repeat-x;
	background-position:bottom left;
	}
	
.sidebar2 .box h2{
	/*font:bold 160% Arial, Helvetica, sans-serif;*/
	/*color:#000000;*/
	/*color:#034c96;*/
	}
	
.sidebar2 .box p{
	/*font:110%/18px Arial, Helvetica, sans-serif;*/
		font-family:verdana;
	color:#333;
	line-height:1.3em;
	font-size:110%;
	/*color:#034c96;*/
	}

.sidebar2 .box a{
	color:#663366;
	text-decoration:underline;
	}
	
.sidebar2 .box a:hover{text-decoration:none;}

.sidebar2 .banner-box{
	overflow:hidden;
	height:83px;
	padding:14px 0 0 5px;
	margin-left:2px;
	background:url(http://www.osthammar.se/Templates/Public/Styles/images/bg-banner-box1.gif) repeat-x 0 0;
	}
	
.sidebar2 .banner-box a{
	font:bold 110%/14px Arial, Helvetica, sans-serif;
	color:#074A90;
	text-decoration:none;
	float:left;
	margin:10px 0 0;
	text-indent:3px;
	}
	
.sidebar2 .banner-box a:hover{text-decoration:underline;}

.sidebar2 .pagelist{
	overflow:hidden;
	height:1%;
	}
	
.sidebar2 .pagelist ul
{
    margin:0;
	padding:0;
	list-style:none;
}

/*********************/

ul.breadcrumbs{
	overflow:hidden;
	height:1%;
	padding:5px 0;
	}

ul.breadcrumbs li{
	font:110% Arial, Helvetica, sans-serif;
	color:#6484b0;
	float:left;
	padding:0 3px 0 7px;
	background:url(http://www.osthammar.se/Templates/Public/Styles/images/hr5.gif) no-repeat 0 3px;
	}

ul.breadcrumbs li.first{
	background:none;
	padding-left:0;
	}

ul.breadcrumbs li a{
	color:#6484b0;
	text-decoration:none;
	}

ul.breadcrumbs li a:hover{text-decoration:underline;}

/* calendar list section */
/*dl.calendarbody {
    
}

dl.calendarbody dt {
    margin-top:0px;
}

dl.calendarbody dd {
	margin-top:0px;
	float:left;
}*/

#footer {
	border-top: 5px solid #663366;
	/*background-color: #336699;*/
	background-position:top;
	/*background:url(/Templates/Public/Styles/images/bg-footer.gif) repeat-x 0 100%;*/
	padding: 10px 40px 10px 25px;
	line-height: 18px;
	color: #333;
	height: 1%;
	overflow: hidden;
	clear: both;
}

#footer p {
	padding: 0;
	font-family:georgia;
	font-size:12px;
}

#footer a, #footer a:visited
{
    color:#663366;
}

/*.separatorimg{
    padding:1px 14px 2px 15px;
	display:inline;
    width:10px;
    background-image:url(/Templates/Public/Styles/images/hr2.gif);
    background-repeat:no-repeat;
    background-position:center;
    }*/

/* page status box section */
div.page-status {
	margin-top: 15px;
	padding: 8px;
	/*height: 1%;*/
	overflow: hidden;
	font-size: 1em;
	border-top: 1px solid #CCCCCC;
}

div.noborder 
{
    margin-top:0px;
	border-top: 0px;
}

div.page-status p {
	padding: 0;
}

div.page-status p.print {
	float: right;
}

div.page-status a, div.page-status a:visited {
	padding: 21px;
	background: url(http://www.osthammar.se/Templates/Public/Styles/Images/icon-print.gif) no-repeat right;
	color: #666;
	text-decoration: none;
}

div.page-status a:hover {
	text-decoration: underline;
}

div.TopMenuSeperator {
    font:14px Arial, Helvetica, sans-serif; 
    display:inline; 
    vertical-align:middle; 
    text-align:center;
    color:#000;
}

div.TopMenuSeperatorFirst {
    font:14px Arial, Helvetica, sans-serif; 
    display:inline; 
    vertical-align:middle;
}

/*************************/
/* CALENDAR              */
/*************************/

.calendar
{
	width: 100%;
	border-color: #e3e3e3;
	background-color:#FFF;
}

.calendar .title
{
	border-bottom: 1px solid #e3e3e3;
}

.calendar table,
.calendar table td,
.calendar .title td
{
	padding-bottom: 3px;
	border: 0;
}

.calendar th
{
	padding: 3px;
	text-align: center;
}
.calendar td
{
	text-align: center;
	border: 1px solid #eeeeee;
	padding: 2px;
}

.calendar .selector
{
	font-weight: bold;
	border-top-width: 0;
	border-bottom: 1px solid #eeeeee;
}

.calendar a
{
	padding: 3px;
	text-decoration: none;
}
.calendar .today
{
	font-weight: bold;
	background-color: #dddddd;
}

.calendar td.highlighted
{
	background-color: #307DA0;
}

.CalendarList .SelectedPeriod
{
    margin-bottom:30px;
}

.CalendarList .DayPrefix
{
    line-height:25px;
    border-bottom:solid 1px #E3E3E3;
}

.CalendarList .Event
{
    line-height:25px;    
    border-bottom:solid 1px #E3E3E3;
}


/*---- Styles for WORKROOM templates -----*/

#WorkRoomRight
{
    float:right;  
    width:100px;
    border:solid 1px red;  
}


.contentAreaFull, .contentAreaWide, .contentAreaHalf, .contentAreaNarrow
{
	width: 665px;
	margin-left: 15px;
	float: left;
	overflow: hidden;
}

.contentAreaFull    { margin-left: 0; }
.contentAreaWide    { width: 500px; }
.contentAreaHalf    { width: 299px; }
.contentAreaNarrow  { width: 280px; }

.contentAreaFirst 
{
    margin-left: 0;
    width: 450px;
}

.container 
{
    padding: 3px 0;
    margin-bottom: 0px;
}

.contentAreaFull .container     { background: url(http://www.osthammar.se/images/PageMainBodyWideBg.png) no-repeat; }
.contentAreaWide .container     { background: url(http://www.osthammar.se/images/PageMainBodyBg.png) no-repeat; }
.contentAreaHalf .container     { background: url(http://www.osthammar.se/images/PageMainBodyColumnBg.png) no-repeat; }
.contentAreaNarrow .container   { float:right; }

.container textarea 
{
    width: 90%;
    height: 12em;
}

.container .containerCaption
{
	padding: 8px 15px 10px 15px;
	height:1.8em;
	border:solid 1px #000000;
	margin-top: 18px;
    background: #CCCCCC;

}

.container .containerCaption h1
{
	font-size: 1.3em;
	font-weight:bold;

	padding: 0;
    line-height: 1.6em;
    /*color:#000;*/
    color: #666666;
    text-transform:uppercase;
}
.WorkroomHeader
{
	margin-top:-16px;
	#margin-top:0;
}
.container .containerCaption h1 a
{
	/*color:#000;*/
	color: #666666;
}

.container .containerContent
{
	border: 1px solid #777777;
	border-top:solid 0px #000000;
	padding: 10px;
	padding-bottom:0px;
}
.container fieldset
{
	border: 1px solid #777777;
	color: #000000;
}
.container legend
{
	color: #000000;
}
.AspNet-GridView
{
}
.AspNet-GridView thead th
{
    background-color:  #000000;
    color:#000;
}

.container .containerContentText
{
	border: 1px solid #777777;
	padding: 20px;
	padding-top: 0px;
}
.containerContentText
{
	margin-top: 15px;
}
.containerContentText h1
{
	font-size:1.8em;
	border:solid 0px red;
	color:#074A90;
    font-weight:normal;
    line-height:1.2em;
    margin:0;
    padding:20px 0 14px;
    text-transform:uppercase;
}

.containerContentText h2
{
	margin: 0;
	padding:20px 0 12px 0;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #074A90;
	font-weight: normal;
	text-transform: uppercase;
}
.container .containerToolbar
{
	float: right;
	padding: 5px;
	border:solid 0px red;
}
.containerToolbarHead
{
	float: right;
	padding: 5px;
	margin-top:15px;
	margin-top:27px;
	border:solid 0px #777777;
}
.container .containerCaption .containerToolbar 
{
    padding: 0;
}
.containerCaption h1
{
	clear:both;
		float:left;
	
	border:solid 0px red;	
	width: 300px;
}

.containerContent .validation ul
{
	font-family: Verdana, Helvetica, Sans-Serif;
    font-style: normal;
    font-size: 0.8em;
	background-color: #eeeeee;
	margin: 1em 2em;
	padding: 1em;
}

.containerContent .validation li
{
	margin-left: 1.4em;
	list-style-image: none;
    padding: 0;
} 

/*************************/
/* BUTTONS               */
/*************************/

.buttonToolbar 
{
    float: right;
	padding: 0 10px 6px 10px;
}

.createButton,
.editButton,
.deleteButton,
.stickyButton,
.lockButton,
.upButton
{
    padding: 0 4px 4px 18px;
    background-repeat: no-repeat;
    line-height: 1.8em;
    font-family: Verdana, Helvetica, Sans-Serif;
}

.createButton
{
    background-image: url(http://www.osthammar.se/images/Add.gif);
}

.editButton
{
    background-image: url(http://www.osthammar.se/images/Edit.gif);
}

.deleteButton
{
    background-image: url(http://www.osthammar.se/images/Delete.gif);
}
/*************************/
/* WORKROOM              */
/*************************/

/* Classes used by NewsList and CalendarList*/ 
.workroomItemlist
{
}

.workroomItemlist .containerContent
{
	padding: 3px;
}

.workroomItemlist ul
{
	list-style-type:none;
	list-style-image: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.workroomItemlist li
{
	padding: 0px 15px 0px 15px;
}

.workroomItemlist li.selected
{
	
	 border-left: 4px solid #074A90;
}

.workroomItemlist li.even
{
	border-top:solid 2px #777777
}

.workroomItemlist li.uneven
{
}

.workroomItemlist h2
{
	margin: 0;
	padding-top:10px;
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
	text-transform:uppercase;
	padding:20px 0 12px;
}

.workroomItemlist h2 a
{
    color:#074A90;
    text-decoration:none;
}

.workroomItemlist h2 a:hover
{
    text-decoration:underline;
}

.workroomItemlist h3
{
	margin: 0;
	font-size: 0.8em;
	padding-top:10px;
	font-weight: normal;
	line-height: normal;
	margin-bottom:-5px;
	border:solid 0px yellow;
	padding:20px 0 8px;
    text-decoration:none;
    text-transform:uppercase;
    color:#074A90;
    display:block;
}

.workroomItemlist p
{
	margin: 0;
	font-size:1em;
    padding:0 0 14px;
}

.workroomItemlist .PagingContainer
{
	text-align: center;
}

/* File listing */
.workroomFilelist
{
    margin-top:-2px;
}

.workroomFilelist .containerContent
{
	padding: 3px;
	padding-top: 7px;
}

.workroomFilelist ul
{
	list-style-type:none;
	list-style-image: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.workroomFilelist li
{
	clear:both;
	padding: 5px 5px 5px 7px;
	overflow:hidden;
}

.workroomFilelist li.even
{
	border-top:solid 2px #777777
}

.workroomFilelist li.uneven
{

}

.workroomFilelist .document
{
	float: left;
}

.workroomFilelist .date
{
	font-size: 0.8em;
	line-height: normal;
	float: right;
}

/* Workroom listing page*/
ul.workroomList 
{
    width: 100%;
    overflow: hidden;
    list-style-image: none;
    list-style-type: none;
    margin-left:0px;
    padding: 0 0 14px 0;
}

ul.workroomList li
{
    display: block;
    margin-bottom:10px;
    width: 205px;
    float: left;
    overflow: visible;
}

ul.workroomList li a
{
    line-height: 1.2em;
    text-decoration:none;
    color:#074A90;
}

ul.workroomList li a:hover
{
    text-decoration:underline;
}

ul.workroomList li img
{
    width: 32px;
    height: 32px;
    border: 1px solid #000000;
    background-color: #333;
    padding: 4px;
    margin-right: 4px;
    float: left;
}

/*ul.workroomList li span 
{
    display: block;
    margin-top: 4px;
    color:#074A90;
}*/

.createWorkroom label
{
    display: block;
    float: left;
    width: 120px;
    text-align: right;
    margin-right:10px;
    line-height: 2em;
}

.createWorkroom input.name
{
   width: 200px;
}

.createWorkroom div
{
    margin-bottom: 1em;
}

.createWorkroom div.buttons, .createWorkroom .templateDescription
{
    margin-left: 130px;
    display: block;
}

.createNews input.name
{
   width: 200px;
}

.createNews div
{
    margin-bottom: 1em;
} 

.bmpExtension {background-image: url(images/extensions/bmp.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.docExtension {background-image: url(images/extensions/doc.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.gifExtension {background-image: url(images/extensions/gif.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.htmExtension, .htmlExtension {background-image: url(images/extensions/htm.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.jpgExtension, .jpegExtension {background-image: url(images/extensions/jpg.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.mp3Extension {background-image: url(images/extensions/mp3.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.mpgExtension {background-image: url(images/extensions/mpg.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.pdfExtension {background-image: url(images/extensions/pdf.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.pngExtension {background-image: url(images/extensions/png.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.pptExtension {background-image: url(images/extensions/ppt.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.tifExtension, .tiffExtension {background-image: url(images/extensions/tif.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.txtExtension {background-image: url(images/extensions/txt.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.wavExtension {background-image: url(images/extensions/wav.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.xlsExtension {background-image: url(images/extensions/xls.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.zipExtension {background-image: url(images/extensions/zip.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}

/* Calendar */
.workroomCalendar
{
	width: 100%;
	border-color: #777777;
	font-variant:normal;
	font-style:normal;
}

.workroomCalendar .title
{
	border-bottom: 1px solid #777777;
}

.workroomCalendar table,
.workroomCalendar table td,
.workroomCalendar .title td
{
	padding-bottom: 3px;
	border: 0;
}

.workroomCalendar th
{
	padding: 3px;
	text-align: center;
}
.workroomCalendar td
{
	text-align: center;
	border: 1px solid #777777;
	color:#000000;
	padding: 2px;
}

.workroomCalendar .selector
{
	font-weight: bold;
	border-top-width: 0;
	
	border-bottom: 1px solid #eeeeee;
}

.workroomCalendar a
{
	padding: 3px;
	text-decoration: none;
}
.workroomCalendar .today
{
	font-weight: bold;
	background-color: #dddddd;
}

.workroomCalendar td.highlighted
{
	background-color: #000000;
}

/* Calendar list */
.workroomCalendarList
{
	margin: 10px 0;	
}
.workroomCalendarList h1
{
	font-size: 1em;
	font-weight: bold;
}
.workroomCalendarList h1 a
{
    text-decoration:none;
    color:#074A90;
}
.workroomCalendarList h1 a:hover
{
    text-decoration:underline;
 }
.workroomCalendarList h2
{
	margin: 10px 0px 6px 0px;
	font-size: 1em;
	border-bottom: 1px solid #777777;
}

/* Membership page */
.workroomMembershiplist table 
{
    font-family: Verdana, Helvetica, Sans-Serif;
    width: 100%;
    border: 1px solid #e3e3e3;
}

.workroomMembershiplist th 
{
    background-color: #eeeeee;
    font-weight: normal;
    padding: 3px 5px;
}

.workroomMembershiplist td 
{
    padding: 3px 5px;
}

.workroomMembershiplist .buttonToolbar
{
    margin-top: 1em;
}

/**********************************/
/*   File Manager Control         */
/**********************************/
div.filemanagercontrol
{
    width:665px;
    margin-bottom:20px;
}

div.filemanagercontrol h1,
div.filemanagercontrol h2,
div.filemanagercontrol h3,
div.filemanagercontrol h4
{
}
div.filemanagercontrol h1 {font-weight: normal; font-size: 1.4em; line-height: 1.2em; padding: 0; margin: 0.3em 0em 0.2em 0;}
div.filemanagercontrol h2 {font-weight: normal; font-style: normal; font-size: 1.2em; padding: 0; margin: 0.2em 0em;}
div.filemanagercontrol h3 {font-weight: bold; font-size: 1em; padding: 0; margin: 0.4em 0em;}
div.filemanagercontrol h4 {font-weight: bold; font-size: 0.9em; padding: 0; margin: 0.4em 0em;}

div.filemanagercontrol p
{
	margin: 0.3em 0em 0.4em 0;
}
div.filemanagercontrol fieldset
{
	margin: -0.5em 0.8em 1em 0.2em;
}
div.filemanagercontrol label
{
	display: block;
	padding-top: 0.3em;
	float: left;
	width: 7em;
}


div.filemanagercontrol .toolbar
{
	background-color:#eee;
	border:solid 1px #999;
	padding: 10px;
}
div.filemanagercontrol .toolbarbuttonarea
{
	overflow: hidden;
	padding-bottom: 0.1em;
	clear: both;
}
div.filemanagercontrol .toolbarmessage
{
	margin-left: 0.4em;
}

div.filemanagercontrol .crumbs
{
	color: #006ea0;
	font-size: 0.9em;
	background-color:#ccc;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	padding: 0.3em;
	padding-left: 1.1em;
}

div.filemanagercontrol .validator ul
{
	list-style-type:none;
	list-style-image: none;
    margin: 0;
    margin-left: 0.4em;
    padding: 0;
    font-weight: bold;
    font-size: 0.9em;
}

div.filemanagercontrol .body
{
	border: 1px solid #777777;
	height: 400px;
	overflow:hidden;
}

div.filemanagercontrol .body .leftpanel,
div.filemanagercontrol .body .rightpanel
{
	overflow: auto;
	padding-top: 0.7em;
	height:400px;
	
}
div.filemanagercontrol .body .leftpanel
{
	float:left;
	width:23%;
	border-right: 1px solid #777777;
}
div.filemanagercontrol .body .rightpanel
{
	float:right;
	width:76%;
}

div.filemanagercontrol a
{
}

div.filemanagercontrol a[disabled="disabled"]
{
	color: #888;
}

div.filemanagercontrol a.addfile,
div.filemanagercontrol a.addfolder,
div.filemanagercontrol a.copy,
div.filemanagercontrol a.cut,
div.filemanagercontrol a.delete,
div.filemanagercontrol a.details,
div.filemanagercontrol a.paste,
div.filemanagercontrol a.rename,
div.filemanagercontrol a.view
{
	display: block;
	float: left;
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: center;
	min-width: 34px;
	padding: 26px 5px 5px 5px;
	margin-right: 1em;
	border: 0;
}
div.filemanagercontrol .toolbar a:hover
{
	padding: 26px 4px 3px 4px;
	border: 1px solid #777777;
}

div.filemanagercontrol a.addfile { background-image: url(images/filemanager/buttonaddfile.gif); }
div.filemanagercontrol a.addfolder { background-image: url(images/filemanager/buttonaddfolder.gif); }
div.filemanagercontrol a.copy { background-image: url(images/filemanager/buttoncopy.gif); }
div.filemanagercontrol a.cut { background-image: url(images/filemanager/buttoncut.gif); }
div.filemanagercontrol a.delete { background-image: url(images/filemanager/buttondelete.gif); }
div.filemanagercontrol a.details { background-image: url(images/filemanager/buttondetails.gif); }
div.filemanagercontrol a.paste { background-image: url(images/filemanager/buttonpaste.gif); }
div.filemanagercontrol a.rename { background-image: url(images/filemanager/buttonrename.gif); }
div.filemanagercontrol a.view { background-image: url(images/filemanager/buttonview.gif); }

div.filemanagercontrol ul.folderlist
{
    list-style-type:none;
	list-style-image: none;
    margin: 0em 0 0 0.8em;
    padding: 0;
}
div.filemanagercontrol ul.folderlist li
{
	background-image: url(images/filemanager/folder.gif);
	background-repeat: no-repeat;
	padding-left: 1.7em;
	
}
div.filemanagercontrol ul.folderlist li.parent
{
	background-image: url(images/filemanager/folderup.gif);
    background-repeat: no-repeat;
    margin-bottom: 1em;
    line-height:20px;
}

div.filemanagercontrol table.fileList
{
	width: 98%;
	border-collapse: collapse;
	margin: 0;
}

div.filemanagercontrol table.fileList tr.selected
{
	background-color: #aaa;
}

div.filemanagercontrol .fileList th
{
    border-bottom: 2px solid #000000;
    padding: 0 1em 0.5em 1em;
}
div.filemanagercontrol .fileList td
{
    font-size: 0.9em;
    padding-top: 1em;
    padding-right:15px;
}

div.filemanagercontrol .fileList td a
{
	padding: 3px 0 2px 20px;
	line-height: 1.8em;
}
div.filemanagercontrol ul.documentList
{
	list-style-type:none;
	list-style-image: none;
	margin-bottom: 1em;
    font-size: 0.9em;
    padding-top: 0.3em;
}

/* File summary css styling */
/* Applied to override what is in the filesummary.config */
div.filemanagercontrol fieldset.editfilesummary
{
}
div.filemanagercontrol fieldset.editfilesummary fieldset
{
	margin-top: 0.2em;
}
div.filemanagercontrol fieldset.editfilesummary label
{
	float:none;
	display: inline;
	width: auto;
}
div.filemanagercontrol fieldset.editfilesummary td
{
	vertical-align: top;
	padding-top: 0.3em;
	width: 40%;
}

div.filemanagercontrol fieldset.editfilesummary a
{
	cursor: text;
	text-decoration: none;
	color: #606060;
}
div.filemanagercontrol fieldset.editfilesummary a:hover
{
	background: none;
}

/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul 
{
    margin: 0;
    padding: 0.2em 0;
}

#SiteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
}

#SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 1.3em;
}
#SiteMap li a
{
    color: #555555;
    text-decoration: none;
}

#SiteMap li a:hover 
{
    text-decoration: underline;
}

#SiteMap li li
{
    margin: 0.2em 0;
    padding-left: 1.2em;
    
    background: url(images/SiteMapBullet.png) no-repeat;
    font-size: 0.7em;
}

#SiteMap li li a
{
    color:#074A90;
    text-decoration: none;
}

#SiteMap li li a:hover 
{
    text-decoration:underline;
}

#SiteMap li li li
{
    font-size: 1em;
}


#SiteMap div
{
	float: left;
	width: 50%;
}


/**************/
#PrintHeaderArea
{
	display: none;
}
#SecondaryBodyArea
{
	font-family:verdana;
	font-size:110%;
	color:#333;
	line-height:1.4em;
}
#SecondaryBodyArea h3
{
	line-height:normal;
}