/************************************************************************************************	

TITEL: NOTUBIZ PRO DEFAULT CSS
AUTEUR: BASING.NL, EDIT BY MYBIT
DATUM: NOVEMBER,DECEMBER 2008, JANUARI 2009

FIXME: DYNAMISCH CSS ACHTERHALEN ADHV DATABASE SETTINGS CLIENT

*************************************************************************************************

CSS REFERENCE
------------------
1: TEMPLATE

2: HEADER
	2.1: Logo
	2.2: h2
	2.3: menu
	
3: DIVISIONS, SPLITS & PADDINGS
	3.1: divisions
	3.2: splits
	3.3: paddings
	
4: LISTS
	4.1: list1
	4.2: list2
	4.3: list3

5: BOXES
	5.1: box1
	5.2: box2
	5.3: box3

6: MISCELLEANOUS
	6.1: content

7: FOOTER
	
*/

/************************************************************************************************/
/*1: TEMPLATE*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:Verdana;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
body{
background-color:	#c4db0d;
}
#container{width:1000px; margin:auto auto;}
a 
{
    color: 		#002469;
    text-decoration:	none;
}
a:hover
{
    color: 		#e6086e;
    text-decoration:	underline;
}



/************************************************************************************************/
/*2: HEADER*/
/************************************************************************************************/
#header{height:112px; background:url(/images/header.jpg) no-repeat top left; position:relative; }

/*logo*/
#header h1 a{width:234px; height:76px; top:0px; left:0px; text-indent:-4000px; display:block; overflow:hidden; position:absolute;}

/*h2*/
#header h2{left:20px; top:81px; font-size:17px; color:white; position:absolute; }

/*menu*/
#header ul.menu{right:0px; top:83px; position:absolute;}
#header ul.menu li{float:left; margin:0px 15px 0px 0px;}
#header ul.menu li a{font-size:11px; color:white; text-decoration:none; }

/************************************************************************************************/
/*3: DIVISIONS, SPLITS & PADDINGS*/
/************************************************************************************************/
/*division*/
#division{background:url(/images/division_d1.gif) repeat-y top left; zoom:1;}
#division.d1 #left{width:461px; margin:0px 0px 0px 0px; float:left; padding:20px; position:relative; display:inline;}
#division.d1 #center{width:250px; float:left; position:relative; display:inline;}
#division.d1 #right{width: 209px; margin: 20px; float:left; position:relative; margin-right:0px;}

#division2{background:url(/images/division_d2.gif) repeat-y top left; zoom:1;}
#division2.d2 #right{width:209px; padding:20px; float:left; position:relative; margin-right:-3px;}
#division2.d2 #left{width:711px; margin:0px 0px 0px 0px; float:left; padding:20px; position:relative; display:inline;}

/*splits*/
.split{}
.split.s1{}
.split.s1 .left{width:480px; margin:0px 1px 0px 2px; float:left; position:relative; display:inline;}
.split.s1 .center{width:317px; margin:0px 1px 0px 0px; float:left; position:relative; display:inline;}
.split.s1 .right{width:314px; float:left; position:relative;}

/*paddings*/
.padding1{padding:10px 20px 10px 20px; }
.padding2{padding:25px 20px 10px 25px; }
.padding3{padding:0px 0px 0px 0px; }
.padding4{padding:0px 20px 0px 25px; }

/************************************************************************************************/
/*4: LISTS*/
/************************************************************************************************/
.list{zoom:1}
.list li{zoom:1}

