/*******************************/
/**** Init browser settings ****/
/*******************************/
*
{
	margin:0px;
	padding:0px;
}
body 
{	
	background-color:#ffffff;
	color:#000000;
	font-family: arial,verdana,tahoma,sans-serif;
	font-size:12px;
	cursor:default;
}
table
{
	border-collapse:collapse;
}
table td
{
	vertical-align:top;
}

img
{	display:block;
	border:0px;
}
.inline
{
	display:inline;
	vertical-align:middle;
}

input
{
	vertical-align:middle;
}

h1
{
	margin-top:0px;	
	margin-bottom:10px;
	font-size:16px;	
}
h2
{
	margin-top:0px;	
	margin-bottom:0px;	
	font-size:13px;	
}


a
{
	cursor:pointer;
	color:#0000cc;
	text-decoration:underline; 
}
a:hover 
{
	color:#0000cc;
	text-decoration:none; 
}

li
{
	list-style-position:outside;		
}

code
{
	display:block;
	padding:3px;
	margin:6px;
	background-color:#FFFFFF;
	border:1px solid #BBCCDD;
	overflow:auto;
	width:390px;
}




/***********************************/
/**** Commonly used classes/ids ****/
/***********************************/

/**** common: overlib ****/
#overDiv
{
	position:absolute; 
	visibility:hidden; 
	display:block;	
	z-index:10000;

	border:1px solid #000000;
	background-color:#FDFDDD;

	width:200px;
	padding:7px;
	overflow:auto;
}

/**** common: pages structure ****/
.sides_center_placement
{
	width:100%;
	text-align:left;
}
.sides_center_placement .side
{
	width:50%;
}
.sides_center_placement .center
{
	margin-top:20px;
	width:480px;
}

.pages_holder
{
	width:100%;
}
.pages_holder .left_side
{
	width:50%;
	text-align:right;
}
.pages_holder .middle
{
	width:480px;	
}
.pages_holder .right_side
{
	width:50%;
	text-align:left;
}

.mid_section
{
	width:100%;
	background-color:#D3DEE9;
}
.tab_section
{
	width:100%;
	background-color:#E5F0F5;
}
.box_section
{
	width:220px;
	padding:16px;
}
.box_section .part
{
	background-color:#F0F9FF;
	padding:10px;
	border-top:1px solid #BBCCDD;
	border-bottom:1px solid #BBCCDD;
	color:#3883B9;
}
.box_section .part .intext
{
	color:#3883B9;
}
.box_section .part h1
{
	color:#000000;
}
.box_section .part h2
{
	color:#0384E0;
}

.box_section_light
{
	margin-top:16px;
	padding:4px;
	width:216px;
	background-color:#F6F6F6;
}


.info_pane
{
	padding:20px;
}
.info_pane .part
{
	background-color:#F0F9FF;
	padding:10px;
	border-top:1px solid #BBCCDD;
	border-bottom:1px solid #BBCCDD;
	color:#3883B9;
	margin-bottom:16px;
}

.info_pane .part a
{
	color:#3883B9;
}
.info_pane .part h1
{
	color:#000000;
}
.info_pane .part h2
{
	color:#0384E0;
}
.info_pane .part ul
{
	margin-left:20px;
	margin-top:10px;
}
.info_pane .part ol
{
	margin-left:30px;
	margin-top:10px;
}

.info_pane .part .even
{
	padding:6px;
	background-color:#FFFFFF;
}
.info_pane .part .odd
{
	padding:6px;
}
.info_pane .part .even a
{
	text-decoration: none;
}
.info_pane .part .odd a
{
	text-decoration: none;
}
.info_pane .part .even a:hover
{
	text-decoration: underline;
}
.info_pane .part .odd a:hover
{
	text-decoration: underline;
}


.copyright_version
{
	width:100%;
	margin-bottom:16px;
}
.copyright_version td
{
	text-align:center;
}

.spacer
{
	height:20px;
}

/**** common: pointing links ****/
.goto
{
	color:#0384E0;
	text-decoration: none;
	font-weight:bold;	
	font-style:italic;
}
.goto:hover
{
	color:#f08800;
	text-decoration: none;
	font-weight:bold;
	background-color:#FFFFFF;	
}

/**** common: pane tops/bottom images ****/
.pane_topbottom
{
	width:100%;
}

.pane_top_corner_left
{
	width:5px;
	height:9px; 
}
.pane_top_middle
{
	width:100%;
	height:9px; 
	background-image: url('../images/screen-top-middle.gif');
}
.pane_top_corner_right
{
	width:5px;
	height:9px; 
}

.pane_bottom_corner_left
{
	width:5px;
	height:9px; 
}
.pane_bottom_middle
{
	width:100%;
	height:9px; 
	background-image: url('../images/screen-bottom-middle.gif');
}
.pane_bottom_corner_right
{
	width:5px;
	height:9px; 
}

