/* ----------------
 * ALU UCU styles
 *
 * $Date: 2010/03/26 17:07:54 $
 *
 * ---------------- */


html, body {
	height: 100%;
}

html, body, td, span, label, div, p, a, li, input, textarea, select {
	font-family:  Arial, Helvetica, serif;
}

*html #wrapper, form#main {
	height: 100%;
}

#main {
	min-height: 100%;
	height: 100%;
}

body {
	background-color: #FFF;
	text-align: center;
}

body.popup {
	background-color: #fff;
}


body, img, table {
	padding: 0;
	margin: 0;
	border: 0;
}

.err, .fcLabelErr {
  color:            #f33;
  text-transform:   none;
}


#wrapper, #wrapper_re {
	width: 890px;
	margin: 0px auto;
	min-height: 100%;
	height: 100%;
	*height: auto;
	text-align: left;
	position: relative;
	background: url(/i/alu/ucu/wa-bg-wh.gif) repeat-y;
}

#wrapper_re {
	background: url(/i/alu/ucu/wa-bg-re.gif) repeat-y;
}

#container {
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}

/* --- LEFT COLUMN --- */

#lay-left {
	width: 198px;
	overflow: hidden;
	float: left;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 50px;
}

#logo {
	width: 322px;
	height: 181px;
	position: absolute;
	padding-bottom: 35px;
	background-color: #E63994;
}

#welcome {
	position: absolute;
	top: 190px;
	left: 20px;
	width: 250px;
	color: #fff;
	padding: 0;
}

#left-column {
}

#left-column #top-left {
	padding-top: 216px;
	padding-left: 20px;
	background-color: #FCE7F2;
	background: url( /i/alu/ucu/sep-v.gif) repeat-x bottom;
}

#left-column #top-left div,
#left-column #top-left a {
  line-height: 35px;
	letter-spacing: 1pt;
}

#left-column #top-left a {
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}


#left-column a.reg:hover {
	text-decoration: underline;
}

#left-column #logon {
	padding: 0 0 15px 20px;
	margin: 0;
	background: url(/i/alu/ucu/sep-v.gif) repeat-x bottom;
	background-color: #FCE7F2;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#left-column #logon a.logon {
  display: block;
	font-weight: bold;
	padding: 9px 0 5px 20px;
	margin: 0 0 0 -20px;
	color: black;
	text-decoration: none;
}

#left-column #logon span.lbl_email {
	padding: 5px 0;
	display: block;
	font-size: 11px;
}

#left-column #logon input {
	border: solid 1px #343434;
	background-color: #fff;
	width: 170px;
	height: 18px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 2px;
	margin-left: -7px;
}

#left-column #logon span.lbl_pwd {
	padding: 7px 0 5px 0;
	display: block;
	font-size: 11px;
	text-transform: capitalize;
}

#left-column #logon table {
	width: 165px;
	margin-right: 0px;
	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: 115px;
	background: url(/i/alu/ucu/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;
	margin-top: 10px;
	text-align: right;
	color: #000;
	text-decoration: underline;
	padding-right: 15px;
	letter-spacing: 1pt;
	font-size: 11px;
	background-color: #FCE7F2;
}
#left-column a.forgot_pwd:hover{
	text-decoration: none;
}

#left-column #pink {
	background: url(/i/alu/ucu/sep-v.gif) repeat-x bottom;
	background-color: #FCE7F2;
	overflow-x: hidden;
}

#left-column a.sel {
	background: url(/i/alu/ucu/mi.gif) no-repeat 12px 6px;
}

#left-column #menu_sys {
  padding: 9px 0;
  /* border: solid 1px red; */
}

#left-column #pink a.mi {
	display: block !important;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	padding: 0;
	padding-left: 21px;
	color: #666;
	white-space: nowrap;
  text-decoration: none;
	font-weight: normal;
}

#left-column #menu_sys a:hover,
#left-column #menu a:hover {
  text-decoration: underline;
}

#left-column #menu {
	padding-top: 10px;
}

#left-column #menu a {
	display: block !important;
	color: #666;
	text-decoration: none;
	padding-left: 21px;
	line-height: 17px;
	display: block;
}

#left-column #ucu2sp a {
  margin-top: 150px;
	display: block !important;
	color: #666;
	text-decoration: none;
	padding-left: 21px;
	line-height: 17px;
	display: block;
}

/* You ar registering notification text */
div.on_reg_txt {
  background-color: transparent;
  font-weight:      bold;
  padding:          0 10px 15px 21px;
  height:           10px;
  margin-top:       15px;
  font-family:      Arial, Geneva, Helvetica, sans-serif;
  font-size:        14px;
  color:            #94005a;
}


#left-column div#ucu_nl {
  margin-top: 30px;
  padding-left: 8px;
}

#left-column div#ucu_nl a {
  display: block;
  width: 180px;
  height: 55px;
  text-decoration: none;
  background: url(/i/alu/ucu/logo.ucu_nl.gif) no-repeat left;
}

/* ucsa */

#left-column div#ucsa_nl {
  margin-top: 30px;
  padding-left: 8px;
}

