/*  COLORS:

  grey  cccccc
  red   cc0000
  brown 996600
  black 000000

*/


body
{
	margin: 0;
	padding: 0;
	color: #555;
	/*font: normal 10pt Arial,Helvetica,sans-serif;*/
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  background: #cccccc;
}

#page
{
  -moz-box-shadow: 0px 0px 4px #999;
  -webkit-box-shadow: 0px 0px 4px #999;
  box-shadow: 0px 0px 4px #999;
  border-top:solid 6px #000000;
	margin-bottom: 20px;
	margin-top:20px;
	background: white;
	-moz-border-radius-bottomleft: 3px; /* Firefox */
  -webkit-border-bottom-left-radius: 3px; /* Safari, Chrome */
  border-bottom-left-radius: 3px; /* CSS3 */
  -moz-border-radius-bottomright: 3px; /* Firefox */
  -webkit-border-bottom-right-radius: 3px; /* Safari, Chrome */
  border-bottom-right-radius: 3px; /* CSS3 */

/*	border: 1px solid #C9E0ED;*/
}

#header
{
	padding: 10px 20px 20px 20px;
	margin-top:2px;
	border-top:solid 1px #cc0000;
}

#video-link {
	float: right;
	clear: right;
	padding: 20px 0;
}

#video-link a {
	background:#cc0000;
	color:#fff;
	text-decoration:none;
	padding:8px 20px;
	font-size:24px;

	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
}

#video-link a:hover {
	background-color:#000;
}

#presence
{
  float:right;
  width:650px;
  margin-top:0px;
  text-align:right;
}

#presence a {
    background:#000;
    color:#fff;
    display:inline-block;
    text-decoration:none;
    padding:2px 10px 3px 10px;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    border-radius: 4px; /* CSS3 */
  }


#presence a:hover {
  background:#cc0000;
}

#content {
    padding: 20px;
}

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

#footer
{
	padding: 10px;
	margin: 20px 20px 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #Ccc;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu
{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

#mainmenu ul
{
	padding:0px 2px;
	margin:0px;
	height:30px;
}

#mainmenu ul li
{
	display:inline-block;
	list-style:none;
	height:24px;
	padding:0px 18px;
}

#mainmenu ul li a
{
	color:#333;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:6px 0px 0px 0px;
	height:17px;
	display:inline-block;
}

#mainmenu ul li a:hover
{
	color: #cc0000;
	margin:-5px 0;
	border-bottom:solid 5px #cc0000;
	text-decoration:none;
}

#mainmenu ul li.active a {
    color: #cc0000;
    text-decoration:none;
  }

#mainmenu ul li.active a:hover {
    border:none;
    cursor:default;
  }

#mainmenu ul ul {
  position:absolute;
  margin: 10px 0;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
	margin-top:10px;
  /*display:none;*/
}

div.breadcrumbs a {
  text-decoration:none;
}

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

div.breadcrumbs span
{
	font-weight: bold;
	margin-top:10px;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

#manufacturer-search-form .inline-label,
#rep-search-form .inline-label { 
  float: left; 
  width:auto;
  margin-right:10px;
  white-space: nowrap;
  font-weight:normal;
}
#manufacturer-search-form .inline-label input, 
#manufacturer-search-form .inline-label select, 
#manufacturer-search-form .inline-label span,
#rep-search-form .inline-label input, 
#rep-search-form .inline-label select, 
#rep-search-form .inline-label span { 
  display:inline; 
  white-space: nowrap;
  padding:0;
  margin:0;
}
#manufacturer-search-form .inline-label span,
#rep-search-form .inline-label span { 
  padding:0 4px;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

/* ---------------------------------- LSA styles ---------------------------------- */

/*body h3 { clear: both; margin: 1em 0 .5em 0; }*/
/*body h5 { margin: .5em 0; }*/

#loader { display:none; position:absolute; top:20px; left:60%; }

.grid-view { padding-top:0 !important; }
.grid-view tbody td { vertical-align: top; }

body address { margin:0; }

