/** evolve contacts database css **/

/* by boris grudinin */
/* http://www.dunwoody.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

* { font-family: Trebuchet MS, Helvetica, sans-serif; text-align: left; }

html { background: #f5f5f5; }

.left { float: left !important; clear: none !important; }
.right { float: right !important; clear: none !important; }

a, button { outline: none; }
a:hover { text-decoration: none; }

div { overflow: hidden; }
#top div { position: relative;  }

div.hr { background: url(/images/bg/bg-dotted-light.gif) left top repeat-x; width: 100%; height: 1px; clear: both; margin-bottom: 15px;  }
div.hr hr { display: none; }

div.holder { overflow: hidden; margin-bottom: 10px; }

/* ---------------------------- */
/*** setting up the page ***/

div#top { background: url(/images/bg/bg-nav.gif) left bottom repeat-x #ffffff; }
div#main { background: #ffffff; padding: 15px 0px; }
div#footer { background: #f5f5f5; border-top: 2px solid #dedede; padding: 11px 0px 25px; }
div.content { width: 940px; margin: 0 auto; }

/* ---------------------------- */
/*** top ***/

div#top a.logo { position: absolute; top: 63px; left: 0px; display: block; width: 174px; height: 48px; background: url(/images/evolve-logo.gif) left bottom no-repeat; }
div#top a.logo:hover { background-position: left top; }
div#top a.logo span { display: block; text-indent: -9999px; }

/* keystone top logo */
/* div#top a.logo { position: absolute; top: 59px; left: 0px; width: 146px; height: 75px; background: url(/images/keystone-logo.jpg) left bottom no-repeat; }
div#top a.logo span { display: block; text-indent: -9999px; } */

div#top ul.quick-overview { overflow: hidden; float: left; background: #efefef; padding-left: 10px; }
div#top ul.quick-overview li { float: left; margin-right: 10px; color: #777877; text-transform: uppercase; font-size: 0.9em; padding: 11px 0px 8px; }
div#top ul.quick-overview li a { font-weight: bold; color: #15bcde; }
div#top ul.quick-overview li.exports { border-right: 14px solid #ffffff; padding-right: 10px; }
div#top ul.quick-overview li.imports { border-right: 14px solid #ffffff; padding-right: 10px; }
div#top ul.quick-overview li.users { border-right: 14px solid #ffffff; padding-right: 10px; }

div#top p.right { padding-top: 15px; color: #777877; font-size: 0.9em; text-transform: uppercase; }
div#top p.right a { color: #15bcde; }
div#top p.right a.logout { background: url(/images/btn/btn-logout.gif) 10px 0px no-repeat; padding-left: 29px; }

div#top ul.nav { overflow: hidden; clear: both; float: right; }
div#top ul.one { width: 780px; margin: 10px -13px 0px 0px; }
div#top ul.two { width: 680px; margin: 10px -13px 0px 0px; }
div#top ul.three { width: 412px; margin: 10px -13px 0px 0px; }
div#top ul.nav li { float: left; margin-right: -10px; }
div#top ul.nav li a { float: left; display: block; background: url(/images/nav/nav-a-over.gif) 0px -100px no-repeat; height: 90px; padding-left: 17px; text-decoration: none; color: #ffffff; font-size: 1.05em; text-transform: uppercase; }
div#top ul.nav li a span { display: block; background: url(/images/nav/nav-span-over.gif) 0px -100px no-repeat; line-height: 90px; padding: 0px 23px 0px 7px; }
/*div#top ul.nav li a span em { display: block; padding-left: 36px; }
div#top ul.nav li a span em.login { padding-left: 32px; background: url(/images/nav/nav-users.gif) 2px -41px no-repeat; }
div#top ul.nav li a span em.notes { padding-left: 34px; background: url(/images/nav/nav-notes.gif) 2px -41px no-repeat; }
div#top ul.nav li a span em.projects { background: url(/images/nav/nav-projects.gif) 2px -41px no-repeat; }
div#top ul.nav li a span em.actions { background: url(/images/nav/nav-actions.gif) 2px -41px no-repeat; }
div#top ul.nav li a span em.contacts { background: url(/images/nav/nav-contacts.gif) 2px -41px no-repeat; }
div#top ul.nav li a span em.users { padding-left: 32px; background: url(/images/nav/nav-users.gif) 2px -41px no-repeat; }*/
div#top ul.nav li a:hover,
div#top ul.nav li a.current { background: url(/images/nav/nav-a-over.gif) left top no-repeat; color: #15bcde; }
div#top ul.nav li a:hover span,
div#top ul.nav li a.current span { background: url(/images/nav/nav-span-over.gif) right top no-repeat; }
div#top ul.nav li a:hover span em,
div#top ul.nav li a.current span em { background-position: 2px 31px; }

