/* $Id: global.css,v 1.2 2007/01/31 18:24:13 lundsett Exp $ */
/* $Source: /home/1/l/lundsett/cvsrepository/vineyard/layout/global.css,v $ */


/* Plassering av elementer p� siden */


/* Stiler for spesielle elementer identifisert ved id */

#wgt_staticheader {
	width: 1000px;
	height: 275px;
	border: 0px;
}

#header_img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}


#tbl_middle {
	height: 100%;
}

/*
#lyt_middle {
	width: 1000px;
	position: relative;
	top: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	background-repeat: repeat-y;
}
*/


#lyt_contbl {
	height: 700px;
	width: 1000px;

}

#lyt_leftshadow {
	width: 8px;
	background-image: url(../gfx/leftshadow.png);
	background-repeat: repeat-y;
}
#lyt_midcell {
	vertical-align: top;
	top: 0px;
	background-repeat: no-repeat;
	width: 1000px
}

#lyt_rightshadow {
	width: 8px;
	background-image: url(../gfx/rightshadow.png);
	background-repeat: repeat-y;
}

#td_leftcol {
	border-right: 1px dashed #cccccc;
	vertical-align: top;
}

#wgt_mainmenu {
	/*float: left;*/
	width: 182px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 0px;
}
#wgt_mainmenu table {
	margin: 0;
}

#pagepreview {
	position: absolute;
	top: 400px;
	left: 900px;
	width: 100px;
	height: 100px;
}

#td_centercol {
	vertical-align: top;
}

#wgt_hormenu {
		padding: 0;
}

#wgt_maincontent {
	/*float: right;*/
	/*
	width: 770px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	*/	
}

#wgt_staticfooter {
	width: 1000px;
	height: 42px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* ---start---*/
/* Default utseende */

body {  
	font-family: Lucida Sans Unicode,Trebuchet MS,sans-serif;
	font-size: 13px; 
	color: #111111; 
	overflow: auto; 
	border: 0px;
	padding: 0px;
	margin: 0px; 
	background-color: #888888;
	background-image: url(../gfx/background.jpg);
	background-position: 50%0%;
	background-repeat: no-repeat;
}

p {
	font-family: Lucida Sans Unicode,Trebuchet MS,sans-serif;
	font-size: 13px; 
	color: #111111; 
	margin: 0px 0px 9px 0px;
	border: 0px;
	text-align: justify;
}

p.size12 {
	font-size: 12px;
}


h1 {
	font-size: 20px; 
	font-weight: bold; 
	margin-bottom: 3px
}


h2 {  
	font-size: 14px; 
	font-weight: bold;
	margin-bottom: 3px;
}

h3 {  
	font-size: 13px; 
	font-weight: bold; 
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 6px;
	margin-bottom: 0px;
				
}

h4 {  
	font-size: 14px; 
	text-align: center;
	font-weight: bold; 
}

h5 {  
	font-size: 12px;
	font-weight: bold; 
	text-align: center
}

div.fancyhd_level1 {
}
div.fancyhd_level1 img {
	padding: 5px 0px 10px 0px;
} 


table {
	font-family: Lucida Sans Unicode,Trebuchet MS,sans-serif;
	font-size: 13px;
	color: #111111;
	background-repeat: no-repeat;
	padding: 0px;
	border: 0px;
}

