/* ----------------
 * ALU Eerde styles
 *
 * $Date: 2009/07/29 09:46:51 $
 *
 * ---------------- */


html, body {
	height: 100%;
  font-family:  Arial, Helvetica, serif;
}

*html #wrapper {
	height: 100%;
}


body {
	background-color: #ffd;
	text-align: center;
}

body.popup {
	background-color: #fff;
}


body, img, table {
	padding: 0;
	margin: 0;
	border: 0;
}

#wrapper {
	width: 880px;
	margin: 0px auto;
	min-height: 100%;
	height: auto;
	text-align: left;
	background: url(/i/alu/eerde/bg.gif) repeat;
}

/*
#wrapper td.gbHdr {
  background-color: #fad316;
  border:           1px solid #999;
  color:            #000;
  font-size:        11px;
  font-weight:      bold;
  padding-left:     5px;
  padding-right:    5px;
  padding-top:      3px;
  padding-bottom:   3px;
}
*/

#wrapper td.gbHdr a {
  color:            #000;
}

#wrapper td.gbHdr {
  background-color: #fad316;
  border:           none;
  color:            #000;
  font-size:        11px;
  font-weight:      bold;
  padding-left:     5px;
  padding-right:    5px;
  padding-top:      3px;
  padding-bottom:   3px;
}

#wrapper td.schItemRem {
	padding-left: 5px;
	background-color: #fff;
}

#container {
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}

/* --- LEFT COLUMN --- */

#left-column {
	width: 205px;
	overflow: hidden;
	float: left;
	background: url(/i/alu/eerde/green.gif) repeat-x 0 62px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 50px;
}

#logo {
	padding-bottom: 5px;
}


#left-column div#usr_status {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	padding-right: 5px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

#left-column a.reg {
	text-decoration: underline;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	letter-spacing: 1pt;
	padding-left: 25px;
	display: block;
	margin-top: 15px;
}

#left-column a.reg:hover {
	text-decoration: none;
}

#left-column #logon {
	padding: 0 0 15px 20px;
	margin: 0;
	background: url(/i/alu/eerde/dots.gif) repeat-x bottom;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#left-column #logon a.logon {
  display: block;
	font-weight: bold;
	padding: 7px 0 5px 25px;
	margin: 15px 0 0 -20px;
	background: url(/i/alu/eerde/dots.gif) repeat-x top;
	color: black;
	text-decoration: none;
}

#left-column #logon span.lbl_email {
	padding: 7px 0 5px 5px;
	display: block;
	font-size: 11px;
}

#left-column #logon input {
	border: solid 1px #343434;
	background-color: #fff;
	width: 165px;
	height: 17px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 2px;
}

#left-column #logon span.lbl_pwd {
	padding: 7px 0 5px 5px;
	display: block;
	font-size: 11px;
	text-transform: capitalize;
}

#left-column #logon table {
	width: 167px;
	margin-right: 20px;
	margin-top: 12px;
	margin-bottom: 10px;
	text-align: right;
}

#left-column #logon td.chbox_lbl {
	display: inline;
	text-align: right;
	border: 0;
}

#left-column #logon td.chbox input {
	width: 13px;
	height: 13px;
	border: 0;
	padding: 0;
	margin: 0;
}

#left-column #logon a.btn {
  display: block;
	width: 49px;
	height: 17px;
	text-align: center;
	margin-left: 125px;
	background: url(/i/alu/eerde/bp.gif) no-repeat;
	background-color: #000;
	font-weight: bold;
	color: #fff;
	border: 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#left-column a.forgot_pwd {
	display: block;
	line-height: 35px;
	text-align: right;
	color: #000;
	text-decoration: underline;
	padding-right: 12px;
	letter-spacing: 1pt;
	font-size: 11px;
}

#left-column #menu {
	width: 205px;
	overflow-x: hidden;
}

#left-column #menu a {
	display: block !important;
	font-family : "Times New Roman", Times, Georgia, Times, serif;
	font-size: 15px;
	line-height: 23px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1px;
	padding: 0;
	padding-left : 18px;
	padding-bottom: 1px;
	color: #666;
	white-space: nowrap;
  text-decoration: none;
}

#left-column #menu a.sel {
  background: url(/i/alu/eerde/mi.home.gif) no-repeat 6px 8px;
}

#left-column #menu a:hover {
  text-decoration: underline;
}

#left-column #menu a.mi_home {
  padding-left : 6px;
}

#left-column #menu h1 {
	margin: 0;
	padding: 0;
	background: url(/i/alu/eerde/mi.gif) repeat-x;
	margin-bottom: 2px;
	/* border: solid 1px; */
}

