Your IP : 172.69.59.17
/* MODx LE Manager Blue template last update: 21-01-2007*/
/* Neutralize styles, fonts and viewport:
---------------------------------------------------------------- */
html, body, form, fieldset {
margin: 0;
padding: 0;
}
html {
font-size: 100.01%; /* avoids obscure font-size bug */
line-height: 1.5; /* http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
font-family: Arial, Tahoma, Helvetica, sans-serif;
height: 100%;
color: #111;
}
body {
font-size: 62.5%; /* 10px */
font-size: 75%; /* 12px */
font-size: 68.75%; /* 11px */
height: 100%;
margin-bottom: 1px; /* avoid jumping scrollbars */
background: #F1F5FE}
img, a img {
border: 0 !important;
text-decoration: none;
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
margin: 0 0 .5em; /* Reset vertical margins on selected elements */
padding: 0;
}
li, dd, blockquote {
margin-left: 1em; /* Left margin only where needed */
}
/* Miscellaneous conveniences:
---------------------------------------------------------------- */
/* use with a <br class="cls" /> to clear floats without extra space */
.clearfix, .cls {
clear: both;
height: 0 !important;
margin: 0;
font-size: 1px;
overflow: hidden;
}
.clear { clear: both; }
.contentPad {
height: 20px !important;
clear: both;
}
.hide, .skip, .printonly { display: none; }
.inline { display: inline; }
/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .subTitle {
font-weight: normal;
}
h1 { font-size: 218%; }
h2 { font-size: 164%; }
h3 { font-size: 145%; font-weight: bold; }
h4 { font-size: 118%; }
h5 { font-size: 100%; font-weight: bold; }
h6 { font-size: 86%; font-weight: bold; }
p.caption, p.comment { font-size: 86%; color: #888; }
.warning{
color: #821517;
font-weight: bold;
}
.success{
color: #090;
font-weight: bold;
}
button {
color: #821517;
font-weight: bold;
width: 112px;
margin-right: 5px;
cursor: pointer;
}
a, a:active, a:visited, a:link {
color: #1a32c7;
text-decoration: underline;
}
a:hover {
color: #0f1e76;
}
input, .inputBox {
padding: 1px;
}
hr {
color: #777;
background-color: #777;
height: 1px;
border: 0;
}
.split {
background: #821517 url(images/misc/line.gif) repeat-x;
height: 1px;
font-size: 0;
clear: both;
padding: 0;
}
#previewIframe {
width:100%;
height:400px;
}
.stay {
border-bottom: 1px solid #32CD32;
margin-left: 0;
}
.messageRead {
color: #000;
}
.messageUnread {
color: #3CB371;
font-weight: bold;
}
.subTitle {
width: 100%;
height: 44px !important;
padding: 0;
margin: 0 10px 10px 0;
}
.right {
font-weight: bold;
color: #000080;
float: left;
padding: 0 20px 20px;
}
/* Forms:
---------------------------------------------------------------- */
form label {
cursor: pointer;
}
fieldset {
border: none;
}
input, select, textarea, td {
font: inherit;
color: inherit;
}
#ta, .tmplvars textarea {
font-size: 130%;
font-family: monospace;
}
form textarea {
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
padding: 2px 0 2px 2px;
background: #fff url(images/misc/input-bg.gif) repeat-x top left;
}
input.radio, input.checkbox {
height: auto !important;
width: auto !important;
background: none !important;
vertical-align: middle;
border: 0;
}
select {
border: 1px solid #c3c3c3 !important;
border: 0;
background: #fcfcfc;
}
.form {
padding: 15px;
border: solid 1px #ddd;
}
form input.hidden {
display: none !important;
position: absolute;
}
.form label,
.form input,
.form textarea {
display: block;
float: left;
vertical-align: middle;
font: inherit;
color: inherit;
}
.form label {
padding-right: 20px;
text-align: right;
width: 110px;
}
form textarea {
height: 100px;
width: 300px;
margin-top: 0;
}
.form legend {
color: #04C;
font-weight: bold;
padding: 5px;
}
.form select {
display: inline;
float: left;
}
.form br {
clear: both;
}
input.submit {
display: block !important;
float: none !important;
margin: 20px 0 0 140px !important;
}
input.button, input.submit {
margin: 0;
border: 0;
padding: auto;
width: auto;
height: auto;
background: transparent;
vertical-align: middle;
}
.form fieldset.list {
border: 0;
padding: 0 !important;
margin: 6px 0 3px 6px;
}
/* in case someone adds a legend */
.form fieldset.list legend {
display: none;
}
.form fieldset.list label,
.form fieldset.list input {
padding: 0;
margin: 0 0 3px;
float: left;
display: inline;
border: 0;
background: none;
width: auto;
height: auto;
}
.form fieldset.list label {
padding-left: 5px;
text-align: left;
width: auto;
}
/* Misc stuff:
---------------------------------------------------------------- */
.fakefieldset {
border: 0;
background: #fff;
font-size: 12px;
padding: 10px;
}
.fakefieldset strong, .fakefieldsettitle {
color: #903;
font-weight: bold;
}
.sectionHeader, .showHideVisible {
margin: 0 10px 4px;
padding: 5px 3px 5px;
font-weight: bold;
color: #000080;
background: #EFEFEF;
border: 1px solid silver;
}
.sectionHeader {
padding: 5px 3px 5px 18px;
background: #FEB136 url(images/misc/orangefade.gif) repeat-x top;
}
.sectionBody, .layerVisible {
position: relative;
top: -5px;
display: none;
background: #fff;
border: 1px solid #E2E2E2;
margin: 0 10px 20px;
padding: 10px;
display: block;
}
.showHideVisible, .layerVisible {
margin: 0 10px 4px 10px;
}
.comment {
font-size: 10px;
color: #000;
}
thead, .fancyrow {
color: #fff;
height: 18px !important;
background-color: #4791C5;
}
thead td {
color:#fff;
border-top:1px solid #fff;
}
.fancyrow2 {
height: 18px !important;
background-color: #F0A62F;
background-position: top;
background-repeat: repeat-x;
border-bottom: 1px solid #fff;
color: #fff;
}
li {
padding: 0;
margin: 0;
list-style: disc outside url(images/misc/li.gif);
}
ul {
margin: 0 10px 0 20px;
}
.screen {
border: 1px solid #ddd;
text-align: center;
}
a img {
border: 0;
}
.even {
background: #E5F0FD;
}
.odd {
background: #FFF;
}
/* end sortable table */
.disabledImage {
width: 20px;
opactiy: 0.5;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.disabledImage img {
filter: gray();
}
.editorCell {
border-top: 1px solid #808080;
text-align: left;
vertical-align: baseline;
}
.row1, .row2, .row3 { background-color: #EEF5FD; color: #000;}
.row2 { background-color: #E5F0FD;}
.row3 { background-color: #C6E0FE;}
.treeframebody {
background-color: #FCFCFC;
}
#treeMenu {
background-color: #;
border-bottom: 1px solid #ddd;
}
#treeMenu * {
vertical-align: middle;
}
#treeHolder {
cursor: default;
height: 100%;
padding: 5px 10px 0 10px;
border-top: 1px solid #677E32;
background: #F1F5FE;
}
#floater {
display: none;
position: absolute;
width: 200px;
height: 50px;
top: 24px;
left: 4px;
background: #fff;
border: 1px solid #444;
z-index: 500;
}
.rootNode, .treeNode, .treeNodeHover, .treeNodeSelected, .emptyNode {
color: #000;
padding: 2px;
cursor: pointer;
width: auto;
}
.treeNodeHover {
background-color: #FFFFFF;
border: 1px solid #777;
padding: 1px;
}
.treeNodeSelected {
background-color: #FEB53B;
color: #000;
border: 1px solid #777;
padding: 1px;
}
.unpublishedNode {
color: #B6B6B6;
text-decoration: line-through;
}
.deletedNode {
color: #A52A2A;
text-decoration: line-through;
}
.publishedNode {
color: #000;
}
.emptyNode {
color: #aaa;
cursor: default;
}
.notInMenuNode {
color: #808080;
text-decoration: none;
}
.protectedNode {
color: #B6B6B6;
text-decoration: none !important;
}
#treeSplitter {
width:10px;
height:100%;
position:absolute;
right:0px;
border-right:1px solid #e0e0e0;
}
.disabledPlugin a {
color: #aaa;
text-decoration: line-through;
}
/* grid style */
.grid {
width: 100%;
background-color: #fff;
border: 1px solid silver;}
.gridHeader {
color: #fff;
font-weight: bold;
background-color: #55ABEB;
height: 25px;
border: 1px solid #006400; }
.gridItem {
background-color: #fff;
padding: 3px; }
.gridAltItem {
background-color: #eeeeee;
padding: 3px; }
.gridRowIcon:hover {
background-color:beige;}
/* search bar */
.searchbar {
width: 100%;
border: 1px solid silver;
background-color: #DBDBDB; }
.searchtext {
height: 18px;
padding: 2px;
border: 1px solid silver; }
.searchbutton {
width: 22px;
height: 18px;
padding: 2px;
text-decoration: none;
background: #DEE9C6;
border: 1px solid #000; }
.searchbutton:hover {
text-decoration: none;
background: #677E32;
}
.searchtoolbarbtn {
height: 24px;
padding-top: 3px 2px 0;
text-decoration: none;
border: 1px solid #e0e0e0; }
.searchtoolbarbtn:hover {
text-decoration: none;
border: 1px solid green; }
/* home page main links */
a.hometblink, a.hometblink:active, a.hometblink:visited, a.hometblink:link, .hometblink {
text-decoration: none;
color: #000080;
font-weight: bold;
}
a.hometblink:hover {
text-decoration: underline;
color: #FF9900;}
/* accesscontrol.inc.php - manager login page
-----------------------------------------------------*/
body#login {
background-position: top;
background-color: #5377A7;
}
#mx_loginbox,
.loginLicense {
width: 460px;
margin: 70px auto 0;
border: 1px solid #000080;
padding: 20px;
background-color: White;
}
#mx_logobox {
float: left;
margin-right: 15px;
}
#mx_loginArea {
float: right;
width: 325px;
}
h1.siteName {
font-weight: bold;
font-size: 18px;
margin: 0 0 .5em;
color: #000080;
text-align: right;
}
.loginMessage {
font-size: 9px;
line-height: 1.4;
margin-bottom: 1em;
}
img.loginCaptcha {
border: 1px solid #039;
width: 148px;
height: 60px;
}
#mx_loginbox label {
display: block;
font-weight: bold;
}
#mx_loginbox input {
margin: 0 0 10px 0;
}
#mx_loginbox input.checkbox {
float: left;
clear: left;
margin-right: 3px;
}
#mx_loginbox input.text {
width: 300px;
}
#mx_loginbox input.login {
float: right;
clear: right;
margin-right: 25px;
}
.loginLicense {
background-color: #FFB53B;
padding: 10px 20px;
color: #000080;
border: 1px solid #000080;
margin: 20px auto;
font-size: 9px;
}
.loginLicense a {
color: #FFFFFF;
font-size: 9px;
}
.notice {
width: 100%;
padding: 5px;
border: 1px solid #eee;
background-color: #F4F4F4;
color: #707070;}
#preLoader {
position: absolute;
z-index: 50000;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}
.preLoaderText {
background-color: #fff;
width: 300px;
height: 150px;
padding: 50px;
border: 1px solid #039;
}
/*contextmenu in editing modules*/
.contextMenu {
background: #fff;
margin: 0;
padding: 0;
border: 1px solid #039;
border-color: #eaeaea #909090 #707070 #eaeaea;
position: absolute;
z-index: 10000; }
.cntxMnuItem {
background-image: url(images/_tx_.gif);
cursor: pointer;
color: #000;
padding: 3px 16px 3px 2px; }
.cntxMnuItemOver {
cursor: pointer;
color: #000;
background: #C6D9A2;
padding: 2px 15px 2px 1px;
border: 1px solid #fa0; /*#039;*/
}
.cntxMnuItemDisabled {
cursor: default;
padding: 3px 16px 3px 2px;
color: #111;
}
.cntxMnuItem img, .cntxMnuItemOver img, .cntxMnuItemDisabled img {
margin-right: 8px;
}
.cntxMnuItem img, .cntxMnuItemDisabled img {
opacity: .3;
filter: alpha(opacity=30);
}
.cntxMnuSeparator {
font-size: 0;
height: 1px;
background-color: silver;
overflow: hidden;
margin: 3px 1px 3px 28px; }
/*end context*/
/* Topbar:
---------------------------------------------------------------- */
#topbar {
margin: 0;
color: #000;
padding: 0 5px;
}
#topbar * {
vertical-align: middle;
}
#topbar a,
#topbar a:link,
#topbar a:visited {
font-weight: bold;
color: #FFA60F;
text-decoration: none;
}
#topbar a:hover {
color: #0000ff;
text-decoration: underline;
}
#msgCounter,#newMail {
padding-bottom: 4px;
}
#tocText {
position: absolute;
left: 3px;
top: 50px;
z-index: 1000;
}
#tocText,
#buildText,
#workText {
font-weight: bold;
line-height: 16px;
margin-right: 15px;
}
.tocTextRTL {
right: 3px;
}
#tocText,
#buildText img,
#workText img {
margin-right: 5px;
}
#statusbar {
position:absolute;
right:0px;
top:23px;
}
#supplementalNav {
float: right;
background: transparent;
height:20px;
}
/* Top Navbar of snap in top menu bar layout*/
#topMenu {
background: #F1F5FE url(images/misc/menubg.jpg);
}
#Navcontainer {
padding-left: 10px;
color: #fff;
}
ul#nav {
margin: 0;
padding: 0;
height: 25px;
width: 100%;
position: absolute;
overflow: visible !important
}
#nav ul {
display: none;
height: 25px;
position: relative;
z-index: 500;
margin: 0 0 0 -10px;
padding: 0 0 0 10px;
}
#nav li {
background: #84C5F9 url(images/misc/bluetab.gif) right -25px;
list-style-type: none;
display: block;
float: left;
width: auto;
margin: 0 3px 0 0;
padding: 0;
}
#nav li a {
color: blue;
height: 25px;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
cursor: hand;
line-height: 25px;
overflow: hidden;
padding: 0 15px;
}
#nav li ul li a {
background: #84C5F9;
float: left;
width: auto;
}
#nav a:hover {
color: #FFFFFF; /* 9ebc5a */
}
#nav a:active {
color: #000;
}
#nav li.active {
background: #84C5F9 url(images/misc/bluetab.gif) right top;
}
#nav li.active a {
color: #fff;
position: relative;
z-index: 999;
}
#nav li.active a:hover {
cursor: hand;
}
#nav li.active ul.subnav {
display: block;
position: absolute;
top: 25px;
width: 200%;
left: 0;
background: #FFB53B; /* 677e32 */
}
#nav li.active ul.subnav a {
color: #fff;
font-weight: normal;
border: none;
background: #FFB53B;
cursor: hand;
}
#nav li.active ul.subnav li {
margin: 0;
}
#nav li.active ul.subnav a:hover {
color: #000; /* 9ebc5a */
background-color: #FF9900;
}
#nav li.active ul.subnav a:active {
color: #000;
}
#menuSplitter {
position:absolute;
width:100%;
height:1px;
bottom:0px;
border-bottom:1px solid #FF9900;
z-index:1000;
}
/* Contextual Menu used in the Tree Menu
---------------------------------------------------------- */
#mx_contextmenu {
position: absolute;
height: auto;
visibility: hidden;
z-index:10000;
width: 170px;
background: #fff;
margin: 0;
padding: 2px;
border: 1px solid #ededed;
border-right-color: #dcdcdc;
border-bottom-color: #dcdcdc;
overflow: hidden;
line-height: 11px; }
#mx_contextmenu .menuLink {
cursor: pointer;
color: #222;
padding: 3px 16px 3px 2px; }
#mx_contextmenu .menuLinkOver {
background: #FEB53B;
border: 1px solid #fdfdfd;
border-right-color: #dcdcdc;
border-bottom-color: #dcdcdc;
color: #fff; }
#mx_contextmenu .menuLinkOver,
#mx_contextmenu .menuLinkDisabled {
cursor: pointer;
padding: 2px 15px 2px 1px;}
#mx_contextmenu .menuLinkDisabled {
cursor: default;
color: #787878; }
#mx_contextmenu .menuLink img,
#mx_contextmenu .menuLinkOver img,
#mx_contextmenu .menuLinkDisabled img {
margin-right: 8px; }
#mx_contextmenu .menuLink img,
#mx_contextmenu .menuLinkDisabled img {
opacity: .3;
filter: alpha(opacity=30);
}
#mx_contextmenu .menuLinkOver img { }
#mx_contextmenu #nameHolder {
color: #000080;
text-align: right;
cursor: default;
font-weight: bold;
padding: 2px;
margin-bottom: 2px;
border: 1px solid #fdfdfd;
border-right-color: #dcdcdc;
border-bottom-color: #dcdcdc;
background: #CDE0F8;
}
#mx_contextmenu .seperator {
font-size: 0;
height: 1px;
background-color: silver;
overflow: hidden;
margin: 3px 1px 3px 28px;
}
/* Settings Table
---------------------------------------------------------- */
.settings {
width: 600px;
}
.settings tr {
width: 100% !important;
}
.settings td, .settings th {
background: transparent;
}
.settings td {
}
.settings th {
width: 200px !important;
text-align: left;
color: #555;
font-size: 120%;
}
.settings textarea, .settings input {
font-size: 100%;
}
/* Tabs
---------------------------------------------------------- */
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 100%;
}
.dynamic-tab-pane-control .tab-row .tab {
font: Tahoma;
font-size: 11px;
cursor: pointer;
display: inline;
margin: 1px -3px 1px 2px;
float: left;
padding: 2px 15px 3px 15px;
z-index: 1;
position: relative;
top: 0;
background: #CDE0F8;
border: 1px solid #003399;
border-bottom: 0;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
background: #FFB53B;
border: 1px solid #003399;
border-bottom: 0;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
border-bottom: 0;
z-index: 3;
padding: 2px 6px 5px 7px;
margin: 1px -3px -2px 0px;
top: -2px;
background: white;
border: 1px solid #003399;
border-bottom: 0;
}
.dynamic-tab-pane-control .tab-row .tab span {
font: Tahoma;
font-size: 11px;
color: #003399;
font-weight: normal;
text-decoration: none;
}
.dynamic-tab-pane-control .tab-page {
clear: both;
background: white;
border: 1px solid #003399;
z-index: 2;
position: relative;
top: -2px;
font: Message-Box;
padding: 10px;
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
}
.dynamic-tab-pane-control ul {
padding-left: 10px;
padding-right: 10px;
}
.dynamic-tab-pane-control li {
padding-left:5px;
padding-right:5px;
}
/* Tree buttons
---------------------------------------------------------- */
.treeButton {
display:block;
cursor: default;
color: #000;
border: 1px;
border-bottom-color: Blue;
padding: 3px 5px;
white-space: nowrap;
vertical-align: middle;
}
.treeButton:hover {
border: 1px solid #006400;
padding: 2px 4px;
background: #CDE0F8;
}
.treeButtonDisabled {
cursor: default;
border: 1px solid Blue;
padding: 2px 4px;
color: #777;
border-width: 0;
}
/* WebFX cool buttons... must also remove these...
---------------------------------------------------------- */
.coolButton,
.coolButtonHover,
.coolButtonActiveHover,
.coolButtonActive,
.coolButtonActiveDisabled,
.coolButtonDisabled,
.coolButtonUpDisabled {
cursor: default;
color: #000;
border: 1px;
border-bottom-color: #8FC70C;
padding: 3px 5px;
white-space: nowrap;
vertical-align: middle;
}
.coolButtonHover {
border: 1px solid #006400;
padding: 2px 4px;
background: #CDE0F8;
}
.coolButtonActive,
.coolButtonActiveHover {
border: 1px solid #000;
border-color: #444 #ccc #ccc #444; /* ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow */
padding: 2px 3px 2px 5px;
}
.coolButtonUpDisabled,
.coolButtonActiveDisabled,
.coolButtonDisabled {
border: 1px solid #006400;
padding: 2px 4px;
color: #777;
border-width: 0;
}
.coolButtonActiveDisabled {
border: 1px solid #006400;
padding: 0 4px 3px 4px;
}
.coolButtonUpDisabled img,
.coolButtonActiveDisabled img,
.coolButtonDisabled img {
opacity: .3;
filter: alpha(opacity=30);
}
/* New Action Buttons
---------------------------------------------------------- */
.actionButtons a {
color: #000;
border: 1px;
border-bottom-color: #8FC70C;
padding: 3px 5px;
white-space: nowrap;
vertical-align: middle;
display: block;
text-decoration: none;
}
.actionButtons a:hover {
border: 1px solid #006400;
padding: 2px 4px;
background: #CDE0F8;
}
.actionButtons a:active {
border: 1px solid #000;
border-color: #444 #ccc #ccc #444; /* ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow */
padding: 2px 3px 2px 5px;
}
.actionButtons a.disabled {
border: 1px solid #006400;
padding: 2px 4px;
color: #777;
border-width: 0;
}
.actionButtons a.disabled img {
opacity: .3;
filter: alpha(opacity=30);
}
/* New sortable table class
---------------------------------------------------------- */
.sortabletable {
font: Icon;
border: 0 solid ThreeDShadow;
color: WindowText;
}
.sortabletable thead tr {
height: 18px !important;
background-color: #4791C5;
}
.sortabletable tr {
background: #fff;
}
.sortabletable tr.even {
background: #D9E7C2;
}
.sortabletable td, .sortabletable th {
padding: 2px 5px;
}
.sortabletable th {
text-align: left;
cursor: pointer;
color: #000;
}
.sortabletable th a {
text-decoration: none;
color: #000;
}
.sortabletable th:active {
background: #ccc;
padding: 3px 4px 1px 6px;
}
/* Pagination table
---------------------------------------------------------- */
#max-display-records {
margin:10px 0;
}
#pagination {
margin: 10px 0;
}
#pagination ul {
margin: 10px 0;
display: inline;
}
#pagination li {
list-style: none;
display: inline;
width: 15px;
margin: 0 0 0 1px;
}
#pagination li a {
padding: 3px;
border: 1px solid #D9E7C2;
text-decoration: none;
color: #000;
}
#pagination li.currentPage a, #pagination li a:hover {
color: #060;
border: 1px solid #060;
}