th { 
	font-size: 12px; 
	color:#2F4A77; 
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

td { 
	background-repeat: no-repeat; 
	background-position: center top;
	vertical-align: top;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

input {
	font-family: Lucida Sans Unicode,Trebuchet MS,sans-serif;
	font-size: 13px;
	color: #111111;
}

textarea {
	font-family: Lucida Sans Unicode,Trebuchet MS,sans-serif;
	font-size: 13px; 
	color: #111111; 
}

a { 
	color: #642C33; 
	text-decoration: none;
	font-weight: normal;
}

span.contact { 
	color: #642C33; 
	text-decoration: none;
	font-weight: normal;
}

span.contact:hover { 
	color: #642C33;
	cursor: pointer;
	text-decoration: underline;
	font-weight: normal;
}



.yui-skin-sam a { 
	color: #642C33; 
	text-decoration: none;
	font-weight: normal;
}

a:visited { 
	color: #A46C63; 
	text-decoration: none;
	font-weight: normal;
}

a:hover { 
	color: #642C33;
	cursor: pointer;
	text-decoration: underline;
	font-weight: normal;
}

li {padding-bottom: 5px}

/* ---end---*/




/* ---start--- */
/* Diverse stiler */

blockquote.bibelsitat { 
	font-style: italic 
}

.pict { 
	padding-right: 0px; 
	text-align: center; 
	padding-top: 30px 
}



.formdata { 
	font-family: Verdana; 
	font-size: 12pt; 
	text-decoration: none; 
	background-color: #CCCCCC; 
}

textarea.epost { 
	font-family: Verdana; 
	font-size: 10pt 
}

p.endret {
	font-family: Verdana; 
	font-size: 10px; 
	color: #2F4A77;
	padding-top: 10px
}

/* Utseende for hjelpeboks */
.hjelp { width: 180px;
	background-color: #D1D8E5; 
	border-width: 1px; 
	position: absolute;  
	margin-left: 23px; 
	margin-top: -15px; 
	padding: 4px; 
	visibility: hidden; 
	z-index: 100; 
	border: 1px black dashed; 
	font-size: 11px; 
	font-weight: normal
}

.disabled { 
	color: grey; 
}

/* ---end--- */


/* ---start--- */

/* Stiler for liste ingresser p� forsiden */
/* Struktur for hver ingress er:
<div class="ingress">
<div class="overskrift">Overskrift</div>
<div>Ingress</div>
<div class="dato">1. mars</div>
</div>
*/
.ingress { 
	padding-right: 100px; 
	padding-left: 0px;
	padding-bottom: 30px;
	font-size: 11px; 
	text-align: justify; 
	border: 0px;
	margin: 0px;
}

.ingress div.overskrift  {
	font-weight: bold; 
	font-size: 12px; 
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.ingress div.dato {
	font-size: 10px; 
	text-align: right;
	border: 0px;
	margin: 0px;
	padding: 0px;
} 
/* ---end--- */


/* ---start--- */
/* Stiler for hovedmenyen */

/* Struktur for menyen er slik:
<div class="meny">
<div class="menylevel1"><a href="...">Link p� �verste niv�</a></div>
<div class="menylevel2"><a href="...">Link p� andre niv�</a></div>
<div class="menylevel3"><a href="...">Link p� tredje niv�</a></div>
</div>

I tillegg kommer noen <div class="menyblokk"> og litt annet rask men det har ikke med selve layouten � gj�re,
men brukes i javascript-koden for � vise/skjule undermenyer */

div.meny  {
	/*color: #66CC66;*/ 
	text-decoration: none; 
	border-left: 1px #E7E8DC solid; 
	border-top: 1px #E7E8DC solid; 
	border-right: 1px #E7E8DC solid; 
	border-bottom: 0px;
	position: absolute; 
	width: 180px;
	margin: 0px;
	padding: 0px;

}

div.meny a 
	{color: #111111; 
}

div.meny a:hover {
	text-decoration: none;	/* �nsker ikke understrekning av linkene her */ 
}

div.menylevel1  {
	padding-left: 6px; 
	border-bottom: 1px #E7E8DC solid;
}

div.menylevel1 * {
	font-size: 12;
}

div.menylevel2  {
	padding-left: 12px; 
	border-bottom: 1px #E7E8DC solid;
}

div.menylevel2 * {
	font-size: 11;
}

div.menylevel2 a:hover {
	font-size: 11px;
}

div.menylevel2 a:visited {
	font-size: 11px;
}

div.menylevel3  {
	padding-left: 18px; 
	border-bottom: 1px #E7E8DC solid; 
}

div.menylevel3 * {
	font-size: 10px;
}

div.menylevel3 a:hover {
	font-size: 10px;
}

div.menylevel3 a:visited {
	font-size: 10px;
}

/* ---end--- */


/* ---start--- */
/* Stiler for kalender */

table.minikalender {
	width: 200px;
	border: #303030 solid 1px; 
	padding: 2px;
	margin: 0px
}

table.minikalender td{ 
	font-size: 11px;
	text-align: left;
	border: 0px;
	margin: 0px;
	padding: 0px; 
}

table.minikalender_dag { 
	padding: 2px 0px 2px 0px; 
	border: 0px;
	margin: 0px;
}

table.minikalender_dag a { 
	font-size: 11px;
}

table.minikalender_dag a:hover { 
	font-size: 11px; 
}

tr.minikalender_dag { 
	font-weight: bold; 
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* ---end--- */

/* brukes i meny.inc */
.tabellevel1 td {
	font-size: 14px; 
	font-weight: bold;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* brukes i meny.inc */
.tabellevel2 td {
	font-size: 12px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* brukes i meny.inc */
.tabellevel3 td {
	font-size: 10px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}


/* Kommentert ut 02.12.06 
.menutitle{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #66CC66; 
	padding-left: 15px;
}
*/

/* Kommentert ut 02.12.06
.submenu{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #66CC66; 
	padding-left: 25px;
}
*/


/* brukes i rettigheter.inc og rettighetsadmin.inc */
.rolleinnrykk { 
	padding-left: 10px; 
	color: #333333;
}

/* brukes i rettigheter.inc og rettighetsadmin.inc */
.rolletilgj { 
	color: #666666; 
	padding-bottom: 0px;
}

/* brukes i rettigheter.inc og rettighetsadmin.inc */
.rolleutilgj { 
	color: #AAAAAA; 
	padding-bottom: 0px;
}


/* ---start--- */
/* stiler for dtree */

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #666666; */
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	/*color: #66CC66; */ 
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	/*color: #666666;*/
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

/* ---end---*/






/* ---start--- */

/* lagt til 22.01.07 */

#forside_col_left {
	float: left;
	width: 505px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-right: 40px;
}

#forside_col_right {
	float: right;
	width: 180px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#forside_innledning_div {
	/*width: 1000px;
	height: 275px;*/
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#forside_aktuelt_div {
	/*width: 1000px;
	height: 275px;*/
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#forside_kalender_div {
	/*width: 1000px;
	height: 275px;*/
	border: 0px;
	margin: 0px;
	padding: 0px;
}

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

/* lagt til 07.07.07 */

/* stiler til gruppeadmin-side */

#gruppeadm_col_left {
	float: left;
	width: 49%;
	height: 300px;
	overflow: auto;
	border: 1px #D0D0C8 solid;
	margin: 0px;
	padding: 0px;
}

#gruppeadm_col_right {
	float: right;
	width: 49%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}



#gruppeadm_nonmembers_main {
	float: left;
	width: 49%; 
	border: 0px;
	margin: 0px;
	padding: 0px;
	
}

div.gruppeadm_membersearch {
	border: 1px #D0D0C8 solid;
	border-bottom: 0px;
	position: relative;
	right: 0px;
	margin: 0px;
	padding: 0px;
}


div.gruppeadm_membersearch input {
	border: 0px;
	width: 100%;
}

div.gruppeadm_membersearch img {
	border: 0px; 
}

#wgt_gruppe_adm h3 {
	
}

