/*  */

/*  */

/*  */

/*  */

/*  */
body { background-color: #eeeeee; }

#content { background-color: white; }

#header { background: #222222; border-bottom: 1px solid #222222; }

#header h1 { color: white; }

#title-status-area { color: #e1e1e1; }

#title-status-area a { color: #a2a2a2; }

h2.page-title { color: #333333; margin-bottom: 10px; }

.col-right h3 { color: #bf2f2f; }


/*  */
body.login { background-color: #222222; }
body.login h1 { color: #a2a2a2; font-size: 16px; }
body.login #content { background-color: #222222; }
body.login #footer { border: none; }
body.login #footer a, body.login #footer p { color: #a2a2a2 !important; }
body.login fieldset { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #f3f3f3, #bbbbbb); background-image: -moz-linear-gradient(top, #f3f3f3, #bbbbbb); background-image: -ms-linear-gradient(top, #f3f3f3, #bbbbbb); background-image: -o-linear-gradient(top, #f3f3f3, #bbbbbb); -pie-background: linear-gradient(#f3f3f3, #bbbbbb); -webkit-box-shadow: 0 0 10px black; -moz-box-shadow: 0 0 10px black; box-shadow: 0 0 10px black; }
body.login fieldset h3 { background: none; color: #eeeeee; font-size: 14px; border-bottom: 1px solid #cccccc; color: #a2a2a2; }


/*  */
.shell { margin: 0 20px; }

.span-1 { width: 4.3%; }

.span-2 { width: 13%; }

.span-3 { width: 21.7%; }

.span-4 { width: 30.4%; }

.span-5 { width: 39.1%; }

.span-6 { width: 47.8%; }

.span-7 { width: 56.5%; }

.span-8 { width: 65.2%; }

.span-9 { width: 72.9%; }

.span-10 { width: 82.6%; }

.span-11 { width: 91.3%; }

.span-12 { width: 100%; }


/*  */
table.list tbody { border: 1px solid #cccccc; }
table.list tr th { background-color: #222222; color: white; border-left: 1px solid white; }
table.list tr th a:active, table.list tr th a:hover, table.list tr th a:link, table.list tr th a:visited { color: white; }
table.list tr td { background-color: white; }
table.list tr th:first-child { border-left: 0; }
table.list tr th.sortable:hover, table.list tr th.sorted { background-color: #3c3c3c; }
table.list td.quiet { color: gray; }
table.list tbody tr.alternate1 td { background: #f8f8f8; }
table.list tbody tr.alternate1:hover td, table.list tbody tr:hover td { background-color: #eeeeee; }
table.list tbody tr.red td { background: #fccac8; }
table.list tbody tr.red:hover td { background: #f4a4a1; }
table.list tbody tr.green td { background: #cbee9f; }
table.list tbody tr.green:hover td { background: #b1e272; }
table.list tbody tr.orange td { background: #ffd298; }
table.list tbody tr.orange:hover td { background: #f5ba6e; }
table.list tfoot { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
table.list tfoot td { padding: 10px 6px; border-bottom: 1px solid #cccccc; font-size: 16px; }

table.items td.delete-controls .restore { display: none; }
table.items tr.deleted { opacity: 0.5; }
table.items tr.deleted td.delete-controls .delete { display: none; }
table.items tr.deleted td.delete-controls .restore { display: inline-block; }


/*  */
fieldset { border: 1px solid #cccccc; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }

fieldset h3 { background-color: #222222; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3c3c), to(#090909)); background-image: -webkit-linear-gradient(top, #3c3c3c, #090909); background-image: -moz-linear-gradient(top, #3c3c3c, #090909); background-image: -ms-linear-gradient(top, #3c3c3c, #090909); background-image: -o-linear-gradient(top, #3c3c3c, #090909); -pie-background: linear-gradient(#3c3c3c, #090909); color: white; font-size: 12px; }

fieldset .help { border: 1px solid #cccccc; background-color: #eeeeee; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 1px 1px 3px #eeeeee; -moz-box-shadow: 1px 1px 3px #eeeeee; box-shadow: 1px 1px 3px #eeeeee; }
fieldset .help p { font-size: 12px; }

.button-bar { border: 1px solid #cccccc; }

.error-placeholder { color: #cc0000; }

.error-placeholder.failed { background-color: #ffe6e6; color: #cc0000; }

.error-placeholder.success { background-color: #e6ffe6; color: #00cc00; }

.focus-frame { display: none; }

.record-search { border: 1px solid #cccccc; -webkit-box-shadow: 1px 1px 3px #eeeeee; -moz-box-shadow: 1px 1px 3px #eeeeee; box-shadow: 1px 1px 3px #eeeeee; }

dl.floated dd { color: #666666; }

.summary-fieldset dt, dl.floated.info dt { border-top: 1px dotted #cccccc; }

.summary-fieldset dd, dl.floated.info dd { border-top: 1px dotted #cccccc; }


/*  */
.button, .button-wrapper input, .simple-tab-panel .title-buttons a, a.button { border: 1px solid #d6d6d6; border-radius: 4px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#e3e3e3)); background-image: -webkit-linear-gradient(top, white, #e3e3e3); background-image: -moz-linear-gradient(top, white, #e3e3e3); background-image: -ms-linear-gradient(top, white, #e3e3e3); background-image: -o-linear-gradient(top, white, #e3e3e3); -pie-background: linear-gradient(white, #e3e3e3); -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; color: #333333 !important; font-size: 12px; font-family: sans-serif; font-weight: bold; }

.button-wrapper input:hover, .button:hover { border: 1px solid #a6a6a6; border-radius: 4px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#b3b3b3)); background-image: -webkit-linear-gradient(top, #e6e6e6, #b3b3b3); background-image: -moz-linear-gradient(top, #e6e6e6, #b3b3b3); background-image: -ms-linear-gradient(top, #e6e6e6, #b3b3b3); background-image: -o-linear-gradient(top, #e6e6e6, #b3b3b3); -pie-background: linear-gradient(#e6e6e6, #b3b3b3); -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; color: #333333 !important; -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; }

.button-wrapper.small input, .button.small { font-size: 10px; text-transform: uppercase; }

.button.primary { border: 1px solid #37790e; border-radius: 4px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6de522), to(#429011)); background-image: -webkit-linear-gradient(top, #6de522, #429011); background-image: -moz-linear-gradient(top, #6de522, #429011); background-image: -ms-linear-gradient(top, #6de522, #429011); background-image: -o-linear-gradient(top, #6de522, #429011); -pie-background: linear-gradient(#6de522, #429011); -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; color: white !important; }

.button.primary:hover { border: 1px solid #245109; border-radius: 4px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58c415), to(#2f680b)); background-image: -webkit-linear-gradient(top, #58c415, #2f680b); background-image: -moz-linear-gradient(top, #58c415, #2f680b); background-image: -ms-linear-gradient(top, #58c415, #2f680b); background-image: -o-linear-gradient(top, #58c415, #2f680b); -pie-background: linear-gradient(#58c415, #2f680b); -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; color: white !important; -webkit-box-shadow: inset 0px 1px 0px #c4f5b5; -moz-box-shadow: inset 0px 1px 0px #c4f5b5; box-shadow: inset 0px 1px 0px #c4f5b5; }

.button.warning { border: 1px solid #df0c0c; border-radius: 4px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f87272), to(#f21212)); background-image: -webkit-linear-gradient(top, #f87272, #f21212); background-image: -moz-linear-gradient(top, #f87272, #f21212); background-image: -ms-linear-gradient(top, #f87272, #f21212); background-image: -o-linear-gradient(top, #f87272, #f21212); -pie-background: linear-gradient(#f87272, #f21212); -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; color: #333333 !important; }

.button.warning:hover { border: 1px solid #961010; border-radius: 4px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ea3c3c), to(#ad1313)); background-image: -webkit-linear-gradient(top, #ea3c3c, #ad1313); background-image: -moz-linear-gradient(top, #ea3c3c, #ad1313); background-image: -ms-linear-gradient(top, #ea3c3c, #ad1313); background-image: -o-linear-gradient(top, #ea3c3c, #ad1313); -pie-background: linear-gradient(#ea3c3c, #ad1313); -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; color: white !important; -webkit-box-shadow: inset 0px 1px 0px #f27777; -moz-box-shadow: inset 0px 1px 0px #f27777; box-shadow: inset 0px 1px 0px #f27777; }

dd.button { font-size: 10px; }

.button-bar .button { font-size: 14px; }

.title-buttons a:hover { border-color: #999999; }


/*  */
body { font-size: 12px; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 18px; color: #333333; }

blockquote, dd, dt, p, table, ul { font-size: 12px; line-height: 18px; }

.lrg { font-size: 14px; }

a:active, a:hover, a:link, a:visited { color: #1073c8; }

h1 { font-size: 33px; margin-bottom: 6px; font-weight: normal; }

h2 { font-size: 24px; margin-bottom: 12px; font-weight: normal; }

h3 { font-size: 19px; margin-bottom: 12px; font-weight: normal; }

h4 { font-size: 14px; margin-bottom: 12px; }

h5 { font-size: 12px; margin-bottom: 12px; }

h6 { font-size: 9px; margin-bottom: 12px; }

.primary { font-weight: bold; }

.secondary { color: #666666; font-style: italic; }

.important { color: #cc0000; }


/*  */
.search-panel-title h3 { padding-right: 15px; }


/*  */
.ajax-progress { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; box-shadow: 0 0 9px black; }


/*  */
#nav { background-color: #bf2f2f; padding-top: 10px; border-top: 1px solid #e8a0a0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce3939), to(#ab2a2a)); background-image: -webkit-linear-gradient(top, #ce3939, #ab2a2a); background-image: -moz-linear-gradient(top, #ce3939, #ab2a2a); background-image: -ms-linear-gradient(top, #ce3939, #ab2a2a); background-image: -o-linear-gradient(top, #ce3939, #ab2a2a); -pie-background: linear-gradient(#ce3939, #ab2a2a); }

ul.main-menu li { background-color: #af2b2b; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bb2e2e), to(#9a2626)); background-image: -webkit-linear-gradient(top, #bb2e2e, #9a2626); background-image: -moz-linear-gradient(top, #bb2e2e, #9a2626); background-image: -ms-linear-gradient(top, #bb2e2e, #9a2626); background-image: -o-linear-gradient(top, #bb2e2e, #9a2626); -pie-background: linear-gradient(#bb2e2e, #9a2626); -webkit-box-shadow: inset 0px 1px 0px #dd7777; -moz-box-shadow: inset 0px 1px 0px #dd7777; box-shadow: inset 0px 1px 0px #dd7777; border: 1px solid #962525; border-bottom: 0; }
ul.main-menu li a { color: white; }
ul.main-menu li.selected { background: #eeeeee; -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; border-color: #bbbbbb; }
ul.main-menu li.selected a { color: #333333; }
ul.main-menu li:hover { background-color: #6d1b1b; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ab2a2a), to(#8e2323)); background-image: -webkit-linear-gradient(top, #ab2a2a, #8e2323); background-image: -moz-linear-gradient(top, #ab2a2a, #8e2323); background-image: -ms-linear-gradient(top, #ab2a2a, #8e2323); background-image: -o-linear-gradient(top, #ab2a2a, #8e2323); -pie-background: linear-gradient(#ab2a2a, #8e2323); -webkit-box-shadow: inset 0px 1px 0px #bb2e2e; -moz-box-shadow: inset 0px 1px 0px #bb2e2e; box-shadow: inset 0px 1px 0px #bb2e2e; border: 1px solid #8e2323; }
ul.main-menu li.selected:hover { background: #eeeeee; border-color: #bbbbbb; -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; border-bottom: 0; }

#secondary-nav { background-color: #eeeeee; border-bottom: 1px solid #cfcfcf; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#d5d5d5)); background-image: -webkit-linear-gradient(top, #eeeeee, #d5d5d5); background-image: -moz-linear-gradient(top, #eeeeee, #d5d5d5); background-image: -ms-linear-gradient(top, #eeeeee, #d5d5d5); background-image: -o-linear-gradient(top, #eeeeee, #d5d5d5); -pie-background: linear-gradient(#eeeeee, #d5d5d5); }
#secondary-nav ul li:hover { background-color: #fbfbfb; color: white; border: 1px solid #d5d5d5; }
#secondary-nav ul li { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }
#secondary-nav ul li a { color: #222222; }
#secondary-nav ul li.selected { background: #eeeeee; background: #bbbbbb; border: 1px solid #bbbbbb; -webkit-box-shadow: inset 1px 1px 3px #aeaeae; -moz-box-shadow: inset 1px 1px 3px #aeaeae; box-shadow: inset 1px 1px 3px #aeaeae; }

.vertical-tab-groups { border: 1px solid #cccccc; background: #f8f8f8; }
.vertical-tab-groups .col-middle { background: white; border-left: 1px solid #cccccc; }
.vertical-tab-groups .col-left ul li { border-bottom: 1px solid #cccccc; }
.vertical-tab-groups .col-left ul li a { font-size: 14px; color: #b3b3b3; font-weight: bold; }
.vertical-tab-groups .col-left ul li.selected { background-color: white; border-right: 1px solid white; }
.vertical-tab-groups .col-left ul li.selected a { color: #333333; }
.vertical-tab-groups .col-left ul li:hover { background: #eeeeee; }
.vertical-tab-groups .col-left ul li:hover a { color: #333333; }
.vertical-tab-groups .col-left ul li.selected:hover { background: white; }

#filter-tabs { -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#d5d5d5)); background-image: -webkit-linear-gradient(top, #eeeeee, #d5d5d5); background-image: -moz-linear-gradient(top, #eeeeee, #d5d5d5); background-image: -ms-linear-gradient(top, #eeeeee, #d5d5d5); background-image: -o-linear-gradient(top, #eeeeee, #d5d5d5); -pie-background: linear-gradient(#eeeeee, #d5d5d5); -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; border: 1px solid #cccccc; }
#filter-tabs li { border: 1px solid #cccccc; background: #eeeeee; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background: #eeeeee; }
#filter-tabs li a { border-bottom: 1px solid #cccccc; color: white; }
#filter-tabs li .save-search { background-color: white; }
#filter-tabs li.selected, #filter-tabs li.selected:hover { background: white; }
#filter-tabs li:hover { background-color: white; }
#filter-tabs .manage { background-color: #eeeeee; }
#filter-tabs .export { background-color: #eeeeee; }


/*  */
#notification-area { background: #fcfad7; border-bottom: 1px solid #f2ed94; }

.incoming-call { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: -1px -1px 10px #333333; -moz-box-shadow: -1px -1px 10px #333333; box-shadow: -1px -1px 10px #333333; background: url('/framework/images/icons/phone.png') no-repeat 15px center #fcfad7; }
.incoming-call em { font-style: normal; color: #888888; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.incoming-call strong { font-weight: bold; color: #111111; }


/*  */
.panel.add .panel-content { -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; background: white; border: 2px dashed #cccccc; }
.panel.add .panel-content p { color: #b3b3b3; }

.panel-manager-editing .panel-content { border: 2px dashed #990000; }
.panel-manager-editing .panel:hover { border: 2px solid transparent; background: #f3f3f3; }
.panel-manager-editing .panel.add:hover .panel-content { border: 2px dashed #999999; background-color: #f3f3f3; }
.panel-manager-editing .panel.add:hover .panel-content p { color: #333333; }

.panel:nth-child(even) .panel-content { background: #eeeeee; }

.simple-tab-panel h3 { color: #bf2f2f; }

.simple-tab-panel fieldset h3 { color: white; }


/*  */
.pager { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, white, #f8f8f8); background-image: -moz-linear-gradient(top, white, #f8f8f8); background-image: -ms-linear-gradient(top, white, #f8f8f8); background-image: -o-linear-gradient(top, white, #f8f8f8); -pie-background: linear-gradient(white, #f8f8f8); color: white !important; }
.pager a { border: 1px solid #cccccc; color: #333333; background-color: white; }
.pager a:hover { border: 1px solid #cccccc; background: #eeeeee; }
.pager span { background-color: #bf2f2f; border-color: #962525; }


/*  */
.ui-dialog { font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; -webkit-box-shadow: 0 0 20px #666666; -moz-box-shadow: 0 0 20px #666666; box-shadow: 0 0 20px #666666; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }
.ui-dialog .ui-dialog-title { font-size: 14px; }
.ui-dialog .ui-dialog-titlebar { -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
.ui-dialog .ui-widget-header { background-color: #222222; color: white; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3c3c), to(#090909)); background-image: -webkit-linear-gradient(top, #3c3c3c, #090909); background-image: -moz-linear-gradient(top, #3c3c3c, #090909); background-image: -ms-linear-gradient(top, #3c3c3c, #090909); background-image: -o-linear-gradient(top, #3c3c3c, #090909); -pie-background: linear-gradient(#3c3c3c, #090909); }
.ui-dialog .ui-dialog-content .button-bar-container { background-color: #eeeeee; border-top: 1px solid #cccccc; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }
.ui-dialog input, .ui-dialog select, .ui-dialog teaxtarea { font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.dialog-blackout { opacity: 0.3; background: black; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }

.dialog-content { display: none; }

.dialog { display: none; background: white; border: 1px solid #666666; padding: 20px; box-shadow: 0 0 20px #999999; position: absolute; left: 50%; z-index: 1000; }

.dialog .dialog-content { display: block; }


/*  */
#calendar .fc-header-title h2 { font-size: 18px; }


/*  */
#footer { background: #eeeeee; border-top: 1px solid #cccccc; }
#footer p { color: lighter(#333333, 50%); font-size: 11px; }