/* cream02.css, Hans E Andersson, 2010-03-25 */
/* Rev 2, 2010-04-08 */
html
{
	width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}

body
{
	height: 100%;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin: 0;
	padding: 0;
	background-color: rgb(239,239,239);
	
}
/* ------------- Start: Top Ribba -------------------- */
#headerbar {
	z-index: 199;
	height: 72px;
	background-color: #d6d6d6;
	background-image: url(stackbild05_topbg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;/**/
	border-bottom: 1px #ccc solid;
	text-align: center;
	/*
	-moz-box-shadow: 0px 2px 14px 0px #333;
	box-shadow: 0px 2px 14px 0px #333;
	-webkit-box-shadow: 0px 2px 14px #333;
	*/
}
#headerContainer {
	width: 100%;
	
}
#headerTable {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#tdLogo { /*width: 230px;*/ }
#tdRightPanel {
	background: url(ul_topsptites3_vert.gif)  no-repeat 0 0;
}
#tdCenterPanel {
	background: url(ul_topsptites3_vert.gif) repeat-x 0 -72px;
}
#tdLeftPanel {
	background-image: url(ul_topsptites3_vert.gif);
	background-repeat: no-repeat;
	background-position: 0px -308px;
}
.topNavButton {
	height: 72px;
	width: 100px;
	text-align: center;
	font-size: 1.1em;
	cursor: pointer;
	color: #333;
}
.topNavButton:hover {
	height: 72px;
	width: 100px;
	background-image: url(stackbild05_topsptites2.png);
	background-repeat: no-repeat;
	background-position: -46px 0px;
}
.topNavButtonActive {
	height: 72px;
	width: 100px;
	text-align: center;
	font-size: 1.1em;
	cursor: pointer;
	color: #ddd;
	background-image: url(stackbild05_topsptites2.png);
	background-repeat: no-repeat;
	background-position: -146px 0px;
}
.topNavButtonActive:hover {
	height: 72px;
	width: 100px;
	background-image: url(stackbild05_topsptites2.png);
	background-repeat: no-repeat;
	background-position: -46px 0px;
	color: #333;
}
.topNavSpace { width: 6px; }

.topNavBSearch { height: 72px; }

/* ------------- Stop: Top Ribba -------------------- */

/* ------------- Start: contentWrapper -------------------- */
#contentWrapper {
	z-index: 1;
	position: absolute;
	top: 73px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	font-size: 1.1em;
	/*background-image: url(page_shadow.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;*/
}
#contentWrapperTable {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#contentData {
	margin-top: 32px;
	margin-bottom: 32px;
	text-align: left;
}
#contentData h1,h2,h3 { }
/*#contentData p,span,ul,li,pre,code { width: 605px;}*/
#contentData p,ul,pre,code { width: 605px;}
#contentData p {
	margin-left: 48px;
}
#contentData table {
	/*width: 669px;*/
	margin-left: 48px;
	width: 621px;
}
#contentData table p {
	margin-left: 0px;
	width: auto;
}
/* 2 columtable */
.twocool { width: 605px; }
.twocool td { width: 50%; padding-right: 12px; }
.twocool td ul { margin-left: 0; }
.twocool p,ul,li {
	margin-left: 0px;
	/*padding-left: 0px;
	font-size: 12px;*/
	width: auto;
}


#contentData table span {
	margin-left: 0px;
	width: auto;
}
#contentData table pre {
	margin: 0px;
	width: auto;
}
#contentData ul {
	margin-left: 48px;
	padding-left: 16px; /*16px;*/
	list-style-type: square;
	list-style-position: outside;
}
#contentData ol {
	margin-left: 48px;
	padding-left: 48px;
	list-style-position: outside;
}
/* ------------- Stop: contentWrapper -------------------- */

/* ------------- Start: Footer -------------------- */
.XtraFooterWrapper {
	background-color: #000;
	color: #555;
	padding: 12px;
	text-align: center;
	font-size: 0.8em;
}
.XtraFooterContent {
	width: 752px;
	text-align: left;
	padding-left: 321px;
}
.XtraFooterContent b,strong {
	font-size: 1.0em;
}
.XtraFooterContent h1,h2,h3,h4 {
	/*margin: 0;*/
}
/* ------------- Stop: Footer -------------------- */

/* ------------- Start: Dropdown -------------------- */
#blackBox {
	position: absolute;
	z-index: 222;
	top: 59px;
	text-align: left;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 12px;
	width: 152px;
	background-image: url(popup03.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top: 3px #6f9753 solid;
}

