@import url("/StyleSheets/SST/reset.css");

/* ------------ common classes ------------ */

body {
    font-family:Verdana;
    font-size: 0.69em; /*Sets all fonts to 11px*/
    line-height:150%;
}

body.gradient {
	background-image:url(/images/sst/main_bg.gif);
	background-repeat:repeat-x;
    background-color:#e3e3e3;
}

img {
    border:none;
}

form {
	margin:0;
	padding:0;
}

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

p 
{
	margin-bottom: 1em;
}

.float-left 
{
	float: left;
}

.RadEContentBordered ol, #middle ol
{
	padding-left: 25px;
	list-style-type: decimal;
}

.RadEContentBordered ol li, #middle ol li
{
	margin-left: 15px;
}

#right ol
{
	padding-left: 25px;
	list-style-type: decimal;
}

#middle ul
{
	margin-top: 1em;
}

#middle ul li
{
	background:url(/images/sst/bulletitem.gif) no-repeat 15px 5px;
	padding-left: 35px;
	padding-top: 0px;
	padding-bottom: 0.2em;	
}

#right ul li
{
	background-image:url(/images/sst/bulletitem.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:7px;	
}

a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
	height:0;
	padding:0;
	margin:0;
	line-height:0;
}

strong, .bold {
	font-weight:bold;
}

.seperator {
	background-image:url(/images/sst/dottedline_horisontal_blue2.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	width:231px;
	font-size:0;
	margin:0;
	padding:0;
	line-height:0;
	height:10px;
}

.marginleft10 
{
	padding-left:10px;
}

/* ------------ Fonts and text styles --------------------- */

h1, .white_heading {
	font-size: 1em;
    line-height:24px;  
    margin-bottom: 0.5em;
}

h2 {
    font-size:0.9em;
    line-height:20px;  
}

h4 {
    font-size:1em;
	line-height:10px;
}

/* ------------ Generel layout -------------------- */

#frame {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

.col1 {
	width:231px;
	float:left;
}

.col2 {
	width:707px;
	float:left;
}

.colmarginright {
	margin-right:12px;
}

/* ------------ Top start ------------ */

#top {
	height:30px;
	background-color:#FFF;
	margin-bottom:40px;
	position:relative;
}

#top #logo {
	position:absolute;
	left:20px;
	top:0px;
}

#top #topmenu {
	padding-left:280px;
	padding-top:7px;
}

#top #topmenu a {
	margin-left:24px;
}

#top #search {
	position:absolute;
	right:12px;
	/* "width: 152px" removed because button has variable length */
	top:6px;
}

#top #search #searchField {
	width:100px;
	border:1px solid #a70531;
	float:left;
}

#top #search #searchSubmit {
	color:#FFF;
	background-color:#a70531;
	border:0;
	font-size:0.91em;
	padding:3px;
	margin-left:5px;
	cursor:pointer;
}

#top #search label 
{
	display:none;
}

/* ------------ Top end ------------ */

#content {
	margin-top:20px;
	background-color:#FFF;
	/*padding-top:12px;*/
	padding-bottom:10px;
}

.topline
{
    border-top:1px solid #a70531;
}

/* ------------ Footer start ------------ */

#footer {
	background-color:#cddbe3;
	padding-bottom:12px;
	padding-top:7px;
}

#footer .column {
	width:231px;
	float:left;
	margin-left:11px;	
}

#footer .column .seperator {
	background-image:url(/images/sst/dottedline_horisontal_blue.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	width:231px;
	font-size:0;
	margin:0;
	padding:0;
	line-height:0;
	height:10px;
}

/* ------------ Footer end ------------ */

/* ------------ Frontpage campaigns ------------ */

#campaigns {
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:12px;
}

#campaigns .scrollthis 
{
	overflow:hidden;
	height:283px;
}

#campaigns .campaign {
	width:231px;
	float:left;
	margin-left:7px;
	height:283px;
	z-index:1;
}

#campaigns .campaign .description h1 {
    margin-bottom: 5px;
}

#campaigns .campaign .description:hover, #campaigns .campaign:hover {
    background-color: #CDDBE3;
    cursor:hand;
    text-decoration: none;
}

