/*
 *----------------------------------------------------------------------
 * Jonas Åkerlund
 * Copyright Sector 5 AB 2008
 * ---------------------------------------------------------------------
*/

@import "default.css";
@import "navigation.css";

/*--------------------------------------------------------------------*/
/* Common typography */
/*--------------------------------------------------------------------*/
body {
	background: #7c858d;
}

body, table, td, input, textarea, select, fieldset, legend, a { 
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color: #303030;
}

h1,h2,h3,h4,h5,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #464d6a;	
}

h1 { font-size: 2.4em; line-height: 1.2em; margin-bottom: .3em; }
h2 { font-size: 1.8em; line-height: 1.2em; margin-bottom: .3em;}
h3 { font-size: 1.6em; line-height: 1.2em; margin-bottom: .3em; }

h4, h5, h6 {font-size: 1.2em; line-height: normal; margin-bottom: .3em;}

a { text-decoration: none;}
div.rss-link { margin: 15px 0px; }
div.rss-link a { background: url(../images/feed-icon-16x16.gif) no-repeat top left; padding: 2px 0px 2px 22px; font-size: 12px; }

/*--------------------------------------------------------------------*/
/* Common lists/tables/inputs */
/*--------------------------------------------------------------------*/
li { font-size: 1.2em; }
li li { font-size: 1em;}

ul {list-style-type: none;}
ol, ul { list-style-position: outside;}
table { border-collapse: collapse; font-size: 1.2em; }

input, option, textarea { padding: 1px; font-size: 1em; }
option { padding-right: 10px;}

input, textarea, select {
	border: 1px solid;
	border-top-color: #bdbdbd;
	border-left-color: #bdbdbd;
	border-bottom-color: #bdbdbd;
	border-right-color: #bdbdbd;
}

input.radio, input.checkbox {
	float: left;
	margin: 1px 4px 0 4px;
	border: none;
}

* html input.radio, 
* html input.checkbox { float: none; margin: 0 -2px 0 0; height: 14px;}

/*--------------------------------------------------------------------*/
/* Common text & layout (stuff used by all pages) */
/*--------------------------------------------------------------------*/
.clear { clear: both;}
.left { float: left; }
.right { float: right; }
.no-border { border: none !important; }

#wrap {
	background: url(../images/bg-bottom.gif) left bottom no-repeat;
	width: 974px;
	padding-bottom: 8px;
	margin: 0 auto;
}

#page { 
	width: 960px;
	padding: 0 7px;
	background:#fff url(../images/bg-repeat-mid.gif) left top repeat-y;
	
}

#header {
	height: 145px;
	background: url(../images/header-bg.jpg) left top no-repeat;
	position: relative;
	float: left;
}

#header-logo img.logo-symbol {
	position: absolute;
	left: 28px;
	top: 24px;
	z-index: 99;
}
body.es #header-logo img.logo-symbol, body.fr #header-logo img.logo-symbol, body.it #header-logo img.logo-symbol {
	top: 10px;	
}

#header-logo img.logo-text {
	position: absolute;
	left: 27px;
	top: 107px;
	z-index: 99;
}
body.es #header-logo img.logo-text, body.fr #header-logo img.logo-text, body.it #header-logo img.logo-text {
	top: 93px;	
}

.header-content {
	float: right;
	height: 32px;
	width: 960px;
}

.header-content .languages {
	padding-top: 10px;
	float: right;
}

.header-content .languages li {
	float: left;
	background: url(../images/languages-divider.gif) left 2px no-repeat;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 4px 0 7px;
}

.header-content .languages li.first { background: transparent; }

.header-content .languages li a {
	color: #fff;
}

.header-content .languages li.active a,
.header-content .languages li a:hover {
	color: #f7f086;	
}

.header-content .search {
	float: right;
	padding: 8px 12px;
}

.header-content .search input {
	width: 144px;
	float: left;
	margin-right: 8px;
}

#content {
	padding: 18px 12px;
}

#left-col, #right-col {
	float: left; 
	width: 220px;
	padding: 8px 0 10px 0;
}

#main {
	float: left;
	width: 445px;
	padding: 0 25px 10px 25px;
}

#double-wrapper {
	float: left;
	width: 716px;
}