#gruppeadm_nonmembers_list {
	border: 1px #D0D0C8 solid;
	height: 200px;
	overflow: auto;
	margin: 0px;
	padding: 0px;
}

#gruppeadm_members_main {
	float: right;
	width: 49%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#gruppeadm_members_list {
	border: 1px #D0D0C8 solid;
	height: 200px;
	overflow: auto;
	margin: 0px;
	padding: 0px;
}

#gruppeadm_info {
	border: 1px #D0D0C8 solid;
	margin-bottom: 10px;
}

span.editable {
	cursor: url(../gfx/icons/edit_rotated_16.png), crosshair;
}

/*
Ikke i bruk pga at IE ikke tar hensyn til !important
.inline_edit {
	padding: 2px !important;
}
*/

span.gruppeadm_nonmember {
	/*cursor:		move; */
}

span.gruppeadm_dirmember {
}

span.gruppeadm_indirmember {
	color: #AAAAAA;
}

#gruppeadm_nonmembers_list img {
	margin-right: 2px;
	cursor: pointer;
}

#gruppeadm_members_list img {
	margin-right: 2px;
	cursor: pointer;
}

table.vcard {
	width: 200px;
	font-size: 10px;
}

table.vcard td {
	vertical-align: middle;
	height: 16px;
}

