﻿.dragIcon
{
    text-align: center;
    cursor: move;
    font-weight: bold;
}

body {
	height:100%;
    width:100%;
	margin:0;
	padding:0;
	
	text-align:center;	
	
    background-color:#EFEFEF; 
    
    overflow:scroll;
    
    font-family:Verdana, Arial;
	font-size:12px;   
}
	
	
html {
	overflow:hidden;
	height:100%; 
	width:100%;
  
}
			
* html body {
    behavior: url("./csshover.htc"); 
}	

/*

a {
    color: #f68618;
    font-weight:bold;
    font-style:italic;

}		
*/

/* --------------------- Content wrapper  -------------------*/

#contentWrapper {
    margin-left: auto; 
    margin-right: auto;
	
	height:100%;
	width:980px;
  	
	overflow: hidden;

    text-align: left;
}


/* -------------------------- TOP ---------------------------*/

.top {

    text-align: left;
    text-decoration: none;
    font-weight: bold;

    height: 74px;
    width: 980px;
}	


.top_logo {
    float:left;
    margin-top:14px;
    
}

.top_login {
    float:right;
    position:relative;
    top:0px;
    

}

.top_fields {
    font-size:11px;
    font-weight:normal;
}

.top_fields input {
    border-color:#778899;
    border-style:solid;
    border-width:1px;    
}

.top_welcome {
    margin-top:56px;
    text-align:right;
    color:#778899;
    font-weight:bold;
}

.top_welcome a {   
    color:#778899;
    font-weight:bold;
}

/* --------------------- Standaard elementen  -------------------*/

.form_panels {
    width:980px;
}

.error_style {
    width:967px;
    background-color:#FF0000;
    border-style:double;
    border-color:White;
    
    padding-top:8px;
    padding-bottom:8px;
    padding-left:8px;
    
    margin-bottom:12px;
    
    color:White;
    font-weight:bold;
}

.done_style {
    width:967px;
    background-color:#22B14C;
    border-style:double;
    border-color:White;
    
    padding-top:8px;
    padding-bottom:8px;
    padding-left:8px;
    
    margin-bottom:12px;
    
    color:White;
    font-weight:bold;
}

.part_header {
    background-color:#778899;
    padding-left:8px;
    
    padding-top:4px;
    color:#FFFFFF;
    font-weight:bold;
}

.row_style {
    background:url(./images/dot.gif) bottom left repeat-x;
    height:30px;
}

/* -------------------------- MENU --------------------------*/

.menu{
	border:none;
	border:0px;
	
	margin:0px;
	padding:0px;
	
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}


.menu ul{
/*
	background:url(images/menu-bg.gif) top left repeat-x;
*/
    background-color:#DCDCDC; 
    
	height:24px;
	list-style:none;
	margin:0;
	padding:0;
}

.menu li{
	float:left;
	padding:0px 0px 0px 0px;

    border-right:1px;
    border-top:0px;
    border-bottom:0px;
    border-left:0px;
    
    border-style:solid;
    border-color:#EFEFEF;
}
		
.menu li a{
	color:#666666;
	display:block;
	font-weight:bold;
	line-height:24px; 
    font-style:normal;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
}

.menu li a:hover{
    background-color:#778899;
	color:#FFFFFF;
	text-decoration:none;
}

.menu li ul{

    background:#DCDCDC;
    /*
	border-left:2px solid #f68618;
	border-right:2px solid #f68618;
	border-bottom:2px solid #f68618;
	*/
	display:none;
	height:auto;
	/*
	filter:alpha(opacity=95);
	opacity:0.95;
	*/
	position:absolute;
	width:225px;
	z-index:200;
	
	
    border-top:1px;
    border-style:solid;
    border-color:#EFEFEF;	
	/*
	top:1em;
	left:0;
	*/
}

.menu li:hover ul{
	display:block;
    border:1px
}

.menu li li {
	display:block;
	float:none;
	padding:0px;
	
	width:225px;
	height:24px;

    border-bottom:0px;
    border-style:solid;
    border-color:#EFEFEF;
}

.menu li li a {
   color:#000000;
}



.menu li ul a {
	display:block;
	
/*	font-size:12px; */
	
	font-style:normal;
	padding:0px 10px 0px 15px; 
	
	text-align:left;
}



.menu li ul a:hover{
	background:#778899;
	color:#FFFFFF;
	/*
	opacity:1.0;
	filter:alpha(opacity=100);
	*/
}
			
.menu p{
	clear:left;
}	
	
.menu .current {
/*
	background:url(images/current-bg.gif) top left repeat-x;
	*/
	
	height:24px;
    background-color:#778899;
    font-weight:bold;
}