/* You ar registering notification text */
div.on_reg_txt {
	background:       url(/i/alu/eerde/dots.gif) repeat-x top;
  font-weight:      bold;
  padding:          18px 0px 18px 25px;
  height:           10px;
  margin-top:       15px;
}


/* --- RIGHT COLUMN --- */

#right-column {
	width: 675px;
	float: left;
	padding-bottom: 10px;
	background: url(/i/alu/eerde/right-column-bg.gif) repeat-x;
}

#school {
	height: 62px;
	background: url(/i/alu/eerde/school.gif) no-repeat bottom;
}

/* --- Header images --- */

#bn {
	height: 164px;
	width: 675px;
	overflow: hidden;
	background-color: #076551;
}

#bn img {
	margin-top: 13px;
}

#cms_hdr {
	height: 13px;
	width: 675px;
	overflow: hidden;
	background-color: #076551;
}

/* --- Top menu --- */

#submenu {
	height: 24px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #076551;
	overflow: hidden;
	text-align: right;
}

#submenu, #submenu a, #submenu span {
	font-size: 11px;
	line-height: 21px;
	color: #fff;
	text-decoration: none
}

#submenu a:hover {
	text-decoration: underline;
}

/* --- Workarea --- */

#workarea {
	padding: 20px 10px 10px 20px;
}


#workarea p.PageHdr {
	font-family: Georgia, "Times New Roman", Times, Georgia, Times, serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	color : #2F7E62;
	margin: 0;
	padding: 0;
	/* margin-bottom : 15px; */
}


#workarea a.actBtn {
  display: block;
	height: 16px;
	text-align: left;
	background: url(/i/alu/eerde/bp.gif) no-repeat center left;
	background-color: #000;
	font-weight: bold;
	color: #fff;
	border: 0;
	padding: 1px 8px 1px 18px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#workarea a.actBtn:hover {
  text-decoration:  none;
  color:            #e3027f;
}


/*
  DataGrid
*/

td.tblHdr, td.dg_hdr {
  border:           none;
  background-color: transparent;
  background-image: url( "/i/new/ln.gif" );
  background-repeat: repeat-x;
  background-position: bottom left;
  border:           none;
  background-color: transparent;
}

td.dg_hdr, td.tblHdr, td.dg_hdr a, td.tblHdr a {
  font-size:        10px;
  font-weight:      bold;
  color:            #999999;
  text-decoration:  none;
}


td.tblData, td.dg_data {
  font-family:      Arial, Helvetica, sans-serif;
  color:            #000000;
  font-size:        11px;
  background-image: url( "/i/new/ln.gif" );
  background-repeat: repeat-x;
  background-position: bottom left;
  border:           none;
  background-color: transparent;
}

td.period_clmn_w {
  width: 173px;
}


/*
  Tabs
*/

table.Tabs {
  background-color: #eeeeee;
}

td.tab_hdr {
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        18px;
  font-weight:      bold;
  color:            #000000;
}

td.tab_body, td.ac_tab_body {
  background-color: #eeeeee;
  padding-top:      12px;
  padding-left:     15px;
  padding-right:    15px;
  padding-bottom:   12px;
}

td.TabHdr, td.ac_tab_hdr {
  background-color: #999999;
  color:            #e8e8e8;
  font-size:        11px;
  border:           solid #ffffff 1px;
  border-top:       solid #ffffff 4px;
}

td.TabSeled, td.ac_tab_hdr_sel {
  background-color: #eeeeee;
  color:            #000000;
  font-size:        11px;
  border:           solid #eeeeee 1px;
  border-top:       solid #eeeeee 4px;
}


table.Tabs span.grey {
  background-color: transparent;
  color:            #000000;
}

input.txt, textarea.txt {
  border:           solid #333333 1px;
  font-family:      Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  font-size:        11px;
}

table.Tabs td.nfo {
  font-family:      Arial, Helvetica, sans-serif;
}

div.terms {
  border:           solid #333333 1px;
}

div.adv_cms_fltr {
  background-color: #eeeeee;
}


/*
-----------------------------
  Homepage, sections
-----------------------------
*/

#home_wrapper {
  margin-left: -20px;
  margin-right: -10px;
  margin-top: 10px;
  border: none;
  padding: 0;
}

td.home_cls_photo_td {
  width: 33%;
  text-align: center;
  padding: 8px 8px 5px 8px;
  vertical-align: top;
}

td.home_cls_photo_td div.home_cls_photo {
  margin-top: 4px;
}