#left-column div#ucsa_nl a {
  display: block;
  width: 180px;
  height: 115px;
  text-decoration: none;
  background: url(/i/alu/ucu/logo.ucsa.gif) no-repeat left;
}

/* asic */

#left-column div#asic_nl {
  margin-top: 30px;
  padding-left: 8px;
}

#left-column div#asic_nl a {
  display: block;
  width: 180px;
  height: 56px;
  text-decoration: none;
  background: url(/i/alu/ucu/logo.asic.gif) no-repeat left;
}

/* uu_nl */

#left-column div#uu_nl {
  margin-top: 30px;
  padding-left: 8px;
}

#left-column div#uu_nl a {
  display: block;
  width: 180px;
  height: 104px;
  text-decoration: none;
  background: url(/i/alu/ucu/logo.ucu.gif) no-repeat left;
}


/* --- RIGHT COLUMN --- */

#right-column {
	width: 691px;
	float: right;
}


#right-column span.glob-err,
#right-column span.glob-nfo { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; padding: 2px 5px; margin-top: 2px; display: block; font-weight: bold; background-color: #fff; }
  #right-column span.glob-err { color: #f33; background-color: yellow; }
  #right-column span.glob-nfo { color: #000; }

/* --- Header images --- */

#bn {
	height: 181px;
	width: 571px;
	overflow: hidden;
	float: right;
	background: url(/i/alu/ucu/logo-text.gif) no-repeat left bottom;
	background-color: #E63994;
}

#cms_hdr {
	height: 13px;
	width: 675px;
	overflow: hidden;
	background-color: #076551;
}

/* --- Top menu --- */

#submenu {
	height: 35px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #E63994;
	text-align: right;
	vertical-align: bottom;
	clear: both;
}

#submenu, #submenu a, #submenu span {
	font-size: 11px;
	line-height: 25px;
	color: #fff;
	text-decoration: none
}


#submenu div#srchbox {
  display: inline;
}

#submenu #srchbox .search {
	width: 102px;
	height: 15px;
	border: 0;
	margin-left: 8px;
	margin-right: 16px;
	margin-top: 7px;
	color: #E63994;
	padding: 0 4px;
	font-size: 11px;
}

#submenu a:hover {
	text-decoration: underline;
}

/* --- Workarea --- */

#workarea {
	padding: 0 10px 10px 20px;
	font-size: 18px;
}

#workarea p.PageHdr {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color : #000;
	margin: 0 -10px 15px -20px;
	padding: 11px 0 11px 20px;
	text-transform: uppercase;
	background: url(/i/alu/ucu/sep-v.gif) repeat-x bottom;
	background-color: #FFF;
	letter-spacing: 1px;
}

#workarea a.actBtn {
  display: block;
	height: 16px;
	text-align: left;
	background: url(/i/alu/ucu/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;
}

#workarea {
  font-size: 12px;
}

#wrapper_re #workarea {
  color: #fff;
}


/* DataGrid */

td.tblHdr, td.dg_hdr {
  border:           none;
  background-color: transparent;
  background-image: url( "/i/alu/ucu/ln.gif" );
  background-repeat: repeat-x;
  background-position: bottom left;
  border:           none;
}

td.dg_hdr, td.tblHdr, td.dg_hdr a, td.tblHdr a {
  font-size:        10px;
  font-weight:      bold;
  color:            #999;
  text-decoration:  none;
}


td.tblData, td.dg_data {
  font-family:      Arial, Helvetica, sans-serif;
  color:            #000;
  font-size:        11px;
  background-image: url( "/i/alu/ucu/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 #fff 1px;
  border-top:       solid #fff 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: #fff;
  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: -10px;
  margin-top: 10px;
  border: none;
  padding: 0;
}

#right-column table.section {
	border: solid 2px #fff;
	background-color: #fff;
	color: #000;
	margin-bottom: 5px;
}

#right-column table.section td.sect_hdr {
	vertical-align:   middle;
	background: none;
	background-color: #D40942;
	font-weight:      bold;
	padding: 10px 9px;
	color: #fff;
}

#right-column table.section td.sect_data div.news_item {
	font-size: 11px;
	padding: 10px 6px;
	margin: 0;
}
#right-column table.section td.sect_data div.news_item a {
	color: #0033CC;
	text-decoration: none;
}
#right-column table.section td.sect_data div.news_item a:hover {
	text-decoration: underline;
}


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 table {
	padding-bottom: 7px;
	background: url(/i/alu/ucu/sep-tbl.gif) repeat-x bottom;
}


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: 18px;
  padding-left: 5px;
}

div.home_gb a.go2pg {
  display: block;
  margin-top: 5px;
}

div.home_gb a.mk {
  display: block;
  margin-top: 5px;
}


div.home_usrs table {}

div.home_usrs table td {
	padding: 7px 8px;
	background: url(/i/alu/ucu/sep-tbl.gif) repeat-x top;
}

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.usr a {
  display: block;
  width: 135px;
  overflow: hidden;
}

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:   5px;
  padding-top: 15px;
  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;
}


