/* master.css used to define layout styles for FM Newsletter web application */

/*top bar styles - login section and banner*/


body { margin: 0px; background-color: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 70%; color: #000; min-width: 620px; }
img { border: 0; }
a { color: #145598; text-decoration: underline; }

input.textbox { width: 90%; border: 1px solid #ccc; }
input.textboxWarning { width: 90%; border: 1px solid #f00; }
textarea.textbox { font-family: Verdana, Geneva, sans-serif; font-size: x-small; width: 90%; border: 1px solid #ccc; }
label { cursor: pointer; }

* html #wrapper { width: expression(document.body.clientWidth < 621 ? "620px" : "auto"); } 

#top-login-bar { background-image: url("./images/bg_blue.gif"); background-repeat: repeat-x; height: 29px; }

#top-login-panel { background-image: url("./images/gfx_login.gif"); background-repeat: repeat-y; display: block; height: 29px; }
.user-logged-in { color: #fff; padding-left: 5px; /*line-height: 29px;*/ }
.user-logged-img { vertical-align: middle; /*padding-bottom: 3px; */}
.user-logged-container { padding-top: 5px;}

#top-banner { float: right; height: 29px; width: 248px; }


/*nav styles*/

#blue-fill { background-image: url("./images/bg_blue_banner.gif"); background-repeat: repeat; display: block; }
#blue-gradient { background-image: url("./images/bg_blue_gradient.gif"); background-repeat: repeat-y; display: block; }

#lower-blue-fill { background-image: url("./images/bg_lower_blue_banner.gif"); background-repeat: repeat-x; display: block; height: 18px; }
#lower-blue-gradient { background-image: url("./images/bg_lower_blue_gradient.gif"); background-repeat: no-repeat; display: block; height: 18px; }

#top-nav { /*float: left; width: 180px;*/ }
#top-nav ul { list-style: none; margin: 0; padding: 0;  }
#top-nav li { display: block; border: 1px solid #e2ebf6; float: left; margin: 2px; margin-top: 20px; } 
#top-nav a { display: block; padding: 3px 3px; background-image: url("./images/button_off.gif"); background-repeat: repeat-x; border: 1px solid #adc7e3; color: #236bac; font-size: 1.1em; text-decoration: none; }
#top-nav a:hover, 
#top-nav a.current, 
#top-nav a:active { background: #eee; background-image: url("./images/button_on.gif"); background-repeat: repeat-x; border: 1px solid #3177c3; color: #d8e6f3; }

/* utility styles */
.float-left { float: left; }
.float-right { float: right; }
.clear-all { clear: both; }
.no-wrap { white-space: nowrap; }
li { list-style: none; }
/*main pane*/

.inline a { color: #236bac; text-decoration: none; }
.inline a:hover,
.inline a:active { color: #236bac; text-decoration: underline; }

.clear-nested-floats:after {
  content: ".";
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

table.entity-list { width: 99%; margin: 10px 0; border-top: 1px solid #CFDDEE; padding: 0; background: #F4F8FC; }
table.entity-list td { border-bottom: 1px solid #CFDDEE; vertical-align: top; }
table.entity-list th { text-align: left; }  
table.entity-list a { display: block; padding: 3px 5px; color: #236bac; }
table.entity-list a:hover { background: #eee; text-decoration: none; color: #236bac; }
/*table.entity-list a.entity-edit { }*/
table.entity-list a.entity-delete { float: right; text-align: right; color: #f00; background-color: #F4F8FC; text-decoration: none; }
table.entity-list a.entity-delete:hover { float: right; text-align: right; color: #f00; background-color: #F4F8FC; text-decoration: underline; }
table.entity-list .entity-date { display: block; padding: 5px; }
table.entity-list .warning { color: #f00; font-weight: bold; margin: 0; }
table.entity-list .deactivated {color: #000; line-height: 20px; }

table.entity-list a.duplicateHighlight { background-color: #E77E7E; color: #000; }
table.entity-list a.duplicateHighlight:hover { background-color: #E05252; }

#content-pane { display: block; background-color: #e3ebf4; margin: 10px; min-height: 500px; }
#content-pane-news { display: block; background-color: #e3ebf4; margin: 10px 325px 10px 10px; min-height: 500px; }
#content-title { background-color: #cfddee; }
.title { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #145598; height: 20px; display: block; line-height: 20px; padding-left: 5px; } 
.content-holder { padding: 10px; display: block; }
.form-label { font-weight: bold; }
#info-pane { border: 1px dashed #258dbe; width: 300px; float: right; margin: 10px; }
.info { padding: 10px; }
.info ul { list-style: none; margin: 10px 0; padding: 0; }

#message { color: #f00; padding: 10px 0; }
.warning { color: #f00; padding: 10px 0; font-weight: bold; }

ul.checkbox-list { list-style: none; margin: 0 0 10px 0; padding: 0; }

form#filter_form {
  display: inline;
}

#filter_form ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

#filter_form ol li {
  display: block;
  float: left;
  padding: 0 10px 0 0;
  margin: 0;
}

#filter_form ol li label {
  display: block;
  font-weight: bold;
}

a.currentAlpha { border: 1px dashed #E05252; padding: 2px; background: #CFDDEE; color: #E05252; }

#footer { background-image: url("./images/bg_footer.gif"); background-repeat: repeat-x; height: 70px; }

/* progress bar */
#statusMessage { text-align: center; font-size: 16px; padding: 20px; display: none; }
.progressBar { width: 300px; margin: 0 0 1em 0; border: 1px solid #000; padding: 10px; }
.progressBar .distributionName { font-weight: bold; }
.progressBar .status { text-align: right; }
.progressBar .progress { background: #CFDDEE url("images/progress.gif") no-repeat right center; border: 1px solid #fff; height: 12px; }
.progressBar .indicator { background: #146EC4; height: 12px; }
.progressBar .percentage { text-align: center; }

table.uploadTable td { border: 1px solid #CFDDEE; vertical-align: top; border-collapse: collapse; }

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div { height: 1%; margin-left: 0; }
/* End hide from IE5/mac */