td.home_cls_photo_td img {
  border: solid 1px black;
}

/* Guestbook */
div.home_gb {
  margin: 0;
  padding: 0;
  padding-bottom: 3px;
}

div.home_gb table tr td {
  background-image:    url( "/i/new/line.gif" );
  background-repeat:   repeat-x;
  background-position: 0% 100%;
}

div.home_gb table tr td a {
  color: black;
  text-decoration: none;
}

div.home_gb table tr td a:hover {
  text-decoration: underline;
}

div.home_gb table tr td.photo {
  padding-right: 10px;
}

div.home_gb a.go2pg {
  display: block;
  margin-top: 5px;
}

div.home_gb a.mk {
  display: block;
  margin-top: 5px;
}

div.home_usrs {
}

div.home_usrs table td {
  padding: 6px 8px 6px 8px;
  background-image:    url( "/i/new/line.gif" );
  background-repeat:   repeat-x;
  background-position: 0% 0%;
}

div.home_usrs table td a {
  color:                #000;
  text-decoration:      none;
}

div.home_usrs table td a:hover {
   text-decoration: underline;
}

div.home_usrs table td.year {
  width: 40px;
  text-align: left;
}

div.home_usrs table tr.hdr td {
  font-size:        10px;
  font-weight:      bold;
  text-transform:   lowercase;
  color:            #999999;
  text-decoration:  none;
  vertical-align:   bottom;
  padding-bottom:   3px;
  background:       none;
}

div.home_flash {
  padding:          0;
  margin:           0;
}

div.home_flash a.img {
  display:          block;
  width:            212px;
  overflow-x:       hidden;
}

div.home_flash a.img img {
  border:           none;
  background-color: #fcfcfc;
}

div.home_flash a.body {
  display:          block;
  padding-left:     8px;
  padding-right:    8px;
  margin-top:       8px;
  margin-bottom:    6px;
  color:            #000;
  text-decoration:  none;
}

div.home_flash a.body:hover {
  text-decoration:  underline;
}

div.home_flash a.more {
  display:          block;
  padding-left:     8px;
  padding-right:    8px;
  margin-bottom:    8px;
  text-decoration:  none;
}

div.home_flash a.more:hover {
  text-decoration:  underline;
}

/*
-----------------------------
  Registration specialized
-----------------------------
*/

#workarea span.step_hdr {
	color : #2F7E62;
}

#workarea a.reg_btn {
  margin-top: 1px;
  display: block;
  padding-left: 15px;
  padding-right: 8px;
	height: 17px;
	text-align: center;
	background: url(/i/alu/eerde/bp.gif) no-repeat;
	background-color: #000;
	font-weight: bold;
	color: #fff;
	border: 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.reg_cv {
  padding: 0 20px 0 20px;
}


/* Registered successfully classes */

div.reg_succ_h1 {
	font-family:      Georgia, "Times New Roman", Times, Georgia, Times, serif;
	font-size:        20px;
  font-weight:      bold;
  color:            #000000;
}

div.reg_succ_h2 {}

div.reg_succ {
  background-color: #f0f0f0;
  line-height:      18px;
}

/*
=------------------------------------
  Users list classes
=------------------------------------
*/

#usrs_ls {
  margin-top: -16px;
  margin-left: -20px;
  margin-right: -10px;
  border: none;
  padding: 0;
}

#usrs_ls #usrs_ls_top {
  border: solid 1px #999999;
  padding: 5px 5px 2px 15px;
}

#usrs_ls #usrs_ls_top div.adv_cms_fltr {
  background-color: #fff;
  margin: 0;
  padding: 0;
}

#usrs_ls a.back {
  display: block;
  padding-left: 10px;
  margin-bottom: 10px;
}

#usrs_ls a.usrs_ls_url_mk,
#usrs_ls a.usrs_ls_photo_mk {
  display: block;
  padding-left: 5px;
  margin-top: 5px;
}

#usrs_ls td.c1 div.mem {
  font-size: 11px;
  padding: 0 0 8px 5px;
}

#usrs_ls a.rd_more {
  display: block;
  color: #e3027f;
  text-decoration: none;
  margin-bottom: 5px;
}

#usrs_ls a.go_class {
  color: #e3027f;
  text-decoration: none;
  display: block;
}

#usrs_ls td.c1 a.usr_nm {
  font-size: 12px;
  color: #e3027f;
  text-decoration: none;
}

#usrs_ls td.c1 a.usr_edt {
  color: black;
  text-decoration: none;
}