#campaigns .campaign .description {
    color:black;
}

#campaigns .campaign img {
	margin-bottom:10px;
}

#campaign_previous {
	position:absolute;
	top:69px;
	left:-15px;
	width:7px;
	height:16px;
	background-color:#FFF;
	padding-top:5px;
	padding-left:5px;
	z-index:1000;
}

#campaign_next {
	position:absolute;
	top:69px;
	right:-5px;
	width:7px;
	height:16px;
	background-color:#FFF;
	padding-top:5px;
	padding-right:5px;
}

/* ------------ Frontpage/mid-menu alphabetical  ------------ */

#kwAlphabet p
{
	display: inline;
	color:#a70531;
	cursor: pointer;
	margin-right:10px
}

/* ------------ News accordion ------------ */

.accordion  {
	width: 231px;
	border-top: 1px dotted #a70531;
	margin-bottom:10px;
}

.accordion p {
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	/*padding: 10px;
	padding-left:0px;*/
}

.accordion .panel .seperatorGray {
    height: 1px;
    background-position: left top;
}    

.accordion .moreLink {
    display:none;
    padding-right:10px;
    padding-left: 15px;
    background: url(/images/sst/icon_arrow_red_down.gif) 3px center no-repeat;
}

.accordion .panel {
    padding-top: 8px;
	border-bottom: 1px dotted #a70531;
}

.accordion .spot {
    padding-top: 5px;
    padding-bottom: 5px;
}

.accordion .spot-hover {
    background: #cddbe3;
    cursor: pointer;
}

.accordion .spot-hover a:first-child {
    text-decoration: underline;
}

.accordion a.header {
	cursor:pointer;
	display:block;
	padding:5px;
	padding-left:0px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #a70531;
	color:#000;
    background: url(/images/sst/icon_arrow_red_right.gif) 98% center no-repeat; 
}

.accordion a.selected {
   background-image: url(/images/sst/icon_arrow_black_down.gif); 
}

/* ------------ Frontpage tabs ------------ */

#tabs 
{
	height:26px;
	border-top:1px dotted #a70531;
	border-bottom:1px dotted #a70531;
	padding-left:10px;
	margin-bottom:12px;
	/*margin-left:12px;*/
}

#tabs a 
{
	float:left;
	color:#000;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	border-right:0px dotted #a70531;
	background-image:url(/images/sst/vertical_seperator.gif);
	background-repeat:no-repeat;
	background-position:right 8px;
	padding-top:5px;
	padding-bottom:5px;
}

#tabs a:hover
{
	background-color:#cddbe3;
	color:#000;
	text-decoration:none;
}

#tabs a.selected 
{
	background-color:#a70531;
	color:#FFF;
	margin-top:0px;
	border-right:0;
	padding-top:5px;
	padding-bottom:5px;	
}

#tabs #toolbar 
{
	float:right;
}

#tabs #toolbar a
{
	border:0;
	background:none;
	padding-left:0;
	padding-right:8px;
}

#tabs #toolbar a:hover
{
	background-color:#FFF;
}
.boxesLine 
{
	clear:both;
	height:5px;
	font-size:0px;
	line-height:0px;
}

.subjectBox 
{
	float:left;
	width:320px;
	background-color:#f4f4f2;
	padding:10px;
	border-bottom:1px dotted #d3d3d3;
	position:relative;
	margin-left:12px;
}

.subjectBox img 
{
	float:left;
	padding-right:12px;
}

.subjectBox a.header 
{
	font-weight:normal;
	text-transform:uppercase;
	background-image:url(/images/sst/icon_arrow_black_right.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:10px;
	color:#000;
}

.subjectBox .nolink:hover {
    text-decoration:none;
    cursor: default;
}

.subjectBox .foldout 
{
	position:absolute;
	right:-12px;
	bottom:0px;	
}

.subjectBox .catKeywords 
{
	margin-left:90px;
}

.subjectBox .pictureFalse 
{
	margin-left:0px;
}

.subjectBox .catKeywords a
{
	display:block;
	font-size:110%;
	line-height:140%;
}
.subjectBox .catKeywords .hid
{
	visibility:hidden;
}

.marginright12 
{
	margin-right:13px;
}

.marginleft12
{
	margin-left:11px;
}

#tabs ul li
{
	float:left;
	margin:0;
	padding:0;
}

#subjectoverview, #mostreadsubject, #keywords, #search {margin-left:12px;}

.ui-tabs-hide { display: none; }

#content #left 
{
	float:left;
	width:242px;
}

#content #middle {
	float:left;
	margin-left:10px;
	width:475px;
	margin-right:12px;
	padding-top:20px;
}

