body {
	margin: 0px;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
}
a:link, a:visited {
	color: #253a6b;
}
a:active, a:hover {
	color: #5975b8;
}
td {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
}
h2 {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
}

/*
	General CMS styles
*/
.field-q {
	font-weight: bold;
	color: #505050;
}
.quick-input {
	border-top: 1px solid #606060;
	border-left: 1px solid #606060;
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	padding-left: 2px;
	padding-bottom: 2px;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
}
.quick-label {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
}
.quick-submit {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
}
h3 {
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0 10px 0;
	margin: 10px 0 0 0;
}
h4, h5 {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	display: inline;
}
h5 {
    font-size: 11px;
    display: block;
}
div.edit-link {
	padding-bottom: 1em;
}
.edit-link {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #b0b0b0;
}
.edit-link a:visited, .edit-link a:link {
	text-decoration: none;
	color: #253a6b;
}
.edit-link a:active, .edit-link a:hover {
	text-decoration: underline;
	color: #5975b8;
}
p, .standard-text {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
}
.action-link {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #b0b0b0;
}
.action-link a:visited, .action-link a:link {
	text-decoration: none;
	color: #253a6b;
}
.action-link a:active, .action-link a:hover {
	text-decoration: underline;
	color: #5975b8;
}
.input-select {
	font-family: verdana;
	font-size: 11px;
}
.input-text {
	height: 15px;
	font-family: verdana;
	font-size: 11px;
	border-top: 1px solid #606060;
	border-left: 1px solid #606060;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding-left: 2px;
	padding-top: 2px;
}
.input-textarea {
	font-family: verdana;
	font-size: 11px;
	border-top: 1px solid #606060;
	border-left: 1px solid #606060;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.input-image-upload, .field-group {
    padding: 5px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    color: #aaa;
}
.field-group {
    position: relative;
    color: #000;
    zoom: 1;
}
.field-group .row {
    clear: left;
    margin: 0 0 2px 0;
}
.field-group label {
    float: left;
    margin: 3px 0 0 0;
    width: 70px;
}
.field-group .delete-row {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.input-image-upload .form-note {
    margin-top: 5px;
}
.form-readonly {
	border: 1px solid #b0b0b0;
	padding: 3px;
	color: #707070;
	overflow: auto;
}
.form-note {
	font-size: 10px;
	color: #808080;
}
.label-problem {
	color: red;
}
.cell-label {
	vertical-align: top;
	position: relative;
	top: 3px;
}
.cell-input {
}
.cell-submit {
}
ul.list-form,
ul.list-form li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.form {
	margin: 0px;
	padding: 0px;
}
.form-table {
}
.form-outer-table {
    border: 1px solid #d8d8d8;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #b0b0b0;
	background: #f0f0f0 url(../res_images/grad.php?w=5&h=50&s=fcfcfc&e=f0f0f0) repeat-x;
	padding: 10px;
}
.form-table td {
	padding: 3px;
}
.cell-header {
}
.form-header {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px; 
}
.form-header2 {
	font-size: 11px;
	font-weight: bold;
    padding: 10px 0 5px 5px;
	border-top: 1px solid #999;
	background: url(../res_images/grad.php?w=5&h=45&s=e0e0e0&e=f8f8f8) repeat-x;
	display: block;
	position: relative;
	left: -5px;
}

.cell-spacer {
	background-color: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.field-loading {
    padding: 0 0 0 5px;
}

small {
	font-size: 11px;
}

th {
	border-bottom: 1px solid #c0c0c0;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	color: #404040;
	text-decoration: none;
}
th a:link, th a:visited, th a:active {
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	color: #404040;
	text-decoration: none;
}
th a:hover {
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	color: #5975b8;
	text-decoration: underline;
}
.check-text {
	margin-top: 5px;
	font-size: 11px;
	color: #a0a0a0;
}
.tabs {
    width: 90%;
    list-style-type: none;
    border-bottom: 1px solid #aac;
    margin: 0;
    padding: 0;
    height: 23px;
    font-size: 10px;
}
.popup .tabs {
    width: 100%;
}
.tabs li {
    float: left;
    margin: 0;
    padding: 0 2px 0 2px;
    background-position: right;
}
.tabs li a {
    padding: 5px 10px 3px 10px;
    border: 1px solid #bbd;
    border-right: 1px solid #aac;
    border-bottom: 1px solid #aac;
    display: block;
    float: left;
    height: 14px;
    background: #f0f0f9 url(../res_images/grad.php?w=5&h=10&s=f0f0f9&e=d8d8f0) bottom repeat-x;
}
.tabs li span {
    padding-left: 2px;
    display: block;
    float: left;
}
.tabs li.tab-active {
    background-position: right;
}
.tabs li.tab-active a {
    border: 1px solid #88a;
    border-top: 2px solid #f80;
    border-bottom: 1px solid #fff;
    height: 15px;
    position: relative;
    top: -2px;
    background: #fff;
}
.tabs li.tab-active span {
}
.tab-stop {
    clear: left;
    padding-bottom: 1.2em;
}
.tab-active a:link, .tab-active a:visited {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.tab-inactive a:link, .tab-inactive a:visited {
	color: #669;
	text-decoration: none;
	font-weight: bold;
}
.tab-active a:hover, .tab-inactive a:hover {
	color: #5975b8;
	text-decoration: underline;
}
.row-dark td {
	background-color: #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.row-dark-h td {
	background-color: #ffffaa;
	border-bottom: 1px solid #e0e0a0;
}
.row-light td {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
.row-light-h td {
	background-color: #ffffaa;
	border-bottom: 1px solid #e0e0a0;
}

.info-box {
	padding-left: 23px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #c0c0f0;
	background: #e0e0ff url(../images/info.gif) no-repeat 5px 5px;
}
.help-link {
	padding-left: 23px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 0;
	background-image: url(../images/help.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
span.help-link {
    background-color: #eef;
    padding-left: 19px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-position: 3px 4px;
}
.help-link.help-empty {
	width: 14px;
	height: 14px;
	padding: 0 0 0 5px;
	margin: 0;
	background-image: none;		
}
.help-link.help-empty img {
	border: 0;
	vertical-align: bottom;
}
.helper-icon {
    width: 14px;
    height: 14px;
	background-image: url(../images/help_grey.gif);
	background-repeat: no-repeat;
    border: none;
    margin: 0 0 0 5px;
    text-indent: -9999px;
}
.helper-icon img {
    border: none;
}
.helper-icon:hover {
    background-image: url(../images/help.gif);
}
.info {
	padding: 10px;
	margin-top: 10px;
	border-top: 1px solid #ccd;
	width: 500px;
	background: #fff url(../res_images/grad.php?w=5&h=50&s=e8e0ff&e=fff) repeat-x;
}

.feedback,
.warning-feedback,
.good-feedback,
.bad-feedback {
	width: 580px;
	padding: 5px;
	padding-bottom: 6px;
	text-indent: 22px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}

.feedback.info-box {
    font-weight: normal;
    margin-bottom: 15px;
}

.warning-feedback {
	background: #ffffe0 url(../images/icon_warning_feedback.png) no-repeat 5px 4px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icon_warning_feedback.png");
	border: 1px solid #e0e0b0;
	color: #909040;
}

.good-feedback {
	background: #e0ffe0 url(../images/icon_good_feedback.gif) no-repeat 5px 4px;
	border: 1px solid #b0e0b0;
	color: #409040;
}

.bad-feedback {
	background: #ffe8e8 url(../images/icon_bad_feedback.gif) no-repeat 5px 4px;
	border: 1px solid #e0b0b0;
	color: #c00000;
}
.loading {
	padding-left: 27px;
	background: #fff url(../images/icon_loading_small.gif) no-repeat 10px;
	color: #777;
	font-weight: normal;
	font-size: 11px;
	display: inline;
}
.submit-shell.loading {
    padding: 5px 27px 0 0;
    background: #f0f0f0 url(../images/submit-loading.gif) no-repeat right;
}
.loading-in-form {
    padding: 3px 5px 3px 27px;
    border: 1px solid #dc8;
	background: #fea url(../images/loading-yellow.gif) no-repeat 5px;
	color: #651;
	font-weight: normal;
	font-size: 11px;
}
.loading-in-form-done {
    padding: 3px 5px 3px 27px;
	border: 1px solid #b0e0b0;
	background: #e0ffe0 url(../images/icon_good_feedback.gif) no-repeat 5px 2px;
    color: #409040;
	font-weight: normal;
	font-size: 11px;
}
.reset-password, .delete-account {
    padding: 2px 0 3px;
}
#reset-pw-link, #delete-account-link {
    padding: 0 0 2px 27px;
    background: url(../images/icon_email.png) no-repeat 5px 0;
}
#delete-account-link {
    background-image: url(../images/delete.png);
}
#reset-pw-link {
    padding: 0 0 0 27px;
    background: url(../images/icon_email.png) no-repeat 5px 0;
}
.browse-nav {
	padding: 5px 0 1.25em;
}
.popup .browse-nav {
    padding-bottom: 6px;
}
.browse-nav * {
	font-size: 10px;
}
.browse-nav a {
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	border: 1px solid #9ac;
	color: #348;
	margin: 0 1px;
}
.browse-nav a:hover {
	border: 1px solid #569;
	color: #304080;
	background: #ccf;
}
.browse-nav a.nav-page-current,
.browse-nav a.nav-page-current:hover {
	border: 1px solid #348;
	background-color: #348;
	font-weight: bold;
	color: #348;
	padding: 2px;
}
.browse-nav a.nav-page-current span {
    color: #fff;
}
.browse-form + .browse-nav {
    margin-top: 20px;
}
a.nav-previous,
a.nav-next {
	font-weight: bold;
}
.browse-table table {
	clear: both;
	margin-top: 10px;
    border-collapse: collapse;
    border-spacing: 0;
	width: 90%;
}
.popup .browse-table table {
    width: 100%;
}
.alpha-nav {
	padding-bottom: 10px;
}
div.alpha-nav {
	margin-bottom: 1em;
	width: 90%;
	padding-bottom: 0;
}
.popup div.alpha-nav {
    margin-bottom: 5px;
}
.popup div.alpha-nav {
    width: 100%;
}
div.alpha-nav a {
	padding: 0 0.3em;
}
div.alpha-nav div.search-box {
	float: right;
	clear: right;
	margin-bottom: 10px;
}
div.alpha-nav div.search-box form {
	display: inline;
}
table.zd-table td {
	border-spacing: 0;
	padding: 3px;
	padding-left: 5px;
	margin: 0;
}

table.zd-table {
    border-spacing: 0;
    border-collapse: collapse;
}

table.zd-table tr.row-even td {
	background-color: #ffffff;
	border-bottom: 1px solid #f0f0f0;
}

table.zd-table tr.row-odd td {
	background-color: #f0f0f9;
	border-bottom: 1px solid #f0f0f9;
}
table.zd-table tr.row-total td {
    border-top: 2px solid #aaa;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

table.zd-table tr.selected td {
	background: #ffa url(../res_images/grad.php?w=5&h=25&s=fd8&e=ffa) top repeat-x !important;
	border-bottom: 1px solid #fd8;
}

div.browse-header {
	margin-bottom: 1em;
}
.popup div.browse-header {
    margin-bottom: 5px;
}
.browse-results-none {
    font-style: italic;
}

.browse-table table.zd-table th {
	background: #fff url(../res_images/grad.php?w=5&h=20&s=ddd&e=fff) top repeat-x;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	padding: 5px;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #aaa;
}
.browse-table table.zd-table th.first {
	border-left: 1px solid #ccc;
}

.browse-table table.zd-table tr.action-row td {
    background: #fff;
    border-bottom: none;
    text-align: right;
    padding-right: 10px;
}

.browse-table table.zd-table tr.action-row td input.button {
    margin-top: 10px;
    margin-left: 10px;
}

.browse-table table.zd-table td.cb-col {
    text-align: right;
    width: 30px;
    padding-right: 10px;
}

.browse-count {
    margin-top: 0;
    padding-top: 0;
}

.popcal-icon {
    vertical-align: middle;
    margin: 0 0 0 5px;
    cursor: pointer;
}

.popcal {
    display: none;
    position: absolute;
    background: #fff;
}

.action-bar {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 0px 0 4px 0;
    border: 1px solid #eee;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 90%;
    background: #fff url(../res_images/grad.php?w=5&h=25&s=f8f8f8&e=fff) repeat-x;
    height: 18px;
}
.popup .action-bar {
    width: 100%;
}
.action-bar li {
/*    display: inline;*/
    float: left;
/*    height: 23px;*/
}
.action-bar a, .link-button {
    position: relative;
    top: -1px;
    display: block;
    float: left;
    text-decoration: none;
    margin: 0;
    padding: 4px 7px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #aaa;
    background: #fff url(../res_images/grad.php?w=5&h=15&s=eee&e=fff) repeat-x;
    height: 14px;
}
.link-button {
    border-left: 1px solid #ccc;
}
.action-bar a:link, .action-bar a:visited {
    color: #354a8b;
}
.action-bar a:hover {
    text-decoration: underline;
    color: #5975b8;
}
.button {
	border: 1px solid #999;
	background: #fff url(../images/submit_grad.gif) repeat-x;
	background-position: 1px 1px;
    height: 25px;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	text-transform: uppercase;
	color: #444;
	cursor: pointer;
    font-weight: bold;
}
.button.small {
    height: 18px;
    font-size: 9px;
}
#page-title + div + .info, #page-title + div + ul + div + br + .info, #page-title + div + ul + div + .info {
    margin-top: 0;
}
#page-title span.sep {
    font-weight: normal;
    color: #888;
}
.info p:first-child {
    margin-top: 0;
}
.rta-loader {
    float: right;
    padding: 5px 5px;
    background: url(../res_images/grad.php?d=horizontal&w=400&h=5&s=f0f0f0&e=bbb) repeat-y right;
    width: 500px;
    text-align: right;
    margin-right: 5px;
}

.title-link {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #b0b0b0;
	font-weight: normal;
}
.title-link a:visited, .title-link a:link {
	text-decoration: none;
	color: #253a6b;
	font-weight: normal;
}
.title-link a:active, .action-link a:hover {
	text-decoration: underline;
	color: #5975b8;
	font-weight: normal;
}

.wizard-options {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 95%;
}
.wizard-options li {
    margin: 15px 0 0 10px;
    padding: 0;
}
.wizard-options li a, .wizard-options li.wizard-option {
    display: block;
    padding: 9px 0 10px 38px;
    background: #fff url(../images/wizard_option_bg.gif) no-repeat;
    font-size: 12px;
}
.wizard-options li.wizard-option {
    padding-top: 7px;
}
.wizard-options a {
    text-decoration: none;
}
.altoption {
    margin: 40px 0 0 20px;
    padding: 0 0 0 17px;
    background: #fff url(../images/info_grey.gif) no-repeat 0px 1px;
    color: #333;
}
#form-tabs {
    margin-bottom: 10px;
}
.tabbed-form #form-tabs {
    margin-bottom: 0;
}
.form tr.hidden {
    display: none;
}
.tabbed-form {
    width: 800px;
    background: #f0f0f0;
    border: 1px solid #ccc;
}
#body.popup .tabbed-form {
    width: auto;
}
.tabbed-form .form-outer-table {
    border: none;
    background: none;
}
.tabbed-form .form {
    display: none;
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
    border-top: none;
    clear: left;
/*    padding-bottom: 10px;*/
    background: #f0f0f0 url(../res_images/grad.php?w=5&h=150&s=f0f0f0&e=ddd) repeat-x bottom;
/*    min-height: 150px;*/
}
.tabbed-form .tabs {
    height: 24px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #fafafa;
    background: #e8e8e8 url(../res_images/grad.php?w=5&h=15&s=e8e8e8&e=ddd) repeat-x bottom;
}
.tabbed-form .tabs li, .tabbed-form .tabs li a, .tabbed-form .tabs li span {
    background: none;
    border: none;
}
.tabbed-form .tabs li {
    padding: 0;
    padding-bottom: 4px;
    border-right: 1px solid #ccc;
    background: #f0f0f0 url(../res_images/grad.php?w=5&h=15&s=f0f0f0&e=ddd) repeat-x bottom;
}
.tabbed-form .tabs li a, .tabbed-form .tabs li span {
    padding: 0;
}
.tabbed-form .tabs li a {
    padding: 5px 12px 1px 12px;
    color: #808080;
}
.tabbed-form .tabs li.tab-active {
    position: relative;
    top: -6px;
    left: -1px;
    background: #fff url(../res_images/grad.php?w=5&h=27&s=fff&e=f0f0f0) 0 5px repeat-x;
    padding-top: 3px;
    padding-bottom: 7px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-left: 1px solid #ccc;
    font-weight: bold;
}
.tabbed-form .tabs li.tab-active a {
    position: static;
    top: 0;
    height: 14px;
    color: #000;
}
.tabbed-form .tabbed-submit {
    width: 100%;
    background: #d8d8d8 url(../res_images/grad.php?w=5&h=45&s=eee&e=d8d8d8) repeat-x;
    border-top: 1px solid #fff;
}
.tabbed-form .tabbed-submit input {
    margin: 10px;
}
.tabbed-form .tab-problem {
    color: #f00 !important;
}
#community-summary {
    background: #fff url(../res_images/grad.php?w=5&h=15&s=f0f0f0&e=ffffff) repeat-x;
    width: 780px;
    padding: 10px;
    padding-bottom: 20px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: relative;
    top: -1px;
}
#community-summary h3 {
    margin-top: 0;
    padding-top: 10px;
}
#community-summary h4 {
    display: block;
    font-size: 11px;
    font-weight: normal;
}
#community-summary .summary-section {
    margin: 5px 5px 10px;
    width: 500px;
}
#community-summary .summary-section table {
    border-collapse: collapse;
    border-spacing: none;
    margin: 0 0 0 10px;
}
#community-summary .summary-section table td {
    vertical-align: top;
    padding: 2px 15px 3px 0;
    border-bottom: 1px solid #ddd;
}
#community-summary .summary-section.account .password {
    color: #888;
    background-color: #f8f8f8;
    padding: 0 2px;
}
#community-summary .summary-section.profile {
    width: 550px !important;
}
#community-summary .summary-section.profile .photo {
    float: left;
    border: 1px solid #888;
    margin: 5px 0 0 10px;
}
#community-summary .summary-section.profile .bio {
    margin-left: 130px;
    margin-top: 5px;
}
#community-summary .summary-section.profile .bio p {
    margin: 0 0 15px 0;
}
#community-summary .status.disabled {
    padding: 2px;
    color: #888;
    font-weight: bold;
    background: #eee;
}
#community-summary .account .status.disabled {
    margin-left: 10px;
}
#community-summary .none {
    color: #888;
    background-color: #f8f8f8;
    padding: 0 2px;
}
#page-title + #feedback + p, #page-title + p {
    margin-top: 0;
}