#usrs_ls td.c1 a.usr_nm:hover,
#usrs_ls td.c1 a.usr_edt:hover,
#usrs_ls td.c1 a.rd_more:hover,
#usrs_ls td.c1 a.go_class:hover {
  text-decoration: underline;
}

#usrs_ls td a.bmark {
  text-decoration: underline;
}

/*
------------------------------
Personal page, Films
------------------------------
*/

#usr_pp {
  margin-left: -20px;
  margin-right: -10px;
  border: none;
  padding: 0;
}

/* Personal page, Films */
td.film_ttl, td.film_body, td.film_lnk, td.no_films {
  padding-left:      8px;
  padding-right:     8px;
}

td.film_ttl {
  padding-top:       7px;
  padding-bottom:    7px;
}

td.film_lnk {
  padding-top:       7px;
  padding-bottom:    9px;
}

td.no_films {
  padding-top:       5px;
  padding-bottom:    5px;
}

/*
------------------------------
Personal page, blog
------------------------------
*/

#blog td.sect_hdr {
  background-color: #fad613;
  color:            #000;
}

/* Link inside right header area */
#blog table.section td.sect_hdr td.hdr_td a {
  color:            #306;
}

#blog td.tblData_blog {
  background-color: #b4d0ca;
  border:           none;
  color:            #000000;
  font-size:        11px;
}

#blog .tblData_blog {
  color:            #000;
  font-size:        11px;
  text-decoration:  none;
  font-weight:      bold;
}

#blog a.tblData_blog:hover
{
  text-decoration:  underline;
}

#blog td.tblHdr_blog {
  background-color: transparent;
  border:           none;
}

#blog td a.rm {
  display: inline-block;
  margin-top: 2px;
}

#blog table.blog_row {
  background-image:    url( "/i/new/line.gif" );
  background-repeat:   repeat-x;
  background-position: 0% 100%;
}

#blog table.blog_row td {
  padding-bottom:     10px;
}

#blog table.blog_edt {
  background-color: #b4d0ca;
}


/*
------------------------------
Personal page, GoogleMap
------------------------------
*/

#usr_pp div.gmap {
  border: solid 1px #999999;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 300px;
  height: 200px;
}


/*
------------------------------
PopUp
------------------------------
*/

td.bpHeader {
  background-color: #fff;
  display: none;
}


div#workarea td.main_area * {
  font-family: Arial, Helvetica, sans-serif;
}

/*
------------------------------
Calendar
------------------------------
*/

table.cal_notes tr.title_tr td {
  background-color: #076551;
}

table.cal_notes tr td.day_hdr {
	background-color: #ffd;
}

/* swf */

div.swfupload_cntr fieldset.flash {
	border-color: #fff;
}

div.swfupload_cntr legend {
	color: #000;
}

div.swfupload_cntr div.swf_tlb a {
  color: #000;
}

/* Message */
div.swfupload_cntr .message {
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
}

/* Current */
div.swfupload_cntr .green {
	background-color: #F7F7F7;
}

/* Complete */
div.swfupload_cntr .blue {
	background-color: #F7F7F7;
}

/* Image gallery */
div.gallery_cover { width: 100%; overflow: hidden; }

div.gallery_cntr { background-color: #fff; float: none; }
  div.gallery_cntr div.scroller { background-color: #fff; height: 130px; overflow: scroll; position: relative; }

  div.gallery_cntr table { width: 100%; border: 0; cellpadding: 0; margin: 0; padding: 0; }
    div.gallery_cntr table tr td { padding: 0; }
    div.gallery_cntr table tr td.lsbtn { width: 0; }
    div.gallery_cntr table tr td.rsbtn { width: 0; }

  div.gallery_cntr table tr td a.lsbtn,
  div.gallery_cntr table tr td a.rsbtn { display: none; background: url('/i/mod.gallery.arrow-left.png' ) 0 -10px no-repeat; width: 20px; height: 100px; cursor: pointer; overflow: hide; }
  div.gallery_cntr table tr td a.rsbtn { background-image: url('/i/mod.gallery.arrow-right.png' ); }
    div.gallery_cntr table tr td a.lsbtn:hover,
    div.gallery_cntr table tr td a.rsbtn:hover { background-position: -20px -10px; }

  div.gallery_content { background-color: #fff; height: 110px; margin-top: 5px; margin-bottom: 5px; vertical-align: middle; }
    div.gallery_cntr div.scroller div.gallery_content table tr.img_gallery td { background-color: #fff; padding: 0 2px; vertical-align: top; }
    div.gallery_cntr div.scroller div.gallery_content tr.img_gallery td div.cls_photo_item div.cls_photo { text-align: center; }