#flashcontent {
	padding-bottom: 4px;	
}

#flashcontent-wide {
	padding: 0 0 10px 25px;
}

#flashcontent-narrow {
	padding-top: 10px;
}

#main .top-banner {
	border: none;
	padding-bottom: 8px;
}

#footer {
	color: #666666;
	font-size: 1.1em;
	padding: 16px;
	border-top: 1px solid #e1e1e1;
	background: #f7f7f6 url(../images/footer-bg.gif) left bottom no-repeat;	
}

#footer-content {
	background: url(../images/footer-divider.gif) left top repeat-y;	
}

#footer .col {
	float: left;
	padding-left: 10px;
}

#footer .info {
	width: 367px;
	padding-right: 40px;
	padding-left: 0;
	border: none;
}

#footer .adress {
	width: 312px;
	padding-right: 30px;
}

#footer .contacts {
	width: 159px;
}

#footer .part {
	float: left;
	width: 150px;
}

#footer a {
	color: #9f3131;	
}

#footer .readmore { padding-top: 4px;}
#footer .readmore a { font-weight: normal; background-image: url(../images/footer-red-arrow.gif);}

#footer li, #footer p {
	font-size: 1em;
	line-height: 1.3em;
}

#footer p.header {
	margin-bottom: 2px;	
}

/*--------------------------------------------------------------------*/
/* substart */
/*--------------------------------------------------------------------*/
#main.sub-startpage {
	width: 682px;	
	padding-left: 8px;
}

#main.sub-startpage-wide {
	width: 902px;	
	padding-left: 8px;
}

.entrances {
	padding-top: 7px;	
}

.entrances li {
	width: 310px;
	float: left;
	padding: 0 30px 25px 0;
	font-size: 1em;
}

#main.sub-startpage-wide .entrances li {
	width: 285px;
	padding-right: 15px;
}

.entrances li p {
	font-size: 1.2em;	
}

.entrances li .image {
	width: 100px;
	float: left;
	padding-right: 12px;
}

.entrances li .image img { float: left; }

.entrances li .content {
	float: left;
	width: 173px;
	/*height: 124px; */
	height: 154px;
	overflow: hidden;
}

.entrances .languages {
	padding-top: 5px;
}

.entrances .languages li, #main.sub-startpage-wide .entrances .languages li {
	background: url(../images/black-divider.gif) left 3px no-repeat;
	padding: 0 2px 0 5px;
	display: inline;
	float: none;
	width: auto;
}

.entrances .languages li.first, #main.sub-startpage-wide .entrances .languages li.first {
	padding: 0;
	background: transparent;
}

.entrances .languages li a:hover, #main.sub-startpage-wide .entrances .languages li a:hover { text-decoration: underline; }

.entrances h2 { font-weight: normal; }
.entrances h2 a:hover { color: #9f3131; }

/*--------------------------------------------------------------------*/
/* regional */
/*--------------------------------------------------------------------*/

.regional-header h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #9c9c9c;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 6px;
	margin-bottom: 16px;
}
/*--------------------------------------------------------------------*/
/* solidarity letter */
/*--------------------------------------------------------------------*/
.ProjectAdminLayout,
#letter {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #f4f4f4;
	margin-top: 10px;
	padding: 14px 16px 30px 16px;
	font-size: 1.1em;
	font-family: Verdana, Arial, sans-serif;
}

#letter p {
	line-height: 1.3em;	
}
.ProjectAdminLayout .row label, 
#letter .row label {
	font-weight: bold;	
}

#letter ul {
	list-style-type: disc;
	list-style-position: inside;
}

#letter li { font-size: 1em; font-weight: bold; }

#letter .col {
	float: left;
	width: 195px;
	padding-right: 22px;
}

#letter .col.right {
	padding-right: 0;	
}

#letter .col p.header {
	padding-bottom: 7px;
}

#letter .col .radio-row {
	clear: both;
	margin: 0 0 4px 0;
}

* html #letter input.radio {
	margin-right: 0px;	
}

#letter input.radio {
	float: left;
	margin: 0 4px 0 0;
}

#letter .row .col.method label { font-weight: normal; }

#letter .row {
	clear: both;
	padding-bottom: 14px;
}