/**** common: message boxes ****/
.messagered
{
	background-color:#EEF5FF;
	border:dashed #DEE5EF 3px;
	color:#ff0000;
	margin:10px;
	padding:4px;
	text-align:left;	
}
.messageblue
{
	background-color:#EEF5FF;
	border:dashed #DEE5EF 3px;
	color:#0000ff;
	margin:10px;
	padding:4px;
	text-align:left;	
}

/**** common: odd vs. even lines ****/
.lineeven
{
	background-color:#C4CDDD;
}
.lineodd
{
	background-color:#D3DEE9;	
}

/**** common: side bar ****/
.sidebar
{
	margin-left:6px;
	margin-right:6px;	
}
.sidebarcontent
{
	margin:0px;
	padding:3px;
	color:#0394F0;	
	background-color:#F6F6F6;
	width:160px;	
}

/**** common: side bar ****/
.usermessagebar
{
	width:100%;
	background-color:#E5F0F5;	
	color:#0394F0;	
	text-align:center;	
	padding-bottom:6px;
}
.usermessage
{
	width:140px;
	padding:8px;
	margin:2px;

	background-color:#FFFFFF;
	color:#808080;	
	text-align:left;	
	vertical-align:top;

	cursor:default;
}


/**** common: tabs menu ****/
.tabsmenu
{
	margin-top:6px;
}
.tabActive
{
	padding-top:3px;	
	color:#0394F0;
}
.tabInactive
{
	padding-top:8px;
}
.tabsmenu a
{
	color:#0394F0;	
	text-decoration: none; 
}
.tabsmenu a:hover 
{
	color:#56BEFF;
	text-decoration: none; 
}

/**** common: boxes ****/
.box
{
	width:100%;
	background-color:#C4CDDD;
}
.box td
{
	padding:3px;
}
.box a
{
	color:#0000cc;
}
.box a:hover 
{
	color:#0000cc;
	text-decoration: none; 
}
.boxtop
{
	background-color:#888899;
	padding:1px;
 
	font-family:  Tahoma, Sans-serif, Arial;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}
.boxinnercontent
{
	background-color:#D3DEE9;
	padding-top:4px;
	padding-bottom:4px;
	width:100%;
}
.boxinnercontentextra
{
	padding:20px;
	width:94%;
}
.boxinnercontentlight
{
	background-color:#D3DEE9;
	margin:8px;
	padding:8px;
	width:94%;
}
.boxinnercontentpaste
{
	background-color:#D3DEE9;
	width:100%;
}

/**** common: keyword cloud ****/
.keywordsHolder a
{
	font-family: Tahoma, Verdana;
	font-weight:bold;
	cursor: pointer; 	
	text-decoration: none; 
}
.keywordsHolder a:hover
{
	font-family: Tahoma, Verdana;
	font-weight:bold;
	cursor: pointer; 	
	text-decoration: none; 	
	background-color:#ffffff;		
}





/******************************/
/**** social bookmarks bar ****/
/******************************/
.socialsbar
{
	width:100%;
	background-color:#E5F0F5;	
	color:#0394F0;	
	text-align:center;	
}

/**** social bookmarks bar: non-hovered social bookmarks ****/
.social
{
	width:150px;
	padding:3px;
	margin:2px;

	background-color:#FFFFFF;
	color:#808080;	
	text-align:right;	

	cursor:default;
}
.social a
{
	color:#808080;	
	font-weight:bold;	
}

.social .socialadd
{
	display:inline;	
	vertical-align:middle;
}

.social .socialkeywords
{
	color:#444444;
	font-style:italic;	
}

.social .socialadder
{
	color:#999999;	
	font-size:xx-small;	
}
.social .socialadditions
{
	color:#999999;	
	font-size:xx-small;	
}

/**** social bookmarks bar: hovered social bookmarks ****/
.social:hover
{
	width:150px;
	padding:3px;
	margin:2px;
	
	background-color:#FF9A3A;
	color:#808080;	
	text-align:right;	

	cursor:default;
}
.social a:hover
{
	color:#000000;	
	font-weight:bold;	
}
.social:hover a
{
	color:#000000;	
	font-weight:bold;	
}
.social:hover .socialkeywords
{
	color:#0384E0;
	font-style:italic;	
}
.social:hover .socialadder
{
	color:#000000;	
	font-size:xx-small;	
}
.social:hover .socialadditions
{
	color:#000000;	
	font-size:xx-small;	
}

/**** social bookmarks bar: top buttons ****/
.socialsort
{
	color:#0394F0; 		
	cursor: pointer; 	
	text-align:center;	
	font-size:x-small;		
}
.socialsort:hover
{
	color:#0394F0;
	background-color:#FFFFFF;	
	cursor: pointer; 	
	text-align:center;	
	font-size:x-small;		
}
.socialsortactive
{	
	color:#ff9900;	
	cursor: pointer; 
	text-align:center;	
	font-size:x-small;				
}
.socialsortactive:hover
{	
	color:#ff9900;	
	background-color:#FFFFFF;	
	cursor: pointer; 
	text-align:center;	
	font-size:x-small;				
}