/*list 1, notulen*/
.list.l1{}
.list.l1 li{padding:4px;}
.list.l1 li.on{background:#f8edf6; }
.list.l1 li a{padding:0px 0px 0px 23px; font-size:11px; color:#002469; font-weight:bold; text-decoration:none;  display:block; background:url(/images/ico_plus.gif) no-repeat top left; }
.list.l1 li.on a{padding:0px 0px 0px 23px; font-size:11px; color:#e6086e; font-weight:bold; text-decoration:none;  display:block; background:url(/images/ico_min.gif) no-repeat top left; }

.list.l1 li ul.ico{padding:0px 0px 0px 0px; font-size:11px;}
.list.l1 li ul.ico li{padding-left:0px;}
.list.l1 li ul.ico p{padding-top:10px;}
.list.l1 li ul.ico a{color:#002469; text-decoration:none; font-weight:normal; display:inline;}
.list.l1 li ul.ico a:hover{color:#e6086e; text-decoration:none; font-weight:normal; display:inline;}
.list.l1 li ul.ico a.video{padding:0px 0px 0px 25px; background:url(/images/ico_video.gif) no-repeat center left; }
.list.l1 li ul.ico a:hover.video{padding:0px 0px 0px 25px; background:url(/images/ico_video_on.gif) no-repeat center left; }
.list.l1 li ul.ico a.audio{padding:0px 0px 0px 25px; background:url(/images/ico_audio.gif) no-repeat center left; }
.list.l1 li ul.ico a:hover.audio{padding:0px 0px 0px 25px; background:url(/images/ico_audio_on.gif) no-repeat center left; }

/* gebruikt voor lege subjects: */
.list.l1 li.subject {padding:5px 0px 5px 23px; font-size:11px; color:black; font-weight:bold; text-decoration:none;display:block;}
/* gebruikt voor volle subjects: */
.italic{font-style: italic;}

/*list 2, menulijst */
.list.l2{ width: 250px}
.list.l2 li{padding:10px; border-bottom:1px solid #d285c3; }
.list.l2 li a{padding:0px 0px 0px 30px; font-size:11px; color:#002469; font-weight:bold; text-decoration:none;  display:block; background:url(/images/ico_arrow_right.gif) no-repeat center left; }
.list.l2 li a:hover{padding:0px 0px 0px 30px; font-size:11px; color:#e6086e; font-weight:bold; text-decoration:none;  display:block; background:url(/images/ico_arrow_right_on.gif) no-repeat center left; }
.list.l2.alt li{padding:10px 10px 0px 0px; border-bottom:0px}
.list.l2.alt li a{font-weight:normal; background:url(/shared/pro/images/ico_arrow_right.gif) no-repeat 0px 1px; }

/*list 3, RIS custom links*/
.list.l3{}
.list.l3 li{padding:5px 0px 5px 0px; }
.list.l3 li a{padding:0px 0px 0px 30px; font-size:11px; color:black; text-decoration:none;  display:block; background:url(/images/ico_arrow_right2.gif) no-repeat center left; }

/*list 4, sprekerslijst*/
.list.l4 li{margin-left: 10px; padding-top:5px; padding-left:25px; font-size:11px; color:black; text-decoration:none;  display:block; background:url(/shared/pro/images/ico_arrow_right2.gif) no-repeat center left; }

/*list 5, uitzendinggemist*/
.list.l5{ width: 200px}
.list.l5 li{padding:10px; border-bottom:1px solid #9aa8b6; }
.list.l5 li a{padding:0px 0px 0px 30px; font-size:11px; color:black; font-weight:bold; text-decoration:none;  display:block; background:url(/images/ico_arrow_right.gif) no-repeat center left; }
.list.l5.alt li{padding:10px 10px 0px 0px; border-bottom:0px;}
.list.l5.alt li a{font-weight:normal; background:url(/images/ico_arrow_right.gif) no-repeat 0px 1px;}


/************************************************************************************************/
/*5: BOXES*/
/************************************************************************************************/
/*box 1*/
/*
.box1{position:relative; padding:8px; background:#e5eaef; zoom:1; width: 446px; height: 15px; color: #FFF;}
.box1 .scroll a.up{width:15px; height:8px; overflow:hidden; text-indent:-4000px; right:0px; top:-2px; display:block; position:absolute; background:url(/images/ico_arrow_up.gif) no-repeat top left; }
.box1 .scroll a.down{width:15px; height:8px; overflow:hidden; text-indent:-4000px; right:0px; top:12px; display:block; position:absolute; background:url(/images/ico_arrow_down.gif) no-repeat top left; }

.box1 .vergaderterug {width: 135px; font-size: 11px;float:left;}
.box1 .autoscr {width: 170px; font-size: 11px;float:left;}
.box1 .scroll{right:15px; top:8px; width:120px; height:30px; position:absolute;}
.vergaderterug2{width: 112px; font-size: 11px;float:right;}
*/

.box1{position:relative; padding:8px; background:#d185c3; zoom:1; width: 446px; height: 15px; color:#FFF;}
.box1 .scroll a.up{width:15px; height:8px; overflow:hidden; text-indent:-4000px; right:0px; top:-2px; display:block; position:absolute; background:url(/images/ico_arrow_up.gif) no-repeat top left; }
.box1 .scroll a.down{width:15px; height:8px; overflow:hidden; text-indent:-4000px; right:0px; top:12px; display:block; position:absolute; background:url(/images/ico_arrow_down.gif) no-repeat top left; }

.box1 .vergaderterug {width: 135px; font-size: 11px;float:left;}
.box1 .autoscr {width: 170px; font-size: 11px;float:left;}
.box1 .scroll{right:15px; top:8px; width:120px; height:30px; position:absolute;}
.vergaderterug2{width: 112px; font-size: 11px;float:right;}







/*box 2*/
.box2{position:relative; padding:20px 40px 15px 25px; background:#d185c3; text-align:left;}
.box2 a{color:white; font-size:12px; text-decoration:none; font-weight:bold; line-height:10px;}
.box2 a span{font-size:20px; display:block; margin-bottom: 7px;}
.box2 p{color:#FFF; font-weight:normal; }
.box2 .live{right:-9px; top:-38px; position:absolute; }

/*box 3*/
.box3{position:relative; padding:13px; background:#f8edf6; font-size:11px;}
.box3 span{color:#000; }
.box3 .select{width:250px;}
.box3 .select_small{width:85px;}
.box3 .text{width:250px;}
.box3 .submit{background:#e6086e; padding:1px 10px 2px 10px; color:white; border:0px; cursor:pointer;}


/************************************************************************************************/
/*6: MISCELLEANOUS*/
/************************************************************************************************/
table{ border-collapse:collapse;}
table td{padding:3px 0px 3px 0px; }

/*content*/
.content {
    color: 	#000;
}
.content h1{
	color: 	#e6086e;
    font-size:18px;
    padding:0px 0px 5px 0px; 
}
.content h2{font-size:14px; color:#000; padding:0px 0px 10px 0px; }
.content p{font-size:11px;}

/************************************************************************************************/
/*7: FOOTER*/
/************************************************************************************************/
#footer{background:#002469; height:37px; position:relative;}
#footer .logo{width:60px; height:19px; display:block; right:10px; top:11px; background:url(/images/footer_logo.gif) no-repeat top left; overflow:hidden; text-indent:-4000px; position:absolute; }




/* Extra */
#uitzendinggemistLijstItems
{
    overflow: auto;
    width: 225px;
    padding: 0px 0px 0px 25px;
}

#mainScrollContent{
    /* height & width should be explicidly defined (jscript?) */
    overflow:auto;
    border: 1px solid #d285c3;
    background-color: #f4def0;
    height: 100px;
}

#sprekerOverzicht{
    overflow: auto;
}

#zoeken {
text-align: center;
}
.zoekInput {margin: 1px 10px 1px 10px; width: 200px; }
.zoekSubmit { margin: 0px 10px 0px 10px; width: 200px; background: #e6086e; color: white }
.match {background: #e6086e; color: #FFF;}
#search_results{ overflow:auto;}
#help_text{ overflow:auto;}
.searchNav{font-weight:bold;}
.vergaderOnderdeel { margin-top: 25px;}

.hidden {
    visibility: hidden;
    display: none;
}
.visible {
    visibility: visible;
    display: block;
}
.pointer{
    cursor: pointer;
    /* cursor: hand; IE < 6 not supported */
}


/* SprekersInfo */
#container_sprekersinformatie
{
    position: relative; 
    top: 0px; 
    margin-right: 10px;
    width: 250px;
    font-size:11px;
}
.div_titel
{
    color: black;
    background-color: #d285c3; 
    color: #FFF; 
    padding-left: 5px;
    padding-top: 2px;
    font-weight: bold;
    height: 18px;
    
}
.div_content
{
    padding: 5px;
    height: 40px;
    width: 189px;
    font-size: 10px;
}
.div_content_sprekersinformatie_foto
{
    position:	absolute; 					
    left: 	189px; 
    background-color:	#f8edf6; 
    float:	right; 
    height:	74px; 
    width: 60px;
    border-left:	1px solid #d285c3;
    background-image:  	url(/shared/img/sprekers/onbekend.jpg);
}
.div_content_sprekersinformatie_tekst
{
    background-color:	#f8edf6; 
    height:	21px; 
    border-top:	1px solid #d285c3;
	border-bottom:	1px solid #d285c3;
    padding-left: 5px;
    padding-top: 2px;
    
}
.sprekersinformatie_tekst_padding a
{
    color:	#002469; 
    font-weight:	bold;
    text-decoration: 	none;
}
.sprekersinformatie_tekst_padding a:hover
{
    color:	#e6086e; 
    font-weight:	bold;
    text-decoration: 	underline;
}


/* mediaplayer style */


#mediabuttons{
    width: 250px;
    background-color: #000;
}
#mediaplayer{
    background-color: #000;
    width: 250px;
}

.buffercount {
    color: white;
    font-size:12px;
    text-align: center;
}

.div_content_mediaplayerControls
{
    background-color:	#000; 
    border-top:		1px solid #000000;
    overflow: 		auto;
    height: 		21px;
    width: 250px;
}

/************************************************************************************************/
/*X: Mediaplayer buttons*/
/************************************************************************************************/
#mediaplayer_btn1 {float: left;}
#mediaplayer_btn2 {float: left; font-size: 10px; padding-top: 5px; padding-left: 1px; padding-right: 1px;}
.mediaplayer_btn2_light {color:	#FFFFFF;}
.mediaplayer_btn2_dark {color: #000000;}
#mediaplayer_btn3 {float: left; padding-right: 6px;}
#mediaplayer_btn4 {float: left;}
#mediaplayer_btn5 {float: left;}
#mediaplayer_btn6 {float: left;}
#mediaplayer_btn7 {float: left; padding-left: 4px;}
#mediaplayer_btn8 {padding-left: 40px; float: left;}
#mediaplayer_btn9 {float: left; width: 4px;}

.attachments {
    border: 1px solid #50667E;
    background-color: #E5EAEF;
    margin: 6px 6px 6px 0px;
    padding: 4px 4px 4px 4px;
}