#letter .row.sender {
	padding-bottom: 8px;	
}
.ProjectAdminLayout .row.step,
#letter .row.step {
	padding-top: 20px;	
}
.ProjectAdminLayout p.step,
#letter p.step {
	color: #9f3131;	
	font-weight: bold;
	font-size: 1.2em;
	float: left;
	height: 20px;
	padding-top: 2px;
	margin-bottom: 10px;
	background: url(../images/step-bg.gif) left top no-repeat;
	font-family: Arial, Verdana, sans-serif;
}

.ProjectAdminLayout p.step span,
#letter p.step span {
	color: #fff;
	height: 20px;
	width: 20px;
	float: left;
	text-align: center;
	margin-right: 5px;
}
.ProjectAdminLayout p.description,
#letter p.description {
	margin-top: 7px;
	color: #5a5a5a;
}

#letter input.text,
#letter textarea {
	margin-top: 4px;
	font-family: Verdana, Arial, sans-serif;
	padding: 1px;
}

#letter .row input.text.wide { width: 409px;}
#letter .row input.text.medium { width: 192px;}

#letter .row textarea {
	width: 409px;
	height: 180px;
}

#letter .button {
	margin-top: 10px;	
}
				  
/*--------------------------------------------------------------------*/
/* newslisting */
/*--------------------------------------------------------------------*/
.news-content p {
	font-size: 1.2em; 
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.3em;
}

.news-content p a {font-family: Verdana, Arial, sans-serif; }

.news-content a:hover {
	text-decoration: underline;	
}

.news-content {
	border-bottom: 1px solid #e1e1e1;
}

.news-content .content {
	padding: 18px 0 18px 6px;	
}

.news-content.introduction .content {
	padding-top: 0px;	
}

#image-header {
	padding-bottom: 5px;
}

.introduction p.readmore {
	float: left;
	padding-top: 10px;
	width: 200px;
	
}

.news-content p.readmore {
	padding-top: 12px;	
}

.date {
	color: #666666;
	background: url(../images/date-divider.gif) left 2px no-repeat;
	padding-left: 6px;
	margin-left: 4px;
	font-size: .9em;
	white-space:nowrap;
}

.news-content .image {
	padding: 8px 0;
}

.left-image .image,
.right-image .content,
.left-image .content {
	float: left;
}

.right-image .image {
	float: right;
}

.top-image .content {
	padding-top: 0;	
}

/*
* Ettor 
*/
.one .left-image .content,
.one .right-image .content{
	width: 202px;	
}

.one .left-image .content {
	padding-left: 15px;	
}

.one .right-image .content {
	padding-right: 15px;	
}


/*
* Tvåor 
*/
.two .left-image .content {
	width: 300px;
	padding: 10px 0 16px 10px;
}

.two .right-image .content {
	width: 300px;
	padding: 10px 10px 16px 6px;
}

/*
* Treor 
*/

.three { border: none; }

.three p {
	font-family: Arial,Verdana, Helvetica, sans-serif;
}

.three .date-col {
	float: left;
	width: 75px;
}

.three .date-col .date {
	background: transparent;
	padding: 0;
	margin: 0;
}

.three .list {
	float: left; 
	width: 364px;
}

.three li {
	padding: 0 0 4px 0;	
	font-size: 1.1em;
}

.three a {
	font-weight: bold;
	color: #464d6a;
}

.three li.readmore {
	padding-top: 10px;	
}

/*
* Take action 
*/

.take-action .content {
	width: 320px;	
	padding-left: 20px;
}

.take-action p {
	font-size: 1.1em;
	font-weight: bold;
	color: #9f3131;
	font-family: Arial, Verdana, sans-serif;
}

/*--------------------------------------------------------------------*/
/* article */
/*--------------------------------------------------------------------*/

.article h1 {
	font-size: 2.8em;	
}

.article h2 {
	color: #303030;
	font-size: 1.2em;
	margin-bottom: 0;
}

.article .ingress {
	font-weight: bold;
	margin-bottom: 18px;
}

.article p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1.2em;
}

.article .rte a {
	color: #9f3131;
	text-decoration: underline;
}

.article .rte li p,
.article .rte table p {
	font-size: 1em;	
	margin: 0;
}

