@import "layout.css";
/*

	Dansk Røde Kors
	Campaign screen styles add-on
	
	Author: mindlab
	Copyright: 2009, mindlab reklamebureau aps. All rights reserved

-----------------------------------------------------------------------*/

/* ----------- Global float-clearing ------------- */

.clear { height: 0; clear: both;}

/* ----------- Front teaser box for 2 columns ------------- */

body.frontpage #right { margin-right: -40px; width: 550px; }
body.frontpage #right { margin-right: -29px; width: 550px; xoverflow:hidden; } /* KAD 10.05.10 */
/*body.frontpage #right p{ width: 520px; } /* KAD 10.05.10 */
    .teaser_2col { float: left; width: 240px; margin-right: 30px; padding-bottom: 20px; }
    
/* ----------- Document: "frivilligprofil" ------------- */

#content .frivillig { width: 680px; margin-right: -270px; float: left; clear: left; }
    #content .frivillig h3 { margin: 0 0 10px; }
    #content .frivillig p {}
    #content .frivillig img { float: left; margin: 0 20px 20px 0 }
    #content .flist h3{ margin-top: 0; }
       
/* ----------- Document: "videoprofil" ------------- */

#content .videoprofil { width: 410px; margin: 0 0px 20px 0; /*margin-right: -270px; */ float: left; /*clear: left;*/ }
    #content .videoprofil p { float: right; padding: 0 0 0 5px; width: 160px; }
    #content .video { float: left; /*padding: 0; width: 240px;*/ width: auto; }
    
/* ----------- Document: "videoartikel" ------------- */

#content .vidArtikel { width: 668px; margin: 0 0px 20px 0; /*margin-right: -270px; */ float: left; /*clear: left;*/ }
    #content .vidArtikel h3 { padding: 0 0 5px 0; }
    #content .vidArtikel p { padding: 0 0 0 5px; }
    #content .vidArtImg { float: right; padding: 0 0 20px 20px; width: 240px; }
    
/* ----------- Document: "video link-liste" ------------- */

#content .vidRightList { clear:left;float:right; margin:0 -260px 20px 0; padding:0 0 0 30px; width:240px; *padding: 0 0 0 260px;}
    #content .vidRightList h3 { padding: 0 0 20px 0; color:#920000;font-size:1.8em;font-style:normal;line-height:1.6em;font-weight:normal;}
    #content .vidRightList p { padding: 0; }

/* ----------- Document: "Artikel" (modifikationer) ------------- */

		#content dl.image {
			float: right;
			/*clear: right;
			display: inline;*/
			width: 495px;
			/*margin: 0 -270px 25px 10px;*/
			}
		#content dl.youtube {
			width: 375px;
			}


/* ----------- Module: Document list "videoprofil" ------------- */

#content .vidlist { margin: 0 -270px 20px 0; /*margin-right: -270px; */ float: left; clear: left; }
#content .wide { width: 668px; }
#content .vidlist h3 {padding: 0 0 20px 0; color:#920000;font-size:1.8em;font-style:normal;line-height:1.6em;font-weight:normal;}
#content .vidlist .videoprofil { width: 300px; margin: 0 40px 0 0;padding: 0 0px 20px 0; display: block; /*margin-right: -270px; */ float: left; /*clear: left;*/ }
#content .vidlist .vleft { /*clear: left; */}
#content .vidlist .videoprofil p { float: right; padding: 0 0 0 5px; width: 100px; }
#content .vidlist .videoprofil div div, #content .vidlist .videoprofil span  { font-size: 0.8em; }
    #content .vidlist .video { float: left; padding: 0; width: 180px; }
#content .vidresults { float: left; clear:both;}
    
    
/* ************* Module: Front-end creation of "frivilligprofiler" **************** */

#DocumentForm table { width: 680px; float: left; clear: left; padding: 0; margin-right: -270px;}
#DocumentForm .hidden { display:none; }
#DocumentForm h2, #DocumentForm label { font-weight: bold; margin: 0; padding: 20px 0 0; }
#DocumentForm td { border: 0; padding: 0; }
#DocumentForm td p { margin: 0; padding: 0; float: left; width: 400px; }
#DocumentForm td div { float: left; clear: left; padding: 0;}
#DocumentForm div div { padding: 0;}
#DocumentForm .field { position: relative; float:left; width:680px; padding: 6px 0 6px ; }
#DocumentForm label{ float: left; clear: left; padding: 3px 0 3px;}
#DocumentForm .field label{  }
#DocumentForm  input, #DocumentForm textarea , #DocumentForm select { float: left; clear: left; width: 200px;}
#DocumentForm .button { float: left; clear: none; margin: 15px 0 0; width:auto; }
#DocumentForm .compact { padding: 5px 0 0; }
#DocumentForm .hidden { display: none; }
#DocumentForm .alignment { float: left; clear: left; padding: 0; width: 200px;}
/*#DocumentForm #img_imgLarge_Url { display: none; }
#DocumentForm #img_imgSmall_Url { display: none; }*/
/*#DocumentForm .imgex img { max-width: 90px; max-height: 90px; } */
#DocumentForm #haab { width: 400px; height: 140px; }
#DocumentForm #yes { width: 13px; height: 13px; margin: 0px 10px 10px 0; }
#DocumentForm .poplink { float:left; clear: left; padding:0; }
#DocumentForm #uploadL, #DocumentForm #uploadS { position: absolute;  margin:0; padding:0; height: 190px; overflow: hidden; z-index: 99; top: -10px; left: 210px; display: none; border: 1px solid #000; }
#DocumentForm iframe { position: relative; }