table.vcard td.left_col {
	font-weight: bold;
	padding-left: 20px;
	padding-top: 1px;
	height: 16px;
	vertical-align: top;
}

table.vcard td.right_col {
	vertical-align: top;
	padding-top: 1px;
}

td.fnavn {
	background: url(../gfx/icons/user_16.png) 0 0 no-repeat;
}

td.tlfmob {
	background: url(../gfx/icons/phone_16.png) 0 0 no-repeat;
}

td.tlfhjem {
	background: url(../gfx/icons/tlfhjem_16.png) 0 0 no-repeat;
}

td.address {
	background: url(../gfx/icons/house_16.png) 0 0 no-repeat;
}

td.email {
	background: url(../gfx/icons/email_16.png) 0 0 no-repeat;
}

td.facebook {
	background: url(../gfx/icons/facebook_16.ico) 0 0 no-repeat;
}

td.blog {
	/*background: url(../gfx/icons/facebook_16.ico) 0 0 no-repeat;*/
}

table.vcard table {
	width: 100%;
}

#vcard_row_upper {
	
}

#vcard_td_pic {
	height: 80px;
}

#vcard_td_pic img {
	width: 100px;
}

#vcard_td_name {
	font-size: 16px;
	width: 100px;
}

img.ctl_button_normal {
	border: 1px solid;
	border-left-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-right-color: #666666;
	border-bottom-color: #666666;
}

img.ctl_button_hover {
	border: 1px solid;
	border-left-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-right-color: #666666;
	border-bottom-color: #666666;
	cursor: pointer;
}

img.ctl_button_pushed {
	border: 1px solid;
	border-left-color: #666666;
	border-top-color: #666666;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	cursor: pointer;
}

img.ctl_imgbutton_normal {
}

img.ctl_imgbutton_hover {
	cursor: pointer;
}

img.ctl_imgbutton_pushed {
	cursor: pointer;
}





div.ctl_toolbar {
	padding-top: 20px;
	text-align: center;
}

/* Workaround for bug in firefox where the cursor is not shown in text input */
div.enablecursor {
	overflow:	auto;
}

table.form input {
	border: 1px solid #D0D0C8;
}
table.form input:focus {
	background-color: #FFE5E5;
}

table.form td.label {
	font-weight: normal;
	padding-left: 20px;
	padding-top: 1px;
	height: 16px;
	vertical-align: top;
}

/* Styles related to folk */
#ap_emailrow {
	display: none;
}


/* Styles related to sending messages */
div.recip_container {
	width: 300px;
	height: 50px;
	overflow: auto;
	border: 1px solid #D0D0C8;
	line-height: 180%;
	font-size: 10px;
}



span.recip_frame {
	border: 1px solid #AAAAAA;
	margin: 1px;
}

span.recip_frame span {
	cursor:	default;
}

span.recip_frame img {
	cursor: pointer;
}

div.dlg_grouptree_container {
	width: 300px;
	height: 300px;
	overflow: auto;
	border: 1px #D0D0C8 solid;
	margin: 0px;
	padding: 0px;

}

.node_highlight {
	background-color: #D1D8E5;
}

div.addrecip_container {
	width: 300px;
	border-left: 1px solid #D0D0C8;
	border-top: 0px;
	border-right: 1px solid #D0D0C8;
	border-bottom: 1px solid #D0D0C8;
	

}

div.addrecip_search {
}

div.addrecip_search input {
	width: 100%;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #D0D0C8;
	background-image: url(../gfx/icons/search.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

div.addrecip_search div.person_name {
	
}

div.addrecip_search div.person_name_hover {
	background-color: #111133;
}

#td_folkactions {
	vertical-align: top;
}

#folkactions {
}