.zd-quickselect-input {
    background: #fff url(../images/quickselect_arrow.gif) top right no-repeat;
}
.zd-quickselect-options {
    height: 200px;
    background: #fff;
    color: #000;
    opacity: 0.95;
    border: 1px solid #ccc;
    border-bottom: 1px solid #888;
    overflow: auto;
    z-index: 10;
}
.zd-quickselect-no-matches, .zd-quickselect-more {
    color: #555;
    background: #eee;
    padding: 2px;
    margin: 2px 0 0 0;
}
.zd-quickselect-more {
    border-top: 1px solid #ccc;
    margin: 4px 0 0 0;
}
.zd-quickselect-match {
    padding: 1px;
    cursor: default;
}
.zd-quickselect-match span {
    display: none;
}
.zd-quickselect-match-active {
    background: Highlight;
    color: HighlightText;
    padding: 1px;
}
.zd-quickselect-options iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px;/*must have for any big value*/
}
.expander-link-on {
    padding-left: 15px;
    background: url(../images/expander_link_on.gif) 0 2px no-repeat;
}
.expander-link-off {
    padding-left: 15px;
    background: url(../images/expander_link_off.gif) 0 2px no-repeat;
}
.auto-toggle {
    display: block;
}
.auto-toggle-el {
    margin: 10px 0 0 20px;
}
.input-prefix {
    display: block;
    float: left;
	height: 16px;
	font-family: verdana;
	font-size: 11px;
	border-top: 1px solid #606060;
	border-left: 1px solid #606060;
	border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #aaa;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	background: #ddd;
	color: #555;
	position: relative;
	left: 1px;
	top: 1px;
}
/**
 * overrides for yui's module, panel, etc.
 */