.menu .current a {
    color:#FFFFFF;
}
	
.menu .current ul li a {
    color:#000000;
}	

.menu .current ul li a:hover {
    color:#FFFFFF;
}	
		
/* ------------------------- CONTENT ------------------------*/

#mainContent {
  /*  min-height:600px; */
    height:100%;
    padding-top:10px;
}


/* ------------------------- BOTTOM -------------------------*/

#footerContent {
    text-align:right;
    
    padding-top:4px;
    
    padding-right:6px; 
    
    background-color:#778899;
    color:#FFFFFF;
    font-size:10px;
    font-weight:bold;
    
    height:18px;
    width:980px;
    
    position:absolute;
    bottom:0px; 
}

/* ------------------------- PAGE OPTION MENU - NIEUW -------------------------*/

.page_options_first {
    margin-top:4px;
    margin-bottom:4px;
    width:228px;
    
    background-color:#DCDCDC;  
    vertical-align:middle;
    
    border-color:#778899;
    border-width:2px;
    border-style:solid;
}

.page_options {
    margin-bottom:4px;
    width:228px;
    
    background-color:#DCDCDC;  
    vertical-align:middle;
    
    border-color:#778899;
    border-width:2px;
    border-style:solid;
}

.page_options a, .page_options_first a {
    position:relative;
    bottom:10px;

    color:Black;
    font-family:Verdana;
    font-size:12px;
    font-weight:normal;
    font-style:normal;
    margin-bottom:10px;
    
    text-decoration:none;
}


/* ------------------------- PAGE OPTION MENU -------------------------*/

.page_menu {
    padding:4px; 
    width:970px;
    height:38px;
    
    border-color:Black;
    border-width:1px;
    border-style:solid;
    
    background-color:#FFDEAD;   
}

.page_option_menu {
    width:180px;
    height:36px;
    
    float:left;
    margin-right:8px;

    border:1px;
    border-color:Black;
    border-style:solid;
    
    background-color:#FFEBCD;
    vertical-align:middle;
}

.page_option_menu_right {
    width:180px;
    height:36px;
    
    float:right;


    border:1px;
    border-color:Black;
    border-style:solid;
    
    background-color:#FFEBCD;
}

.page_option_menu a, .page_option_menu_right a {
    position:relative;
    bottom:10px;

    color:Black;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    font-style:normal;
    margin-bottom:10px;
    
    text-decoration:none;
}

.edit_page_style {
    padding:4px;
    width:968px;
    
    margin-top:4px;
    
    border-color:#778899;
    border-width:2px;
    border-style:solid;
    
    background-color:#DCDCDC;  
}

.edit_page_style a {
    color:#000000;
    text-decoration:none;
    font-weight:bold;
}

.search_block {

    width:478px;
    Height:40px;

    border-color:Black;
    border-width:1px;
    border-style:solid;
    
    margin:2px 0px 3px 2px;

}




/* ------------------------- Block beheren -------------------------*/

.editblock {
    text-align:right;
}

.block_links {
}

.block_links ul {
	list-style:none;
	margin:0;
	padding:0;
}

.block_links a {
    color:Black;
    font-style:normal;
    font-weight:normal;
    text-decoration:none; 
}

/* ------------------------- Linkjes beheren -------------------------*/

.ajaxOrderedList .MyCallbackStyle {
    width:100%;
}

.ajaxOrderedList .dragHandle {
    width: 10px;
    height: 20px;
 /*   background-color:#4169E1; */
    cursor: move;
}
 
.ajaxOrderedList .MyCallbackStyle table {
    width:100%;
    color: Black;
}
     
.ajaxOrderedList ul {
    margin:0;
    padding:0;
}     
        
.ajaxOrderedList li {
    width:100%;

    list-style: none;
    margin-bottom: 1px;
    text-align:left;
    
    border-style:solid;
    border-color:#4169E1;
    border-width:0px;
}
        
.ajaxOrderedList li a {
    color: #000000;
    text-decoration:none;
    font-style:normal;
    font-weight:normal;
}
        
.ajaxOrderedList .reorderCue {
 /*   border: dashed thin black; */
    width: 100%;
    font-size:12px;

    /* background-color:Green; */
}
        
.ajaxOrderedList .MyitemArea {
    width:100%;

    font-size: 12px;
  /*  text-align: right; */
    color: Black;
    font-family: Verdana;
}
        
.ajaxOrderedList .itemClicked {

    font-size:12px;    
    font-family: Verdana;
    background-color: Yellow;
    color: Red;
    text-align: left;
}



.tempie {
    float:left;
    margin-left:5px;
    margin-bottom:5px;
}