#content #right {
	float:left;
	width:231px;
	margin-right:10px;
}

#content #breadcrumb {
	margin-left:21px;
	margin-top:-10px;
	padding-bottom:25px;
}

#content #breadcrumb a{
    display:block;
    float:left;
}

#content #breadcrumb span{
    display:block;
    float:left;
    padding-left:5px;
    padding-right:5px;
}

#content #breadcrumb a.selected {
	color:#000;
}

#content #left .pageTitle 
{
	display: block;
	background-color:#a70531;
	color:#FFF;
	font-size:1.5em;
	padding-left:10px;
	height: 170px;
	overflow:hidden;
	position:relative;
	z-index:0;
}

#content #left .pageTitle span
{
	display:block;
	position:absolute;
	bottom:10px;
	line-height:1.2em;
	padding-right:10px;
	cursor:hand;
}

#content #left .pageTitle:hover 
{
	text-decoration: none;
}

#content #left #menu {
	margin-top:23px;
	border-bottom:1px dotted #a70531;
}

#content #left #menu a 
{
	display: block;
	line-height: 93%;
	padding-bottom:4px;
}

#content #left #menu ul ul
{
	background-image:url(/images/sst/menu_grey_dotted.gif);
	background-repeat:no-repeat;
	background-position:11px 0px;
}

#content #left #menu ul ul ul
{
	background-image:url(/images/sst/menu_grey_dotted.gif);
	background-repeat:no-repeat;
	background-position:21px 0px;	
}

#content #left #menu ul ul ul ul
{
	background-image:url(/images/sst/menu_grey_dotted.gif);
	background-repeat:no-repeat;
	background-position:31px 0px;	
}

#content #left #menu ul li
{
		border-top:1px dotted #a70531;
		/*padding-bottom: 3px;*/
}

#content #left #menu ul ul li
{
	border-top:0;
}

#content #left #menu ul li a {
	display:block;
	padding-left:10px;
	padding-top:2px;
	line-height: 1.2em;
}


#content #left #menu ul li.selected a 
{
	color:#000;
}

#content #left #menu ul li.selected li a 
{
	color:#a70531;
}

#content #left #menu ul li.selected
{
	background-image: url(/images/sst/icon_arrow_black_right.gif);
	background-repeat:no-repeat;
	background-position:230px 8px;
}

#content #left #menu ul ul ul ul li.last a 
{
	background-image:url(/images/sst/menu_grey_dotted_horisontal_last.gif) !important;
	background-repeat:no-repeat;
	background-position:31px 11px;
}
#content #left #menu ul ul ul li.last a 
{
	background-image:url(/images/sst/menu_grey_dotted_horisontal_last.gif) !important;
	background-repeat:no-repeat;
	background-position:21px 11px;
}
#content #left #menu ul ul li.last a 
{
	background-image:url(/images/sst/menu_grey_dotted_horisontal_last.gif) !important;
	background-repeat:no-repeat;
	background-position:11px 11px;
}

#content #left #menu ul ul li a {
	padding-left:20px;
	background-image:url(/images/sst/menu_grey_dotted_horisontal.gif);
	background-repeat:no-repeat;
	background-position:12px 11px;
}

#content #left #menu ul ul li.open2 a {
	background-image:url(/images/sst/menu_red_dotted_horisontal.gif);
}

#content #left #menu ul ul ul li a {
	padding-left:30px;
	background-position:22px 11px;	
}

#content #left #menu ul ul ul ul li a {
	padding-left:40px;
	background-position:32px 11px;		
}