#body .yui-panel .hd {
	background-image: url(../res_images/grad.php?w=5&h=10&s=b0b0ff&e=3d77cb);
	background-position: top left;
	background-repeat: repeat-x;
}
#body .yui-module {
	font-family: verdana,arial,helvetica;
}
#help-subtopics {
    margin: 15px 0 0 0;
}
#include-code-shell h4 {
    margin: 0 0 10px 0;
    display: block;
}
#include-code-shell ul, #include-code-shell li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.include-code span, #include-code-shell ul li span {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #f8f8f8;
    position: relative;
    padding: 2px 10px 0 10px;
    top: 1px;
    color: #444;
}
.include-code div, #include-code-shell ul li div {
    border: 1px solid #ccc;
    padding: 10px 25px 10px 25px;
    width: 90%;
    margin-bottom: 10px;
    color: #803030;
    font-family: monospace;
    background: #fff url(../../res/images/grad.php?w=5&h=20&s=f8f8f8&e=fff) top repeat-x;
}

.collapse-toggle {
    padding: 5px 5px 5px 17px;
    background: url(../images/expander_link_off.gif) 3px 8px no-repeat;
    border: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    margin: 10px 0 0 0;
}

#zd-helper-popup {
    width: 260px;
    height: auto;
    position: absolute;
    z-index: 997;
}
#zd-helper-popup-inner {
    background: #fe9 url(../res_images/grad.php?w=1&h=100&s=ffc&e=fe9) top repeat-x;
    border: 1px solid #da0;
    padding: 5px 10px 5px 10px;
    margin: 0 0 0 9px;   
    z-index: 998;
}
#zd-helper-popup-corner {
    width: 10px;
    height: 9px;
    float: left;
    background: url(../images/helper_popup_corner.gif);
    z-index: 999;
}