.popupCnt {
	width: 128px;
	color: #ccc;
	font-size: 1.0em;
	padding-bottom: 8px;
}

.popupCnt a { color: #ccc; text-decoration: none;}
.popupCnt a:hover { color: #cc6633;}
.popupCnt a:visited { color: #ccc; }
.popupCnt ul {
	padding-left: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-type: square;
	font-size: 0.9em;
	margin-top: 2px;
}
.popupCnt li {
	max-width:116px;
}

/* ------------- Stop: Dropdown -------------------- */

#copyrightInfo {
	position: absolute;
	bottom: 22px;
	left: 6px;
	color: #999;
	font-size: 0.8em;
}

.deskTopText { color: #999; }


/* ------------ Start: a, p & bs ------------- */
a {
	color: #069;
	text-decoration: none;
}
a:visited { color: #069; /* #373737 */ }
a:hover { color: #cc6633; }
b {
	font-family: 'Arial BoldMT', Helvetica;
	font-size: 12px;
	font-weight: bold;
}
/* ------------ Stop: p & bs ------------- */

/* Innehåll*/
/* START: Style för FullPage */
.contentFillLayer {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 12px;
	left: 10px;
	padding-top: 22px;
	padding-bottom: 22px;
	text-align: center;
	overflow: auto;
	color: #333;
	font-size: 1.1em;
	vertical-align: middle;
}

.contentFillLayer p, td, span, div {
	font-family: "Lucida Grande","Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	color: #444;
}
/* STOP: Style för FullPage */

.tags { color: #666; font-family: "Helvetica Neue", "Arial Narrow", Arial,Helvetica,SunSans-Regular,sans-serif; }
.tags b.thin {
	font-family: "Helvetica Neue", "Arial Narrow", Arial,Helvetica,SunSans-Regular,sans-serif;
	color: #333;
	font-weight: 100;
	font-style: normal;
	font-variant: small-caps;
	letter-spacing: 0.09em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: 400; /* 100 */
	color: #3B3B3B;
	letter-spacing: 0.02em;
}
h1 { font-size: 2.5em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }
span.req { color: #ff3300; }

.smallContentOnBlack {
	font-family: Helvetica,Arial,SunSans-Regular,sans-serif;
	color: #777777;
	font-size: x-small;
	max-width: 512px;
}
/* --------- Start: Forms ---------- */
/* Top, Search field */
#appq1_div {
	background: url(heamedia_searchprompt_idle.png) no-repeat top left;
	width: 140px;
	height: 22px;
	MARGIN-RIGHT: 6px;
	text-align: center;
}
#appq1_div:hover {
	background: url(heamedia_searchprompt1.png) no-repeat top left;
	width: 140px;
	height: 22px;
	MARGIN-RIGHT: 6px;
}
#appq1_div #appq1_inp {
	color: #333;
	/*color: #ccc;*/
}
#appq1_div:hover #appq1_inp {
	color: #101010;
}
#appq1_inp {
	width: 108px;	
	border: 0px #000 solid;
	font-size: 0.9em;
	margin-left: 10px;
	margin-top: 4px;
	background-color: transparent;
}

.fancybutt {
	padding: 0;
	cursor: pointer;
	background: url(gradering1.gif)repeat-x;
	border: 1px#454a59 solid;
	color: #111214;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
}
.fancybutt:hover {
	background: url(glasstop03.gif)repeat-x;
	color: #fff;
	border: 1px#111214 solid;
}
.wsinput {
	border: #999 solid 1px;
	background-color: #fff;
	font-family: "Lucida Grande","Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	font-size: 11px;
	padding: 3px;
}
/* --------- Stop: Forms ---------- */

/* Document Spec */
.listFilm {
	margin: 4px;
	padding: 0px;
	padding-left: 8px;
	font-size: 0.9em;
	color: #7E7E7E;
	border-bottom: 1px #777 solid;
}

.listFilm p { font-size: 1.0em; }

.listFilm h2 {
	font-size: 1.5em;
	color: #2B6991;
}

.listFilmBild {
	background-color: #000;
	width: 200px;
	margin: 4px;
	padding: 0px;
	border-bottom: 1px #111 solid;
}

/* Start: graybox Tabeller */
.graybox
{
	border-top: 1px solid #919699;
	border-left: 1px solid #919699;
}
.graybox th
{
	padding: 6px;
	background: #E2E2E2;
	text-align:left;
	font-weight: bold;
	border-bottom: 1px solid #919699;
	border-right: 1px solid #919699;
}

.graybox td {
	padding: 6px;
	font-size: 0.9em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #919699;
	border-right: 1px solid #919699;
}

.graybox table td {
	border: none;
	padding: 0;
	vertical-align: middle;
}
.graybox ul,ol {
	width: auto;
}
.graybox ul li {
	width: auto;
}
/* Stop: graybox Tabeller */


.codeStyle {
	font-family: "Courier new", Courier;
	font-size: 11px;
	background-color: #F5F9FF;
	border: 1px solid #A5C8DF;
	color: #111133;
	display: block;
	margin: 1em 0;
	overflow-x: auto;
	padding: 1em 1.5ex 1.5em;
	white-space: pre;
	max-width: 605px;
}
.promptStyle {
	font-family: "Courier new", Courier;
	font-size: 11px;
	display: block;
	margin: 1em 0;
	overflow-x: auto;
	padding: 1em 1.5ex 1.5em;
	white-space: pre;
	max-width: 605px;
	padding-top: 30px;
	background: url(ce_promt_bg01.png) #000 no-repeat top left;
	border: 1px solid #444;
	color: #ddd;
}
.botcopy {
	font-size: 0.9em;
}
.bbScript {
	overflow-x: auto;
	max-width: 605px;
}
.smallGray {
	color: #666;
	font-size: 0.9em;
}

.medGray {
	color: #666;
}

.largeGray {
	color: #666;
	font-size: 1.2em;
}

/* New dropdown */
#navigation {
	margin:0;
	padding: 0;
	clear:both;
	width:752px;
	height:44px;
	background: url(ul_topsptites3_vert.gif) repeat-x 0px -86px;
}
ul.nav-main,
ul.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav-main {
	position: relative;
	z-index: 597;
}
ul.nav-main li:hover > ul {
	display: block;
}
ul.nav-main li.hover, ul.nav-main li:hover {
	position: relative;
	z-index: 599;
	cursor: pointer;
	background: url(ul_topsptites3_vert.gif) repeat-x 0px -158px;
}
ul.nav-main li {
	float:left;
	display:block;
	height: 44px;
	color: #999;
	font: 12px Arial, Helvetica, sans-serif;
}
ul.nav-main li a {
	display:block;
	padding: 16px 16px 0 16px;
	height: 35px;
	color: #555;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
ul.nav-main li a:hover {
	/* */	
}
ul.nav-main *.list {
	padding-right: 22px;
	background: url(navigation-arrow2.gif) no-repeat right top;
	width: 78px;
}
ul.nav-main *.list:hover ul, , li.over ul {
	display: block;
}
#listActive {
	color: #ddd;
	background: url(ul_topsptites3_vert.gif) repeat-x 0px -158px;
}

/* second-level lists */
ul.nav-sub {
	display: none;
	position: absolute;
	padding:10px;
	top: 44px;
	left: 0;
	z-index: 598;
	background-color: #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 3px solid #6f9753;
	width: 222px;
	text-align: left;
	margin-left: 0px;
	-webkit-box-shadow: #000 0px 4px 14px;
	-moz-box-shadow: 0px 4px 14px 0px #000;
	box-shadow: 0px 4px 14px 0px #000;
	/*filter:alpha(opacity=95);
	-moz-opacity: .95;
	opacity: .95;*/
}
ul.nav-sub li {
	list-style:none;
	display:block;
	padding: 0;
	height: 20px;
	float: none;
	width:217px;
	border-bottom: 1px solid #333; /*#5a5a5a*/
	background: none;
}
ul.nav-sub li b {font-size: 11px;}
ul.nav-sub li:hover {
	background: none;
}
ul.nav-sub li a {
	list-style:none;
	display:block;
	padding: 3px 5px 3px 16px;
	height: 14px;
	float: none;
	width:217px;
	background: none;
	font: 11px Arial, Helvetica, sans-serif;
	color: #999;
}
ul.nav-sub li a:hover {
	background: url(/img/dropdown-bg-hover.gif) repeat-x left top;
	width:196px;
	color: #eee;
	/*filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;*/
}
b.ddbold {
	/*line-height: 42px;*/
}
.tdTopBackground {
	background-image: url(stackbild05_topsptites_bg.png);
}
#activeWWWPage {
	background: url(ula_active.gif) no-repeat 0 2px	;
}
.fancyimg{border:1px solid #000;-webkit-box-shadow:#666 0px 0px 6px;-moz-box-shadow:0px 0px 6px 0px #666;box-shadow:0px 0px 6px 0px #666;}