/* ---------------------------- */
/*** main ***/

/* general stuff */

#blockContainer h1 { font-size: 2.4em; color: #15bcde; text-transform: uppercase; letter-spacing: -0.05em; margin: 10px 0px; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 18px; }
div#main h1 { font-size: 2.4em; color: #15bcde; text-transform: uppercase; letter-spacing: -0.05em; margin-bottom: 10px; }
#blockContainer h1 em { font-style: italic; text-transform: none; color: #777877 !important; } 
div#main h1 em { font-style: italic; text-transform: none; color: #777877 !important; }
#blockContainer h1 em a { color: #777877; }
div#main h1 em a { color: #777877; }
div#main h2 { color: #15bcde; font-size: 1.5em; text-transform: uppercase; letter-spacing: -0.05em; line-height: 1.4em; margin-bottom: 10px; clear: both; }
div#main h2 a { text-transform: none; color: #15bcde; }
div#main h2 span { display: block; height: 30px; padding-left: 34px; }
div#main h2.actions span { background: url(/images/icon/icon-actions.gif) left top no-repeat; }
div#main h2.big-calendar span { background: url(/images/icon/icon-calendar.gif) left top no-repeat; }
div#main h2.notes span { background: url(/images/icon/icon-notes.gif) left top no-repeat; }
div#main h2.projects span { background: url(/images/icon/icon-projects.gif) left top no-repeat; }
div#main h2.contacts span { background: url(/images/icon/icon-contacts.gif) left top no-repeat; padding-top: 2px; }
div#main h2.people span { background: url(/images/icon/icon-people.gif) left top no-repeat; }
div#main h2.group span { background: url(/images/icon/icon-group.gif) left top no-repeat; }
div#main h2.calendar span { background: url(/images/icon/icon-calendar.gif) left top no-repeat; }
div#main h2.user span { background: url(/images/icon/icon-person.gif) left top no-repeat; }
div#main h2.login span { background: url(/images/icon/icon-lock.gif) 3px 0px no-repeat; }
div#main h2.complete span { background: url(/images/icon/icon-complete.gif) 0px -2px no-repeat; }
div#main h3 { color: #6f6f6f; clear: both; font-size: 1.4em; letter-spacing: -0.05em; margin-bottom: 10px; }

div#main p { color: #777877; line-height: 1.5em; margin-bottom: 12px; }
div#main p a { color: #15bcde; }
div#main p strong { font-weight: bold; }
div#main p em { font-style: italic; }
div#main p.large { font-size: 1.2em; line-height: 1.4em; }
div#main p.small { font-size: 0.9em; }
div#main p.uppercase { text-transform: uppercase; }

div#main ul.text { margin-bottom: 15px; }
div#main ul.text li { background: url(/images/icon/bullet-orange.gif) 9px 7px no-repeat; color: #777877; margin-bottom: 4px; line-height: 1.5em; padding-left: 25px; }
div#main ul.text li a { color: #15bcde; }
div#main ul.text li strong { font-weight: bold; }
div#main ul.text li em { font-style: italic; }

/* forms */