#folk_gruppevalg {
	margin-bottom: 10px;
}

.hover {
	background-color: #D1D8E5;
	cursor: pointer;
}


#util_uploader_selectfiles a, util_uploader_uploadfiles a, util_uploader_clearfiles a {
	color: #0000CC;
	background-color: #FFFFFF;
}

#util_uploader_selectfiles a:visited, util_uploader_uploadfiles a:visited, util_uploader_clearfiles a:visited {
	color: #0000CC;
	background-color: #FFFFFF;
}

#util_uploader_selectfiles a:hover, util_uploader_uploadfiles a:hover, util_uploader_clearfiles a:hover {
	color: #FFFFFF;
	background-color: #000000;
}


#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;
}





/* ---end--- */

/* $Log: global.css,v $
/* Revision 1.2  2007/01/31 18:24:13  lundsett
/* rutine
/*
/* Revision 1.1  2006/12/16 10:00:04  lundsett
/* rutine
/*
/* Revision 1.1  2006/11/20 18:53:52  lundsett
/* rutine
/*
/* Revision 1.2  2006/09/02 17:21:57  lundsett
/* Rutine
/*
/* Revision 1.1  2006/02/07 17:39:01  lundsett
/* Rutine
/*
/* Revision 1.2  2005/05/30 10:34:05  hakonal
/* *** empty log message ***
/* *//*
Prefixes of styles
wgt: widget, normally needs to by initiated by javascript
lyt: main partitioning of the page
bg: styles for background
cont: container for some content
plmt: container for placement
elmt: single element

*/

#wgt_banner {
		width: 750px;
	height: 160px;
	background-color: #505050;

}

#wgt_banner img {
	cursor: pointer;
}

#wgt_hormenu tr {
	height: 28px;
}

#hormenu_about {
	width: 153px;
}

#hormenu_transparent {
	width: 251px;
}

#hormenu_arts {
	width: 176px;
}

#hormenu_interactive {
	width: 253px;
}

#hormenu_contact {
	width: 167px;
}

#hormenu_about[class="highlight"] {
	width: 153px;
	cursor: pointer;
}

#hormenu_transparent[class="highlight"] {
	width: 251px;
	cursor: pointer;
}

#hormenu_arts[class="highlight"] {
	width: 176px;
	cursor: pointer;
}

#hormenu_interactive[class="highlight"] {
	width: 253px;
	cursor: pointer;
}

#hormenu_contact[class="highlight"] {
	width: 167px;
	cursor: pointer;
}


/* Skinning the menues */

/* necessary for IE */

.yui-skin-sam #wgt_hormenu .yuimenuitem {
	border-color: #3F3F3F;;
}


.yui-skin-sam #wgt_hormenu .yuimenu .bd {
	background-color:#3F3F3F;
	border:1px solid #808080;
}

.yui-skin-sam #wgt_hormenu .yuimenuitemlabel {
	color:#EEEEEE;
	text-decoration: none;
}


.yui-skin-sam #mnu_about .yuimenuitem-selected {
	background-color: #D14E0C;
}

.yui-skin-sam #mnu_transparent .yuimenuitem-selected {
	background-color: #468BB7;
}

.yui-skin-sam #mnu_arts .yuimenuitem-selected {
	background-color: #CF86B2;
}

.yui-skin-sam #mnu_interactive .yuimenuitem-selected {
	background-color: #D4332A;
}

.yui-skin-sam #mnu_contact .yuimenuitem-selected {
	background-color: #C6BA75;
}

#contentarea {
	background-color: #999AA9;
	background-image: url(../gfx/watermark.png);
	background-position: 50% 200px;
	background-repeat: no-repeat;	
}



#lyt_homerightcol {
	background-image: url(../gfx/rightcol.png);
	background-repeat: no-repeat;
	heigth: 630px;
	width: 250px;
	text-align: left;
	font-size: 12px;
}

#plmt_homerightcol {
	position: relative;
}