#zd-helper-popup-corner-right {
    width: 10px;
    height: 9px;
    float: right;
    background: url(../images/helper_popup_corner_right.gif);
    z-index: 999;
    margin-right: -9px;
}

#zd-helper-popup ul {
    margin: 0;
    padding: 0;
}
#zd-helper-popup li {
    margin: 0 0 0 18px;
    padding: 0;
}
#zd-helper-popup p {
    margin: 5px 0 5px 0;
    padding: 0;
}
#zd-helper-popup-edit {
    display: block;
    width: 40px;
    padding: 0 0 2px 0;
    text-align: center;
    background: #fe9;
    float: right;
}
#zd-helper-popup-text textarea {
    display: block;
    clear: right;
    width: 234px;
    position: relative;
    left: -2px;
    height: 200px;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    margin-bottom: 3px;
}
#zd-helper-popup-text button {
    margin-right: 5px;
}
table.changelog {
    width: 600px;
    border-spacing: 0;
}
table.changelog td {
    border-bottom: 1px solid #ddd;
    padding: 3px 0 3px 0;
}
table.changelog-fields {
    border-spacing: 0;
    border-collapse: collapse;
    margin: 5px 0 5px 0;
}
table.changelog-fields td, table.changelog-fields th {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}
table.changelog-fields td p {
    padding: 0;
    margin: 0 0 1em 0;
}
table.changelog-fields td p:first-child {
    margin-top: 0;
}
table.changelog-fields tr:first-child td, table.changelog-fields tr:first-child th {
    border-top: 1px solid #ccc;
}
.changelog-nav {
    width: 90%;
    text-align: right;
}
ins, ins > p, ins > ul, ins > ol, ins > li, ins > h1, ins > h2, ins > h3, ins > h4, ins > h5, ins > h6, ins > pre, ins > div, ins > address, ins > blockquote {
    background-color: #afa !important;
    text-decoration: none;
}
del, del > p, del > ul, del > ol, del > li, del > h1, del > h2, del > h3, del > h4, del > h5, del > h6, del > pre, del > div, del > address, del > blockquote {
    background-color: #faa !important;
}

