/* Stylesheet for Sitegenie CMS mgmt_portal */

/* For W3C browsers: make sure the entire window is filled. */
html { margin:0px; padding:0px; width:100%; height:100%; }

/* The appearance of the site body */
.site_body     { background-color:#CDFF9C; margin:0px; padding:0px; height:100%; color:#000000; font-size:12px; font-family: Arial, Helvetica, sans-serif; overflow:hidden; height:100%; }
.content_frame { position:absolute; left:180px; right:0px; top:72px; bottom:0px; visibility:hidden; overflow:auto; z-index:10; }
.content_body  { background-color:transparent; margin:16px; padding:0px; overflow_x:hidden; }

.hdr_row {
  height:72px;
  padding:0px;
  margin:0px;
  background-image: url(images/hdr_fill.gif);
  background-repeat: repeat-x;
}

.menu_col {
  width:180px;
  padding:0px;
  margin:0px;
  background-image: url(images/menu_fill.gif);
  background-repeat: repeat-y;
}

.logo_pos  { position:absolute; top:21px; left:18px; z-index:50; }

a:visited  { color: #000000; text-decoration: underline; }
a:link     { color: #000000; text-decoration: underline; }

body       { color: #000000; font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
p          { color: #000000; font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }

h1         { font-weight: bold; font-size:14px; line-height:15px; }
h2         { font-weight: bold; font-size:13px; line-height:15px; }
h3         { font-weight: bold; font-size:12px; line-height:15px; }
h4         { font-weight: bold; font-size:12px; line-height:15px; }

li         { list-style-type: square; font-size:11px; line-height:15px; font-family: Verdana, Arial, Helvetica, sans-serif; }
ol         { list-style-type: square; font-size:11px; line-height:15px; font-family: Verdana, Arial, Helvetica, sans-serif; }
table      { color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
th         { color:#336600; font-size:9px; font-family:Arial, Helvetica, sans-serif; background-color:#9CCF63}
td         { color:#000000; font-size:11px; font-family:Arial, Helvetica, sans-serif; }

.NoteStyle { color:#000000; background-color:#EDFFCF; border: solid 1px #9CCF63; font-size:10; padding:4px; }
.PopStyle  { z-index: 20; top: 0px; left: 0px; position: absolute; visibility: hidden; width:200; }
.normal    { background-color:#CDFF9C; }
.alt       { background-color:#B3EF78; /*padding:0px; margin:0px;*/ }
table.alt tr th {
  background-color:#9CCF63;
  /*padding:0px;
  margin:0px;*/
  padding-top:3px;
  padding-bottom:3px;
}
div.editor_strip  { margin:0px; padding:0px; border:1px solid #9CCF63; }

.var       { background-color:#CDFF9C; }
.inv       { background-color:#9CCF63;}
.capt      { background-color:#CDFF9C; color:#333333; }

/* Input fields in the page-editor... */
.title     { font-weight:bold; color:#000000; font-size: 12px; }
.subtitle  { font-weight:normal; color:#000000; font-size: 12px; }

.hdr_text  { position:absolute; left:220px; top:12px; font-weight:bold; color:#EDFFCF; font-size:13px; font-style:italic; }
.time_text { position:absolute; left:220px; top:45px; font-weight:bold; color:red; font-size:13px; font-style:normal; }
.logo      { position:absolute; bottom:10px; left:35px; }

.logged_in         { position:absolute; margin:0px; padding:0px; bottom:75px; left:0px; }
.logged_in_info    { width:180px; margin:0px; padding:0px; }
.logged_in_info td { padding:2px; }
td.logged_in_left  { width:75px; text-align:right; padding-right:3px; font-size:9px; font-weight:normal; color:#D669FF; }
td.logged_in_right { width:105px; font-size:9px; font-weight:bold; color:#527A0A; }

/* Ajax Upload of images... */
.AjaxImagesDiv { overflow:auto; height:270px; border:solid 1px black; }
.AjaxImagesDiv .row1 { background-color: #F6F0FF; height:10px; }
.AjaxImagesDiv .row2 { background-color: #E0CCFF; height:10px; }
.AjaxImagesDiv tr td { padding-left: 5px; }
.AjaxImagesDiv .selected-row { background-color: #330055; }
.AjaxImagesDiv .selected-row a { color:#CDFF9C; }

input {
  width:auto;
  background: #FFFFFF;
  border: 1px solid #9CCE62;
}

td, input, select, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

input, select, textarea {
  border: 1px solid #808080;
}

.content_body { color:#000000; background-color:#CDFF9C; }

/* E-mail forms... */
.email_response_div             { width:80%; margin-left:10%; }
.email_response_required_fields { font-size:9px; font-style:italic; color:#444444; padding-right:10px; }

.mini_response_form    { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #FFCE00; border-collapse: separate; border-spacing:3;}
.mini_response_form tr td { padding:2px; padding-left:7px; padding-right:7px; margin:0px; font-size:11px; }
.mini_response_form tr th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:11px; color:#000000; background-color:#FFCE00; }
.mini_response_input   { color:#000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.mini_response_button  {
   font-size:11px;
   color: #000000;
   background-color: #FFCE00;
   border: 1px solid #FFCE00;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

.email_response_form       { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; padding-left:10%;border: 1px solid #FFCE00; }
.email_response_form tr td { padding:2px; padding-left:7px; padding-right:7px; margin:0px; font-size:11px; }
.email_response_form tr th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:11px; color:#000000; background-color:#FFCE00; }
.email_response_input   { color: #000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.email_response_button  {
   font-size:11px;
   color:#000000;
   background-color: #FFCE00;
   border:1px solid #FFCE00;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

/* mouse-overs for individual rows in a CMS catalog table (non IE6)... */
.cms_catalog_table { border:solid 2px #9CCE62; border-collapse:collapse; border-spacing: 0; }
.cms_catalog_table th { background-color:#9CCE62; }
.cms_catalog_table table tr:hover td { background-color:#EDFFCF; }

/* Page- and Paragraph-editor disable/fade-screen */
.disable_screen  {
  position:absolute;
  display:none;
  z-index:25;
  float:left;
  left:-16px; /* Compensate for margin */
  top:-16px;
  -moz-opacity:.7;
  opacity:.7;
  filter:alpha(opacity=70);
  background-color:#CDFF9C;
  /* background-color:#FFFFFF; */
  background-image: url(/p-httpd/beheer/mgmt_portal/_style/images/wheel_big.gif);
  /* background-image: url(/p-httpd/_cms/images/icons/wheel_big.gif); */
  background-repeat: no-repeat;
  background-position: center center;
}

h1.logon_header { text-align:center; }
a.logon_help { font-size:10px; color:#3C5A1F;}
.logon      { /*border: solid 1px #669900;*/ background-color:#B3EF78; }
.logon .alt { background-color:#9CCF63; margin-top:10px;}
.logon_info { background-color:#E5FDCE; padding:10px; }

/* A style to assign to newsletter tables, used only when newsletter is composed... */
.cms_newsletter, .newsletter { ; }

/* form messages */
div.form_status {
  font-size:13px;
  color:Green;
  font-weight:bold;
  border:solid 1px #9CCE62;
  background:url(/p-httpd/beheer/mgmt_portal/_style/images/checkmark.png);
  background-color:#B3EF78;
  background-position:5px 4px;
  background-repeat:no-repeat;
  padding: 12px 10px 10px 40px;
}

div.form_error {
  font-size:13px;
  color:Red;
  font-weight:bold;
  border:solid 1px #9CCE62;
  background:url(/p-httpd/beheer/mgmt_portal/_style/images/crossmark.png);
  background-color:#B3EF78;
  background-position:5px 4px;
  background-repeat:no-repeat;
  padding: 12px 10px 10px 40px;
}