div.home_vacancies table tr.hdr td {
  font-size:        10px;
  font-weight:      bold;
  text-transform:   lowercase;
  color:            #999999;
  text-decoration:  none;
  vertical-align:   bottom;
  padding-bottom:   5px;
  padding-top: 15px;
  background:       none;
}

div.home_vacancies table td {
	padding: 7px 8px;
	background: url(/i/alu/ucu/ln.gif) repeat-x top;
}

div.home_vacancies table td a {
  color:                #000;
  text-decoration:      none;
}

div.home_vacancies table td a: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/ucu/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: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color : #000;
	margin: 0 -10px 0 -20px;
	padding: 11px 0 11px 20px;
	text-transform: uppercase;
	background: url(/i/alu/ucu/sep-v.gif) repeat-x bottom;
	background-color: #FFF;
	letter-spacing: 1px;
}

div.reg_succ_h2 {}

div.reg_succ {
  background-color: #fce7f2;
  line-height:      18px;
  margin: 10px 0;
}

/*
=------------------------------------
  Users list classes
=------------------------------------
*/

#usrs_ls {
  border: none;
  padding: 0;
}

#usrs_ls #usrs_ls_top {
  border: solid 1px #999;
  background-color: #fff;
  padding: 5px 5px 2px 15px;
  color: #000;
}

#usrs_ls #usrs_ls_top div.adv_cms_fltr { background-color: #fff; margin: 0; padding: 0; }
  #usrs_ls #usrs_ls_top div.adv_cms_fltr td.c1 span.cv-pre { display: block; font-size: 12px; padding: 0 0 1em 0; }
  #usrs_ls #usrs_ls_top div.adv_cms_fltr td.lbl { white-space: nowrap; }
  #usrs_ls #usrs_ls_top div.adv_cms_fltr td.c_wide span.hlp { margin: 0 0 0 1em; }
  #usrs_ls #usrs_ls_top div.adv_cms_fltr td.c1 span.cv-sep { width: 100%; display: block; height: 3px; background-color: #000; margin: 1.5em 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;
}

#usrs_ls #usrs_ls_top table.flt_cntr {}


/* Link inside right header area */
#usrs_ls table.section td.sect_hdr td.hdr_td a {
  color: #fff;
}

/* Google map */
#usrs_ls div.gmap {
  border-top: solid 1px #fff;
}

#usrs_ls div.marker_nfo h4 {
  margin-bottom: 5px;
}

#usrs_ls div.marker_nfo a {
  color: #000;
}

#usrs_ls div.job { width: 283px; }
  #usrs_ls div.job div.job_nm { width: 143px; float: right; text-align: left; }

/*
------------------------------
Personal page, section
------------------------------
*/

table td.sect_hdr table td.hdr_td a.new0709 { color: #fff; }

/*
------------------------------
Personal page, Films
------------------------------
*/

div#usr_pp {
  border: none;
  padding: 0px;
}

div#workarea div.cb a.new0709 {
  color: #fff;
  font-size: 11px;
}

/* 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;
}


div#usr_pp table.section td.sect_data div.nodocs {
  padding: 8px 5px 5px 8px;
  color: #808080;
}


/*------------------------------
Personal page, blog

#blog td.sect_hdr {
  background-color: #411975;
  color:            #fff;
}

------------------------------*/

/* Link inside right header area */
#blog table.section td.sect_hdr td.hdr_td a {
  color:            #fff;
}

#blog td.tblData_blog {
  background-color: #fff;
  border:           none;
  color:            #000000;
  font-size:        11px;
}

#blog .tblData_blog {
  color:            #000;
  font-size:        11px;
  text-decoration:  none;
  font-weight:      normal;
}

#blog a.tblData_blog:hover {
  text-decoration:  underline;
}

#blog td.tblHdr_blog {
  border:           none;
}

#blog td a.quote,
#blog td a.rm,
#blog td a.edt {
  color: #000;
  text-decoration: underline;
}

#blog td a.rm,
#blog td a.edt {
  display: block;
  margin-top: 5px;
}

#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: #fff;
}

/*
------------------------------
Personal page, GoogleMap
------------------------------
*/

#usr_pp div.gmap {
  border: solid 1px #fff;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  width: 300px;
  height: 200px;
}


/*
------------------------------
Personal page, UCU Education
------------------------------
*/

#usr_pp div#pp_edu table {
  width: 100%;
}

#usr_pp div#pp_edu table tr.hdr {
  background-image:    url( "/i/new/line.gif" );
  background-repeat:   repeat-x;
  background-position: 0% 100%;
}

#usr_pp div#pp_edu table tr.hdr td {
  padding-top: 10px;
  padding-bottom: 3px;
  color: #999;
  font-size: 10px;
}

#usr_pp div#pp_edu table td {
  padding-left: 10px;
  padding-right: 10px;
}

#usr_pp div#pp_edu table tr.data td {
  padding-top: 5px;
  padding-bottom: 8px;
  font-size: 11px;
}

#usr_pp div#pp_edu table tr.data td.c1 {
  font-weight: bold;
}

#usr_pp div#pp_edu table td.c2 {
  width: 30%;
}

/*
------------------------------
Personal page, UCU CV
------------------------------
*/