.multi-adder-shell {
    padding-top: 3px;
}
.multi-adder-shell .none {
    color: #888;
}
.multi-adder-shell select {
    margin: 0 5px 0 0;
}
.multi-adder-shell .adder-field {
    margin: 0 0 5px 0;
}
.multi-adder, .adder-link {
    display: block;
    padding: 5px 5px 5px 23px;
    background: url(../images/add.png) 3px 5px no-repeat;
}
.related-record-field {
    margin: 0 0 5px 0;
}
.filtering .depth-pad {
    display: none !important;
}
.filtering .col-shell .category {
    background-image: none !important;
}
.depth-pad {
    display: block;
    height: 1em;
    float: left;
}
table.dragging {
    z-index: 99999;
    position: absolute;
    width: 550px;
    border: 1px solid #ddd;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
table.dragging td {
    background-color: #fff !important;
    border-bottom: none !important;
}
table.dragging td .depth-pad {
    display: none;
}


.browse-tree table.zd-table tr td {
    background-color: #fff;
    border-bottom: none;
    padding: 0 0 0 5px;
    vertical-align: top;
}
.browse-tree table.zd-table tr td .col-shell {
    margin-top: 2px;
    margin-bottom: 4px;
}
.browse-tree table.zd-table tr.row-odd td {
    background-color: #f0f0fc;
}
.browse-tree table.zd-table tr.action-row td {
    background-color: #fff;
}
.browse-tree table.zd-table tr.action-row td div {
    margin-top: 5px;
    border-top: 1px solid #ccc;
}
.browse-tree .col-shell .outer {
    display: block;
    height: 18px;
    float: left;
    overflow: hidden;
    line-height: 15px;
}
.browse-tree .col-shell .inner {
    display: block;
    height: 18px;
    float: left;
}
.browse-tree .col-shell .category {
    padding-left: 20px;
    cursor: pointer;
    background: url(../images/icon_category_open.png) no-repeat;
}
.browse-tree tr.closed .col-shell .category {
    padding-left: 20px;
    background: url(../images/icon_category_closed.png) no-repeat;
}
.browse-tree .col-shell .category.empty {
    background: none !important;
    cursor: default !important;
}
.col-shell .item {
    padding-left: 20px;
    background: url(../images/wp_icon_html.gif) no-repeat;
}
.col-shell .doc {
    padding-left: 20px;
    background: url(../images/document-small.png) no-repeat;
}
.col-shell .info-item {
    padding-left: 20px;
    background: url(../images/document-list.png) no-repeat;
}
.col-shell .question {
    padding-left: 20px;
    background: url(../images/question-balloon.png) no-repeat;
}
.col-shell .article {
    padding-left: 20px;
    background: url(../images/document-text.png) no-repeat;
}
.col-shell .image {
    padding-left: 20px;
    background: url(../images/picture-sunset.png) no-repeat;
}
.col-shell .gallery {
    padding-left: 20px;
    background: url(../images/pictures.png) no-repeat;
}
.col-shell .product {
    padding-left: 20px;
    background: url(../images/package.png) no-repeat;
}
.col-shell .event {
    padding-left: 20px;
    background: url(../images/calendar.png) no-repeat;
}
.col-shell .person {
    padding-left: 20px;
    background: url(../images/user-green.png) no-repeat;
}
.col-shell .people {
    padding-left: 20px;
    background: url(../images/users.png) no-repeat;
}
.col-shell .email {
    padding-left: 20px;
    background: url(../images/icon_email.png) no-repeat;
}
.col-shell .thumbs-up {
    padding-left: 20px;
    background: url(../images/thumb-up.png) no-repeat;
}
.col-shell .link {
    padding-left: 20px;
    background: url(../images/chain.png) no-repeat;
}
.col-shell .globe {
    padding-left: 20px;
    background: url(../images/globe.png) no-repeat;
}
.col-shell .megaphone {
    padding-left: 20px;
    background: url(../images/megaphone.png) no-repeat;
}
.col-shell .newspaper {
    padding-left: 20px;
    background: url(../images/newspaper.png) no-repeat;
}
.col-shell .book {
    padding-left: 20px;
    background: url(../images/book-open.png) no-repeat;
}
.col-shell .disk {
    padding-left: 20px;
    background: url(../images/disk.png) no-repeat;
}
.col-shell .docs {
    padding-left: 20px;
    background: url(../images/inbox-image.png) no-repeat;
}
.col-shell .car {
    padding-left: 20px;
    background: url(../images/car.png) no-repeat;
}
.col-shell .hammer {
    padding-left: 20px;
    background: url(../images/hammer.png) no-repeat;
}
.col-shell .clipboard {
    padding-left: 20px;
    background: url(../images/clipboard-list.png) no-repeat;
}
.col-shell .magnifier {
    padding-left: 20px;
    background: url(../images/magnifier.png) no-repeat;
}
.col-shell .doc-other {
    padding-left: 20px;
    background: url(../images/doc-other.png) no-repeat;
}
.col-shell .doc-image {
    padding-left: 20px;
    background: url(../images/doc-image.png) no-repeat;
}
.col-shell .doc-pdf {
    padding-left: 20px;
    background: url(../images/doc-pdf.png) no-repeat;
}
.col-shell .doc-music {
    padding-left: 20px;
    background: url(../images/doc-music.png) no-repeat;
}
.col-shell .doc-zip {
    padding-left: 20px;
    background: url(../images/doc-zip.png) no-repeat;
}
.col-shell .doc-movie {
    padding-left: 20px;
    background: url(../images/doc-movie.png) no-repeat;
}
.col-shell .doc-ppt {
    padding-left: 20px;
    background: url(../images/doc-ppt.png) no-repeat;
}
.col-shell .doc-tif {
    padding-left: 20px;
    background: url(../images/doc-tif.png) no-repeat;
}
.col-shell .doc-eps {
    padding-left: 20px;
    background: url(../images/doc-eps.png) no-repeat;
}
.col-shell .doc-ai {
    padding-left: 20px;
    background: url(../images/doc-ai.png) no-repeat;
}
.col-shell .money {
    padding-left: 20px;
    background: url(../images/money.png) no-repeat;
}
.col-shell .beaker {
    padding-left: 20px;
    background: url(../images/beaker.png) no-repeat;
}
.col-shell .key {
    padding-left: 20px;
    background: url(../images/key.gif) no-repeat;
}
.col-shell .blog {
    padding-left: 20px;
    background: url(../images/blog.png) no-repeat;
}
.col-shell .locator {
    padding-left: 20px;
    background: url(../images/map-pin.png) no-repeat;
}
.col-shell .survey {
    padding-left: 20px;
    background: url(../images/question-frame.png) no-repeat;
}

.col-shell .wp-module, .col-shell .wp-external {
    padding-left: 20px;
    background: url(../images/wp_icon_embedded.gif) no-repeat;
}
.col-shell .wp-app {
    padding-left: 20px;
    background: url(../images/wp_icon_app.gif) no-repeat;
}
.col-shell .wp-module_2col {
    padding-left: 20px;
    background: url(../images/wp_icon_embedded_2col.gif) no-repeat;
}
.col-shell .wp-feedback, .col-shell .wp-feedback_2col {
    padding-left: 20px;
    background: url(../images/wp_icon_feedback.gif) no-repeat;
}
.col-shell .wp-proposal {
    padding-left: 20px;
    background: url(../images/wp_icon_proposal.png) no-repeat;
}
.col-shell .wp-video {
    padding-left: 20px;
    background: url(../images/wp_icon_video.gif) no-repeat;
}
.col-shell .wp-html {
    padding-left: 20px;
    background: url(../images/wp_icon_html.gif) no-repeat;
}
.col-shell .wp-html_2col {
    padding-left: 20px;
    background: url(../images/wp_icon_html_2col.gif) no-repeat;
}
.col-shell .wp-link {
    padding-left: 20px;
    background: url(../images/wp_icon_link.gif) no-repeat;
}
.col-shell .wp-cssref {
    padding-left: 20px;
    background: url(../images/wp_icon_cssref.png) no-repeat;
}
.col-shell .wp-category {
    padding-left: 20px;
    background: url(../images/wp_icon_category.gif) no-repeat;
}
.browse-tree .col-shell .not-in-nav a {
    color: #777;
}
.browse-tree .module-instance a {
}
.browse-tree .module-instance-include {
    color: #999;
}

.browse-table .icon {
    display: block;
    float: left;
    margin-right: 3px;
}   
.browse-table.browse-tree .icon {
    display: block;
    float: left;
    margin-right: 3px;
}
.browse-tree tr.drop-active td {
    border-top: 2px solid #77c !important;
}
.browse-tree table {
    border-collapse: separate;
    border-spacing: 0;
}
.browse-tree table td {
    border: none;
}
.browse-tree table {
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.browse-tree .depth-indicator {
    position: absolute;
    top: 200px;
    left: 200px;
    width: 11px;
    height: 6px;
    background-color: #77c;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.browse-tree .sort-placeholder {
    zoom: 1;
    position: absolute;
    border-top: 2px solid #77c;
}
.browse-tree .future-date, .browse-table .future-date {
    color: #888;
}
.browse-tree .sticky {
    margin: 0 0 0 5px;
    cursor: pointer;
}
.browse-tree .sticky + .note2 {
    margin: 0 0 0 -5px;
}
.browse-tree .sticky + .note3 {
    margin: 0 0 0 -5px;
}
.browse-tree .ext-link {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 0;
    text-indent: -9999px;
    background: url(../images/globe-small-trans.png) no-repeat;
}
.browse-tree .ext-link:hover {
    background-image: url(../images/globe-small.png);
}
tr.ui-sortable-helper td {
    background: #fff;
}
#drag-proxy {
    background: #fff;
}
#find-results {
    margin: 10px 0 0 0;
}
#find-results .snippets {
    margin: 5px 30px 15px 20px;
}
#find-results .snippet-break {
    margin: 0 0 5px 5px;
    font-weight: bold;
    color: #aaa;
}
#find-results .hilite {
    background: #fea;
}
#find-results .raw-html {
    font-family: monospace;
}
#replace-submit-row {
    width: 600px;
    padding: 10px;
    border-top: 1px solid #ccc;
    background: #eee url(../res_images/grad.php?w=1&h=100&s=eee&e=fff) top repeat-x;

}
.html-snippet {
    width: 300px;
    height: 50px;
    border: 1px solid #ccc;
    font-family: courier;
    font-size: 12px;
    padding: 5px 5px 5px 25px;
    margin: 5px 0 0 0;
    color: #800;
    background: #fff url(../images/icon_html.png) 5px 2px no-repeat;
    display: block
}
.html-snippet.short {
    height: 15px;
}
h5.section {
    font-size: 11px;
    margin: 0;
    padding: 10px 0 10px 5px;
    border-top: 1px solid #aaa;
    background: url(../res_images/grad.php?w=5&h=35&s=f8f8f8&e=fff) repeat-x;
    position: relative;
    left: -5px;
    clear: both;
}
#image-browse-thumbs {
    zoom: 1;
}
#image-browse-thumbs ul {
    margin: 0 0 5px 20px;
    padding: 0;
    list-style-type: none;
}
#image-browse-thumbs ul.top {
    margin-left: 0;
    width: 90%;
}
#image-browse-thumbs li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#image-browse-thumbs a.category {
    display: block;
    padding: 5px 5px 5px 0px;
    font-weight: bold;
    border-top: 1px solid #cce;
    text-decoration: none;
    background: #d8d8ff url(../res_images/grad.php?w=5&h=25&s=ececff&e=d8d8ff) repeat-x;
}
#image-browse-thumbs a.category span.outer {
    padding: 0 0 0 23px;
    background: url(../images/icon_category_open.png) no-repeat 3px 0px
}
#image-browse-thumbs a.category.closed span.outer {
    padding: 0 0 0 23px;
    background: url(../images/icon_category_closed.png) no-repeat 3px 0px
}
#image-browse-thumbs li.category {
    margin: 0 0 0 0;
    border-left: 1px solid #ddd;
}
#image-browse-thumbs li.image {
    float: left;
    margin: 10px 10px 0px 0;
    padding-bottom: 10px;
}
#image-browse-thumbs li.image a {
    display: block;
    padding: 5px;
    background: #eee;
    border: 1px solid #bbb;
    text-decoration: none;
    cursor: pointer;
}
#image-browse-thumbs li.image a:hover {
    background: #ddd;
    text-decoration: underline;
}
#image-browse-thumbs li.image a span.title {
    display: block;
    width: 100px;
    line-height: 20px;
    height: 17px;
    overflow: hidden;
    cursor: pointer;
}
#image-browse-thumbs li.image img {
    display: block;
    border: 1px solid #ccc;
    margin: 0 auto;
    cursor: pointer;
}
#image-browse-thumbs li.image .no-thumb div {
    height: 20px;
    width: 16px;
    margin-left: 40px;
    text-align: center;
}
#image-browse-thumbs li.image .title {
    display: block;
    text-align: center;
}
#image-browse-thumbs li.placeholder {
    float: left;
    width: 100px;
    height: 150px;
    background: #fff;
    margin: 10px 10px 10px 0;
}
.clear {
    clear: both;
}
.hasDatepicker {
    display: block;
    float: left;
}
.ui-datepicker-trigger {
    float: left;
    display: block;
    padding: 3px 0 0 2px;
}
.calendar-shell {
}
.calendar-shell .nav-jump-shell {
    float: right;
    margin: 7px 0 0 0;
}
.calendar-shell .nav-shell h4 {
    width: 130px;
}
.calendar-shell .nav-controls {
    margin: 10px 0;
    text-align: right;
    float: right;
    width: 230px;
}
.calendar-shell .nav-controls a {
    color: #fff;
    padding: 0 10px;
}
.calendar-shell .current-view {
    color: #fff;
    display: block;
    float: left;
    width: 300px;
    margin: 10px 0;
    padding: 0 10px;
}
.calendar-shell .nav-shell {
    background: #555;
    color: #fff;
}
.calendar-shell table, .calendar-thumb-shell table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    background: #ccc;
    border-spacing: 0;
    border: none;
    border-left: 1px solid #ccc;
}
.calendar-shell td, .calendar-shell th, .calendar-thumb-shell td, .calendar-thumb-shell th {
    width: 14%;
    background: #fff;
    vertical-align: top;
    padding: 0;
    margin: 0;
}
.calendar-shell th, .calendar-thumb-shell th {
    text-align: center;
    border: none;
    border: 1px solid #777;
    background: #888 url(../res_images/grad.php?w=5&h=25&s=aaa&e=888) repeat-x;
    color: #fff;
    padding: 5px;
    font-weight: normal;
}
.calendar-shell td, .calendar-thumb-shell td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 95px;
}
.calendar-shell td.empty, .calendar-thumb-shell td.empty {
    background: #eee;
}
.calendar-shell td .add-button {
    margin: 3px 4px 0 4px;
    position: absolute;
    display: none;
    padding: 1px;
    background: #eee;
}
.calendar-shell td .add-button a {
    background: #eee;
    color: #aaa;
    display: block;
    text-decoration: none;
    padding: 0px 5px 1px 5px;
    text-transform: lowercase;
    font-size: 10px;
}
.calendar-shell td .add-button a:hover {
    color: #77b;
    background: #f8f8f8;
}
.calendar-shell td .day-of-month {
    float: right;
    margin: 3px 5px 3px 0;
    padding: 0;
    font-weight: normal;
    height: 14px;
}
.calendar-shell td .event {
    clear: right;
    width: 95%;
    margin: 0 auto 4px auto;
}
.calendar-shell td .event a {
    clear: left;
    display: block;
    text-decoration: none;
    padding: 4px;
    max-height: 24px;
    font-size: 11px;
    line-height: 13px;
    overflow: hidden;
}
.calendar-shell td .event a.not-first {
    color: transparent;
}
.calendar-shell td .event.new {
    background: #fe9 url(../res_images/grad.php?w=1&h=60&s=fff8aa&e=fe9) top repeat-x;
    padding: 5px 0;
}
.calendar-shell td .event.new input {
    display: block;
    clear: left;
    width: 90%;
    font-size: 11px;
    line-height: 13px;
    border: 1px solid #ddd;
    color: #000;
    margin: 0 4px 2px 4px;
}
.calendar-shell td .event.new select {
    width: 90%;
    overflow: hidden;
    display: block;
    clear: left;
    font-size: 11px;
    margin: 2px 4px 2px 4px;
}
.calendar-shell td .event.new button {
    font-size: 10px;
    margin: 0 4px;
    display: inline;
}
.calendar-shell td .event.new .loading-in-form {
    display: none;
    margin: 4px 2px 0 2px;
}
.calendar-shell td .event.new a {
    display: inline;
    clear: none;
    text-decoration: underline;
    font-size: 10px;
    padding: 0;
    margin: 0;
}
.calstyle-plain {
    background: #d8f0ff !important;
    border-bottom: 1px solid #cde;
}
.calendar-shell td .event a.not-first.calstyle-plain {
    color: #d8f0ff;
}
.calstyle-1 {
    background: #feb !important;
    border-bottom: 1px solid #eed8a8;
}
.calendar-shell td .event a.not-first.calstyle-1 {
    color: #feb;
}
.calstyle-2 {
    background: #fbe !important;
    border-bottom: 1px solid #eea8d8;
}
.calendar-shell td .event a.not-first.calstyle-2 {
    color: #fbe;
}
.calstyle-3 {
    background: #ebf !important;
    border-bottom: 1px solid #d8a8ee;
}
.calendar-shell td .event a.not-first.calstyle-3 {
    color: #ebf;
}
.calstyle-4 {
    background: #efb !important;
    border-bottom: 1px solid #d8eea8;
}
.calendar-shell td .event a.not-first.calstyle-4 {
    color: #efb;
}
.calstyle-5 {
    background: #bef !important;
    border-bottom: 1px solid #a8d8ee;
}
.calendar-shell td .event a.not-first.calstyle-5 {
    color: #bef;
}
.calstyle-6 {
    background: #bfe !important;
    border-bottom: 1px solid #a8eed8;
}
.calendar-shell td .event a.not-first.calstyle-6 {
    color: #bfe;
}
.calstyle-7 {
    background: #fcc !important;
    border-bottom: 1px solid #eeb8b8;
}
.calendar-shell td .event a.not-first.calstyle-7 {
    color: #fcc;
}
.calstyle-8 {
    background: #cfc !important;
    border-bottom: 1px solid #b8eeb8;
}
.calendar-shell td .event a.not-first.calstyle-8 {
    color: #cfc;
}
.calstyle-9 {
    background: #ccf !important;
    border-bottom: 1px solid #b8b8ee;
}
.calendar-shell td .event a.not-first.calstyle-9 {
    color: #ccf;
}
.calendar-shell td .event a:hover {
/*    color: #66d;*/
}
.calendar-shell td .event a.overlapping {
    position: relative;
    zoom: 1;
    float: left;
    width: 102%;
    margin: 0 0 4px 0;
}

#calendar-outer-shell {
    width: 90%;
}
.calendar-thumb-shell {
    float: left;
    margin: 0 20px 0 0;
    height: 180px;
}
.calendar-thumb-shell table {
    width: auto;
}
.calendar-thumb-shell .current-view {
    background: #555;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.calendar-thumb-shell th {
    padding: 3px;
}
.calendar-thumb-shell td {
    height: auto;
    padding: 3px;
    text-align: center;
    height: 12px;
}
.calendar-thumb-shell .has-events {
/*    background: #d8f0ff;*/
}

#calendar-outer-shell h2 {
    float: left;
}
.calendar-year-nav {
    float: left;
    margin: 3px 0 0 20px;
}

/*Tooltip and Pointer CSS*/
.zd-tooltip {
    font-size: 11px;
	padding: 7px;
	width: 200px;
    border-width: 2px !important;
	position: absolute;
/*    background: #fe9 url(../res_images/grad.php?w=1&h=40&s=ffc&e=fe9) top repeat-x;*/
    background: #fff url(../res_images/grad.php?w=1&h=40&s=fff&e=eef8ff) bottom repeat-x;
/*    border: 2px solid #ffdd66;*/
    border: 2px solid #9bd;
	text-align: left;
}
.zd-tooltip .zd-tooltip-pointer-down, .zd-tooltip .zd-tooltip-pointer-down-inner {
	position: absolute; 
	width: 0; 
	height: 0; 
	border-bottom-width: 0;
	background: none;
}
.zd-tooltip .zd-tooltip-pointer-down {	
	border-left: 7px solid transparent; 
	border-right: 7px solid transparent;
	border-top-width: 14px;
	bottom:	-14px;
	right: auto;
	left: 50%;
	margin-left: -7px;
	/* arrow border color */
    border-top: 14px solid #9bd;
}
.zd-tooltip .zd-tooltip-pointer-down-inner {
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent;
	/* arrow content bg color */
    border-top: 10px solid #eef8ff;
	bottom:	auto;
	top: -14px;
	left: -5px;
}
.zd-tooltip .zd-tooltip-pointer-left, .zd-tooltip .zd-tooltip-pointer-left-inner {
	position: absolute; 
	width: 0; 
	height: 0; 
	border-bottom-width: 0;
	background: none;
}
.zd-tooltip .zd-tooltip-pointer-left {	
	border-bottom: 7px solid transparent; 
	border-top: 7px solid transparent;
	border-right-width: 14px;
	bottom:	-14px;
	top: auto;
	bottom: 50%;
	left: -14px;
	margin-bottom: -7px;
	/* arrow border color */
    border-right: 14px solid #9bd;
}
.zd-tooltip .zd-tooltip-pointer-left-inner {
	border-bottom: 5px solid transparent; 
	border-top: 5px solid transparent;
	/* arrow content bg color */
    border-right: 10px solid #eef8ff;
	left:	auto;
	right: -14px;
	bottom: -5px;
}
.zd-tooltip .zd-tooltip-pointer-right, .zd-tooltip .zd-tooltip-pointer-right-inner {
	position: absolute; 
	width: 0; 
	height: 0; 
	border-bottom-width: 0;
	background: none;
}
.zd-tooltip .zd-tooltip-pointer-right {	
	border-bottom: 7px solid transparent; 
	border-top: 7px solid transparent;
	border-left-width: 14px;
	bottom:	-14px;
	top: auto;
	bottom: 50%;
	right: -14px;
	margin-bottom: -7px;
	/* arrow border color */
    border-left: 14px solid #9bd;
}
.zd-tooltip .zd-tooltip-pointer-right-inner {
	border-bottom: 5px solid transparent; 
	border-top: 5px solid transparent;
	/* arrow content bg color */
    border-left: 10px solid #eef8ff;
	right:	auto;
	left: -14px;
	bottom: -5px;
}
.zd-tooltip ul, .zd-tooltip li {
    margin: 0;
    padding: 0;
}
.zd-tooltip li {
    margin: 0 0 5px 15px;
}
.zd-tooltip .instance-shell {
    margin: 0 0 7px 0;
}
.zd-tooltip .module-name {
    position: absolute;
    right: 7px;
    color: #aaa;
}
.zd-tooltip .instance-include {
    margin: 2px 0 0 5px;
}
#module-list {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none;
}
#module-list li {
    list-style-type: none;
    padding: 0;
    margin: 0 0 8px 0;
}
#module-list li a {
    display: block;
    height: 16px;
}
#wp-heading {
    position: relative;
    top: 5px;
}
.unread {
    font-weight: bold;
}
.toggle-unread.read img {
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.toggle-unread img {
    border: none;
}
#notices {
    position: absolute;
    right: 30px;
    top: 115px;
    list-style-type: none;
    margin: 0;
}
#notices > li {
    width: 465px;
    padding-bottom: 2px;
    background: #eee;
    margin-bottom: 2px;
}
#notices > li .inner {
    background: #fea url(../res_images/grad.php?w=10&h=20&s=fff8bb&e=fea) repeat-x;
    border: 1px solid #fb5;
    padding: 6px;
/*    font-size: 10px;*/
}
#notices > li p, #notices > li ul {
/*    font-size: 10px;*/
    margin: 0;
    padding: 0;
}
#notices > li ul {
    list-style-type: square;
    margin-top: 3px;
    margin-left: 30px;
}
#notices > li a {
    color: #33b;
    text-decoration: none;
    font-weight: bold;
}
#notices > li a:hover {
    text-decoration: underline;
}
#notices .feedback-read span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/ui-icons_6d8ad5_256x240.png) -210px -194px no-repeat;
}
#notices .feedback-read {
    display: block;
    float: right;
    color: #5d7ac5;
    padding: 0px 3px 0px 18px;
}
#feedback-mark-all-read {
    float: right;
    margin: 0 10% 10px 0;
    padding: 0;
}

/* Users */
#zd-field-clients, #zd-field-instances {
    padding: 2px;
    border: 1px solid #aaa;
    max-height: 150px;
    overflow: auto;
}
#zd-field-instances {
    max-height: 300px;
}
.multi-checkbox-heading {
    margin: 5px 0 5px 0;
    font-weight: bold;
}
h4.help-menu-heading, #help-tutorials-link {
    display: block;
    padding: 10px 0 0 5px;
}
#help-tutorials-link a {
    text-decoration: none;
}
#help-tutorials-link a:hover {
    text-decoration: underline;
}
#tpl-list, #tpl-list li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#tpl-list {
    margin: 10px 0 0 0;
}
#tpl-list li {
    display: block;
    width: 500px;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #fff;
    min-height: 1.4em;
    padding: 4px;
    background: #f8f8f8;
}
#tpl-list li a.tpl-expander {
    height: 14px;
    padding: 0 0 0 18px;
    background: #f8f8f8 url(../images/icon_category_closed.png) 0 -1px no-repeat;
    text-decoration: none;
}
#tpl-list li a.tpl-expander:hover {
    text-decoration: underline;
}
#tpl-list li.expanded a.tpl-expander {
    font-weight: bold;
    background-image: url(../images/icon_category_open.png); 
}
.tpl-form-shell {
    zoom: 1;
    clear: left;
    padding: 10px 0 10px 10px;
}
.tpl-form-table {
    zoom: 1;
    border-collapse: collapse;
    border-spacing: 0;
}
#tpl-list a {
    display: block;
    float: left;
}
#tpl-list .helper-icon {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background-image: url(../images/help_grey.gif);
    background-repeat: no-repeat;
    border: none;
    margin: 0 0 0 10px;
    text-indent: -9999px;
}
#tpl-list .helper-icon img {
    display: none;
}
#tpl-list .helper-icon:hover {
    background-image: url(../images/help.gif);
}