#cont_calendararea {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 40px;
}

#cont_whatshappeningarea {
	margin-left: 20px;
}


.cont_rightcolbox {
	border: 1px #303030 solid;
	width: 200px;
	padding: 2px;
}

#cont_wherearea {
	margin-top: 20px;
	margin-left: 20px;
}


#cont_buttonarea {
	text-align: left;
	margin-top: 25px;
	margin-bottom: 25px;
}

img.buttonpad {
	padding: 5px;
	margin-left: 50px;
}

img.header_whatshappening {
}

#homepic {
}


.rightcol_heading {
	padding-bottom: 3px;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}

/* styles for laying out a page */

div.lyt_contentpadding {
	padding-top: 20px;
	padding-bottom: 100px;
	padding-left: 90px;
	padding-right: 90px;
}

/* the lyt_twocol styles go together with one img and one div side by side. */
img.lyt_twocol_left {
	float: left;
	margin-right: 30px;
}

img.lyt_twocol_right {
	float: right;
	margin-left: 30px;
}

div.lyt_twocol_left {
}

div.lyt_twocol_right {
}


.textcol {
	/*padding: 50px;*/
}

td.td_leftcol {
	width: 50%;
	padding-left: 40px;
	padding-right: 40px;
}

td.td_rightcol {
	width: 50%;
	padding-left: 40px;
	padding-right: 40px;
}


#preview_wrapper {

}

#preview_label {
	position: absolute;
}

#preview_frame {
	position: absolute;
	top: 22px;
}

img.preview_img {
	position: absolute;
	top: 27px;
	left: 5px;
}
	

#wgt_maincontent {
	position: relative;
}

/* 
Styles for background on pages where picture does not fill the whole thing.
bg_fillbackground
*/

div.bg_floral {
	width: 1000px;
	background-image: url(../gfx/fillpattern.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

div.bg_wing {
	background-image: url(../gfx/watermark.jpg);
	background-position: 100px 100px;
	background-repeat: no-repeat;	
}

/*
Styles for the intros page
*/

#lyt_intros_table {
	margin-bottom: 80px;
}

#lyt_intros_leftcol {
	width: 255px;
}

#lyt_intros_rightcol {
}

#wgt_intros p {
	font-size: 12px;
	/*font-family: georgia, serif;*/
}

#wgt_intros ul {
	font-size: 12px;
	margin-top: 3px;
}

#elmt_intros_nameheader {
	width: 430px;
	height: 110px;
}

#cont_intros_roles {
	vertical-align: middle;
}

#cont_intros_roles ul {
	padding: 0px;
}

#elmt_intros_filmstrip {
	width: 660px;
	height: 163px;
}

#elmt_intros_familypic {
	width: 660px;
	height: 163px;
	margin-top: 10px;
}

#elmt_intros_bio {
	padding-right: 100px;
}

#elmt_intros_q {
	padding-right: 100px;
}

#wgt_intros_pickperson {
	margin: 111px 55px 20px;
	padding: 4px;
	border: 2px solid black;
	text-align: center;
	/*background-color: #D0CBC5;*/
}

.hover {
	cursor: pointer;
}

div.cont_intros_personwrapper {
	padding: 10px 0px 10px 0px;
}

div.cont_intros_personwrapper_hover {
	background-color: #E0DBD5;
}

img.elmt_intros_thumbnail {
	weigth: 90px;
	heigth: 90px;
	cursor: pointer;
}


div.elmt_intros_name {
}

/* Styles for getinvolved page */

#lyt_getinvolved_table {
	margin-bottom: 80px;
}

#lyt_getinvolved_leftcol {
	width: 255px;
}

#lyt_getinvolved_rightcol {
}

#elmt_getinvolved_teamtree {
	padding-top: 40px;
	padding-left: 40px;
}

#elmt_getinvolved_teamtree .ygtvlabel {
	background-color: transparent;
	cursor: pointer;
}


/* Styles for podcast page */

#lyt_podcast_leftcol {
	padding-left: 80px;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 40px;
}