/**** social bookmarks bar: bottom buttons ****/
.socialsbrowsebuttons
{
	text-align:center;	
	font-size:x-small;		
}
.socialsbrowse
{
	color:#808080;
	cursor: default; 	
}
.socialsbrowse:hover
{
	color:#808080;
	cursor: default; 				
}
.socialsbrowseactive
{		
	cursor: pointer; 	
}
.socialsbrowseactive:hover
{
	background-color:#FFFFFF;		
	cursor: pointer; 		
}





/*******************/
/**** index.php ****/
/*******************/

/**** index.php: features ****/
.features ul
{
	padding-left:0px;	
	margin-left:24px;
}
.features li
{
	padding-left:0px;		
	padding-bottom:5px;
}
.features a
{
	color:#3883B9;
	text-decoration:none;
	font-size:11px;	
}
.features a:hover
{
	color:#000077;
	text-decoration:none;
	font-size:11px;	
	background-color:#FFFFFF;
}

/**** index.php: links to internal pages ****/
.more_opstarter
{
	padding:6px;
}
.more_opstarter a
{
	text-decoration:underline;
}
.more_opstarter a:hover
{
	text-decoration:none;
	background-color:#FFFFFF;
}


/**** index.php: top keywords div ****/
.top_keywords
{
	text-align:justify;
	padding:12px;
}





/******************************/
/**** social-bookmarks.php ****/
/******************************/

/**** social-bookmarks.php: keywords ****/
.keywords
{
	text-align: justify;
	padding:10px;
}


/**** social-bookmarks.php: social bookmarks ****/
.social_page_socials
{
	width:100%;
	background-color:#FFFFFF;
	color:#808080;	
	text-align:left;	

	cursor:pointer;
}
.social_page_socials td
{
	padding:3px;
	cursor:pointer;
}
.social_page_socials a
{
	color:#202020;	
	font-weight:bold;	
}

.social_page_socials .socialadd
{
	display:inline;	
	vertical-align:middle;
}

.social_page_socials .socialkeywords
{
	color:#444444;
	font-style:italic;	
}

.social_page_socials .socialadder
{
	color:#999999;	
	font-size:xx-small;	
}
.social_page_socials .socialadditions
{
	color:#999999;	
	font-size:xx-small;	
}



/************************/
/**** favorieten.php ****/
/************************/

/**** favorieten.php: search engine ****/
.query 
{
	vertical-align:top;
	width:260px;
	height:17px;
}
.change
{
	vertical-align:top;
	width:100px;
	height:19px;
}

/**** favorieten.php: favorieten pane ****/
.favorieten_pane
{
	padding:6px;
	padding-top:16px;
}
.menubuttonspane td
{
	width:100%;
	padding:1px;
	text-align:right;
}
.menubuttonspane td img
{
	cursor:pointer;
}
#favouritepane table td
{
	padding:0px;
}

#sortables 
{
	list-style-type:none; 
}
#sortables li 
{
	padding:2px;
	width:99%;
	list-style-type:none; 
}
#sortables table 
{
	width:100%;
}

.element_editor_holder
{
	width:100%;
	text-align:left;
}

/**** favorieten.php: search ****/
.searchinput
{
	font-size:10px;
	vertical-align:top;
	padding:1px;
	width:100px;
	height:14px;
	background-color:#E8F0FF;
	color:#aaaaaa;
	border:1px solid #8888AA;
}
.searchinput_active
{
	font-size:10px;
	vertical-align:top;
	padding:1px;
	width:100px;
	height:14px;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #8888AA;
}

#search_results table 
{
	width:100%;
}
#search_results td
{
	padding:2px;
	width:99%;
}
#search_results .favicon_td
{
	padding:2px;
	width:16px;
}
.highlight
{
	background-color:#FFFFFF;
	color:#f08800;
}

/**** favorieten.php: paste box ****/
.pastebox
{
	width:100%;
	background-color:#C4CDDD;
	padding:0px;
	margin:5px;
}
.pasteboxelements
{
	width:100%;
	margin:5px;
}
.pasteboxelements td
{
	padding:1px;
	margin:0px;
}

/**** favorieten.php: favorieten general ****/
.favicon
{
	width:16px;
	height:16px;
}
.edit_icon
{
	cursor:pointer;
}
.move_icon
{
	cursor:move;
}

.lineeven
{
	background-color:#C4CDDD;
}
.lineodd
{
	background-color:#D3DEE9;	
}
.lineselected
{
	background-color:#F0F7FF;
}

.lineeven a
{
	text-decoration: none; 
}
.lineodd a
{
	text-decoration: none; 
}
.lineeven a:hover 
{
	text-decoration: underline; 
}
.lineodd a:hover 
{
	text-decoration: underline; 
}