.module { border: solid 1px #e0e0e0; margin-bottom:10px; padding:3px; border-radius: 4px 4px 4px 4px; }
.module-title { padding: .4em 1em; }
.module-title .actions label { font-weight:normal; float:left; margin-right:10px; }
.module-body { padding: 8px 16px 0 16px; }
.module-subtitle { padding: .4em 1em; font-weight:bold; }
.submodule { border: solid 1px #e0e0e0; margin-bottom:10px; padding:3px 10px; border-radius: 4px 4px 4px 4px; background:#ffffff; }
.submodule.notes { margin-top:10px; font-weight:normal; padding: 10px; }

div.actions { float:right; }

span.preferred  { color: #996600; }
.help span.preferred {
  padding-left: 16px;
  background: url(/images/link.png) top left no-repeat;
}
.client th.preferred {
  padding-left: 16px !important;
  background: url(/images/link.png) top left no-repeat;
}
.module .title.preferred { color: #996600; }
.module .submodule th.title.preferred { color: #996600; }
.module .communication.preferred { color:#000000; background-color: #ffffcc; font-weight:bold; }

.client .title.preferred { color: #996600; }

.module table.properties { width:auto; margin:0; }
.module table.wide { width:100%; }
.module table.properties th { vertical-align:top; padding:0 20px 0 0; color:#999999; white-space:nowrap; }
.module table.properties th.title { color:#000000; padding-right:40px; }
.submodule table.properties th.title { color:#666666; padding-right:40px; }
.module table.properties .actions { text-align:right; }
.module table .actions a { padding-left:10px; }
.module table.properties td { vertical-align:top; padding:0 20px 0 0; }
.module table.properties td.title { font-weight:bold; padding-right:40px; }
.module table.properties td.title .address { font-weight:normal; }
.module table.properties td.preferred { color:#996600; }

.module table.detail-view { width:auto; margin:0; }
.module table.detail-view tr.even { background:none; }
.module table.detail-view tr.odd { background:none; }
.module table.detail-view th { vertical-align:top; padding:0 20px 0 0; color:#999999; white-space:nowrap; font-size: 1em; }
.module table.detail-view td { vertical-align:top; padding:0 20px 0 0; font-size: 1em; }

table.layout { width:auto; margin:0; }
table.layout td { vertical-align:top; }
table.layout td.attrsleft { text-align:left; width: 30%; }
table.layout td.attrscenter { text-align:left; width: 50%; }
table.layout td.actions { text-align:right; width:20%; }

.module .edit-icon { display:inline-block; }

.rep-list { margin-left:0px; }
.rep-list h4 { margin:1em 0 .5em 0; }
.rep-info { border: solid 1px #e0e0e0; padding: 10px; margin-bottom:20px; background: #f9f9f9; }
.module .rep-info th.rep-title { font-size: 120%; color: #000000; }
.module .rep-info.preferred th.rep-title { 
  color: #996600; 
  padding-left: 16px;
  background: url(/images/link.png) top left no-repeat;
}
.rep-info.not-preferred { display:none; }
/*.rep-info.preferred { background: url(/images/rosette.png) 10px 10px no-repeat; padding-left:30px; }*/
.rep-details { margin-bottom:10px; }
.rep-details .actions { text-align:right; }
.rep-info .contact { margin:0 8px 10px 8px; }
.defunct { color:red; }
.not-specified { color:red; }
.unlisted { color:red; }
.rep-cannot-edit { color:red; }
.rep-can-edit { color:green; }
.unapproved { color:red; font-weight:normal; }

.client-notes { border: solid 1px #e0e0e0; padding: 10px; margin-bottom:20px; background: #f9f9f9; }
.client-notes dl { margin-bottom:0; }
.client-notes dd { margin-bottom:10px; }

.module .catalog {
  border: solid 1px #e0e0e0;
  padding: 10px;
  margin: 0 0 10px 0;
  background: #ffffff;
}
/*
.module .catalog.preferred {
  background:#eee3d9;
  border-color:#c8bfb6;
  }

.module .catalog.preferred .csi-label {
  border-color:#c8bfb6;
  }

.module .catalog.preferred table.properties th {
  color:#555;
  }

.module .catalog.preferred table.properties th.catalog-title {
   color:#cc0000;
  }

.catalog.preferred .csi-number { color:#888; }
*/
.manufacturer th.manufacturer-title { font-size: 120%; }

.star-manufacturer, .star-rep { display:inline-block; cursor:pointer; font-size:0px; background-repeat: no-repeat; width:16px; height:16px; background: url(/images/star-off.png); }
.star-manufacturer-on, .star-rep-on { background: url(/images/star-on.png); }
table.properties th .star-manufacturer, table.properties th .star-rep { float:right; }


.catalog th.catalog-title { font-size: 120%; }
.catalog.preferred th.catalog-title { color: #996600; }

.contact-list { margin: 10px 0 0 0; }

.contact {
  border: solid 1px #e0e0e0;
  padding: 10px;
  margin: 0 0 10px 0;
  background: #ffffff;
}
.contact .contact-name { margin-top: 0; }
.contact .address { font-weight: normal; }

.contact .contact-name { display:inline-block; font-weight:bold; }
.contact .contact-name a { font-weight:normal; }
.contact.preferred table.properties th.title { color: #996600; }
.contact.not-preferred { display:none; }
.contact .communications .preferred { font-weight:bold; background-color: #ffffcc; }

.contact .website .communication { max-width: 240px; overflow:hidden; text-overflow:ellipsis; }

.communication-type { vertical-align:top; font-weight: bold; width:60px; display:inline-block; }
.communication-value { vertical-align:top; width: 250px; display:inline-block; }
.communication-actions { vertical-align:top; width: 40px; display:inline-block; text-align:right; }

.grid-view .communication-value { vertical-align:top; width: 200px; display:inline-block; }

a.edit {}
a.edit img { opacity:0.2; }
a.edit:hover img { opacity:1.0; }

a.edit-link { font-weight:normal; white-space: nowrap; }
/*a.edit-link:hover { color:#996600; }*/
a.edit-link-text { margin-right:40px; }

.yiiTab h2 { border-bottom: solid 1px #e0e0e0; margin-top:1em; }

.mfr-search { float:right; height:20px; }
.mfr-search.no-mfr { float:none; }

.clear-both { clear:both; }

#edit_dialog #form_wrapper h1 { display:none; }
#edit_dialog #form_wrapper form .buttons { display:none; }

h1, h2, h3, h4, h5 { font-family: Verdana,Arial,Helvetica,sans-serif; padding:.4em 0; }
h2 { margin-bottom:0; }

div.form .ajax-form .row { display:block; float:left; margin-right:20px; }
div.form .ajax-form label { color:#999999; }
div.form .ajax-form th { padding: 0 5px 0 0; }
div.form .ajax-form td { padding: 1px 5px 1px 0; }
div.form .ajax-form input { margin:0; }
div.form .ajax-form select { margin:0; }

div.form .row.checkbox-list { width:200px; max-height:200px; overflow-y: auto; }
div.form .row.checkbox-list label { float:left; margin-left:8px; }
div.form .row.checkbox-list input { float:left; clear:both; }
div.form .row.checkbox-list label.main-label { float:left; margin-left:0; }

div.form .checkbox-list { width:300px; max-height:200px; overflow-y: auto; margin-top:5px; border: solid 1px #cccccc; padding:5px; }
div.form .checkbox-list label { float:left; margin-left:8px; }
div.form .checkbox-list input { float:left; clear:both; }
div.form .checkbox-list label.main-label { float:left; margin-left:0; }

div.form .field-table { max-height:200px; overflow-y: auto; margin-top:5px; border: solid 1px #cccccc; padding:5px; }
div.form .field-table th { font-size:.9em; }
div.form .field-table input { margin: .1em 0; }

#showreps { float:left; font-size: 80%; margin-right:20px; }

.deleted { background-color: #ffcccc; }

#toggle-address-fields input { padding:10px; }
#toggle-address-fields input { float: left; margin: 10px 10px 10px 0; }
#toggle-address-fields label { float: left; margin: 10px 0 10px 0; }
#address-fields { border: solid 1px #e0e0e0; padding: 10px; margin-bottom:10px; }

#form_wrapper div.form fieldset { margin-top:20px; }
#edit_dialog #form_wrapper div.form fieldset { margin-top:0; padding: 5px 10px; }
fieldset div.row { margin:0; }

.ui-widget { font-size: 1em !important; }

h3.ui-widget-header { padding-left: 10px; }

.flash { padding:10px; }
.flash-success { background-color: #ccffcc; }
.flash-error { background-color: #ffcccc; }

acronym.links { 
  cursor:pointer;
  color:#000000;
  width: 24px;
  height:16px;
  text-decoration:none;
  padding:5px 8px 5px 23px;
  margin:2px 5px 2px 0; 
  background: url(/images/links.png) top left no-repeat;
  border:none;
}

acronym.notes { 
  cursor:pointer;
  color:#000000;
  width: 24px;
  height:16px;
  text-decoration:none;
  padding:5px 8px 5px 23px;
  margin:4px 5px 2px 0; 
  background: url(/images/notes.png) top left no-repeat;
  border:none;
  font-weight:bold;
}

acronym.no-links {
  background: url(/images/no-links.png) top left no-repeat;
  font-weight:normal;
  color:#999;
}

acronym.no-notes {
  background: url(/images/no-notes.png) top left no-repeat;
  font-weight:normal;
  color:#999;
}

div.form div.row.note-info {
  color: #999;
  font-style:italic;
  font-size:90%;
  margin:-5px 0 10px 0;
}

.csi-list { 
  max-height:120px;
  overflow-y:auto;
}

.csi-label {
  display:inline-block;
  border: solid 1px #dddddd; /*#C6D880;*/
  padding:0 3px;
  margin:1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.csi-number { font-weight:bold; padding-right:4px; color: #999999; }

.clients-list, .notes-list {
  display:none;
  position:absolute;
  width:600px;
  z-index:99;
}

.librarians-list {
  display:none;
  z-index:99;
  position: absolute;
  top:260px;
  right:90px;
}
.librarians-list p {
  margin:0;
}

.clients-list .inner-wrapper, 
.notes-list .inner-wrapper,
.librarians-list .inner-wrapper {
  clear:both;
  border:solid 1px #ccc;
  background:#fff;
  padding: 20px;
  margin-top:5px;
  -moz-box-shadow:    10px 10px 10px #ccc;
  -webkit-box-shadow: 10px 10px 10px #ccc;
  box-shadow:         10px 10px 10px #ccc;
}

.notes-list .grid-view {
  padding:0 !important;
}

.notes-list table.items {
  margin:0 !important;
}

.close-list {
  color:#ccc;
  position:absolute;
  text-decoration:none;
  cursor:pointer;
  right:3px;
  top:7px;
}

.confirm-message {
  display:none;
}

#reports .help { float:right; width:60%; }
.report-rightmenu { float:right; padding-top:1em; }

div#staging {
  padding: 10px; 
  background: #ffffcc;
  font-size: 120%;
  color: #cc0000;
  text-align:center;
}

/* ---------------------- make grid look like jquery ui ------------------------- */

body .grid-view table.items th {
  color: #222;
  /*background: url("bg.gif") repeat-x scroll left top white;*/
  background: #CCC url(/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  text-align: center;
}
body .grid-view table.items th a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
body .grid-view table.items tr.odd {
background: #f1f1f1;
}
body .grid-view table.items tr.even {
background: #f9f9f9;
}
body ul.yiiPager .selected a {
  background: #666666;
  color: white;
  font-weight: bold;
}
body ul.yiiPager a:hover {
  border: solid 1px #666666;
}
body ul.yiiPager a:link, ul.yiiPager a:visited {
  font-weight: bold;
  color: #06C;
  padding: 1px 6px;
  text-decoration: none;
}
body table.detail-view tr.odd {
  background: #f1f1f1;
}
body table.detail-view tr.even {
  background: #f9f9f9;
}


div#home-left-column {
  float:left;
  width:530px;
  margin-right:14px;
  padding-right:14px;
  border-right:solid 3px #cc0000;
}

div#home-right-column {
    float:left;
    width:339px;
    padding-left:10px;
  }

div#home-right-column h1 {
  margin-top: -10px;
}

div.help {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: italic;
  padding: 5px 10px;
  margin: 5px 0;
  width: auto;
  float:left;
  border: solid 1px #ccc;
  background: #ffffcc;
  -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari, Chrome */
  border-radius: 4px; /* CSS3 */
}
div.help.wide {
  float:none;
}
div.help .preferred {
  color: #996600;
  font-weight:bold;
}
div.help label {
  font-weight:bold;
}

/* ---------- for public clients page ------------ */

.logos { width:339px;}
.logos a {
  display:block;
  text-align:center;
  padding-bottom:24px;
  
}
.logos img { display:inline-block;border:none; }
.logos a:hover img {
  -moz-opacity:.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity:.7;
}

/* ---------- my library ------------ */

.library-user {
  font-size:60%;
  padding-left:40px;
}

#library_tabs > ul > li {
  font-size:120%;
}

#mfr_tabs, #rep_tabs {
  padding:3px 0 0 0;
}

/* ---------- content ------------ */

body#tinymce {
  background:#fff;
  padding:10px;
  font-size:12px;
}

#spotlight h2 {
  font-family:Arial, Helvetica, sans-serif;  
}
.spotlight {
  font-family:Arial, Helvetica, sans-serif;
  border: solid 1px #ccc;
  border-radius:5px;
  padding:10px 20px;
  margin-bottom:20px;
  background:#fcfcfc;
}
.spotlight h3 {
  font-family:Arial, Helvetica, sans-serif;
  border-bottom: solid 1px #ddd;
}

#video h2 {
	font-family:Arial, Helvetica, sans-serif;
}
.video {
	font-family:Arial, Helvetica, sans-serif;
	border: solid 1px #ccc;
	border-radius:5px;
	padding:10px 20px;
	margin-bottom:20px;
	background:#fcfcfc;
}
.video h3 {
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #ddd;
}
.video iframe {
}

#blog h2 {
  font-family:Arial, Helvetica, sans-serif;  
}
.blog-post {
  font-family:Arial, Helvetica, sans-serif;
  border: solid 1px #ccc;
  border-radius:5px;
  padding:10px 20px;
  margin-bottom:20px;
  background:#fcfcfc;
}
.blog-post h3 {
  font-family:Arial, Helvetica, sans-serif;
  border-bottom: solid 1px #ddd;
}

.librarian-contact {
  display:block;
  margin-top:18px;
  float:right;
  cursor:pointer;
}

.librarian-contact img {
    vertical-align: bottom;
    padding: 0 2px;
    display: inline-block;
}

.mfr-logo-wrapper {
    background: #fff;
    padding: 4px 10px;
    text-align: center;
    margin-bottom: 5px;
    max-width:140px;
}
.mfr-logo {
    display:inline-block;
    width: auto;
    height: 30px;
}

.scrapbook-page,
.scrapbook {
    font-family:Arial, Helvetica, sans-serif;
    border: solid 1px #ccc;
    border-radius:5px;
    padding:10px 20px;
    margin-bottom:20px;
    background:#fcfcfc;
}
.scrapbook-page a.edit-link,
.scrapbook a.edit-link {
    float:right;
    font-size:1.2em;
}
.scrapbook-page h3,
.scrapbook h3 {
    font-family:Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #ddd;
}
.scrapbook-page .row,
.scrapbook .row {
    margin-bottom: 20px;
}
.scrapbook-page .notes,
.scrapbook .notes{
    float:left;
    width: 60%;
}
.scrapbook-page .notes textarea,
.scrapbook .notes textarea {
    width: 90%;
}
.scrapbook-page .images,
.scrapbook .images {
    float:left;
    width: 40%;
}

.attachment-wrapper {
    margin-bottom:20px;
}

.scrapbook-page .images img,
.scrapbook .images img {
}

.row table {
    width:auto;
}