#content #left #menu ul ul ul ul ul li a {
	padding-left:50px;
}

#content #left #menu ul ul ul ul ul ul li a {
	padding-left:60px;
}

#keywordstab
{
	margin-left:12px;
	background-color:#f4f4f2;
}

#kwAlphabet
{
	border-bottom: 1px dotted #d3d3d3;
	margin-bottom:1em;
	padding:1em;
	padding-bottom:1em;
}

#kwAlphabet p
{
	color:#000;
	padding-right:5px;
}

#kwAlphabet p.selected
{
	background-color:#a70531;
	color:#FFF;
	padding:0.3em;
}

.kwLetter 
{
	padding:1em;
	padding-top:0;	
}

#tabMostPopularContainer 
{
	margin-left:12px;
	background-color:#f4f4f2;
	padding:1em;
}

#tabMostPopularContainer .tabMostPopular
{
	width:100%;
}

#tabMostPopularContainer .tabMostPopular th 
{
	color:#000;
	font-size:1.3em;
	font-weight:bold;
	padding:1em;
	padding-top:0;
	padding-left:0.7em;
}

#tabMostPopularContainer .tabMostPopular td
{
	padding:1em;
	padding-top:0.5em;
}

#tabMostPopularContainer .tabMostPopular .uneven td 
{
	background-color:#FFF;
}

#tabMostPopularContainer .tabMostPopular td a
{
	font-weight:bold;
}

.tabSearchContainer .col 
{
	border-bottom:1px dotted #d3d3d3;
	background-color:#f4f4f2;	
	float:left;
	width:323px;
	margin-left:12px;
	padding:9px;
	padding-top:20px;
	min-height:233px;
}

.tabSearchContainer .col label
{
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}

.tabSearchContainer .col input, .tabSearchContainer .col select
{
	border:1px solid #a70531;
	margin-bottom:10px;
}

.tabSearchContainer .col .submit2
{
	background-color:#a70531;
	color:#FFF;
	margin-left:-10px;
}

.crisis 
{
	height:300px;
	position:relative;
	margin-top:12px;
}

.crisis .header 
{
	padding:20px;
	height:50px;
	background:#a70531;
	color:#ffffff;
	font-size:2em;
	line-height:2em;
	padding-top:80px;
}

.crisis .links 
{
	position:absolute;
	width:220px;
	margin-top:-15px;
	right:15px;
	background:#ffffff;
	min-height:15px;
	padding:10px;
}

