/* Update 2005-10-06 */
/* http://jigsaw.w3.org/css-validator/ : No error or warning found */
body {
	background-color: #cc9966;
	background-image: url(../_images/saam/beige.png);
}

h1, h2, h3 {
	font-weight: normal;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
}

table { font-size: 10px; }

/* This ugly hack will set the basic font-size for all tables
This means that whenever you make a new table, it will (probably) use and compute the em-size from this value.
So basicly, if you want larger or smaller text, just change the font-size value in table above */

tr.r1 { background-color: transparent; }
tr.r2 { background-color: #ffcc99; }

tr.r0 td, tr.r0 th {
	background-color: #996600;
	color: white;
}

tr.Hidden1 {
	background-color: #ffcccc;
	border: solid 1px #660000;
}

tr.Hidden2 {
	background-color: #ff9999;
	border: solid 1px #660000;
}

td.realtop {
	background-color: transparent;
	background-image: url(../_images/saam/latte_pgtop2.gif);
	height: 8px;
}

td.realbottom {
	background-color: transparent;
	background-image: url(../_images/saam/latte_pgbottom2.gif);
	height: 8px;
}

td.realcontent {
	padding: 7px;
	background-color: transparent;
	height: 100%;
	background-image: url(../_images/saam/latte_pgcontent2.gif);
	background-repeat: repeat y;
	max-width: 700px;
}

td.realcontent_ie {
	padding: 7px;
	background-color: white;
	background-repeat: repeat y;
	height: 100%;
}

td.content {
	text-align: left;
	line-height: 1.1em;
	text-transform: none;
	text-decoration: none;
	white-space: normal;
	font-size: 1em;
	max-width: 700px;
	height: 420px;
}

td.content td { font-size: 1em; }

td.content h1, td.content h2, td.content h3 {
	color: #333;
	font-weight: bold;
}

td.content h1 {
	color: #000000;
	font-size: 1.6em;
	line-height: 1.7em;
	font-weight: normal;
}

td.content h2 {
	font-size: 1.4em;
	line-height: 1.1em;
}

td.content h3, td h3 {
	font-size: 1.2em;
	line-height: 1.1em;
}

td.header {
	font-weight: normal;
	line-height: 1em;
	font-size: .9em;
	text-align: left;
	padding: 2px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif;
}

td.header hr {
	max-width: 700px;
	height: 2;
	line-height: 0;
}

td.header a {
	color: gray;
	text-decoration: none;
}

td.header a:hover { text-decoration: underline; }

a {
	color: #333333;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

.selectedPage, td.menuStudenter .selectedPage a {
	font-style: italic;
	text-decoration: underline;
}

td.menuStudenter a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

td.menuStudenter a:hover { text-decoration: underline; }

td.menuFöretag a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

td.menuFöretag a:hover { text-decoration: underline; }

td.samarbetsp {
	text-align: center;
	font-size: 1em;
	line-height: 1em;
	width: 220px;
	vertical-align: text-top;
}

td.samarbetsp h3 {
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: bold;
	color: #996600;
	text-align: center;
}

td.menuStudenter {
	background-color: #cc9966;
	z-index: 25;
	visibility: visible;
	font-size: 1.1em;
	line-height: 1em;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	color: white;
	font-weight: normal;
}

td.menuStudenterTitle {
	background-color: #cc9966;
	z-index: 25;
	visibility: visible;
	font-size: 1.1em;
	line-height: 1em;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	color: white;
	font-weight: bolder;
	font-style: italic;
}

td.menuFöretag {
	background-color: #996600;
	z-index: 23;
	visibility: visible;
	font-size: 1.1em;
	line-height: 1em;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	color: white;
	font-weight: normal;
}

td.menuFöretagTitle {
	background-color: #996600;
	z-index: 23;
	visibility: visible;
	font-size: 1.1em;
	line-height: 1em;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	color: white;
	font-weight: bolder;
	font-style: italic;
}

td.menuAdminMenu {
	background-color: #ffcc99;
	z-index: 26;
	visibility: visible;
	font-size: 1.1em;
	line-height: 1em;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
}

td.menuAdminMenuTitle {
	background-color: #ffcc99;
	z-index: 26;
	visibility: visible;
	font-size: 1.1em;
	line-height: 1em;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	font-style: italic;
}

td.menuStudenter a, td.menuForetag a {
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
}

td.adress, td.kontakt {
	font-size: 8pt;
	line-height: 1em;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
}

td, th, ts, tr { font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }

th {
	text-align: left;
	line-height: 1.2em;
	text-transform: none;
	text-decoration: none;
	white-space: normal;
	font-size: 1em;
	font-weight: bold;
}

/*
td
{
text-align: left;
line-height: 1.1;
text-transform: none;
text-decoration: none;
white-space: normal;
font-size: .9em;
padding: 2px;
}
*/

/*
table { display: block; }

h3
{
font-size: 1.1em;
line-height: 0.9em;
font-weight: 600;
}


*/

/* PageShed Control panel style settings */
table.boxed {
	border: solid 1px #333;
	background-color: #192919;
}

td.menuHead, div.menuHead {
	background-color: #666666;
	background-image: url(../_images/site/MetalTileDarker.gif);
	color: #999933;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
	font-weight: bold;
}

.dark {
	background-color: #294989;
	color: #99CCFF;
	text-decoration: none;
	font-size: 8pt;
}

.dark:hover {
	text-decoration: underline;
	font-size: 8pt;
}

.drk {
	color: #99FFCC;
	text-decoration: none;
	font-size: 8pt;
}

tt {
	font-size: 9pt;
	color: #AA5000;
}

td.highlight {
	font-size: 10pt;
	background-color: #ECFAFF;
	color: #0000BB;
}

.grey {
	background-color: #B9B9B9;
	color: #000000;
}

.white { background-color: #FFFFFF; }

/* Click-Menu classes */
.click-menu {
	width: 100%;
	border-width: 1px;
	border-color: #333333;
	border-style: solid solid solid solid;
	padding: 0px 0px;
}

.click-menu .box1, .click-menu .box0 {
	background: #333333 url(../_images/site/MetalTileDarker.gif);
	color: #99bb99;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 4px;
	border-width: 1px;
	border-color: #999999;
	border-style: solid solid solid solid;
	cursor: default;
	position: relative;
}

.click-menu .box1-hover {
	background-color: #113344;
	color: #eeee99;
	font-weight: bold;
	font-size: 10px;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
	padding: 2px 4px;
	border-width: 1px;
	border-color: #99CCAE;
	border-style: solid solid solid solid;
	cursor: default;
	position: relative;
}

.click-menu .box1-open {
	background: #333333 url(../_images/site/MetalTileDarker.gif);
	color: #ff9900;
	font-weight: bold;
	font-size: 10px;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
	padding: 2px 4px;
	border-width: 1px;
	border-color: #999999;
	border-style: solid solid none solid;
	cursor: default;
	position: relative;
}

.click-menu .box1-open-hover {
	background-color: #003344;
	color: #eeee99;
	font-weight: bold;
	font-size: 10px;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
	padding: 2px 4px;
	border-width: 1px;
	border-color: #999999;
	border-style: solid solid none solid;
	cursor: default;
	position: relative;
}

.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
	position: absolute;
	top: 3px;
	right: 6px;
}

.click-menu .box0 a { color: #99bb99; }

.click-menu .section, .click-menu .static {
	color: #333333;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.1em;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
	background: #eeeeee url(../_images/saam/bg_stripes.gif);
	padding: 5px 5px 6px 5px;
	border-width: 1px;
	border-color: #999999;
	border-style: none solid solid solid;
}

.click-menu .section { display: none; }

.click-menu .section a {
	color: #333399;
	text-decoration: none;
	white-space: nowrap;
}

.click-menu .section a:hover {
	color: #ccccEB;
	text-decoration: none;
	white-space: nowrap;
}

.click-menu .box2 { }
.click-menu .box2:hover { background: #cccc33; }

.click-menu .section .active,
.click-menu .section .active:hover {
	font-weight: bold;
	background: #cccccc;
	white-space: nowrap;
}

#login_dialog {
	z-index: 92;
	position: absolute;
	left: 130px;
	visibility: hidden;
	top: 150px;
}

img.loginbutton {
	position: absolute;
	top: 3px;
	right: 3px;
}

.dialog_400_header {
	background: url(../_images/saam/login_dialog_header.png) no-repeat;
	width: 400px;
	height: 20px;
}

.dialog_400_body {
	background: url(../_images/saam/login_dialog_body.png) repeat-y;
	border: 0px none transparent;
	padding: 0 10px 0 10px;
	font-size: 0.6em;
	line-height: 1em;
}

.dialog_400_footer {
	background: url(../_images/saam/login_dialog_footer.png) no-repeat;
	width: 400px;
	height: 20px;
}

.adminPage {
	border: 0px none transparent;
	padding: 5px 10px 5px 10px;
	background-image: url(../_images/saam/dialog_body.png);
	background-repeat: repeat;
	font-size: 0.7em;
	line-height: 1em;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
}

td.smallMenuText {
	color: #990066;
	font-weight: lighter;
	font-size: 0.5em;
	line-height: 0.9em;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
	background: gray;
}

.adminPage {
	border: 0px none transparent;
	padding: 5px 10px 5px 10px;
	background-image: url(../_images/saam/dialog_body.png);
	background-repeat: repeat;
	font-size: 0.7em;
	line-height: 1em;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
}

/* ContentSwitch classes */
.showstate {
	/*Definition for state toggling image */
	cursor: pointer;
	float: left;
	margin-top: 2px;
	margin-right: 3px;
}

.headers {
	font-weight: bold;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
	background: grey;
	padding: 5px 5px 6px 5px;
	border: 1px solid silver;
}

.switchcontent {
	border: 1px solid silver;
	border-top-width: 0;
	background: #eeeeee url(../_images/saam/bg_stripes.gif);
}