.article .rte ul { list-style-type: disc; }

.article .rte li { margin-bottom: 4px; }

.article .rte ul,
.article .rte ol {
	list-style-position: outside;
	margin: .3em 0 1.2em 0;
	padding: 0 20px;
}


.article .rte ul ul,
.article .rte ol ol { }

.article table {
	border-collapse: collapse;
	margin: .3em 0 1.2em 0;
}

.article td,
.article th {
	padding: 5px;
	border: 1px solid #e1e1e1;
}

.article table.no-border td,
.article table.no-border th {
	border: none;
	padding: 0 8px 5px 0;
}	


.header-row {
	border-bottom: 1px solid #e1e1e1;
	padding: 0 6px 5px 6px;
	margin-bottom: 15px;
}

.header-row.no-border { border: none; }
* html .header-row.no-border { margin: 0;}

.header-row p { margin-bottom: 0; font-size: 1.1em; }

.header-row li {
	display: inline;	
}

.header-row .languages { float: left; }
.header-row .commands { float: right; }

.header-row .languages li {
	background: url(../images/black-divider.gif) left 3px no-repeat;
	padding: 0 2px 0 5px;
}

.header-row .languages li.first {
	background: transparent;
	padding-left: 0;
}

.header-row .commands p.print a {
	background: url(../images/icon-print.gif) left 2px no-repeat;
	padding-left: 18px;
}

.article-footer {
	clear: both;
	padding: 0 0 0 25px;
}

.recommend {
	font-size: 1.1em;
	width: 421px;
	background: #f7f7f7;
	padding: 12px 12px 20px 12px;
	float: left;
}

.recommend p {
	margin-bottom: 12px;
}

.recommend input {
	width: 150px;
	float: left;
	margin-right: 12px;
}	

.recommend label { float: left; margin: 2px 3px 0 0;}

.google-translate {
	float: left;
	margin-left: 30px;
	width: 200px;
}

/*--------------------------------------------------------------------*/
/* search listing*/
/*--------------------------------------------------------------------*/

#search-box {
	background: #F7F7F7;
	padding: 10px;
}

#search-box input.text {
	width: 366px;
	float: left;
	font-size: 1.1em;
}

#search-box select {
	width: 332px;
	float: left;
	margin-left: 10px;
	font-size: 1.1em;
}

#search-box input.checkbox {
	float: left;
	margin-top: 4px;
}

#search-box label {
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	margin-top: 3px;
}

#search-box p {
	float: left;
	padding-right: 10px;
}


#results .description {
	font-size: 1.1em;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 10px;
}

#results ul {
	margin-top: 10px;	
}

#results li {
	margin: 5px 0;
	padding: 5px 0;
	width: 445px;
	line-height: 1.3em;
}

* html #results li { padding: 3px 0; }

#results.archive-list li {
	margin: 7px 0;
	padding: 0;
}

#results li.odd {
	background: #F7F7F7;
}

#results li .number {
	float:left;
	padding: 0 10px 0 4px;
	text-align:right;
	width:30px;
}

#results li .content {
	float: left;
	width: 380px;
}

#results li .head a {
	font-weight: bold;
	color: #464d6a;
}

#results a:hover {
	text-decoration: underline;
}

.paging {
	border-top: 1px solid #e1e1e1;
	margin-top: 8px;
	padding-top: 12px;
}

.paging ul {  text-align: center; }

.paging ul li {
	float: left;
}

.paging ul li a,
.paging ul li.previous,
.paging ul li.next  {
	background: #F7F7F7;
	padding: 2px 5px;
	border: 1px solid #e1e1e1;
	float: left;
	margin-right: 5px;
}

.paging ul li.current,
.paging ul li a:hover {
	background: #9F3131;
	border: 1px solid #cf3230;
	padding: 2px 5px;
	color: #fff;
}

.paging ul li.current { float: left; margin-right: 5px;}



#Search-Combobox {
	padding-top:10px;
	margin-left:-10px;			
	clear:both;	
	height:25px;
		
}

#Search-Combobox select{
	padding-left:0px;
	marging-left:0px;	
	width:130px;			
}

#ajax-loader { text-align: center; display: none; }
#ajax-loader img { padding: 15px 0px 0px; }
#ajax-loader p { font-size: 12px; color: #666; line-height: 30px; }


