/* 
STYLESHEET med inställningar som specifikt gäller undersida typ 2 (vänstermeny samt bred spalt för content och ytor för kalendarium, formulär, personallistning etc)
*/

#doublecol {width:755px; font-size:1.0em;}
#doublecol p {padding-top:0.5em; width:550px;}
#doublecol h2 {padding-top:0.5em;}
#doublecol .box{background:url('../images/layout/boxbgGreyDouble.png') no-repeat; padding:30px 30px 20px 10px; margin-top:20px;}
#doublecol .boxend {background:url('../images/layout/boxendGreyDouble.png') no-repeat; height:8px; padding:0; margin:0 0 15px 0;}
#doublecol .box p, #midcol .box h2, #midcol .box h3, #midcol .box table{margin:0 16px 0 12px;}

#doublecol .box span.inactive {color:#999999;}
#doublecol .box span.arrow-inactive {color:#999999; padding-left:12px; background:url('../images/layout/arrowGrey.gif') no-repeat top left;}


/* 2-KOLUMNSSPECIFIKT */

#doublecol .box .twocol {width:290px; float:left; margin-left:40px;}
#doublecol .box .twocol li {margin:0 0 5px 0;}
#doublecol .box .twocol  .header {font-weight:bold; font-size:1.5em;}
#doublecol .box .twocol  .space {margin:23px 0 5px 0;}
#doublecol .box .boxclear {clear:both;}


/* KALENDERSPECIFIKT */

#doublecol .box table {width:550px;}
#doublecol .box td {border-bottom:1px solid #999999; padding-top:2px; padding-bottom:2px;}

#doublecol .monthheader {font-weight:bold; font-size:1.2em; padding:3px 20px 0 0; text-align:right; width:140px; float:left;}
#doublecol .datecol {width:40px; text-align:right; margin:0 20px 0 0; padding-bottom:5px; padding-right:20px;}
#doublecol .namecol {width:250px; margin:0 20px 5px 0; padding-bottom:5px;}
#doublecol .buttoncol {width:150px; margin:0 0 5px 0; padding-bottom:5px; text-transform:uppercase; font-size:0.8em;}
#doublecol .buttoncol {width:150px; margin:0 0 5px 0; padding-bottom:5px; text-transform:uppercase; font-size:0.8em;}
#doublecol .buttoncol a {text-decoration:none; color:#000000;}
#doublecol .buttoncol a:hover {text-decoration:underline;}
#doublecol .errormessage {color:#e82319; font-size:1.2em; margin-top:10px;}


/* FORMULÄRSPECIFIKT */

#doublecol .box fieldset {margin:10px 0 0 80px; font-size:1.1em; padding:5px 0 25px 0; border-bottom:1px solid #c5c5c5; width:600px;}
#doublecol .box fieldset .formelement {width:300px; float:left; padding:5px 0 0 0;}
#doublecol .box fieldset  .full{width:100%;}
#doublecol .box fieldset.submit {border:none; margin:0; padding:10px 0 10px 80px; text-align:left;}
#doublecol .box fieldset.submit input{width:10em; margin:0;}

#doublecol .form h2, #doublecol .form p { margin-left:80px;}
#doublecol .form h3{font-size:1.0em; margin:5px 0 8px 0; font-weight:normal;}
#doublecol .box input, #doublecol .box select {width:250px;}
#doublecol .box .error {color:#e82319;}
#doublecol .box .error input {border:1px solid #e82319; color:#e82319;}
#doublecol .box input.radio, #doublecol .box input.check {width:30px;}
#doublecol .box textarea.full {width:550px; height:100px; margin-top:15px; font-size:1.0em; padding-left:3px;}

#doublecol ul.bookingsteps li {display:inline; color:#999999; font-weight:bold; font-size:1.3em; padding-right:15px;}
#doublecol ul.bookingsteps li.active {color:#000000;}
#doublecol ul.bookingsteps {padding-top:5px;}


/* PERSONALLISTSPECIFIKT */
#doublecol .threecol li {float:left; width:185px; padding-right:50px; margin:10px 0 0 0; padding-top:20px;}
#doublecol .threecol p {font-size:0.9em; margin:0; line-height:1em; width:185px;}

/* Arbetsrumspecifikt */
.UsersTable {border:1px solid black;}
#workroomMaintextContainer p.intro {font-weight:bold;}
#doublecol p.intro {font-weight:bold;}

/**********************************/
/*   filhanteraren arbetsrum      */
/**********************************/

div.filemanager {}

.filetree
{
    margin-top:.6em;
    margin-bottom: 1em;            
}

.filetree table
{
    border-collapse:collapse;
    width:auto;
}

.filetree td
{
    /*font-family: Verdana, Arial, Helvetica, Sans-Serif;*/
}

.filetree td a
{
    padding:.1em .2em;
}

.filetree td.selectednode a
{
    font-weight:bold;
}

/**********************************/
/*   File Manager Control         */
/**********************************/
div.filemanagercontrol
{
	/*font-family: Verdana, Arial, Helvetica, Sans-Serif;*/
}

div.filemanagercontrol h1,
div.filemanagercontrol h2,
div.filemanagercontrol h3,
div.filemanagercontrol h4
{
	/*font-family: Verdana, Arial, Helvetica, Sans-Serif;*/
}
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: url(images/filemanager/toolbarbg.png) no-repeat;
	padding: 7px;
}
div.filemanagercontrol .toolbarbuttonarea
{
	overflow: hidden;
	width: 100%;
	padding-bottom: 0.1em;
	clear: both;
}
div.filemanagercontrol .toolbarmessage
{
	margin-left: 0.4em;
}

div.filemanagercontrol .crumbs
{
	color: #006ea0;
	font-size: 0.9em;
	background: url(images/filemanager/toolbarcrumbsbg.png) no-repeat;
	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 #DCDCDC;
	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 #DCDCDC;
}
div.filemanagercontrol .body .rightpanel
{
	float:right;
	width:76%;
}

div.filemanagercontrol a
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

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

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

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.png);
	background-repeat: no-repeat;
	padding-left: 1.7em;
	
}
div.filemanagercontrol ul.folderlist li.parent
{
	background-image: url(images/filemanager/folderup.png);
    background-repeat: no-repeat;
    margin-bottom: 1em;
}

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: 1px solid #DCDCDC;
    padding: 0 1em 0.3em 1em;
}
div.filemanagercontrol .fileList td
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    padding-top: 0.3em;
    padding-right:15px;
}

div.filemanagercontrol .fileList td a
{
	padding: 3px 0 2px 20px;
	line-height: 1.4em;
}
div.filemanagercontrol ul.documentList
{
	list-style-type:none;
	list-style-image: none;
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
    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;
}