a.arrow, .crisis .links a 
{
	display:block;
	background-image: url(/images/sst/icon_arrow_red_right.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:0px 5px;
}

.categoryLinks a
{
	font-weight:bold;
}

.crisis .content 
{
	width:690px;
	padding:2em;
	/*font-weight:bold;*/
}

.wideHeader 
{
	float:left;
	margin-left:10px;
	width:716px;
	height:170px;
	overflow:hidden;
}

.box 
{
	float:left;
	/*min-height:160px;*/
	/*margin-right:12px;*/
	margin-bottom:12px;
}

.box-half 
{	
	margin-right: 12px;
	width: 230px;
}

.right 
{
	margin-right: 0px;
}

.box-full
{	
	width: 100%;	
}

.box .content 
{
	padding:1em;
	padding-bottom:0;
	padding-top:5px;
	padding-bottom:5px;
}

.box h2
{
	min-height:19px;
	color:#000;
	background-color:#cddbe3;
	font-size:1em;
	padding:1em;
	padding-top:2em;
	font-weight:bold;
}

.box h2.grey 
{
	background-color:#f4f4f4;
	border-bottom:1px dotted #bababa;
}

.bottomseperator 
{
	border-bottom:1px dotted #bababa;
}

.relatedKeywordsBox 
{
	width:100%;
	background-color:#f4f4f4;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	margin-bottom: 12px;
}

.relatedKeywordsBox h2
{
	padding-left: 10px;
}

.relatedKeywordsBox .keyword
{
	display: block;
	float:left;
	width: 190px;
	padding-left: 10px;
}

.relatedKeywordsBox br
{
	clear: both;
}

/* ------------ Send link form ------------ */

.sendlink div.fld
{
	float:left;
	width: 178px;
	margin-right: 30px;
	margin-bottom: 20px;
}

.sendlink div.fld input, .sendlink div.fld textarea
{
	display: block;
	width: 100%;
}

.sendlink div.fld small
{
	font-size: 80%;
}

/* ------------ Generic forms ------------ */

input, textarea
{
	border: 1px solid #a70531;
	font-family:Verdana;
}

.button
{
	background: #a70330;
	color: #ffffff;
	font-size: 90%;
	width: auto;
}

/* ------------ Right boxes ------------ */

.rightBox 
{
	margin-bottom: 8px;
}

.rightBox h2.red
{
	background:#a70531;
	color:#ffffff;
	padding:30px 10px 8px 8px;
	font-size:120%;
	margin-bottom:8px
}

/* ------------ Various (todo: have Jesper clean this up) ------------ */

.seperatorRed {
	background-image:url(/images/sst/dottedline_horisontal_red.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	width:100%;
	font-size:0;
	margin:0;
	padding:0;
	line-height:0;
	height:10px;
}

.seperatorGray {
	background:url(/images/sst/dottedline_horisontal_gray.gif) repeat-x 0px 5px;
	width:100%;
	font-size:0;
	margin:0;
	padding:0;
	line-height:0;
	height:10px;
}

.tabsFloating .panel
{
	position:absolute;
	background:#ffffff;
	width: 716px;
	padding: 10px;
	margin-top: -13px;
	border:1px dotted #a70330;
	margin-left:12px;
	min-height:300px;
}

/* ------------ List alphabet ------------ */

.alphabet, .pager
{
	border-top: 1px dotted #a70531;
	border-bottom: 1px dotted #a70531;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
}

.alphabet a, .pager a
{
	display: inline;
	color:#a70531;
	cursor: pointer;
	margin-right:3px
}

.alphabet a.active, .pager .selected
{
	font-weight: bold;	
}

.alphabet a.disabled
{
	color: #e785a1;
	cursor: default;
	text-decoration: none;
}

.pager {padding:0;margin:0;padding-top:3px;padding-bottom:3px;margin-bottom:10px;height:15px;}
.pager a {padding-bottom:4px;padding-top:1px;padding-left:2px;padding-right:2px;font-weight:bold;margin-right:7px;float:left;margin-top:-3px;}
.pager .next {float:right;font-weight:normal;border-left:1px dotted #a70531;padding-left:10px;height:12px;padding-top:0px;margin-left:20px;padding-right:10px;background: url(/images/sst/icon_arrow_red_right.gif) 100% 3px no-repeat;margin-top:1px;line-height:11px;}
.pager .previous {float:left;font-weight:normal;border-right:1px dotted #a70531;padding-right:10px;height:12px;padding-top:0px;margin-right:20px;padding-left:10px;background: url(/images/sst/icon_arrow_red_left.gif) 0% 2px no-repeat;margin-top:1px;line-height:11px;}
.pager .numbers a.selected {background-color:#a70531;color:#FFFFFF;}

/* ------------ Search-results ------------ */

.search-results .criterion {float:left;width:237px;height:50px;}
.search-results .criterion label {display:block;}
.search-results .button {display:block;float:none;margin:10px;margin-left:0px;clear:both;margin-top:0px;}
.search-results .criterion select {font-size:11px;width:225px;}
.search-results .criterion input {font-size:11px;width:220px;}

.search-results p {padding:7px;}

/* ------------ Publications ------------ */

.publication-search .searchbox 
{
	padding-bottom: 10px;
}

.publication-search .searchbox .criterion
{
	margin-bottom:10px;
}

.publication-search .searchbox .field 
{
	width: 165px;
}

.publication-search .header
{
    cursor:pointer;
    display:block;
    text-decoration: none;
    font-weight: bold;
    color:#000;
    margin-right:8px;
	background-image: url(/images/sst/icon_arrow_red_right.gif);
    background-repeat:no-repeat;
    background-position:right center;	    
}

.publication-search p.header
{
    cursor:default;
	background-image: url(/images/sst/icon_arrow_black_down.gif);
	margin-bottom: 0px;
}        

.publication h2 {
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 110%;
}

.publication .type, .publication .keywords
{
	font-weight: bold;
}

.publication .publisher, .publication .version, .publication .time-and-place, .publication .pages
{
	/*font-style: italic;*/
}

.publication .formats-header 
{
	font-weight: bold;
}

/* ------------ News (nyhedscenter) ------------ */

.news-section
{
	margin-bottom: 16px;
}

.news-section h2 
{
	background:#000000;
	color:#ffffff;
	padding-left:5px;
	padding-right:5px;
	text-transform:uppercase;
	margin: 0;
}

/* ------------ Category ------------ */

.categoryLinks 
{
	table-layout: fixed;
}

.categoryLinks .keywordBox 
{
	width: 230px;
	padding-bottom: 16px;
	padding-right: 14px;
}    

.categoryLinks .keywordBox p
{
	font-size: 90%;
}

/* ------------ Table ------------ */

#middle table {
    border-collapse: separate;
    border-spacing: 3px;
    margin-bottom: 16px;
    /*background: url(/images/sst/dottedline_horisontal_red.gif) repeat-x 0px 29px;*/
}

#middle table td, #middle table th {
    padding: 5px;
}

#middle table th {
    background: #F5F5F3;        
}

#middle table tr.odd {
    background: #F5F5F3;
}

/* highlighted first column */
#middle table th.first, #middle table tr.odd td.first {
    background: #CDDBE3;
    font-weight: bold;
}