ul.import-fields, ul.export-fields {
    margin: 0 20px 0 0;
    padding: 5px;
    list-style-type: none;
    border: 1px solid #ddd;
    width: 250px;
    height: 250px;
}
ul.export-fields {
    height: auto;
    border: none;
}
ul.import-fields li, ul.export-fields li {
    padding: 0.2em;
    margin: 0 0 2px 0;
    background: url(../res_images/grad.php?w=5&h=30&s=f8f8f8&e=eeeeee) repeat-x;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ccc;
    color: #000;
}
#import-field-matcher {
    width: 400px;
/*    padding: 10px;*/
    border: 1px solid #ccc;
    margin: 0 0 20px 0;
}
#import-field-matcher table {
    width: 100%;
}
#import-field-matcher table th {
    background: #666;
    color: #fff;
    padding: 7px;
}
#import-field-matcher table td {
    border-bottom: 1px solid #ddd;
}
#import-preview {
    width: 90%;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    height: 200px;
    overflow: auto;
}
#import-preview table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
#import-preview table th {
    background: #eee;
    border-top: 2px solid #ddd;
}
#import-preview table th, #import-preview table td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#import-preview .empty {
    background: #eee;
    color: #999;
    padding: 2px;
}
.cancel-shell {
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    border-left: 1px solid #888;
}