form {}
form ul { margin-bottom: 10px; }
form ul li { clear: both; display: block; width: 445px; }
form ul li.full-width { width: 100%; overflow: hidden; }
form ul li.checkbox { text-align: right; width: 100%; clear: both; overflow: hidden; }
form ul li label { float: left; width: 150px; font-size: 0.9em; text-transform: uppercase; text-align: right; padding: 7px 10px 0px 0px; color: #777877; }
form ul li input,
form ul li select,
form ul li textarea { margin-bottom:8px; }
form ul li input.text, form ul li .date-select input { float: left; width: 270px; padding: 4px; font-size: 1.1em; color: #454545; }
form ul li input.small { width: 100px; margin-right: 8px; }
form ul li input.checkbox { float: left; margin-top: 8px; }
form ul li select { float: left; font-family: Trebuchet MS, Helvetica, sans-serif; padding: 2px; width: 283px; color: #454545; }
form ul li button { display: block; float: right; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 0.9em; text-transform: uppercase; color: #454545; margin-top: 5px; text-align: center; }
form ul li span { clear: both; display: block; width: 280px; padding-bottom: 5px; margin: -5px 0px 5px 160px; font-size: 0.85em; line-height: 1.5em; color: #39bfda; }
form ul li span a { color: #39bfda; }
form ul li textarea { float: left; width: 270px; height: 130px; padding: 4px; font-size: 1.1em; color: #454545; }
form ul li textarea.small { height: 60px; }
form ul li select.large { width: 540px; }
form ul li select.day { width: 62px; margin-right: 20px; }
form ul li select.month	{ width: 112px; margin-right: 20px; } 
form ul li select.year { width: 69px; }
form ul li.checkbox label { margin-left: 766px; }
form ul li .date-select input { width:230px; }
form ul li .date-select button { float:left; margin-top:0px; }


div.auto_complete { float:left;width:280px !important; border:1px solid #CCCCCC !important; border-top:0px !important; }
div.auto_complete ul { border:0px !important; margin:0px !important; padding:0px !important;  }
div.auto_complete ul li { margin:0px !important; padding:3px 4px !important; }

/* login */

form.login { position: relative; margin: 0 auto; width: 390px; padding-bottom: 10px; margin-bottom: 15px; }
form.login h1 { background: url(/images/bg/bg-login-top.gif) left bottom no-repeat; font-size: 1.5em !important; padding-left: 3px; line-height: 1.4em; margin-bottom: 0px !important; }
form.login h1 span { display: block; height: 39px; background: url(/images/icon/icon-lock.gif) left top no-repeat; padding-left: 30px; }
form.login ul { background: url(/images/bg/bg-login-bottom.gif) left bottom no-repeat; padding: 6px 12px 12px; overflow:hidden; width:366px; }
form.login ul li { width: auto; margin-bottom: 6px; }
form.login ul li.text { line-height: 1.4em; color: #777877; margin-bottom: 7px; }
form.login ul li label { width: 120px; text-align: left; }
form.login ul li input.text { float: right; width: 220px; }
form.login ul li button { margin-top: 0px; }
form.login a.forgot-password { position: absolute; bottom: 31px; left: 12px; font-size: 0.85em; color: #15bcde; text-transform: uppercase; }

/* crumbs/search */

div#main div.crumbs-search { clear: both; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 10px; margin-bottom: 10px; }
div#main div.crumbs-search a.btn { display: block; background: url(/images/btn/btn-big-a.gif) left top no-repeat; height: 40px; text-decoration: none; color: #777877; font-size: 1.05em; text-transform: uppercase; padding-left: 9px; margin-left: 10px; }
div#main div.crumbs-search a.btn span { display: block; background: url(/images/btn/btn-big-span.gif) right top no-repeat; line-height: 40px; padding-right: 9px; }
div#main div.crumbs-search a.btn:hover,
div#main div.crumbs-search a.btn:hover span em { background-position: left bottom; }
div#main div.crumbs-search a.btn:hover span { background-position: right bottom; }
div#main div.crumbs-search p { color: #bfbfbf; font-size: 0.85em; text-transform: uppercase; padding-top: 5px; }
div#main div.crumbs-search p.date { background: url(/images/icon/icon-calendar-small.gif) 10px 11px no-repeat; padding-left: 31px; padding-top: 11px; }
div#main div.crumbs-search p a { color: #15bcde; }
div#main div.crumbs-search form { background: url(/images/icon/icon-search.gif) 1px 10px no-repeat; padding-left: 28px; padding-top: 8px; }
div#main div.crumbs-search form input.text { float: left; background: url(/images/bg/bg-search-box.gif) left bottom no-repeat; width: 177px; height: 16px; padding: 4px 4px 3px; border: none; color: #a0a0a0; font-size: 0.9em; margin-right: 5px; }
div#main div.crumbs-search form input.text:hover { background-position: left top; }
div#main div.crumbs-search form button { display: block; float: left; width: 25px; height: 23px; background: url(/images/btn/btn-go.gif) left top no-repeat; border: none; cursor: pointer; }
div#main div.crumbs-search form button span { display: block; text-indent: -9999px; }
div#main div.crumbs-search form button:hover { background-position: left bottom; }

/* overview */

div#main ul.overview { overflow: hidden; margin-bottom: 10px; }
div#main ul.overview li.panel { float: left; width: 290px; margin-right: 35px; }
div#main ul.overview li.last { margin-right: 0px; }
div#main ul.overview li h2 { background: url(/images/bg/bg-overview-top.gif) left bottom no-repeat; padding-left: 3px; margin-bottom: 0px; }
div#main ul.overview li h2 span { display: block; height: 39px; }
div#main ul.overview li div { background: url(/images/bg/bg-overview-bottom.gif) left bottom no-repeat; padding: 5px 10px 10px; }
div#main ul.overview li div ol { margin-bottom: 7px; }
div#main ul.overview li div ol li { background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 5px; margin-bottom: 5px; color: #777877; overflow:hidden;  }
div#main ul.overview li div ol li a { color: #15bcde; }
div#main ul.overview li div a.view { float: right; background: url(/images/btn/btn-view.gif) 0px 5px no-repeat; padding-left: 12px; text-transform: uppercase; font-size: 0.85em; color: #15bcde; }
div#main ul.overview li div a.view:hover { background-position: 0px -16px; }

/* alphabetical list */

div#main ol.alpha-list { overflow: hidden; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding: 0px 0px 10px 7px; margin-bottom: 10px; }
div#main ol.alpha-list li { float: left; margin-right: 12px; }
div#main ol.alpha-list li.last { margin-right: 0px; }
div#main ol.alpha-list li a { display: block; background: url(/images/btn/btn-alpha-list.gif) left bottom no-repeat; width: 24px; height: 24px; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 23px; }
div#main ol.alpha-list li a:hover { background-position: left top; color: #cff7ff; }

/* pagination */

div#main div.pages { clear: both; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 15px; margin-bottom: 10px; }
div#main div.pages p { line-height: 24px; margin-bottom: 0px; }
div#main div.pages ul { overflow: hidden; }
div#main div.pages ul li { float: left; margin-left: 8px; line-height: 24px; color: #777877; }
div#main div.pages ul li.page a { display: block; background: url(/images/btn/btn-alpha-list.gif) left bottom no-repeat; width: 24px; height: 24px; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 24px; }
div#main div.pages ul li.page a.current,
div#main div.pages ul li.page a:hover { background-position: left top; color: #cff7ff; }
div#main div.pages ul li.next a { color: #15bcde; }

/* header + large buttons */

div#main div.header { clear: both; margin-bottom: 15px; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 10px; }
div#main div.header h1 { float: left; margin-bottom: 0px; }
div#main div.header a.btn { float: right; display: block; background: url(/images/btn/btn-big-a.gif) left top no-repeat; height: 40px; text-decoration: none; color: #777877; font-size: 1.05em; text-transform: uppercase; padding-left: 9px; margin-left: 10px; }
div#main div.header a.btn span { display: block; background: url(/images/btn/btn-big-span.gif) right top no-repeat; line-height: 40px; padding-right: 9px; }
div#main div.header a.btn span em.add { display: block; background: url(/images/btn/btn-add.gif) left top no-repeat; height: 40px; padding-left: 28px; }
div#main div.header a.btn span em.edit { display: block; background: url(/images/btn/btn-edit.gif) left top no-repeat; height: 40px; padding-left: 28px; }
div#main div.header a.btn span em.delete { display: block; background: url(/images/btn/btn-delete.gif) left top no-repeat; height: 40px; padding-left: 28px; }
div#main div.header a.btn span em.complete { display: block; background: url(/images/btn/btn-complete.gif) left top no-repeat; height: 40px; padding-left: 28px; }
div#main div.header a.btn span em.contacts { display: block; background: url(/images/btn/btn-contacts.gif) left top no-repeat; height: 40px; padding-left: 28px; }
div#main div.header a.btn span em.companies { display: block; background: url(/images/btn/btn-companies.gif) left top no-repeat; height: 40px; padding-left: 28px; }
div#main div.header a.btn span em.groups { display: block; background: url(/images/btn/btn-groups.gif) left top no-repeat; height: 40px; padding-left: 28px; }
div#main div.header a.btn span em.projects { display: block; background: url(/images/btn/btn-projects.gif) left top no-repeat; height: 40px; padding-left: 28px; }
div#main div.header a.btn:hover,
div#main div.header a.btn:hover span em { background-position: left bottom; }
div#main div.header a.btn:hover span { background-position: right bottom; }
div#main div.header div.right { width: 600px; }
div#main div.header div.right-large { width: 730px; float:right; }
div#main div.header div.right-large span.text { float: left; font-size: 1.1em; color: #777877; padding-top: 11px; }
div#main div.header div.right span.text { float: left; font-size: 1.1em; color: #777877; padding-top: 11px; }

/* filter */

div#main div.filter { clear: both; margin-bottom: 15px; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom:0px; }
div#main div.filter form { width:100%; }
div#main div.filter form ul { width:100%; overflow:hidden; }
div#main div.filter form ul li {border:1px sold red; float:left; width:310px; clear:none; margin-right:0px; height:40px; }
div#main div.filter form ul li.nomargin { margin-right:0px; float:right; margin-top:10px; height:auto; width:80px; }
div#main div.filter form ul li.superwide { width:840px; padding-top:13px; }
div#main div.filter form ul li.superwide span { display:inline; width:auto; margin:0px; }
div#main div.filter form ul li.superwide label { padding-top:2px; }
div#main div.filter form label { width:100px; }
div#main div.filter form select { width:190px; }
div#main div.filter form input { width:190px; padding:3px 0px; }
div#main div.filter form button { margin-top:0px; margin-right:5px; }


/* contacts list */

div#main table.contact-list { }
div#main table.contact-list tr.contact td { padding-top:15px; background:url(/images/contacts-bg.gif) bottom left repeat-x; }
div#main table.contact-list tr.contact-sub td { background:#EFEFEF; }

div#main table.contact-list tr.contact { overflow: hidden; margin-bottom: 13px; border-bottom: 3px solid #8bcedb; }
div#main table.contact-list tr.contact .contact-colour { float:left; }
div#main table.contact-list tr.contact h2 { font-size: 1.4em; color: #afafaf; text-transform: none; float: left; margin-bottom: 0px; line-height: normal; }
div#main table.contact-list tr.contact h2 a { text-decoration: none !important; display:inline !important; }
div#main table.contact-list tr.contact h2 a:hover { color: #777877; }
div#main table.contact-list tr.contact h2 em a { color: #afafaf; font-weight:normal; font-style:italic; }
div#main table.contact-list tr.contact a { color: #15bcde; display: block; }
div#main table.contact-list tr.contact a.text { padding-top: 3px; font-weight: bold; }
div#main table.contact-list tr.contact a.last { margin-right: 13px; }
div#main table.contact-list tr.contact a.notes { background: url(/images/icon/icon-note-small.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; }
div#main table.contact-list tr.contact a.projects { background: url(/images/icon/icon-project-small.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; }
div#main table.contact-list tr.contact a.actions { background: url(/images/icon/icon-action-small.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; }
div#main table.contact-list tr.contact td.add-note { width:80px; }
div#main table.contact-list tr.contact td.add-action { width:95px; }
div#main table.contact-list tr.contact td.add-note a { background: url(/images/icon/icon-note-add.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; }
div#main table.contact-list tr.contact td.add-action a { background: url(/images/icon/icon-action-add.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; margin-right: 13px; }
div#main table.contact-list tr.contact td.workflow { width:50px; }
div#main table.contact-list tr.contact td.edit-contact { width:40px; }
div#main table.contact-list tr.contact td.action-no { width:60px; }
div#main table.contact-list tr.contact td.note-no { width:40px; }
div#main table.contact-list tr.contact td.status { width:2px; }
div#main table.contact-list tr.contact a.reveal { width: 25px; height: 23px; background: url(/images/btn/btn-reveal.gif) left top no-repeat; }
div#main table.contact-list tr.contact a.hide { width: 25px; height: 23px; background: url(/images/btn/btn-hide.gif) left top no-repeat; }
div#main table.contact-list tr.contact a.reveal span,
div#main table.contact-list tr.contact a.hide span { display: block; text-indent: -9999px; } 
div#main table.contact-list tr.contact a.reveal:hover,
div#main table.contact-list tr.contact a.hide:hover { background-position: left bottom; }
div#main table.contact-list tr.contact div { clear: both; background: #8bcedb; padding: 10px; }

div#main ul.project-list { }
div#main ul.project-list li.project { overflow: hidden; margin-bottom: 13px; border-bottom: 3px solid #8bcedb; }
div#main ul.project-list li.project h2 { font-size: 1.4em; color: #afafaf; text-transform: none; float: left; margin-bottom: 0px; line-height: normal; }
div#main ul.project-list li.project h2 a { text-decoration: none !important; }
div#main ul.project-list li.project h2 a:hover { color: #777877; }
div#main ul.project-list li.project ol { float: right; overflow: hidden; }
div#main ul.project-list li.project ol li { float: left; margin-left: 8px; }
div#main ul.project-list li.project ol li a { color: #15bcde; display: block; }
div#main ul.project-list li.project ol li a.text { padding-top: 3px; font-weight: bold; }
div#main ul.project-list li.project ol li a.last { margin-right: 13px; }
div#main ul.project-list li.project ol li a.notes { background: url(/images/icon/icon-note-small.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; }
div#main ul.project-list li.project ol li a.projects { background: url(/images/icon/icon-project-small.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; }
div#main ul.project-list li.project ol li a.actions { background: url(/images/icon/icon-action-small.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; }
div#main ul.project-list li.project ol li.add-note a { background: url(/images/icon/icon-note-add.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; }
div#main ul.project-list li.project ol li.add-action a { background: url(/images/icon/icon-action-add.gif) 0px 3px no-repeat; padding: 3px 0px 0px 20px; height: 16px; margin-right: 13px; }
div#main ul.project-list li.project ol li a.reveal { width: 25px; height: 23px; background: url(/images/btn/btn-reveal.gif) left top no-repeat; }
div#main ul.project-list li.project ol li a.hide { width: 25px; height: 23px; background: url(/images/btn/btn-hide.gif) left top no-repeat; }
div#main ul.project-list li.project ol li a.reveal span,
div#main ul.project-list li.project ol li a.hide span { display: block; text-indent: -9999px; } 
div#main ul.project-list li.project ol li a.reveal:hover,
div#main ul.project-list li.project ol li a.hide:hover { background-position: left bottom; }
div#main ul.project-list li.project div { clear: both; background: #8bcedb; padding: 10px; }

/* search results */

div#main ul.search-results { background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; margin: 0px 0px 15px 5px; padding-bottom: 10px; }
div#main ul.search-results li { background: url(/images/icon/bullet-orange.gif) 29px 7px no-repeat; color: #777877; margin-bottom: 4px; line-height: 1.5em; padding-left: 45px; }
div#main ul.search-results li a { color: #15bcde; }
div#main ul.search-results li strong { font-weight: bold; }

/* updater */

div#main div#updater { background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; margin-bottom: 10px; }
div#main div#updater h1 { width: 440px; background: url(/images/bg/bg-updater-top.gif) left top no-repeat; margin: 0px 0px 0px 233px; padding: 12px 20px 5px 15px; font-size: 1.8em; }
div#main div#updater h1 span { display: block; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 5px; }
div#main div#updater form { margin: 0px 0px 18px 233px; background: url(/images/bg/bg-updater-bottom.gif) left bottom no-repeat; padding: 10px 15px 0px 15px; }
div#main div#updater form ul { margin-bottom: 7px; }
div#main div#updater form ul li { overflow: hidden; }
div#main div#updater form ul li button { margin-right: 4px; }

/* actions */

div#main ol.actions-list { overflow: hidden; margin-bottom: 15px; }
div#main ol.actions-list li.action { overflow: hidden; clear: both; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding: 10px 10px 5px; }
div#main ol.actions-list li.alt { background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x #fcfcfc; }
div#main ol.actions-list li.solo { padding: 0px 0px 5px; }
div#main ol.actions-list li.solo div.left { width: 640px; }
div#main ol.actions-list li.action div.left { width: 610px; }
div#main ol.actions-list li.action div.left h2 { margin: -4px 0px 6px; }
div#main ol.actions-list li.action div.left h3 a { color: #15bcde; }
div#main ol.actions-list li.action div.left h3 em a { color: #777877; font-style: italic; }
div#main ol.actions-list li.action div.right { width: 290px; background: url(/images/bg/bg-overview-top.gif) left top no-repeat; }
div#main ol.actions-list li.action div.right ul { overflow: hidden; margin-top: 6px; background: url(/images/bg/bg-overview-bottom.gif) left bottom no-repeat; padding: 0px 7px 7px; margin-bottom: 8px; }
div#main ol.actions-list li.action div.right ul li { color: #777877; font-size: 0.85em; }
div#main ol.actions-list li.action div.right ul li em { font-weight: bold; }
div#main ol.actions-list li.action div.right ul li.action-due { float: left; text-transform: uppercase; padding-bottom: 1px; }
div#main ol.actions-list li.action div.right ul li.action-status { float: right; text-transform: uppercase; padding-bottom: 1px; }
div#main ol.actions-list li.action div.right ul li.action-for {  padding: 0px 0px 4px; font-size: 1.1em; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; margin-bottom: 4px; }
div#main ol.actions-list li.action div.right ul li.action-logged { clear: both; color: #a8a9a8; padding-top: 3px; text-transform: uppercase; }
div#main ol.actions-list li.overdue div.right { background: url(/images/bg/bg-overview-red-top.gif) left top no-repeat; }
div#main ol.actions-list li.overdue div.right ul { background: url(/images/bg/bg-overview-red-bottom.gif) left bottom no-repeat; }
div#main ol.actions-list li.overdue div.right ul li { color: #9e4343; }
div#main ol.actions-list li.overdue div.right ul li.action-for  { background: url(/images/bg/bg-dotted-light-red.gif) left bottom repeat-x; }
div#main ol.actions-list li.overdue div.right ul li.action-logged { color: #da9191; }
div#main ol.actions-list li.complete div.right { background: url(/images/bg/bg-overview-green-top.gif) left top no-repeat; }
div#main ol.actions-list li.complete div.right ul { background: url(/images/bg/bg-overview-green-bottom.gif) left bottom no-repeat; }
div#main ol.actions-list li.complete div.right ul li { color: #77a75e; }
div#main ol.actions-list li.complete div.right ul li.action-for  { background: url(/images/bg/bg-dotted-light-green.gif) left bottom repeat-x; }
div#main ol.actions-list li.complete div.right ul li.action-logged { color: #9bc586; }

/* projects */

div#main div#updater form { padding-bottom: 10px; }

div#main div.holder div.project-left { float: left; width: 630px; }
div#main div.holder div.project-right { float: right; width: 290px; }

div#main div.holder div.project-right h2 { background: url(/images/bg/bg-overview-top.gif) left bottom no-repeat; padding-left: 3px; margin-bottom: 0px; }
div#main div.holder div.project-right h2 span { display: block; height: 39px; }
div#main div.holder div.project-right ol { background: url(/images/bg/bg-overview-bottom.gif) left bottom no-repeat; padding: 3px 10px 7px; margin-bottom: 15px; }
div#main div.holder div.project-right ol li { color: #777877; margin-bottom: 3px; overflow: hidden; }
div#main div.holder div.project-right ol li strong { font-weight: bold; }
div#main div.holder div.project-right ol li.notice { font-size: 0.85em; }
div#main div.holder div.project-right ol li.edit { background: url(/images/bg/bg-dotted-light.gif) 0px 2px repeat-x; padding-top: 8px; }
div#main div.holder div.project-right ol li.edit a { float: right; background: url(/images/btn/btn-view.gif) 0px 5px no-repeat; padding-left: 12px; text-transform: uppercase; font-size: 0.85em; color: #15bcde; }
div#main div.holder div.project-right ol li.edit a:hover { background-position: 0px -16px; }

div#main div.holder div.contact-left { float: left; width: 630px; }
div#main div.holder div.contact-right { float: right; width: 290px; }

div#main div.project-contacts { float: left; width: 455px; }
div#main div.project-actions { float: right; width: 455px; }

div#main div.holder div.contact-right h2 { background: url(/images/bg/bg-overview-top.gif) left bottom no-repeat; padding-left: 3px; margin-bottom: 0px; }
div#main div.holder div.contact-right h2 span { display: block; height: 39px; }
div#main div.holder div.contact-right ol { background: url(/images/bg/bg-overview-bottom.gif) left bottom no-repeat; padding: 3px 10px 7px; margin-bottom: 15px; }
div#main div.holder div.contact-right ol li { color: #777877; margin-bottom: 3px; overflow: hidden; }
div#main div.holder div.contact-right ol li strong { font-weight: bold; }
div#main div.holder div.contact-right ol li.notice { font-size: 0.85em; }
div#main div.holder div.contact-right ol li.edit { background: url(/images/bg/bg-dotted-light.gif) 0px 2px repeat-x; padding-top: 8px; }
div#main div.holder div.contact-right ol li.edit a { float: right; background: url(/images/btn/btn-view.gif) 0px 5px no-repeat; padding-left: 12px; text-transform: uppercase; font-size: 0.85em; color: #15bcde; }
div#main div.holder div.contact-right ol li.edit a:hover { background-position: 0px -16px; }



div#main ol.project-contacts { overflow: hidden; clear: both; margin: 10px 0px 10px -35px; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; }
div#main ol.project-contacts li.contact { position: relative; float: left; width: 275px; min-height: 90px; margin: 0px 0px 10px 35px; padding: 3px 0px 7px 5px; color: #777877; font-size: 0.9em; }
div#main ol.project-contacts li.contact a { color: #15bcde; }
div#main ol.project-contacts li.contact a.name,
div#main ol.project-contacts li.contact span.name { font-size: 1.25em; font-weight: bold; }
div#main ol.project-contacts li.contact span.details { display: block; padding-top: 4px; }
div#main ol.project-contacts li strong { font-weight: bold; }
div#main ol.project-contacts li.department { clear: both; background: #fafafa; color: #777877; font-size: 1.1em; padding: 6px; margin: 0px 0px 10px 35px; }
/*div#main ol.project-contacts li ul { position: absolute; left: 5px; bottom: 4px; margin: 0px; overflow: hidden; } */
div#main ol.project-contacts li ul li { float: left; margin: 0px 5px 0px 0px; }
div#main ol.project-contacts li ul li a { font-size: 1.1em; }

/* exports and imports */

div#main span#indicator { margin: 0px 0px 0px 458px; }
div#main div.updater { background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; margin-bottom: 10px; }
div#main div.updater h1 { width: 440px; background: url(/images/bg/bg-updater-top.gif) left top no-repeat; margin: 0px 0px 0px 233px; padding: 12px 20px 5px 15px; font-size: 1.8em; }
div#main div.updater h1 span { display: block; background: url(/images/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 5px; }
div#main div.updater form,
div#main div.updater div.holder { margin: 0px 0px 18px 233px; background: url(/images/bg/bg-updater-bottom.gif) left bottom no-repeat; padding: 10px 15px 10px 15px; }
div#main div.updater form ul { margin-bottom: 7px; }
div#main div.updater form ul li { overflow: hidden; }
div#main div.updater form ul li button { margin-right: 4px; }

/* errors */

div#main div.error { background: url(/images/bg/bg-error-top.gif) left top no-repeat; padding-top: 5px; width: 475px; margin: 0px 0px 15px 233px; }
div#main div.error div { background: url(/images/bg/bg-error-bottom.gif) left bottom no-repeat; padding: 5px 20px 5px 20px; }
div#main div.error div h1 { display: block; font-size: 1.8em; background: url(/images/bg/bg-dotted-light-red.gif) left bottom repeat-x; padding-bottom: 5px; color: #9e4343; }
div#main div.error div h1 span { background: url(/images/icon/icon-error.gif) 0px 2px no-repeat; padding-left: 28px; }
div#main div.error div p { color: #9e4343; }
div#main div.error div ul li { color: #9e4343; }

/* lightbox */

div#blockContainer form ul li button { margin-right: 4px; }

/* ---------------------------- */
/*** footer ***/

div#footer a { color: #afafaf; font-size: 0.85em; text-transform: uppercase; }
div#footer a.back-to-top { float: right; background: url(/images/btn/btn-back-to-top.gif) 0px -12px no-repeat; padding-left: 10px; margin-top: 2px; }
div#footer a.back-to-top:hover { background-position: 0px 2px; }

div#footer ul { overflow: hidden; }
div#footer ul li { float: left; margin-right: 7px; }

.login-form label { width:60px !important; }
.login-form span { margin-left:70px !important; }
.login-form button { float:left !important;margin-left:70px !important; }

/* Tables */

table { width: 100%; margin-bottom: 15px; }
table th	{ color: #777877; font-size: 0.9em; text-transform: uppercase; padding: 5px 6px; border-bottom: 1px solid #d8d8d8; }
table td	{ background: #fcfcfc; color: #9f9f9f; padding: 5px 6px; border-bottom: 1px solid #d8d8d8; }
table .meeting-top td	{ background: #fcfcfc; color: #9f9f9f; padding: 5px 6px; border-bottom: 1px solid #EFEFEF; }
table tr.alt td { background: #ffffff; }
table .noborder td { border-bottom: 0px; }
table td a { color: #8bcedb; }
table td a:hover { color: #9f9f9f; }
table td strong { font-weight: bold; }


/* Calendar */

.big-calendar 						{ border-collapse: seperate !important; width: 938px !important; }

.big-calendar .text-center			{ text-align:center; } 
.big-calendar .text-right			{ text-align:right; } 

.big-calendar .day-header			{ } 

.big-calendar .directions 			{ width:100%; }
.big-calendar .directions a			{ font-size:2em !important; text-decoration:none; font-weight:bold; line-height:0.5; }

.big-calendar .empty				{ border:0px; }
.big-calendar .day-holder			{ border:0px; padding:0px; }
.big-calendar .day-holder-long		{ border:0px; padding:0px; }

.big-calendar .day				{ overflow:hidden; color:#777877; text-decoration:none; display:block; position:relative; padding:0px; margin:0px; height:134px; width:134px; background-image:url(/images/cal/day.gif); background-position: top left; background-repeat: no-repeat; border:none !important; }
.big-calendar .day.alert			{ background-image:url(/images/cal/day-alert.gif); }
.big-calendar .day:hover			{ background-position:bottom left; color:#15bcde; }
.big-calendar .day .date			{ position:absolute; top:6px; right:10px; text-align:right; }
.big-calendar .day .actions			{ position:absolute; top:7px; left:7px; padding-left:20px; background:url(/images/cal/action.png) top left no-repeat; }
.big-calendar .day .details			{ position:absolute; top:40px; left:10px; font-size:0.8em; width:114px; }
.big-calendar .day .details .more	{ text-align:right; padding-top:4px; }

.big-calendar .day-long					{ overflow:hidden; color:#777877; text-decoration:none; display:block; position:relative; padding:0px; margin:0px; height:134px; width:804px; background-image:url(/images/cal/day-long.gif); background-position: top left; background-repeat: no-repeat; border:none !important; }
.big-calendar .day-long.alert			{ background-image:url(/images/cal/day-alert-long.gif); }
.big-calendar .day-long:hover			{ background-position:bottom left; color:#15bcde; }
.big-calendar .day-long .date			{ position:absolute; top:6px; right:10px; text-align:right; }
.big-calendar .day-long .actions			{ position:absolute; top:7px; left:7px; padding-left:20px; background:url(/images/cal/action.png) top left no-repeat; }
.big-calendar .day-long .details			{ width:790px; height: 128px; padding-top: 6px; padding-left: 8px;}
.big-calendar .day-long .details .more	{ text-align:right; padding-top:4px; padding-right: 6px; }

.formline {
	width: 940px;
	margin-bottom: 5px;	
}
.formlabel {
	width: 150px;
	float: left;
}
.formelement {
	width: 750px;	
	float: left;
}