#lyt_podcast_rightcol {
	padding-left: 40px;
	padding-top: 50px;
	padding-right: 80px;
	padding-bottom: 40px;
}

table.cont_podcast {
}

table.cont_podcast tr {
}

table.cont_podcast td.series {
	padding-top: 20px;
}

table.cont_podcast_series {
}

table.cont_podcast_series td.seriestitle{
	font-size: 16px;
	padding-bottom: 4px;
}

table.cont_podcast_series td.sermontitle{
	width: 300px;
}

table.cont_podcast_series td.speaker{
	
}

table.cont_podcast_series td.date {
}

table.cont_podcast_series td.player {
	padding-bottom: 25px;
}

table.cont_podcast_series td.download {
	padding-bottom: 25px;
}

/* Styles for transpButton */
img.transpbtn_gfx {
	position: absolute;
}

img.transpbtn_text {
	position: absolute;
}


/* Styles for blogs page */
#elmt_blogs_table {
	padding-bottom: 10px;
	text-align: right;
}

td.elmt_blogs_personname {
	width: 150px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-right: 10px;
}

td.elmt_blogs_address span {
	font-size: 11px;
}

/* Styles for transButton */
flatmenu_buttons {
	position:absolute;
}

div.ctl_transpbtn_wrapper {
	position: relative;
	heigth: 28px;
	width: 172px;
	margin: 2px;
}

img.ctl_transpbtn_background {
	position: absolute;
	cursor: pointer;
}

img.ctl_transpbtn_stringpic {
	position: relative;
	left: 8px;
	top: -2px;
	cursor: pointer;

}

/* Styles for give to Oasis page */

#elmt_give_itemtable thead {
	background-color: #CEC0C0;
	height: 27px;
	text-align: right;
	font-size: 13px;
}

#elmt_give_itemtable th {
	padding: 1px;
}

th.elmt_give_itemheader {
	text-align: left;
}

td.elmt_give_label {
	width: 300px;
	text-align: left;
}

td.elmt_give_price {
	width: 50px;
	text-align: right;
}

td.elmt_give_numberrequired {
	width: 90px;
	text-align: right;
}

td.elmt_give_prevbought {
	width: 140px;
	text-align: right;
}

td.elmt_give_quantity {
	width: 78px;
	text-align: right;
}

td.elmt_give_amount {
	width: 75px;
	text-align: right;
}

tr.elmt_give_row {
	height: 27px;
}

tr.elmt_give_row td{
	vertical-align: middle;
	padding: 1px;
}

tr.elmt_give_oddrow {
	background-color: #e1dcdc;
}

tr.elmt_give_evenrow {
	background-color: white;
}

input.elmt_give_quantityinput {
	width: 30px;
	border: 1px solid grey;
	background-color: transparent;
	text-align: right;
}

input.elmt_give_focus {
	background-color: #CEC0C0;
}

#elmt_give_totalrow {
	background-color: #CEC0C0;
	border: 2px solid black;
	font-weight: bold;
}

#elmt_give_totalrow td {
	text-align: right;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#elmt_give_totallabel {
}

#cont_give_donatebutton {
	text-align: right;
	padding: 20px 93px 20px;
}





// necessary styling for menus in IE
/* Copyright (c) 2006 Yahoo! Inc. All rights reserved. */

#main_menu {
	width: 180px;
	border-left: 1px #E7E8DC solid; 
	border-top: 1px #E7E8DC solid; 
	border-right: 1px #E7E8DC solid;
	padding: 0px;
	margin: 0px;
}

#main_menu a:hover {
	text-decoration: none;	/* ¯nsker ikke understrekning av linkene her */ 
}

#main_menu .ygtvchildren .ygtvchildren a {
	font-size: 11px;
}

#main_menu .ygtvchildren .ygtvchildren .ygtvchildren a {
	font-size: 10px;
}

#main_menu .ygtvitem table {
	width: 180px;
	border-bottom: 1px #E7E8DC solid;	
}

/* first or middle sibling, no children */
#main_menu .ygtvtn { 
	width: 0px; 
	height:15px; 
}