/*--------------------------------------------------------------------*/
/* listing */
/*--------------------------------------------------------------------*/
.listing {
	padding-top: 20px;
	padding-right: 40px;
}

.topborder { border-top: 1px solid #e1e1e1; }
.bottomborder { border-bottom: 1px solid #e1e1e1; }

.listing ul { padding-left: 6px;}
.listing li { margin-bottom: 5px;}
.listing li p { margin-bottom: 15px; }
.listing li p.header { font-weight: bold; margin-bottom: 3px;}
.listing a:hover { color: #9F3131;}

.listing .col {
	width: 45%;
	padding-right: 5%;
	float: left;
}

.divider h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #9c9c9c;
	margin: 0;
	padding-left: 6px;
	
}

.divider {
	padding: 2px 0 3px 0;
	margin: 5px 0 0 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

/*--------------------------------------------------------------------*/
/* contactinfo */
/*--------------------------------------------------------------------*/
.contactinfo {
	margin-top: 15px;	
}

.contactinfo p {
	font-size: 1.2em;
	margin-bottom: .5em; 
}

.contactinfo td,
.contactinfo th { vertical-align: top; text-align: left; padding: 0 12px 6px 0;}

.contactinfo a { color: #9F3131; text-decoration: underline; }

.contactinfo .contact { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1;}

/*--------------------------------------------------------------------*/
/* sections (for left/right column */
/*--------------------------------------------------------------------*/

.section {
	padding: 0 0 12px 4px;
	margin-bottom: 6px;
}

.section p,
.section li {
	font-size: 1.1em;	
}

.section li {
	margin-top: 6px;	
}

.section li a:hover {
	color: #9F3131;
}

.section h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #9c9c9c;
	line-height: 1.1em;
	margin-bottom: .6em;
}

.section h3 strong {
	color: #464d6a;
	font-size: 1.2em;
}


.section li.readmore {
	padding: 6px 0 0 0;
	background: transparent;
}

ul li.pdf { background: url(../images/icon-pdf.gif) left top no-repeat; padding-left: 17px;}
ul li.word { background: url(../images/icon-word.gif) left top no-repeat; padding-left: 17px;}
ul li.doc { background: url(../images/icon-doc.gif) left top no-repeat; padding-left: 17px;}
ul li.link { list-style-type: square; list-style-position: outside; padding-left: 0px; margin-left: 17px}

.section .rte {
	margin-bottom: 6px;	
}

.section ul.linklist {
	list-style-type: square;
	list-style-position: inside;
}

.section .rte p a {
	color: #9F3131;	
}

.section.related ul {
	margin-bottom: 12px;	
}

.section .list {
	padding-bottom: 12px;	
}

/*
* Videos 
*/
.section.videos .thumb {
	width: 94px;
	float: left;
	padding-right: 8px;
}

.section.videos .text {
	float: left;
	width: 100px;
}

li.movie {
	padding-left: 30px;
	border-bottom: 1px solid white; /* ie6 hack */
}

li.movie a {
	background: url(../images/icon-play.gif) left top no-repeat; 
	margin-left: -30px;
	padding: 2px 0 8px 30px;
	display: block;
}

li.movie a:hover {
	background: url(../images/icon-play-over.gif) left top no-repeat; 
}


/*
* Events 
*/
.section.border {
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 14px;
}

.section.events .date-col {
	float: left;
	width: 38px;
}

.section.events .event {
	float: left;
	width: 178px;
}

.section.events .event span {
	color: #999999;
	display: block;
}	

/*
* Magazine 
*/
.section.magazine .magazine-content {
	float: left;
	width: 115px;
}

.section.magazine .image {
	float: left;
	margin-top: -8px;
}

.section.magazine a {
	color: #9f3131;
	font-weight: bold;
}

.section.magazine h3 a {
	font-weight: normal;
	color: #9c9c9c;
}

.section.magazine .content {
	clear: both;
	padding-top: 5px;
}

/*
* Banners 
*/
.section.banner {
	padding: 0 0 7px 0;
	margin: 0;
}

.section.banner img {
	padding: 4px;
	border: 1px solid #e1e1e1;
	float: left;
}

.section.banner.no-border img {
	padding: 0;
	border: none;
}

/*
* rounded boxes 
*/
.section.rounded-box h3,
.section.rounded-box p,
.section.rounded-box a { color: #fff; }

.section h3.subscribe {
	background: url(../images/icon-email.gif) left 3px no-repeat;
	padding-left: 26px;
}

.section.rounded-box li {
	font-weight: bold;
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.section.rounded-box {
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	margin-bottom: 15px;
}

.section.rounded-box .box-content {
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 12px 10px 12px; 
}

.section.rounded-box a:hover { color: #fff; }

.section.rounded-box.green { background-color: #a2ab95; background-image: url(../images/rounded-box-top-green.gif); }
.section.rounded-box.green .box-content { background-image: url(../images/rounded-box-bottom-green.gif); }
.section.rounded-box.green li { background-image: url(../images/white-arrow-green.gif); }

.section.rounded-box.action { background-color: #dc1a0b; background-image: url(../images/rounded-box-top-action.gif); padding-top: 15px; }
.section.rounded-box.action .box-content { background-image: url(../images/rounded-box-bottom-action.gif); padding-bottom: 15px;}

.section.rounded-box.action h3 {
	text-transform: uppercase;
	font-size: 1.9em;
	font-weight: bold; 
}
.section.action .readmore { padding-top: 6px; }
.section.action .readmore a {
	background-image: url(../images/white-arrow-red.gif);
	color: #fff;
}

/*
* Image 
*/
.section.image {
	padding-left: 0;	
}

.section.image .image-text {
	background: #143855 url(../images/image-text-top.gif) left top no-repeat; 
	padding: 14px 8px 8px 8px;
	color: #fff;
	font-size: 1em;
}

/*--------------------------------------------------------------------*/
/* errorpage */
/*--------------------------------------------------------------------*/

.errorpage label { font-size: 1.1em; }
.errorpage input,
.errorpage textarea{ width: 300px; margin: 2px 0 8px 0; }
.errorpage .article { width: 400px; }


/*--------------------------------------------------------------------*/
/* form-page */
/*--------------------------------------------------------------------*/

#form-page p { font-size: 1.1em; margin: 0 0 8px 0; }

#form-page input.text,
#form-page select { width: 250px; margin-top: 1px; }
#form-page textarea { width: 300px; margin-top: 1px; }

p#error { color: #9F3131; }

/*--------------------------------------------------------------------*/
/* buttons */
/*--------------------------------------------------------------------*/

.button {
	float: left;
	height: 15px;
}	

.button a {
	float: left;
	height: 14px;
	color: #fff;
	padding: 1px 5px 0 5px;
}

.button.red {
	background: #aa0100 url(../images/btn-red.gif) center top no-repeat; 	
	border: 1px solid #cf3230;
}

.button.red a:hover {
	color: #560403;
}

.readmore a {
	background-position: right 3px;
	background-repeat: no-repeat;
	background-image: url(../images/red-arrow.gif);	
	padding: 0 15px 0 0;
	color: #9f3131;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif !important;
}

.archive {
	padding: 20px 0 0 6px;
	font-size: 1.1em;
}
	
.location {
	color: #9f3131;
	font-weight: bold;
	font-size: .9em;
	cursor: pointer;
}

.location.back {
	background: url(../images/red-arrow-left.gif) left 2px no-repeat;	
	padding-left: 15px;
}

.location.forward {
	background: url(../images/red-arrow.gif) right 2px no-repeat;
	padding-right: 15px;
}

/*--------------------------------------------------------------------
Sitemap 
--------------------------------------------------------------------*/
ul.sitemap ul { margin-bottom: 20px; padding-left: 15px; }
ul.sitemap ul ul { margin-bottom: 5px; }
ul.sitemap li { padding: 2px 0px; }
ul.sitemap li a:hover { color: #9F3131; }
ul.sitemap li { font-weight: bold; }
ul.sitemap ul li { font-weight: normal; }
ul.sitemap ul ul li:before { content: "\002D \0020"; }


/*--------------------------------------------------------------------
Project Logins 
--------------------------------------------------------------------*/
#project-login a {cursor:pointer;}
#project-login #error {padding-top:4px;}
.project-contactinfo{
	width: 364px;
}
.project-contactinfo a {
	color:#9f3131;
}

 #project-login h4
 {
 	color:#464d6a;
 }
 #login-box{
 	width:70%;
 }
 
 #login-box input{
 	width:98%;	
 }
 #login-box a{ 	
 }
 
 .button-login {
 	padding-top:10px;
 	float:right;
 }

 .projectinfo{
border-bottom: 1px solid #e1e1e1; 	
 }



.projectDetail{	border-bottom: 1px solid #e1e1e1;padding:5px 0px;height:auto;}
.projectDetail .txt  {font-size:1.3em; line-height: 1.2em;	margin-bottom: 1.2em;}
.projectDetail a{color:#9f3131;}
.projectDetail h3{padding:15px 0px 5px 0px;}
.projectDetail strong{line-height:1.4em;}
.box{margin-bottom:8px;background-color:#f7f7f7;height:auto;padding:8px 10px;border:1px solid #cdcdcd;}
.box th{
	font-size:.8em;
	line-height:1.45em;
	text-align:left;
	padding:0 5px 0 2px;
	vertical-align:top;
	}
.box td{
	font-size:.8em;
	line-height:1.45em;
	text-align:left;
	}
.org-contacts{	float:left;	padding:5px 10px 5px 0px;}

/*--------------------------------------------------------------------
Project Admin 
--------------------------------------------------------------------*/

.ProjectAdminLayout{padding: 10px 10px;}
.ProjectAdminLayout a{cursor:pointer;}
.ProjectAdminLayout .red{ margin:4px;}
#ProjectAdmin{font-family: Verdana, Arial, sans-serif;}
#ProjectAdmin textarea,#ProjectAdmin label.lbltxt, #ProjectAdmin input,#ProjectAdmin input.text{font-size: 1.2em;}
#ProjectAdmin input{height:16px; margin-top:1px;}
#ProjectAdmin input.text { width: 430px;}
#ProjectAdmin textarea {width: 430px; height:85px; margin-top:1px; }
#ProjectAdmin select{ width:185px;  margin-top: 1px;}
#ProjectAdmin select.multiple {height:85px;width:194px;overflow:auto;}

/*.ProjectAdminTable .red{width:60px;}
.ProjectAdminTable .red a{padding:0px 15px; }*/
.ProjectAdminTable{font-size:1em; width:100%;}
.ProjectAdminTable td {padding:8px 20px 8px 0px;border-bottom:#e1e1e1 1px solid;}
.ProjectAdminTable input{width:180px;}
.ProjectAdminTable table input[type=checkbox] {border:none;width:30px;}
.borderClear td{border:none;}
.errorMsg {color: #9F3131;padding-left:35px;}
.errorMsg2{font-size:larger;color: #9F3131;display:inline;}
.buttonSpace{width:150px;}



/*--------------------------------------------------------------------
Youtube
--------------------------------------------------------------------*/
#youtube { width: 690px; padding: 0 0 10px 25px; }
#youtube .top { width: 100%; height: 6px; background: url(../images/youtube-bkg.gif) no-repeat 0px 0px; }
#youtube .bottom { width: 100%; height: 8px; background: url(../images/youtube-bkg.gif) no-repeat 0px -8px; }
#youtube .content { width: 660px; padding: 9px 15px 7px; background-color: #e4e4e4; min-height:200px; height:auto !important; height:200px; }
#youtube_player_holder { float: left; width: 356px; height: 232px; background: url(../images/imf-tv.jpg) no-repeat top left; }
#youtube .sidebar { width: 285px; float: left; padding: 0 0 0 15px; }
#youtube .sidebar p.description { font-size: 11px; line-height: 14px; }
#youtube .video-item { margin-bottom: 15px; }
#youtube .video-item a.thumb { display: block; width: 100px; height: 68px; background-position: center; float: left; }
#youtube .video-item a.title { font-size: 11px; line-height: 14px; color: #143753; display: block; width: 150px; float: left; padding: 10px; }
#youtube .video-item a.thumb .play_btn { display: none; background: url(../images/play-btn.png) no-repeat top left; height: 32px; margin: 15px 0 0 35px; width: 32px; }

/**
 * Clearfix
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }