html,
body {
  height: 100%;
}
.generalOverlay {
  height: 100%;
  width: 100%;
  z-index: 99; /** only needed for old celements yui overlay **/
  position: fixed;
  top: 0px;
  left: 0px;
}
.OverlayBack {
  background-color: black;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#cel_langbar {
  margin-bottom: 13px;
}
#cel_langbar .langitem {
  margin-right: 13px;
}
.main.layoutsubsection {
  margin: 50px auto auto;
  padding: 30px;
  background: white;
  position: relative;
}
#closebutton {
  background-image: url(close.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 30px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px;
}
#closebutton:hover {
  background-image: url('close-hover.png');
  background-position: left top;
  background-repeat: no-repeat;
  height: 30px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px;
}
.main.layoutsubsection {
  position: relative;
  width: 800px;
}

/* Newsletter */

.NewsletterAddressList .main.layoutsubsection {
  position: relative;
  width: 1050px;
}
newsletter_send_answer {
  overflow-x: hidden;
  overflow-y: auto;
}
#newsletter_send_answer .cel_newsletter_info_title {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-decoration: underline;
}

#newsletter_send_answer .cel_newsletter_receivers_groups {
  width: 370px;
  height: 100px;
  margin-bottom: 15px;
  float: left;
  display: block;
}
#newsletter_send_answer .cel_newsletter_receivers_groups ul {
  height: 80px;
  margin-top: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid black;
}
#newsletter_send_answer .cel_newsletter_receivers_groups ul li.cel_newsletter_row_uneven {
  padding-left: 5px;
  background-color: #f0f0f0;
}
#newsletter_send_answer .cel_newsletter_receivers_groups ul li.cel_newsletter_row_even {
  padding-left: 5px;
  background-color: #cccccc;
}
#newsletter_send_answer .cel_newsletter_receivers_single_users {
  width: 370px;
  height: 100px;
  margin-bottom: 15px;
  float: right;
  display: block;
}
#newsletter_send_answer .cel_newsletter_receivers_single_users ul {
  height: 80px;
  margin-top: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid black;
}
#newsletter_send_answer .cel_newsletter_receivers_single_users ul li.cel_newsletter_row_uneven {
  padding-left: 5px;
  background-color: #f0f0f0;
}
#newsletter_send_answer .cel_newsletter_receivers_single_users ul li.cel_newsletter_row_even {
  padding-left: 5px;
  background-color: #cccccc;
}
#newsletter_send_answer .cel_newsletter_receivers_form {
  clear: both;
}
#newsletter_send_answer .cel_newsletter_form_description {
  font-size: 16px;
  line-height: 20px;
  text-decoration: underline;
}
#newsletter_send_answer #newsletter_send input {
  margin-top: 10px;
  margin-bottom: 5px;
  width: 250px;
  display: block;
}
#newsletter_send_answer #newsletter_send .cel_newsletter_form_input_subject {
  width: 794px;
}
form#newsletter_send input#newsletterSubmitButton {
  margin-top: 20px;
  float: left;
}
form#newsletter_send input#newsletterTestSubmitButton,
form#newsletter_send span#testResultBoxSpan {
  display: block;
  margin-left: 545px;
  margin-top: 25px;
}

/* User admin */

.UserAdminSheet form#update {
  background-color: #b0b0b0;
  font-family: 'Open Sans', Tahoma, Geneva, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 12px;
  line-height: 19px;
}
.UserAdminSheet form#update table.block {
  border-collapse: collapse;
  table-layout: fixed;
}
.UserAdminSheet .UserAdminInfos .xwikieditcontent {
  position: relative;
}
.UserAdminSheet .UserAdminInfos table {
  width: 500px;
}
.UserAdminSheet form#update #xwikieditcontent {
  width: auto;
}
.UserAdminSheet form#update .UserAdminInfos {
  position: relative;
  display: block;
  float: left;
  width: 500px;
}
.UserAdminSheet form#update .UserAdminGroupdata {
  position: relative;
  width: 250px;
  display: block;
  float: left;
}
.UserAdminSheet form#update #xwikieditcontent .editblock {
  position: relative;
  padding-bottom: 2px;
}
.UserAdminSheet form#update #xwikieditcontent .editblock dd select {
  height: 20px;
}
.UserAdminSheet form#update td.AdminUserName {
  width: 212px;
  border: none;
}
.UserAdminSheet form#update td.AdminUserName input {
  border: none;
}
.UserAdminSheet form#update td.td_loginname {
  padding-right: 10px;
  text-align: left;
}
.UserAdminSheet form#update .UserAdminInfos .editblock {
  position: relative;
}
.UserAdminSheet form#update .editblock label {
  float: none;
  width: auto;
  text-align: right;
  padding-right: 10px;
  padding-top: 1px;
  width: 190px;
  display: block;
}

.UserAdminSheet form#update .editblock dl {
  margin: 0px;
}
.UserAdminSheet form#update .editblock dd {
  position: absolute;
  top: 0px;
  left: 200px;
  margin: 0px;
}
.UserAdminSheet form#update .clear {
  clear: both;
}
.UserAdminSheet form#update table,
.UserAdminSheet form#update table td {
  font-size: 12px;
  line-height: 19px;
}
.generalOverlay .layoutsubsection #cel_overlaybody {
  position: relative;
  width: 100%;
  overflow: auto;
}
.generalOverlay .layoutsubsection,
.generalOverlay .layoutsubsection p,
.generalOverlay .layoutsubsection td,
.generalOverlay .layoutsubsection th,
.generalOverlay .layoutsubsection li {
  font-size: 12px;
  line-height: 16px;
  font-family: 'Open Sans', Tahoma, Geneva, Helvetica, Arial, sans-serif;
  font-style: normal;
  color: black;
}
.generalOverlay .layoutsubsection p {
  margin-left: 0;
}
.generalOverlay #cel_overlaybody h1,
.generalOverlay #cel_overlaybody h2,
.generalOverlay #cel_overlaybody h3 {
  font-size: 18px;
  line-height: 21px;
  margin-left: 0;
  margin-bottom: 25px;
  font-family: 'Open Sans', Tahoma, Geneva, Helvetica, Arial, sans-serif;
  font-style: normal;
  color: black;
}
.generalOverlay #cel_overlaybody h2 {
  font-size: 16px;
  line-height: 19px;
}
.generalOverlay #cel_overlaybody h3 {
  font-size: 14px;
  line-height: 17px;
}

.generalOverlay .layoutsubsection #cel_overlaybody .changePassword h2 {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 25px;
  font-family: 'Open Sans', Tahoma, Geneva, Helvetica, Arial, sans-serif;
  font-style: normal;
  color: black;
}
.generalOverlay .layoutsubsection #cel_overlaybody .changePassword dl dd {
  margin-left: 160px;
  position: relative;
  top: -16px;
  font-family: 'Open Sans', Tahoma, Geneva, Helvetica, Arial, sans-serif;
  font-style: normal;
  color: black;
}

/* Tables */
.generalOverlay #cel_overlaybody #AttachmentHistory table,
.generalOverlay #cel_overlaybody #recylceBinList table,
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table,
.generalOverlay #cel_overlaybody table.cel_whatsnew_table {
  width: 785px;
  border-collapse: collapse;
  table-layout: fixed;
}
.generalOverlay #cel_overlaybody #AttachmentHistory table th,
.generalOverlay #cel_overlaybody #AttachmentHistory table td,
.generalOverlay #cel_overlaybody #recylceBinList table th,
.generalOverlay #cel_overlaybody #recylceBinList table td,
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table th,
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table td,
.generalOverlay #cel_overlaybody table.cel_whatsnew_table th,
.generalOverlay #cel_overlaybody table.cel_whatsnew_table td {
  padding: 4px;
}
.generalOverlay #cel_overlaybody #AttachmentHistory tabl th,
.generalOverlay #cel_overlaybody #recylceBinList table th,
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table th,
.generalOverlay #cel_overlaybody table.cel_whatsnew_table th {
  padding: 2px;
  text-align: left;
  border-bottom: 2px solid black;
}
.generalOverlay #cel_overlaybody #AttachmentHistory table .tr_odd td,
.generalOverlay #cel_overlaybody #recylceBinList table .tr_odd td,
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table .tr_odd td,
.generalOverlay #cel_overlaybody table.cel_whatsnew_table .tr_odd td {
  background-color: #e1e1e1;
}
.generalOverlay #cel_overlaybody #AttachmentHistory table tr:hover td,
.generalOverlay #cel_overlaybody #recylceBinList table tr:hover td,
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table tr:hover td,
.generalOverlay #cel_overlaybody table.cel_whatsnew_table tr:hover td {
  background-color: #eeeeee;
}

/* WIDTH for Attachment History */
.generalOverlay #cel_overlaybody #AttachmentHistory table .column_image {
  width: 90px;
}
.generalOverlay #cel_overlaybody #AttachmentHistory table .column_version {
  width: 135px;
}
.generalOverlay #cel_overlaybody #AttachmentHistory table .column_size {
  width: 160px;
}
.generalOverlay #cel_overlaybody #AttachmentHistory table .column_author {
  width: 200px;
}
.generalOverlay #cel_overlaybody #AttachmentHistory table .column_date {
  width: 200px;
}

/* WIDTH for Attachment Recycle Bin */
.FullAttRecylceBin .main.layoutsubsection {
  width: 900px;
}
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table {
  width: 885px;
}
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table .column_filename {
  width: 295px;
  overflow: hidden;
  word-wrap: break-word;
}
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table .column_docName {
  width: 200px;
}
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table .column_deldate {
  width: 140px;
}
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table .column_deleter {
  width: 130px;
}
.generalOverlay #cel_overlaybody #recylceBinAttachmentList table .column_actions {
  width: 120px;
}

/* WIDTH for Document Recycle Bin */
.generalOverlay #cel_overlaybody #recylceBinList table .column_docName {
  width: 220px;
}
.generalOverlay #cel_overlaybody #recylceBinList table .column_numDelVersions {
  width: 130px;
}
.generalOverlay #cel_overlaybody #recylceBinList table .column_deleter,
.generalOverlay #cel_overlaybody #recylceBinList table .column_deldate {
  width: 110px;
}
.generalOverlay #cel_overlaybody #recylceBinList table .column_actions {
  width: 215px;
}

/* fix for password change form in baseskin */
.generalOverlay .changePassword dl {
  margin: 0px;
}
.generalOverlay .changePassword dl dd input {
  margin: 0px;
}
.generalOverlay .changePassword dl dd input#xwikipassword {
  margin: 0px;
}

#cel_pwdrecovery_process_description {
  padding: 0 0 20px;
}

.generalOverlay #cel_overlaybody #cel_pwdrecovery_process_description form,
.generalOverlay #cel_overlaybody #cel_pwdrecovery_process_description button,
.generalOverlay #cel_overlaybody #cel_pwdrecovery_process_description input,
.generalOverlay #cel_overlaybody #cel_pwdrecovery_process_description select,
.generalOverlay #cel_overlaybody #cel_pwdrecovery_process_description textarea {
  margin: 5px;
}

/* MOBILE LANDSCAPE */

@media only screen and (max-width: 800px) {
  .main.layoutsubsection {
    position: relative;
    width: 75%;
  }

  #cel_pwdrecovery_process_description {
    padding: 0 0 20px;
  }
}

/* MOBILE PORTRAIT 

@media only screen and (max-width: 560px) { 
	
	.main.layoutsubsection {
		position:relative;
		width:75%;
	}
	
	#cel_pwdrecovery_process_description {
		padding: 0 0 20px;
	}
}*/