#usr_pp div.cat_cv {
  font-family: 'Arial Black';
  font-weight: 500;
  font-size: 13pt;
  color: #D40942;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-image:    url( "/i/new/line.gif" );
  background-repeat:   repeat-x;
  background-position: 100% 0%;
}

#usr_pp div#pp_cv {
}

#usr_pp div#pp_cv div#nodata {
  border: solid 5px white;
}

#usr_pp div#pp_cv div#intro table {
  width: 100%;
}

#usr_pp div#pp_cv div#intro table tr.hdr {
  background-image:    url( "/i/new/line.gif" );
  background-repeat:   repeat-x;
  background-position: 0% 100%;
}

#usr_pp div#pp_cv div#intro table tr td {
  padding: 5px 10px 8px 10px;
  font-size: 11px;
  color: #000;
}

#usr_pp div#pp_cv div#intro table tr.hdr td {
  padding: 10px 10px 3px 10px;
  color: #999;
  font-size: 10px;
}

#usr_pp div#pp_cv div#intro table tr td.c1 {
  width: 40%;
  font-weight: bold;
}

#usr_pp div#pp_cv div#intro table tr td.c3 {
  width: 30%;
}

#usr_pp div#pp_cv div#ext div.hdr {
  background-image:    url( "/i/new/line.gif" );
  background-repeat:   repeat-x;
  background-position: 0% 0%;
  background-color: #FCE7F2;
  padding-bottom: 3px;
  padding-top: 3px;
}

#usr_pp div#pp_cv div#ext div.hdr table {
  width: 100%;
}

#usr_pp div#pp_cv div#ext div.hdr table td {
  padding: 1px 10px 1px 10px;
}

#usr_pp div#pp_cv div#ext div.hdr table td.lbl {
  white-space: nowrap;
  width: 120px;
  font-weight: bold;
}

#usr_pp div#pp_cv div#ext div.desc {
  padding: 10px;
}


/*
------------------------------
Personal page, UCU Staff education
------------------------------
*/

#usr_pp div#pp_staff {}

#usr_pp div#pp_staff table {
  width: 100%;
}

#usr_pp div#pp_staff table tr.hdr td {
  background-image:    url( "/i/new/line.gif" );
  background-repeat:   repeat-x;
  background-position: 0% 100%;
}

#usr_pp div#pp_staff table tr td {
  padding: 5px 10px 8px 10px;
  font-size: 11px;
  color: #000;
}

#usr_pp div#pp_staff table tr.hdr td {
  padding: 10px 10px 3px 10px;
  color: #999;
  font-size: 10px;
}

/*
------------------------------
Personal page, Photoalbums
------------------------------
*/

#usr_pp div.albums {
  width: 430px;
  border: none;
  overflow-x: hidden;
}

#usr_pp div.albums div.album {
  border: none;
  float: left;
  margin-right: 5px;
  max-width: 150px;

}

#usr_pp div.albums div.album a {
  border: none;
  display: block;
  text-align: center;
}

#usr_pp div.albums div.album a.thumb {
  margin-bottom: 4px;
}

#usr_pp div.albums div.album a.thumb img {
  border: solid 1px #000;
}

#usr_pp div.albums div.album a.ttl {
  color: #e63994;
}
/*
------------------------------
PopUp
------------------------------
*/

tr.popup-hdr {
  background-color: #d40942;
}

/* hide cell with a header text */
td.bpHeader { display: none; }


/* FUTP: Common
------------------------------- */

table.schItem { border: solid 1px #f5b0d4; }
td.schItemHeader {}
td.schItemRem { background-color: #fce7f2; }
td.gbHdr { background-color: #94005a; }
td.gbRem {}
div.schItemRem { background-color: #fce7f2; padding: 10px 10px 10px 10px; }

div.nfHdr { background-color: #94005a; color: #fff; font-weight: bold; padding: 3px 5px 3px 5px; }
div#workarea span.nfTitle { padding-left: 10px; }
div.nfFltr { padding-top: 10px; padding-bottom: 10px; }


/* FUTP: Calendar
------------------------------ */

table.cal_notes tr.title_tr td { background-color: #94005a; }
table.cal_notes tr td.day_hdr { background-color: #e63994; color: #fff; }
table.cal_notes td.day { background-color: #fce7f2; }
table.cal_notes td.wend { background-color: #f5b0d4; }
table.cal_notes td.other_month { background-color: #fff; }

/* -- Votes -- */
table.ac_tbl_vote { border: solid 1px #f5b0d4; }
.ac_tbl_vote_q { background-color: #fce7f2; }
.ac_tbl_vote_a {}
td.ac_tbl_vote_a {}



/*
------------------------------
Registration
------------------------------
*/

div#alu_reg {
  width: 650px;
  border-top: solid 15px transparent;
}

div#alu_reg table.tabs_cntr {
  width: 100%;
}

div#alu_reg table.tabs_cntr table.tab_hdrs td.TabHdr {
  min-width: 100px;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  white-space: nowrap;
  background-color: #e63994;
  color: #fff;
}

div#alu_reg table.tabs_cntr table.tab_hdrs td.TabSeled {
  background-color: #fce7f2;
  color: #d40942;
  border-top-color: #fce7f2;
}

div#alu_reg table.tabs_cntr table.tab_hdrs td.tabs_rest {
  background-color: #fff;
}

div#alu_reg table.tabs_cntr table.tabs {
  background-color: #fce7f2;
  border-bottom: solid 20px #fce7f2;
}

div#alu_reg table.tabs_cntr table.tabs td.tab_ttl {
  font-family:      Arial Black, Arial, Helvetica, sans-serif;
  font-size:        32px;
  color:            #94005a;
  font-weight:      bold;
  line-height:      76px;
  padding-left:     180px;
  vertical-align:   top;
}

div#alu_reg table.tabs_cntr table.tabs td.tab {
  padding: 0 20px;
  font-size: 11px;
}

div#alu_reg table.tlb {
  border-bottom: solid 10px white;
  background-color: #fce7f2;
  border-bottom: solid 20px #fce7f2;
  margin-bottom: 10px;
}

div#alu_reg table.tlb td {
  padding: 0 20px;
}

div#alu_reg table.tlb td a {
  display: inline-block;
  width: 70px;
}


div#alu_reg table.flds {
  width: 600px;
}

div#alu_reg table.flds td {
  padding-top: 2px;
}

div#alu_reg table.flds td,
div#alu_reg table.flds td.fld input,
div#alu_reg table.flds td.fld textarea,
div#alu_reg table.flds td.fld select {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

div#alu_reg table.flds td.fld select {
  min-width: 30px;
}

div#alu_reg table.flds td.fld input.txt,
div#alu_reg table.flds td.fld textarea.txt,
div#alu_reg table.flds td.fld select {
  background-color: #fff;
}

div#alu_reg table.flds td.lbl {
  width: 150px;
  vertical-align: top;
  padding: 6px 10px 0 0;
  text-align: right;
}

div#alu_reg table.flds td.sub-hdr {
  font-weight: bold;
}

div#alu_reg table.flds td.sep {
  line-height: 5px;
}

div#alu_reg table.flds td.fld {
  width: 350px;
  text-align: left;
}

div#alu_reg table.flds td.fld input.txt {
  border: solid 1px #000;
}

.err_fld,
div#alu_reg table.flds td.fld input.err_fld,
div#alu_reg table.flds td.fld textarea.err_fld,
div#alu_reg table.flds td.fld select.err_fld {
  background-color: #ffcccc;
}

div#alu_reg table.flds td.hide {
  width: 50px;
  white-space: nowrap;
}

div#alu_reg table.flds span.chk {
  display: block;
  white-space: nowrap;
  padding-left: 5px;
  vertical-align: top;
}

div#alu_reg table.flds span.chk input {
  float: left;
}

div#alu_reg table.flds span.chk label {
  line-height: 18px;
}

div#alu_reg table.flds td.fld span.chk {
  float: left;
}

div#alu_reg table.flds div.right {
  float: right;
  line-height: 20px;
}

div#alu_reg table.flds div.right span.chk {
  width: auto;
}

div#alu_reg table.cv-edt { width: 550px; }
  div#alu_reg table.cv-edt td {}
    div#alu_reg table.cv-edt td.job-rb { width: 20px; }
    div#alu_reg table.cv-edt td.job-lbl { width: 125px; white-space: nowrap; }
    div#alu_reg table.cv-edt td.job-fld { width: auto; padding-bottom: 5px; }
      div#alu_reg table.cv-edt td.job-fld select,
      div#alu_reg table.cv-edt td.job-fld input { width: 300px; }
      div#alu_reg table.cv-edt td.job-fld .w150 { width: 150px; }
      div#alu_reg table.cv-edt td.job-fld textarea { width: 500px; }

  div#alu_reg table.cv-edt div.cv_pre { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }

div#alu_reg div.reg-nfo table.flds td {
  font-size: 12px;
}

div#alu_reg div.reg-nfo table.flds td.lbl {
  vertical-align: top;
  padding: 2px 10px 0 0;
}

div#alu_reg div.hdr {
  font-size: 12px;
  font-weight: bold;
}

div#alu_reg div.terms {
  width: 600px;
}


/*
------------------------------
User edit
------------------------------
*/

div#alu_usr_edt {
  width: 650px;
  border-top: solid 15px transparent;
}

div#alu_usr_edt table.tabs_cntr {
  width: 100%;
}

div#alu_usr_edt table.tabs_cntr table.tab_hdrs td.TabHdr {
  min-width: 60px;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  background-color: #e63994;
  color: #fff;
}

div#alu_usr_edt table.tabs_cntr table.tab_hdrs td.TabSeled {
  background-color: #fce7f2;
  color: #d40942;
  border-top-color: #fce7f2;
}

div#alu_usr_edt table.tabs_cntr table.tab_hdrs td.tabs_rest {
  background-color: #fff;
}

div#alu_usr_edt table.tabs_cntr table.tabs {
  background-color: #fce7f2;
  border: solid 20px #fce7f2;
  width: 650px;
}

/* unused */
div#alu_usr_edt table.tabs_cntr table.tabs td.tab_ttl {
  display: none;
}

div#alu_usr_edt table.tabs_cntr table.tabs td.tab {
  font-size: 11px;
}

div#alu_usr_edt table.tlb {
  border-bottom: solid 10px white;
  background-color: #fce7f2;
  border-bottom: solid 20px #fce7f2;
  margin-bottom: 10px;
}

div#alu_usr_edt table.tlb td {
  padding: 0 20px;
}

div#alu_usr_edt table.tlb td a {
  display: inline-block;
  width: 70px;
}

/* help icon */
div#alu_usr_edt div.hlp_ico {
  margin-bottom: 15px;
  text-align: right;
}

div#alu_usr_edt div.hlp_ico a {
  border: none;
}

/* Button */
div#alu_usr_edt a.btn {
  margin-top: 1px;
  display: block;
  padding-left: 15px;
  padding-right: 8px;
	height: 17px;
	text-align: center;
	background: url(/i/alu/ucu/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;
	width: 50px !important;
}


div#alu_usr_edt table.flds {
  width: 600px;
}

div#alu_usr_edt table.flds td {
  padding-top: 2px;
}

div#alu_usr_edt table.flds td,
div#alu_usr_edt table.flds td.fld input,
div#alu_usr_edt table.flds td.fld textarea,
div#alu_usr_edt table.flds td.fld select {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

div#alu_usr_edt table.flds td.fld select {
  min-width: 30px;
}

div#alu_usr_edt table.flds td.fld input.txt,
div#alu_usr_edt table.flds td.fld textarea.txt,
div#alu_usr_edt table.flds td.fld select {
  background-color: #fff;
}

div#alu_usr_edt table.flds td.lbl {
  width: 150px;
  vertical-align: top;
  padding: 6px 10px 0 0;
  text-align: right;
}

div#alu_usr_edt table.flds td.sub-hdr {
  font-weight: bold;
}

div#alu_usr_edt table.flds td.sep {
  line-height: 5px;
}

div#alu_usr_edt table.flds td.fld {
  width: 350px;
  text-align: left;
}

div#alu_usr_edt table.flds td.fld input.txt {
  border: solid 1px #000;
}

.err_fld,
div#alu_usr_edt table.flds td.fld input.err_fld,
div#alu_usr_edt table.flds td.fld textarea.err_fld,
div#alu_usr_edt table.flds td.fld select.err_fld {
  background-color: #ffcccc;
}

div#alu_usr_edt table.flds td.hide {
  width: 50px;
  white-space: nowrap;
}

div#alu_usr_edt table.flds span.chk {
  display: block;
  white-space: nowrap;
  padding-left: 5px;
  vertical-align: top;
}

div#alu_usr_edt table.flds span.chk input {
  float: left;
}

div#alu_usr_edt table.flds span.chk label {
  line-height: 18px;
}

div#alu_usr_edt table.flds td.fld span.chk {
  float: left;
}

div#alu_usr_edt table.flds div.right {
  float: right;
  line-height: 20px;
}

div#alu_usr_edt div#photo {
  margin-bottom: 20px;
  margin-left: 30px;
  width: 480px;
}

div#alu_usr_edt div#docs {}

div#alu_usr_edt table.flds div.right span.chk {
  width: auto;
}

div#alu_usr_edt td.dg_hdr,
div#alu_usr_edt td.tblHdr,
div#alu_usr_edt td.dg_hdr a,
div#alu_usr_edt td.tblHdr a {
  color: #000;
}

div#alu_usr_edt table.cv-edt {
  width: 550px;
}

div#alu_usr_edt table.cv-edt td {
}

div#alu_usr_edt table.cv-edt td.job-rb {
  width: 20px;
}

div#alu_usr_edt table.cv-edt td.job-lbl {
  width: 120px;
  white-space: nowrap;
}

div#alu_usr_edt table.cv-edt td.job-fld {
  width: auto;
  padding-bottom: 5px;
}

div#alu_usr_edt table.cv-edt td.job-fld select,
div#alu_usr_edt table.cv-edt td.job-fld input {
  width: 380px;
}
div#alu_usr_edt table.cv-edt td.job-fld .w150 {
  width: 150px;
}

div#alu_usr_edt table.cv-edt td.job-fld textarea {
  width: 500px;
}

div#alu_usr_edt div.reg-nfo table.flds td {
  font-size: 12px;
}

div#alu_usr_edt div.reg-nfo table.flds td.lbl {
  vertical-align: top;
  padding: 2px 10px 0 0;
}

div#alu_usr_edt div.hdr {
  font-size: 12px;
  font-weight: bold;
}

div#alu_usr_edt div.terms {
  width: 600px;
}


/*
  Jobs manage
*/

div#jobs_mng {
  border: none;
}

div#jobs_mng div#ls {
  border: solid 10px #fce7f2;
  background-color: #fce7f2;
}

div#jobs_mng div#ls td.appls {
  padding: 0;
}

div#jobs_mng div#ls td.appls table {
  background-color: #fff;
  border: solid 2px #e63994 !important;
  color: #e63994;
  font-size: 11px;
  margin-bottom: 15px;
}

div#jobs_mng div#ls td.appls table td {
  padding: 5px;
}