/* ************* Module: Front-end upload **************** */

#uform form label, #uform span { float: left; clear: left; }
#uform form label { font-weight: bold; }
#uform form h1 { margin:0 0 10px; }
#uform form #upload { float: left; clear: left; height:20px; margin:0 150px 5px 0;}
#uform form .upload { float: left; clear: left; }
#uform form .submit { width: 100%;}

/* ************* Module: Front-end login **************** */

.login { float: left; width: 400px; }
.login form {}
.login form input.formfield { float: left; clear: left; margin: 0 0 5px; width: 200px; }
.login form label { font-weight: bold; float: left; clear: left; }
.login p { padding: 20px 0 0; float: left; clear: left; }
.login dl { padding: 0; margin: 0; float: left; clear: left; }
.login dd { padding: 0; margin: 0; float: left; clear: left; }
.login dt { padding: 0; margin: 0; float: left; clear: left; }

/* ************* Module: Document list rotator subpage **************** */

.frotate { background:#fff; border:1px solid #b2b2b2;height:325px;margin:0 0 20px;overflow:hidden;position:absolute;right:0;top:105px;width:250px;z-index:50;}
    #imageContainer { position: relative; margin-left: auto; margin-right: auto; }
    #captionContainer { position: absolute; text-align: center; color: #920000; z-index: 55; height: 40px; bottom: 0; left: 0; width: 80%; padding: 2% 10% 0; background: #fff; border-top: 1px solid #b2b2b2; }
        #captionContainer p { cursor: pointer; }
    #thumbsContainer, .thumbs { display: none; width: 0px; }
    .frotate img { margin: 0 auto; }
    
/* ************* Module: Document list rotator frontpage **************** */

 .teaser_2col .frotate { background:#fff; border:1px solid #b2b2b2;height:325px;margin:0 0 5px;top:0;right:0;position: relative;overflow:hidden;width:240px;}
     .teaser_2col h3.hck, .teaser_2col h3.hck p {margin: 0;}
    .teaser_2col #imageContainer { position: relative; }
     .teaser_2col #captionContainer { position: absolute; text-align: center; color: #920000; z-index: 55; height: 40px; bottom: 0; left: 0; width: 80%; padding: 2% 10% 0; background: #fff; border-top: 1px solid #b2b2b2; }
         .teaser_2col #captionContainer p { cursor: pointer; }
    .teaser_2col #thumbsContainer, .teaser_2col #thumbsContainer .thumbs { display: none; width: 0px; }
    .teaser_2col #frotate img { margin: 0 auto; min-width: 240px; }

/* ************* Rettelse til tilmeldingsformular ********************* */

/*div.box { float: left; } Why this? ruins right menu */
#content div.box { float: none; }

/* ************* Tidslinie ******************************************** */

#timeline { width: 680px; height: 350px; }

/* ************* Frivillig drop-down ******************************************** */

h3.blok { display:block; clear: left; }

form#findform { float: left; clear: left; margin: 0 0 20px 0; }
form#findform label,form#findform .smt, form#findform .fnd, #afd { float: left; clear: left; margin: 0 0 5px;}
form#findform .smt, #afd { float: left; clear: left; margin: 0 0 5px; border:1px solid #B2B2B2; color:#333333; padding: 2px 3px; }

/* ******** Knap-styles ******** */
a strike{
    text-decoration: none;
    width: auto;
	padding: 2px 8px;
	color: #920000;
	font-weight: bold;
	border: 1px solid #b2b2b2;
	background: #fff url('../gfx/background/bg-button.png') repeat-x 0 100%;
	cursor: pointer;
	overflow: visible;
	font-size:1em;
    font-weight:bold;
    padding:3px 8px;
}
a:hover strike{
	color: #fff;
	font-weight: bold;
	border: 1px solid #b2b2b2;
	background: #aeaeae;
}
a strike u, a u strike{
    background:transparent url(../gfx/icon/icn-card-dk.png) no-repeat scroll 0 1px;
    padding:0 0 0 25px;
    text-decoration: none;
}

a strike br {display: none; }

/* ********  End knap-styles ******** */

/* KAD 17.06.10 START */
#ingenco2{position:absolute; margin-left:862px; margin-top:71px; }
/* KAD 17.06.10 START */