/********************************************************
*            SvenskRehabilitering.com CSS               *
*                                                       *
* (C) Copyright Tidskriften Svensk Rehabilitering 2006  *
*                                                       *
*  100% w3c.org CSS2 compliant                          *
********************************************************/

/* disable all margin and paddings */
* {margin: 0; padding: 0;}

/* body */
body { 
	background-color: #fff;
	margin: 0;
	padding: 0;
	font: 76% 'Lucida Grande', Lucida, Arial, Helvetica, sans-serif;
	color: #3a3a3a; 
}

/* formatters */
.floatright { float: right; }
.floatleft { float: left; }
.rightalign { text-align: right; }
.leftalign { text-align: left; }
.centertext { text-align: center; }
.hidden { display: none !important; }
.underlined { text-decoration: underline; }
.italic { font-style: italic;}
.bold { font-weight: bold; }
.caps { text-transform: uppercase;}
.lower { text-transform: lowercase;} 
.notopborder { border-top: none !important;}
.nobottomborder { border-bottom: none !important;}
.clearboth { clear: both;}
.clearleft { clear: left;}
.clearright { clear: right;}


/* color scheme */
.light { color: #F0F0F0; }
.dark { color: #333333; }
.havengreen { color: #005051; }

p.light { font-size: 0.8em; } 

img.thumb { width: 70px;}
img.thumbmag { width: 85px;}
img.liten { width: 190px;}
img.mellan { width: 290px;}
img.stor { width: 590px;}

#column_one img,
#column_two img { margin-bottom: 10px;}


#column_one img + img { margin-left: 10px;}
#column_two img { max-width: 190px;}
#column_one img { max-width: 590px;}
#column_one.wide img { max-width: 800px !important;}

#column_one p img.floatleft { margin-right: 10px !important; }
#column_one p img.floatright { margin-left: 10px !important; }

#column_one { width: 590px; float: left;}
#column_two { width: 190px; float: right;}
#column_one.wide {width: 800px; float: none;}

#column_stop { clear: both;}

/* text formatting */
h1,h2,h3 { font-family: 'Lucida Grande', helvetica, arial, verdana, sans-serif; text-transform: uppercase;}

h1 { font-size: 1.8em; color: #666666; font-weight: normal; margin: 0em 0em 1em 0em; padding: 0;}
h2 { font-size: 1.5em; color: #666666; font-weight: normal; margin: 0.3em 0em 0.4em 0em; padding: 0;}
h3 { font-size: 1.1em; color: #606060; font-weight: normal; margin: 0em; padding: 0em; }
h4 { font-family: 'Lucida Grande', helvetica, arial, verdana, sans-serif; font-size: 1em; color: #57325c; font-weight: normal; text-transform: uppercase; margin: 0 0 1em 0em; padding: 0em;}

p { font-size:  1em; color: #666666; line-height: 1.5em;  margin: 0 0 1.5em; overflow: hidden; }

blockquote { font-size: 1em; background-color: #e7e7e7; font-weight: normal; text-transform:  none; font-style: italic; display: block; margin: 5px; padding: 2px 5px; }
q { font-style: italic; }

code, 
pre { font-family: "Courier New", Courier, serif; font-size: 2em;}

/* lists */
ul { margin: 0; padding: 0; list-style: disc inside; color: #666666}
li { margin: 0 0 0.3em 1em; padding: 0; color: #666666}
ol { margin: 0; padding: 0; list-style-position: inside; }

ul ol,
ul ul { margin: 0 0 0 2em; }

ul.nodisc { list-style: none inside; }

/* links and buttons */
a,a:visited,
a:active,
a:link { text-decoration: none; color: #005051; font-variant: normal; border-bottom-style: solid; border-bottom-width: 1px; }
a:hover { background-color: #F0F0F0; border-bottom: 1px solid #999999;}
a img {border: none;}

button, 
a.button,
a.button:visited,
a.button:active { background-color: #F0F0F0; padding: 0.25em; margin: 0.2em; color: #333333; border: 1px solid #c7c7c7; font-size: 1em; }
button:hover, 
a.button:hover { background-color: #005051; color: #fff;}

button.delete:hover,
a.button.delete:hover { background-color: #905149 !important;}


.more { text-align: right; font-size: 0.8em; color: #57325c; clear: both;}
a.bloglink { display: block; border: solid 1px; }
a.bloglink:hover { background-color: #e7e7e7; border: solid 1px #c7c7c7; }
a.bloglink h4 { margin: 4px 0em 0em 0em; }
a.bloglink p { font-style: italic; }

/* divs */
/* background: url(/../images/background1.png) white bottom left no-repeat scroll; */
#mainframe { background-color: white; width: 800px; height: 100%; min-height: 600px; margin-right: auto; margin-left: auto;}

#top { padding: 0; margin: 40px 0 15px 0;}
#foot { clear: both; float: none; padding: 10px 0px; }
#copy p { font-size: 1em; color: #c7c7c7; text-align: center; }

#content { float: none; clear: both; width: 800px; margin: 25px 0; height: 100%; }

div.navsplit { float: none; clear: both; height: 1px; }

#topnav { border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 10px 0};

.navbar { color: #000000; height: 2em; background-color: #B5985E; }
.navbar ul { height: 20px; font-size: 1em; font-family: Arial; margin: 0; list-style: none inside; padding: 0px 0px; }
.navbar li { margin: 0; padding: 0; display: block; float: left; }
.navbar a { display: block; float:left; height: 20px; line-height: 20px; vertical-align: middle; text-transform: uppercase; padding: 0em 0em 0 0; margin: 0 1em 0 0;text-decoration: none; border: none;}
.navbar a:hover { background-color: #ddd !important;border-bottom-color: #3F0 !important; }

.navbar,
.navbarsub,
.navbarsub a,
.navbar a {color: #000 !important; background-color: #fff !important;}



.navbar a.selected,
.navbar a.selected:link,
.navbar a.selected:visited,
.navbar a.selected:active { font-weight: bold;}

div.darken { background-color: #000; opacity: 0.90; z-index: -1; position: absolute; width: 100%; height: 100%; overflow: hidden;}
div.content { padding: 1em;}
ul.imagecontainer { list-style: none inside; margin: 0; padding: 0 90px 0 0; height: 100%;}
ul.imagecontainer li { text-align: center; display: block; float: left; height: 110px; padding: 0px 10px 0px 10px; margin: 0;}
/*
ul.imagecontainer li:hover { border: 1px solid red;}
*/
ul.imagecontainer li img { vertical-align: middle; margin: 0;}
ul.imagecontainer li div { font-size: 10px; white-space: nowrap; text-align: center;}
ul.imagecontainer div.info { 
	text-align: left !important; 
/*	background-color: #000; 
	opacity: 0.9; 
*/	display: block; 
	color: #fff; 
	position: fixed; 
	top: 20px; 
	left:  20px; 
	right: 20px;
	bottom: 20px;
	z-index: 10;}

ul.imagecontainer li div.info ul { float: none; display: block; list-style: none inside; margin: 0; padding: 0;}
ul.imagecontainer li div.info ul li { float: none; display: block; border: none; width: auto; height: auto; margin: 0; padding: 3px;}

ul.imagecontainer li div.info a,
ul.imagecontainer li div.info a:hover,
ul.imagecontainer li div.info a:visited,
ul.imagecontainer li div.info a:active { color: white; padding: 3px; text-decoration: none !important; border: none;}

ul.imagecontainer li div.info a:hover { background-color: #ccc; color: #000;}

ul.sitetree { margin: 2em 0 0 0; padding: 0;list-style: none inside; font-size: 1.2em;}
ul.sitetree ul { font-size: 0.8em; margin: 0 0 2em 1em;list-style: none inside;}


/* columns */
div.column { float: left; display: block; width: 500px; margin: 0px; padding: 0px; }
div.columnright { background-color: #007575; display: block; width: 225px; float: right !important; margin: 0; padding: 0px 5px;}
 
div.columnright p,
div.columnright h1,
div.columnright h2,
div.columnright h3,
div.columnright h4,
div.columnright h5,
div.columnright h6 { color: white !important;}

div.columns { float: none; clear: both; width: 100%; height: auto; overflow: hidden; }
div.columns div.left { float: left; width: 45%; border-right: 1px dashed #c7c7c7; padding-right: 5%;}
div.columns div.right { float: right; width: 45%; }

div.equalcolumns { float: none; clear: both; width: 100%; height: auto; overflow: hidden; }
div.equalcolumns div.left { float: left; width: 45%; border-right: 1px dashed #c7c7c7; padding-right: 5%;}
div.equalcolumns div.right { float: right; width: 45%; }

div.columnandsidebar { float: none; clear: both; width: 100%; height: auto; overflow: hidden; }
div.columnandsidebar div.left { float:  left; width: 65%; border-right: 1px dashed #c7c7c7; padding-right: 5%;}
div.columnandsidebar div.tight { float:  right; width: 25%; }

div.rightsidebar { float: right; width: 200px; height: auto; overflow: hidden;}

/* -- make full height -- */
div.columns div.left, 
div.columns div.right { padding-bottom: 16000px; margin-bottom: -16000px; }

/* closer */
.closer { float: none; clear: both; }

/* images */
img { border: 0;}
img.cover { width: 84px; height: 115px; }



/* tables */
table { font-size: 1em; background-color: #fafbfc; border: 1px solid #c0c0c0; }
table tr { padding: 1em ;}
table th, td { padding: 0.3em;}
table th { font-weight: bold;}

table.alinktable {
	border: dashed 1px #c0c0c0;
	border-top: none;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	width: 100%;
}

table.alinktable,table.linktable th { text-align: left; padding: 0.1em; border-bottom: solid 1px #c7c7c7; }
table.alinktable td { padding: 0.1em; }
table.alinktable caption {
	background-color: #c7c7c7;
	text-align: left;
	font-family: 'Lucida Grande', Georgia;
	font-size: 2.5em;
	margin: 0;
	padding: 0;
}

/* forms */
form { font-size: 1em; background-color: #fafbfc; padding: 1em; border: 1px solid #c0c0c0;}
textarea { color: #333333; border: 1px solid #c0c0c0; font-family: Verdana, Arial, sans-serif; font-size: 1em; padding: 0.2em; }
textarea:focus { border-color: #909090;}
input { color: #333333; border: 1px solid #c0c0c0; font-size: 1em; padding: 0.2em; }
input:focus { border-color: #909090;}
select { color: #333333; border: 1px solid #c0c0c0; font-size: 1em; padding: 0.2em; }
fieldset { margin: 0; padding: 0; border: none;}
fieldset input,
fieldset textarea,
fieldset select { margin-bottom: 1em;}

fieldset.buttons,
div.buttons { padding: 1em 0 !important;}
div.buttons input,
div.buttons button,
div.buttons a.button,
fieldset.buttons input,
fieldset.buttons a.button,
fieldset.buttons button { float: right; }
fieldset.rows label { display: block;}
fieldset.rows input,
fieldset.rows select {}
label { color: #333333;}
/* specials */
div.columns div.left textarea,
div.columns div.right textarea { width: 95%;}

textarea.halfheight { height: 8em;}
textarea.small { height: 7em; }
textarea.medium { height: 14em;}
textarea.large { height: 28em; }
textarea.xl { height: 50em;}





/* ------------- admin stuff --------------*/
/* divs */
#preview_pane { background-color: #fff; padding: 25px 0; border-bottom: 1px solid #333;}
#asset_pane { position: fixed; left: 0; top: 0; bottom: 0px; margin: 20px; overflow: auto; z-index: 10;}
#textile_help_pane { position: absolute; top: 0px; right: 0px; background-color: #fafbfc; padding: 1em; border: 1px solid #c0c0c0; }

#adminbox { height: 20px; border-bottom: 1px solid #BC7B04; background-color: #E69D32; color: black; font-size: 1em; padding: 0.5em 1em 0 1em; }
#preview, 
#help { z-index: 10; position: absolute; top: 0px; left: 0; height: auto; width: 100%; background-color: #fff; border: 1px solid #333333; border-top: none;}

#helpicon { float: right; width: 20px; height: 20px; border: 1px solid #333333; background-color: #3399FF; padding: 0; text-align: center; font-family: Arial, helvetica, sans-serif; font-size: 1em; }
#helpicon a,
#helpicon a:visited,
#helpicon a:active { border: none; height: 100%; width: 100%; vertical-align: middle; text-align: center; display: block; background-color: transparent; color: #fff; font-weight: bold; }
#helpicon a:hover { border: none; background-color: #0066FF; color: #fff;}
.authorinfobox { z-index: 10; line-height: 0.5em; height: 3em; background-color: #eeeefe; }
.authorinfobox p { font-style: italic; display: block; }

/* lists */
ul#author_list { margin: 0; padding: 0; list-style: none inside; }
ul#author_list li { padding: 0; margin: 0 0 5px 0;}

.fieldWithErrors {
  	border: 1px solid red ! important;
	display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}