div#jobs_mng div#ls td.appls table td.tblHdr {
  background-color: #e63994 !important;
}

div#jobs_mng div#ls td.appls table td.tblHdr,
div#jobs_mng div#ls td.appls table td.tblHdr a {
  font-weight: bold !important;
  color: #fff;
  font-size: 11px;
  text-transform: lowercase;
}

div#jobs_mng div#ls td.appls table td.tblData,
div#jobs_mng div#ls td.appls table a.tblData  {
  color: #e63994 !important;
}

div#vacs div#ls table {
  border: solid 2px #e63994 !important;
  color: #e63994;
  font-size: 11px;
}

div#vacs div#ls table td.tblHdr {
  background-color: #e63994 !important;
}

div#vacs div#ls table td.tblHdr,
div#vacs div#ls table td.tblHdr a {
  font-weight: bold !important;
  color: #fff;
  font-size: 11px;
  text-transform: lowercase;
}

div#vacs div#ls table td.tblData,
div#vacs div#ls table a.tblData  {
  color: #e63994 !important;
}

/* Vacancies, send PIM message */

div#vacs div#pim {}

div#vacs div#pim div#hdr {
  margin-bottom: 5px;
}

div#vacs div#pim div#tlb {
  margin-top: 3px;
}

div#vacs div#pim div#tlb a {
  float: left;
  width: auto;
  margin-right: 3px;
}

/* CMS, import users */

div#usrs_imp {
}

div#usrs_imp table.flds {
  width: 600px;
}

div#usrs_imp table.flds td {
  padding-top: 2px;
}

div#usrs_imp table.flds td,
div#usrs_imp table.flds td.fld input,
div#usrs_imp table.flds td.fld select {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

div#usrs_imp table.flds td.fld input.txt,
div#usrs_imp table.flds td.fld select {
  background-color: #fff;
}

div#usrs_imp table.flds td.lbl {
  width: 120px;
  vertical-align: top;
  padding: 6px 10px 0 0;
  text-align: right;
}

div#usrs_imp table.flds td.fld {
  width: 350px;
  text-align: left;
}

div#usrs_imp table.flds td.fld input.txt {
  border: solid 1px #000;
}

div#usrs_imp table.flds tr td.hlp {
  padding-top: 10px;
  font-size: 11px;
  text-align: left;
}

div#usrs_imp table.flds tr td.btns {
  padding-top: 10px;
}

div#usrs_imp td.btns a.actBtn {
  width: 60px;
}

div#usrs_imp div.sub-hdr {
  margin-top: 15px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 2px;
}

div#usrs_imp div.log {
  border: solid 1px #666;
  min-height: 100px;
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hide;
  font-family: Lucida Console, Courier New;
  font-size: 10px;
  white-space: pre;
}


/* H1: Photoalbums, manage */

div#alu_pha {
  width: 100%;
}

div#alu_pha div.tbl {}

div#alu_pha div.tlb {
  height: 27px;
}

div#alu_pha div.tlb a {
  display: block;
  float: left;
  padding-left: 15px;
  padding-right: 8px;
	height: 17px;
	text-align: center;
	background: url(/i/alu/ucu/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;
	margin-right: 2px;
}


div#alu_pha div.edt {
  width: 550px;
}

div#alu_pha table td {
  vertical-align: top;
}

div#alu_pha table.pha {}

div#alu_pha table.pha td.thumb {
  width: 120px;
  padding-right: 10px;
}

div#alu_pha table.pha td.thumb img {
  border: solid 1px #000;
}

div#alu_pha div.album {
  width: 350px;
  overflow-x: hidden;
  font-size: 11px;
}

div#alu_pha div.album a {
  color: #e3027f;
  text-decoration: none;
}

div#alu_pha div.album a.edt {
  font-size: 12px;
  font-weight: bold;
}

div#alu_pha div.album a:hover {
  text-decoration: underline;
}

div#alu_pha div.hlp {
  margin-bottom: 15px;
}

div#alu_pha div.extra {}

div#alu_pha div.extra a {
  color: #000;
  text-decoration: underline;
}

/* H1: Photoalbum, view */

div#alu_phv {
  text-align: center;
}

div#alu_phv div.imgs {
  height: 90px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

div#alu_phv div.imgs table {}

div#alu_phv div.imgs table tr td {
  vertical-align: top;
}

div#alu_phv div.imgs table tr td img.thumb {
  border: solid 4px transparent;
}

div#alu_phv div.imgs table tr td img.thumb_cur {
  border: solid 4px #f5b0d4;
}

div#alu_phv div.view {
  margin-top: 10px;
  margin-bottom: 10px;
}

div#alu_phv div.view table.wrap {
  background-color: #fff;
  border: solid 10px #fff;
}

div#alu_phv div.view table.wrap div.ttl {
  margin-top: 8px;
  color: #e63994;
  font-weight: bold;
}

div#alu_phv div.view table.wrap div.rem {
  margin-top: 4px;
  color: #000;
}


div#alu_phv div.tlb {}

div#alu_phv div.tlb td,
div#alu_phv div.tlb td a {
  color: white;
}

div#alu_phv div.tlb td a {
  font-weight: bold;
}

