/* MASTER PAGE. ///////////////////////////////////////// */
body
{
  background-color    : #FFFFFF;
  background-image    : url(../../images/background.png);
  background-repeat   : repeat-x; 
  color               : #000000;
  font-family         : Verdana;
  font-size           : 12px;
  line-height         : 16px;
  margin              : 10px;   
}

div.mijncv
{
  margin              : auto;
  width               : 980px;
}

div.header 
{
  margin              : auto;
  width               : 810px;
  height              : 200px;
  background-image    : url(../../images/header.png);
  background-repeat   : no-repeat;
}

div.main
{
  background-image    : url(../../images/backgroundmain.png);
  background-repeat   : repeat-y; 
  width               : 810px;
  overflow            : auto;
}

div.menu
{
  float               : left;
  width               : 205px; 
  padding-left        : 10px;   
  padding-top         : 4px;
}

div.menutop
{
  background-image    : url(../../images/menutop.png); 
  background-repeat   : no-repeat; 
  width               : 188px; 
  height              : 15px; 
}

div.menuitem
{
  background-image    : url(../../images/menuitem.png); 
  background-repeat   : no-repeat; 
  width               : 188px; 
  height              : 21px; 
  padding-left        : 35px;   
  padding-top         : 6px;  
}

div.menuitem:hover 
{
  background-image    :url(../../images/menuitemactive.png); 
  background-repeat   :no-repeat;
}

div.content
{
  float               : left;
  width               : 560px; 
  padding-left        : 5px;
  padding-right       : 20px;
  padding-top         : 15px;   
}

div.bottom
{
  background-image    : url(../../images/bottom.png);
  background-repeat   : no-repeat; 
  width               : 770px;
  height              : 40px;
  padding-top         : 8px;
  padding-left        : 20px;
  padding-right       : 20px;   
  color               : #84C984;
}

div.alignleft
{
  float               : left;
}

div.alignright
{
  float               : right;
}

div.column
{
  width               : 275px;  
}
/* ////////////////////////////////////////////////////// */

/* ITEM. //////////////////////////////////////////////// */
div.itemplaceholder
{
  width               : 560px;
  position            : relative;
  overflow            : auto;
}

div.item
{
  width               : 524px;  
  border              : solid 2px #C9F2BA;
  padding             : 8px;
  margin-left         : 8px; 
  min-height          : 280px;  
  float               : left; 
  overflow            : auto;
}

div.itemborderleft
{
  background-image    : url(../../images/borderleft.png);
  background-repeat   : no-repeat; 
  background-position : bottom;
  width               : 8px;
  min-height          : 300px;
  position            : absolute;
  left                : 0; 
  bottom              : 0;
}

div.itemborderright
{
  background-image    : url(../../images/borderright.png);
  background-repeat   : no-repeat; 
  width               : 8px;
  min-height          : 300px;  
  float               : left;
}
/* TODO : css itemborderdown + itembordertop toevoegen. */

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

/* RESUME. ////////////////////////////////////////////// */
h2
{
  height              : 35px;
  float               : right;
  font-size           : 0px;
  background-repeat   : no-repeat;
}

h2#searchresumes
{
  width               : 174px;
  background-image    : url(../../images/searchresumes.png);
}

h2#addresume
{
  width               : 179px;
  background-image    : url(../../images/addresume.png);
}

h2#login
{
  width               : 82px;
  background-image    : url(../../images/login.png);
}

h2#resumebuilder
{
  width               : 196px;
  background-image    : url(../../images/resumebuilder.png);
}

h2#changepassword
{
  width               : 321px;
  background-image    : url(../../images/changepassword.png);
}

h2#lostpassword
{
  width               : 338px;
  background-image    : url(../../images/lostpassword.png);
}

h2#contact
{
  width               : 118px;
  background-image    : url(../../images/contact.png);
}

h2#disclaimer
{
  width               : 165px;
  background-image    : url(../../images/disclaimer.png);
}

.resumeTitle
{
  font-size           : 18px;
  font-weight         : bold; 
  color               : #FFC000;
}

.resumeSubTitle
{
  font-size           : 22px;
  font-weight         : bold; 
  font-style          : italic;
  color               : #C9F2BA; 
}

.resumeGroup
{
  font-size           : 14px;
  font-weight         : bold; 
  color               : #84C984; 
} 

.resumeItem
{
  float               : left;
  width               : 502px;
  padding-left        : 20px;	
  overflow            : auto;
}

.resumeText
{
  float               : left;
  width               : 167px;
  padding-top         : 3px;
  padding-bottom      : 2px;
  overflow            : auto;
}

.resumeTextValue
{
  float               : left;
  width               : 335px;
  padding-top         : 3px;
  padding-bottom      : 2px;
}

.resumeValue
{
  float               : left;
  width               : 335px;
  padding-bottom      : 2px;
}

.labelName
{
  font-weight         : bold; 
}

.labelDate
{
  font-style          : italic;
}

.labelDescription 
{
  font-family         : Arial;
}

.labelRemark
{
  color               : #FFC000; 
  font-size           : 10px;
}

.remark
{
  float               : right;
  padding-top         : 5px;
}

hr
{                             
  height              : 0px;
  border              : 0px;
  border-top          : 1px solid #C9F2BA;
}
/* ////////////////////////////////////////////////////// */

/* SEARCH. ////////////////////////////////////////////// */
.searchBox
{
  border              : solid 1px #3BB000;
  background-color    : #C9F2BA;
  width               : 536px;
  padding             : 12px;
  float               : left; 
  overflow            : auto;
}

.smallSearchBox
{
  border              : solid 1px #3BB000;
  background-color    : #C9F2BA;
  width               : 350px;
  padding             : 12px;
  float               : left; 
  overflow            : auto;
}

.pagerbutton
{
  border              : solid 1px #3BB000;
	color               : #000000;
	background-color    : #C9F2BA;
	font-weight         : bold;
	font-size           : 14px;
	font-family         : Arial;
  text-align          : center;
  height              : 20px;
  width               : 34px;
}

.pagerlabel
{	
  border              : solid 1px #3BB000;
  color               : #000000;
  background-color    : #84C984;
  font-weight         : bold;
  font-size           : 14px;
  font-family         : Arial;
  text-align          : center;
  padding             : 1px 8px 1px 8px;
}
/* ////////////////////////////////////////////////////// */

/* CONTROLS. //////////////////////////////////////////// */
.editText
{
  float               : left;
  width               : 165px;	
  padding             : 3px;
  overflow            : auto;
}

.editControls
{
  float               : left;
  width               : 350px;
  padding-bottom      : 3px;
}

.editMemo
{
  float               : left;
  width               : 518px;
  padding-left        : 3px;
  padding-right       : 3px;
  overflow            : auto;
}
/* ////////////////////////////////////////////////////// */

/* // MISC. ///////////////////////////////////////////// */
div.linkText  
{
  color               : #84C984;
}
 
.actionLinkButton
{
  font-weight         : bold; 
  text-decoration     : none;
  color               : #FFC000; 
}

.actionLinkButton:hover
{
  color               : #84C984;
}

div.actionLinkButtonText  
{
  color               : #FFC000;
}

/* Border om een hyperlink met afbeelding weghalen */
a img, a:link img, a:visited img, a:hover img, a:active img 
{ 
  border:0 !important; 
}
/* ////////////////////////////////////////////////////// */