/* first or middle sibling, collapsable */
#main_menu .ygtvtm { 
	background: url(../gfx/yui/treeview/menu/collapse.gif) 0 0px no-repeat;
	width: 0px; 
	height:15px; 
	cursor:pointer 
}

#main_menu .ygtvtmr { 
	background: url(../gfx/icons/minusbullet.gif) 0 0px no-repeat;
	width: 14px; 
	height:15px; 
	cursor:pointer 
}


/* first or middle sibling, collapsable, hover */
#main_menu .ygtvtmh { 
	/*background: url(../gfx/yui/treeview/menu/collapseh.gif) 0 6px no-repeat;*/ 
	width: 0px; 
	height:15px; 
	cursor:pointer 
}

#main_menu .ygtvtmhr { 
	background: url(../gfx/icons/plusbullet.gif) 0px 0px no-repeat;
	width: 14px; 
	height:15px; 
	cursor:pointer 
}

/* first or middle sibling, expandable */
#main_menu .ygtvtp { 
	/*background: url(../gfx/yui/treeview/menu/expand.gif) 0 6px no-repeat;*/ 
	width: 0px; 
	height:15px; 
	cursor:pointer 
}

#main_menu .ygtvtpr { 
	background: url(../gfx/icons/plusbullet.gif) 0px 0px no-repeat;
	width: 14px; 
	height:15px; 
	cursor:pointer 
}


/* first or middle sibling, expandable, hover */
#main_menu .ygtvtph { 
	/*background: url(../gfx/yui/treeview/menu/expandh.gif) 0 6px no-repeat; */
	width: 0px; 
	height:15px; 
	cursor:pointer 
}

/* last sibling, no children */
#main_menu .ygtvln { 
	width: 0px; 
	height: 15px; 
}

/* Last sibling, collapsable */
#main_menu .ygtvlm { 
	/*background: url(../gfx/yui/treeview/menu/collapse.gif) 0 6px no-repeat;*/ 
	width:0px; 
	height:15px; 
	cursor:pointer 
}

/* Last sibling, collapsable, hover */
#main_menu .ygtvlmh { 
	/*background: url(../gfx/yui/treeview/menu/collapseh.gif) 0 6px no-repeat;*/ 
	width: 0px; 
	height:15px; 
	cursor:pointer 
}

/* Last sibling, expandable */
#main_menu .ygtvlp { 
	/*background: url(../gfx/yui/treeview/menu/expand.gif) 0 6px no-repeat;*/ 
	width: 0px; 
	height:15px; 
	cursor:pointer 
}

/* Last sibling, expandable, hover */
#main_menu .ygtvlph { 
	/*background: url(../gfx/yui/treeview/menu/expandh.gif) 0 6px no-repeat;*/ 
	width: 0px; 
	height:15px; 
	cursor:pointer 
}

/* Loading icon */
#main_menu .ygtvloading { 
	background: url(../gfx/yui/treeview/menu/loading.gif) 0 6px no-repeat; 
	width:1em; 
	height:15px; 
}

/* the style for the empty cells that are used for rendering the depth 
 * of the node */
#main_menu .ygtvdepthcell { 
	width: 6px; 
	height:15px; 
}

#main_menu .ygtvblankdepthcell { 
	width: 6px; 
	height:15px; 
}

/* the style of the div around each node */
#main_menu .ygtvitem { 
	border: 0px solid grey; 
}


/* the style of the div around each node's collection of children */
#main_menu .ygtvchildren { }  
* html #main_menu .ygtvchildren { 
	height: 0px; 
}  

/* the style of the text label in ygTextNode */
#main_menu .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 
	/*
	margin-left:2px;
	text-decoration: none;
	*/
	font-size: 12px;
}





/*
Prefixes of styles
wgt: widget, normally needs to by initiated by javascript
lyt: main partitioning of the page
bg: styles for background
cont: container for some content
plmt: container for placement
elmt: single element
app: styles belonging to a certain app

*/

div.bg_plain {
	background-color: white;
}

#wgt_cockpit {
	width: 1000px;
	height: 600px;
}


#app_file {
}