#middle table td.first {
    font-weight: bold;    
}


/* ------------ Print adjustments ------------ */

@media print 
{
	*, body.gradient{background-image:none !important;background-color:#FFF !important;color:#000 !important;font-size:12px !important;}
	#topmenu, #search, #tabs, .tabsPanel, #left, #footer, .accordion {display:none !important;}
	#top #logo {left:0px !important;}
	#content{border-top:0px !important;}
	#breadcrumb{margin:0 !important;}
	#right{margin-left:100px;margin-right:0;}
}


#middle .box .content ul 
{
	margin-left:-15px;
}

#middle .box .content li
{
	padding-left:25px;
}

.kwLetterContainer 
{
	padding-bottom: 20px;
	min-height: 187px; 
}

.kwLetter .word 
{
	display: block;
	width: 200px;
	margin-right: 12px;
	overflow: hidden;
	float:left;
}

.kwLetter br
{    	
	clear: both;    
}


/*  english translation changes */

.text_and_slides { position:relative; margin-bottom: 20px; z-index:1;}
.text_and_slides .crisis { background-color: #A70531; padding-right: 480px; height:auto; min-height: 280px; }
.text_and_slides .crisis .header { padding: 20px 20px 0px 20px !important;}
.text_and_slides .crisis .links { display: none; }
.text_and_slides .crisis .content { width: auto; color: #fff; clear:both;}
.text_and_slides #campaigns { width: 476px; height: 100%; margin: 0px; position:absolute;top:1px;right:0px; padding-top: 11px;padding-bottom: 1px;padding-right: 6px; margin-left:0px; float:right; background-color: #fff; z-index: 1000; border: solid 0px #fff;}
.text_and_slides #campaign_previous { left: -12px;}
.text_and_slides #campaign_next { right: -12px;}

.accordion_en_publications .publications { border-bottom:1px dotted #A70531;}
.accordion_en_publications .panel { height: auto !important; }
.accordion_en_publications .old { padding-top: 10px; color: #333; }
.accordion_en_publications .n { border-bottom: dotted 1px #ddd; padding-bottom: 10px; }
.accordion_en_publications .n a { font-weight: 700; text-decoration: none; }

body.English #footer{ padding: 10px; }
body.English #Footer_ContactDiv { width: 100%; margin: 0px; }
body.English .subjectBoxes a.foldout { display: none;}

/* tpisy plugin */

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: left; }
.tipsy-north { background-image: url(/images/sst/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(/images/sst/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(/images/sst/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(/images/sst/tipsy-west.gif); background-position: left center; }

span.red{ color: #A70531; }
span.gray{ color: #999; }
span.disabled{ color: #aaa;}