/*BASICS*/
.clear{clear:both}
.floatL{float:left}
.floatR{float:right}

/* INIT CSS */
html {padding:0px; margin:0px}
body {background-color: #F2F2E2; font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:0px; margin:0px}
a {color: red; font-size: 12px; background-color:transparent; text-decoration: none}			
pre {color: #564b47; font-size: 11px; background-color:transparent; font-family: Courier, Monaco, Monospace}
.alignright {margin-top: 0; text-align: right; font-size: 10px}
h3 {font-size:12px}
h2 {font-size:14px; text-transform:uppercase; background-color: transparent}
h1 {font-size: 11px; text-transform:uppercase; text-align: right; color: #564b47; background-color: #90897a; padding:5px 15px; margin:0px}
A:HOVER, A:HOVER {color: #000; background-color:#FFF}
A IMG {border:none}


/*LAYOUT FIXED*/
#content {min-height:0}
#content {bottom:16px; top:36px; position:fixed; left:190px; right:190px; overflow-y:auto}
#content {min-width:780px}
#adminHeader {min-width:960px}
#right{min-width:100px}

BODY {min-width:1150px; position:relative}/*this option stops the right col tucking behind the content column but prevents div scrolling*/
BODY {min-width:1150px; position:static; overflow:hidden}
#right {overflow-x:hidden; overflow-y:auto; bottom:16px}

/*EOF LAYOUT FIXED*/


/* ADMIN PANEL LAYOUT */
BODY {background-color:#e3e3e2}

/*HEIRACHY*/
BODY #mainWrapper {font-size:11px}
BODY #mainWrapper A {font-size:11px}
BODY #mainWrapper {margin-top:2px}
#content {margin-top:0}
#content .actions UL {margin:0; margin-top:18px; padding:0; width:50%}
#content .actions UL LI {list-style-type:none; padding:0}
#content .actions UL LI A {display:block; padding:2px 0 2px 0}
#content {padding:0}
#content {background-color:#E3E3E2}

.siteConfig, .moduleTypes, .pageItems {margin-top:-12px}

/*left and right columns*/



#left, 
#right {position:absolute; width:190px; margin:0px; padding:0; top:36px}


#leftInner,
#rightInner {padding-right:10px; padding-left:10px}

#right {right:0}
#right UL,
#right UL LI {list-style-type:none; padding:0}

#leftPalette {float:left;border-color:orange;height:auto;width:150px;overflow:auto;}
#rightPalette {float:right;border-color:orange;height:50px;width:10%;overflow:auto;}



/*header and footer*/
#adminHeader {height:36px; background:url(../img/admin_head_bg.png) top left repeat #000; position:fixed; top:0; left:0; right:0; z-index:99}
#adminHeader P {}

UL.cmsNav, UL.navLeft, UL.navLeft LI,
UL.navRight, UL.navRight LI {padding:0; margin:0; line-height:28px}
UL.cmsNav, UL.navLeft, UL.navRight {height:36px}
UL.navLeft, UL.navLeft LI {float:left}
UL.navRight, UL.navRight LI {float:right}
UL.navLeft, UL.navLeft LI{filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85}
UL.navRight, UL.navRight LI {filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55}
UL#navRightFoot, #adminFooterInner P {filter:alpha(opacity=35);-moz-opacity:.535;opacity:.35}
UL.navRight:HOVER, UL.navRight:HOVER LI {filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85}
LI#siteInfo {color:#FFF; font-weight:bold; font-size:140%; font-family:helvetica, arial}
LI#siteInfo {margin-left:10px}

H2#adminTitleLayout {float:left}
H2#adminTitleLayout {position:absolute; top:30px; margin-left:40px;}
H2.adminColHeading {margin-top:0}

#adminFooterInner P {font-size:9px; color:#FFF}
#adminFooter {height:16px; background:#000; position:fixed; bottom:0; left:0; right:0}
#adminFooterInner {padding: 2px 10px 0 10px}
#adminFooterInner P {float:left; margin:0}
#adminFooterInner P+P {float:right}

UL#navRightFoot {float:right; margin-top:-2px}
UL#navRightFoot LI {font-size:10px; line-height:16px; color:#FFF; display:inline; height:16px}
LI.liSeparatorFoot {border-left:1px solid #FFF; margin-right:3px}

SPAN#footLogo {font-size:11px; color:#FFF; font-family:helvetica, arial; background:none; position:absolute; left:50%; margin-left:-5%; top:0; bottom:0; padding:0 5px 0 5px}


UL.navLeft {}
UL.navLeft LI {display:inline; float:left; margin-right:10px; list-style-type:none}

UL.navRight {}
UL.navRight LI {display:inline; float:left; list-style-type:none}
UL.navRight.navSiteAdmin {}
UL.navRight.navSiteAdmin LI {display:inline; float:right}
UL LI SPAN#adminMainMenuTree A, 
UL LI SPAN#adminMainMenuContent A, 
UL LI SPAN#adminMainMenuLayout A,
UL.navRight.navSiteAdmin LI A {color:#FFF; display:block; padding:0 5px 0 5px; height:31px}
UL.navRight.navSiteAdmin LI A {font-size:90%}
UL.navRight.navSiteAdmin LI A:HOVER {color:#000}



/* ADMIN CMS MENU */
UL.cmsNav {position:absolute; top:0; left:50%; margin-left:-7%}
UL.cmsNav LI {display:inline; float:right; list-style-type:none; float:left}
UL LI SPAN#adminMainMenuTree A, 
UL LI SPAN#adminMainMenuContent A, 
UL LI SPAN#adminMainMenuLayout A {font-size:110%; font-weight:bold; /*padding-left:20px*/}
UL LI SPAN#adminMainMenuTree A:HOVER, 
UL LI SPAN#adminMainMenuContent A:HOVER, 
UL LI SPAN#adminMainMenuLayout A:HOVER {background-color:#FFF; color:#000}
/*UL LI SPAN#adminMainMenuTree A {background-image:url(../img/tree_icon.png); background-position: 2px center; background-repeat:no-repeat}
UL LI SPAN#adminMainMenuContent A {background-image:url(../img/content_icon.png); background-position: 2px center;background-repeat:no-repeat}
UL LI SPAN#adminMainMenuLayout A {background-image:url(../img/layout_icon.png); background-position: 2px center;background-repeat:no-repeat}
UL LI SPAN#adminMainMenuTree A:HOVER {background-image:url(../img/tree_icon_on.png)}
UL LI SPAN#adminMainMenuContent A:HOVER {background-image:url(../img/content_icon_on.png)}
UL LI SPAN#adminMainMenuLayout A:HOVER {background-image:url(../img/layout_icon_on.png)}*/
/* secondary controls */


/* TABLES */
table {background: #fff; border:1px solid #ccc; border-right:0; clear: both; color: #333; margin-bottom: 10px; width: 100%}
th {background: #f2f2f2; border:1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: center}
th a {background:#f2f2f2; display: block; padding: 2px 4px; text-decoration: none}
th a:hover {background: #ccc; color: #333; text-decoration: none}
table tr td {background: #fff; border-right: 1px solid #ccc; padding: 4px; text-align: center; vertical-align: top}
table tr.altrow td {background: #F4F4E4}
td.actions {text-align: center; white-space: nowrap}
td.actions a {margin: 0px 6px}

/* PAGING */
div.paging {background:#fff; color: #ccc; margin-bottom: 2em}
div.paging div.disabled {color: #ddd; display: inline}
div.paging span {}
div.paging span.current {color: #000}
div.paging span a {}


/*================================FORMS===*/

/*GENERAL FORMS*/
#content INPUT {outline:2px solid #94948A; border:0}
#content INPUT#SiteAdminGoogleMapsKey {width:98%; font-family:arial; color:#FF0000}
FIELDSET {margin:0; padding:20px 10px 5px 10px; border:1px dotted#94948A;}
FIELDSET .input {margin-bottom:10px}
FIELDSET .input LABEL {width:100px; display:block; float:left}
FIELDSET LEGEND {font-weight:bold}
.submit {margin-top:10px; margin-left:2px}
SPAN#currentFile {display:block; margin-bottom:0; margin-left:98px; color:#90897A; background:#E2E2D2; width:200px; padding:2px 2px 5px 2px}

/*CUSTOM FORMS*/
INPUT#GoogleMapTitle {width:200px}

/*FORMS*/
FORM#NodeAddForm {text-align:right; padding-right:30px}
FORM#NodeAddForm LABEL {font-size:9px}
FORM#NodeAddForm A {font-size:9px}
FORM#NodeAddForm A:HOVER {color:#527B88}

SELECT {outline:2px solid #94948A; color:#333; margin-top:3px; border:0}
SELECT:ACTIVE {border:0; outline:0}
SELECT#NodeEditContent {width:78px; font-size:9px; font-family:verdana; margin-left:4px; margin-right:6px}
SELECT#NodeStatus {width:62px; font-size:9px; font-family:verdana; margin-left:4px; margin-right:34px}





.liSeparator {filter:alpha(opacity=69);-moz-opacity:.69;opacity:.69}


/*================================GOOGLE MAPPING===*/
#map {margin-top:-350px; margin-left:50%; margin-bottom:60px}
#map SPAN, .gmnoprint {display:none}

/*refresh button right column*/
SPAN#refreshPage {position:fixed; top:36px}
SPAN#refreshPage A {width:188px}
SPAN#refreshPage {display:block; background:#48B847; clear:both; width:100%}
SPAN#refreshPage A {padding:5px; display:block; font-size:11px; color:#FFF; font-weight:bold; text-align:center}
SPAN#refreshPage A:HOVER {color:#48B847; font-weight:bold; background:#FFF}


/*================================EXPERIMENTAL===*/
/*NEW TREE EXPANDER*/
/*#managerWrapper UL LI UL:ACTIVE LI, 
#managerWrapper UL LI UL:ACTIVE LI SPAN {background-color:#e5e5e5}
#managerWrapper UL LI UL:ACTIVE {height:200px}*/

/*interactivity*/
/*#zoneC02:ACTIVE,
#zoneC04:ACTIVE,
#zoneC06:ACTIVE,
#zoneA01:ACTIVE,
#zoneA02:ACTIVE {height:100px}*/







/*ADMIN FORMS AND TABLE SYSTEM*/
TABLE P {font-family:verdana; font-size:12px}

TABLE.table_bgOff,
TABLE.table_TD_bgOff TD {background:none}
TABLE.table_brdOff,
TABLE.table_TD_brdOff TR TD {border:0}
TABLE.table_TD_padOff TR TD {padding:0}

TABLE#adminTableLogin {position:absolute; top:20%; left:0; right:0; width:250px; margin-left:auto; margin-right:auto; padding:10px}
TABLE#adminTableLogin TD {text-align:left}
TABLE#adminTableLogin INPUT {width:100%; border:2px solid #527B88; color:#527B88}
TABLE#adminTableLogin P {font-weight:bold; line-height:21px; color:#527B88}

H1#adminLoginTitle {position:absolute; top:12%; left:0; right:0; width:250px; margin-left:auto; margin-right:auto; text-align:center; background:none; font-family:helvetica; arial; font-size:16px; color:#527B88}

.btn_login A {background:#527B88; color:#FFF; padding:3px 8px 3px 8px}
.btn_login A:HOVER {background:#FFF; color:#527B88}