/* MAIN STYLESHEET FOR DOCSONLINE */

.test{ 
	background-image: url(../images/frame_still.gif);
	background-repeat: no-repeat;
	
	height: 100px;
	width: 180px;
	}

/* BODY Style: default text,... //////////////////////////////////////////*/
body, td, p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	scrollbar-3dlight-color:#303030;
	scrollbar-arrow-color:#F1F1E8;
	scrollbar-base-color:#F1F1E8;
	scrollbar-face-color:#303030;
	scrollbar-highlight-color:#303030;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-shadow-color:#303030;
	scrollbar-track-color: #F1F1E8;
	text-align: left;
}
/* style for input fields */
input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #303030;
	background-color: #B8B8B8;
	border: 1px solid #0E0D15;
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;

}
/* Style of all the links in the site ////////////////////////////////////*/
/*
a,a:hover {
	
	color: #00426B;
}
*/
a {
	text-decoration: none; 
	color: #CCCCCC;
}

.Link a {
	text-decoration: none; 
	color: #CCCCCCB;
}


.Link a:hover {
	color: #FF0000;
	background-color: #00FF00;
}
/* Style for DocLis Filter Buttons /////////////////////////////////////////////*/
.ButtA_L{
	background-image: url(../images/butta_l.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 7px;
	}
	
.ButtA_M{
	background-image: url(../images/butta_m.gif);
	background-repeat: repeat-x;
	height: 18px;
	padding-right: 4px;
	padding-left: 4px;
	}

.ButtA_M a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}	

.ButtA_R{
	background-image: url(../images/butta_r.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 7px;
	}

/* horizontal lines ////////////////////////////////////////////////////////*/


.hr_small{
	background-image: url(../images/hr.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 266px;
	background-position: 0px 17px;
	vertical-align: top;
}

.hr_smallb{
	background-image: url(../images/hr.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 266px;
	background-position: 0px 29px;
	vertical-align: top;
}
	
.hr_medium{
	background-image: url(../images/hr_gr.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 355px;
	background-position: 0px 16px;
	vertical-align: top;
}

.hr_mediumb{
	background-image: url(../images/hr_gr.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 355px;
	background-position: 0px 29px;
	vertical-align: top;
}
/* Style for Navigation Menu ##########################*/

/* Left outside corner /////////////////////////////////////////////////*/

.non-active-corner_tab_left{ /* non-active */
	background-image: url(../images/tab_a_nonactive.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 6px;
	}

.active-corner_tab_left{ /* active */
	background-image: url(../images/tab_a_active.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 6px;
	}
	
/* middle tab corners ////////////////////////////////////////////////////////*/

.tab_1{ /* active */
	background-image: url(../images/tab_1.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 12px;
	}
	
.tab_2{ /* non-active */
	background-image: url(../images/tab_2.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 12px;
	}	

.tab_3{ /* non-active */
	background-image: url(../images/tab_3.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 12px;
	}

/*middle tabs content /////////////////////////////////////////////////*/

/* non-active */
.non-active-mid{
	background-image: url(../images/mid_nonactive.gif);
	background-repeat: repeat-x;
	height: 20px;
	}
	
.non-active-mid a {
	color: #808285;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	font-style: italic;
	}

.non-active-mid a:hover {
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	}

/* active */
.active-mid a {
	color: #FFFFFF;
	padding: 3px 3px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	}
	
.active-mid a:hover {
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
.active-mid{
	background-image: url(../images/mid_active.gif);
	background-repeat: repeat-x;
	height: 20px;
	}

/* Right outside corner ///////////////////////////////////////////////*/

.non-active-corner_tab_right{ /* non-active */
	background-image: url(../images/tab_d_nonactive.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 12px;
	}

.active-corner_tab_right{ /* active */
	background-image: url(../images/tab_d_active.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 12px;
	}
/*END  Style for Navigation Menu ######################*/

/* Style for titles ////////////////////////////////////////////////////*/
.MainTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 3px;
}
.SubTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}

.SubSubTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
	font-style: normal;
}

/* Colofon */
.SubTitleGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #D9D9D9;
	background-color: #303030;
	font-style: normal;
	font-weight: bold;
	background-image: url(../images/arrowrightgrey.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 14px;
}

/* titles for in the doc list */

.MainTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-style: italic;
	text-align: center
}

.DocListMainTitle a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #969895;
	font-style: normal;
	text-align: center;
}

.DocListMainTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
}

.DocListSubTitle  {
	font-family: Times New Roman, Times, serif;
	font-size: 9pt;
	color: #D9D9D9;
	font-style: italic;
	font-weight: bold;
	background-color: #000000;
}

/* Style for background colors /////////////////////////////////////////*/
.BGBody {
	background-color: #333641;
}

.BGimg{
	background-image: url(../images/backmain.jpg);
	background-repeat: no-repeat;
	height: 442px;
	}



/* Style for Doc List ///////////////////////////////////////////////*/
.DocList {
	/*background-color: #E3E2D0;*/
	width:219px;
	height:390px;
	overflow:auto;
}

.DocList .Text a {
	color: #040B05;
	font-weight: bold;
}

.DocList .Strip{
	background-image: url(../images/striptile.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* image of the filmstrip next to the docs */
.DocList .StripL{
	background-image: url(../images/striptile_left.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.DocList .StripR{
	background-image: url(../images/striptile_right.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* Style for scrollable text */
.FrameDocs{
	height:390px;
	overflow:auto;
}

.FrameText{
	height:180px;
	overflow:auto;
}

.Text
{
	padding: 3px;
	color: #040B05;

}

/* style for login button /////////////////////////////////////*/
.Login a {
	text-decoration: none;
	color: #FFFFF;
	font-style: italic;
}

.Login a:hover{
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;

}

.Menu a{
	color: #303030;
	text-decoration: none;
	padding-left: 3px;
}

/* Style for country info table used in the world page /////////////////////////////////*/
.CountryInfo td {
	margin: 0px;
	padding: 0px;
	font-size: 11px;

}

/* Style for the list containers for classics and files //////////////////////*/

.ListBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
}

.ListBox .BGclassics {
	background-image: url(../images/frame_classics.gif);
	background-repeat: no-repeat;
	height: 422px;
	background-position: 0px 18px;
}

.ListBox .BGfiles {
	background-image: url(../images/frame_files.gif);
	background-repeat: no-repeat;
	height: 422px;
	background-position: 0px 6px;
}

.ListBox .Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 3px;
	text-align: center;
	vertical-align: middle;
	height: 20px;
}

.ListBox .Item {
	background-image: url(../images/button_off.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	height: 26px;
	text-align: center;
/* PK: padding: 3px !important vervangen vanwege buttons die in IE7 buiten het scherm vielen */
	padding: 0px !important;
	padding: 0px;
	font-size: 9px;
}

.ListBox .Item a {
	color: #FFFFFF;
}

.ListBox .SelectedItem {
	background-image: url(../images/button_on.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	height: 26px;
	text-align: center;
/* PK: padding: 3px !important vervangen vanwege buttons die in IE7 buiten het scherm vielen */
	padding: 0px !important;
	padding: 0px;
	font-size: 9px;
}

.ListBox .SelectedItem a {
	color: #FFFFFF;
}
/* HowItWorks Box ///////////////////////////////////////////////////////// */
.InfoBox {
	background-color: #F1F1E8;
}

.InfoBox .Text{
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;

}