div#alu_phv div.tlb_top {
  margin-top: 10px;
}

div#alu_phv div.tlb_btm {
  margin-bottom: 10px;
}

div#alu_phv div.tlb table td.prev {
  width: 50%;
  text-align: left;
}

div#alu_phv div.tlb table td.next {
  width: 50%;
  text-align: right;
}


/* UCU, IO3 connection */
div#io3_ls {}

div#io3_ls div.tip {
  background-color: #f0f0f0;
  border: solid 1px #ccc;
  padding: 10px;
  margin: 0 0 15px 0;
}

div#io3_ls div.tbl_ttl {
  font-weight: bold;
  margin-bottom: 5px;
}

div#io3_ls div.tbl table {
  width: 100%;
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
}

div#io3_ls div.tbl table tr.tbl_hdr td {
  background-color: #f0f0f0;
}

div#io3_ls div.tbl table td {
  padding: 3px 5px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

div#io3_ls div.tbl table td.c0 {
  width: 1%;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

div#io3_ls span.sur_cur {
  display: block;
  width: 13px;
  height: 13px;
  background: url( "/i/sel.gif" );
  background-repeat: none;
  overflow: hidden;
}

div#io3_ls div.tbl table td.c1 {
  width: 5%;
  text-align: center;
}

div#io3_ls div.tbl table td.c2 {
  width: auto;
}

div#io3_ls div.tbl table td.tbl_hdr a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

/* iframe for public part */
iframe.io3_iframe {
  border: 0;
  overflow: hide;
  width: 100%;
  height: 600px;
  background-color: #fff;
}

/* New media section */
div.new_media_cont { width: 430px; border: none; overflow-x: hidden; }
div.new_media_item { padding: 0 5px; text-align: center; float: left; width: 130px; }
div.new_media { padding-bottom: 8px; }

/* About me section */

div.about_me_cont {
  width: 430px;
  border: 0px;
  overflow-x: hidden;
}

div.about_me_item {
  padding:              5px 5px 5px 5px;
  text-align:           center;
  float:                left;
}

div.no_items {
  color: #808080;
}

div.no_albums {
  color: #808080;
}

td.vatop { vertical-align: top; }

div#workarea div.flash_dt {
  padding-bottom:   12px;
  font-size:        12px;
  font-weight:      bold;
}


/* popup */
div.feedback_wrapper {
  background:     #FCE7F2;
  border-right:   2px solid #94005A;
  border-bottom:  2px solid #94005A;
  border-left:    2px solid #E63994;
  border-top:     2px solid #E63994;

}

div.feedback_wrapper div.hdr {
  filter:    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFCE7F2', EndColorStr='#FFFFFFFF');
  color:     #1F336B;

}

div.feedback_wrapper div.content {
  border-left:    1px solid #94005A;
  border-top:     1px solid #94005A;
  border-bottom:  1px solid #E63994;
  border-right:   1px solid #E63994;
  background:     #FCE7F2;
  filter:         progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFCE7F2', EndColorStr='#FFFFFFFF');

}

div.feedback_wrapper span.x {
  color:     #F5B0D4;
}

/* SWFUpload Module */

div.swfupload_cntr {}

  div.swfupload_cntr fieldset.flash {
  	border-color: #000;
  }

  div.swfupload_cntr legend {
  	color: #000;
  }

  /* Table Styles */
  div.swfupload_cntr .progressContainer {
  	background-color: transparent;
  }

  /* Message */
  div.swfupload_cntr .message {}
  /* Error */
  div.swfupload_cntr .red {
  	background-color: #ff0;
  }
  /* Current */
  div.swfupload_cntr .green {
  	background-color: transparent;
  }
  /* Complete */
  div.swfupload_cntr .blue {
  	background-color: transparent;
  }

/* Registration data manage */
div.rdm_main {}
  div.rdm_main div.tlb { height: 1.5em; margin: 1em 0; }
    div.rdm_main div.tlb a { float: left; margin-right: 10px; margin-top: none; }
  div.rdm_main div.rdm_fltr div.tlb { margin-bottom: 0; }

div#rdm_edit a { float: left; margin-right: 10px; }

div.edt_tlb {
  padding-bottom: 10px;
}

td.tab_body div.nf_flags {
  padding: 0 0 10px 0 !important;
}



/* Newsflash page, blog
------------------------------ */

div.nf_blog td.tblHdr_blog { background-color: #D40942; color: #fff; border: none; }

div.nf_blog table { border-collapse: separate; border-spacing: 0 0; }


div.nf_blog .tblData_blog { color: #000; font-size: 11px; text-decoration: none; font-weight: normal; }
div.nf_blog td.tblData_blog { background-color: #fff; border: none !important; color: #000000; font-size: 11px; }
  div.nf_blog td.tblData_blog a { color: #000; text-decoration: underline; display: block; margin-top: 5px; }

div.nf_blog table.blog_row {
  background-image:    url( "/i/new/line.gif" );
  background-repeat:   repeat-x;
  background-position: 0% 100%;
}

div.nf_blog table.blog_row td {
  padding-bottom:     10px;
}

div.nf_blog table.blog_edt {
  background-color: #fff;
}