.clearer { clear: both; }

.hidden { display: none; }

/* === PNG fix === */

img.icon, img.transparent, .CmsDialog, .error, .errorExplanation, .img-shadow { behavior: url(/plugin_assets/cms/images/iepngfix.htc) }

/* === PAGE / CONTENT === */

#content img[align="left"] { 
    margin: 7px 7px 7px 0px;
}
#content img[align="right"] { 
    margin: 7px 0px 7px 7px; 
}

ul#subpages li { line-height: 17px; }
ul#subpages li img { vertical-align: middle; }

/* === BLOGS === */

.BlogArticle { 
    margin-bottom: 10px;
    padding: 0 10px 5px 0;
}

.BlogArticle h2 { border-bottom: 1px solid black; }
.BlogArticle h2 a { color: #2e5208; }

.BlogArticlePostInfo { margin-top: 2px; margin-bottom: 5px; color: #548438; }

.BlogArticleBottom { clear: both; }

.BlogArticleComments { margin-top: 16px;}
.BlogArticleComments h3 { margin: 0px 0px 12px 0px;}

/* === PAGINATION === */

.pagination {
    text-align: right;
    font: 11px verdana, arial, sans-serif;
    color: #555555;
    font-weight: bold; 
    padding: 3px 10px 10px 0px;
}

.pagination a {
    border: 1px solid #CCCCCC;
    color: #555555;
    background-color: white;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

.pagination a:hover {
    background-color: #dddddd;
}

.pagination span {
    border: 1px solid #CCCCCC;
    color: #999999;
    background-color: #e1e1e1;
    padding: 2px 5px 2px 5px;
}

/* === ADMIN === */

.edit-icon {
    float: right;
}

.admin-table {
    border-collapse: collapse;
}

.admin-table td {
    border: 1px solid black;
    padding: 0.25em 0.25em;
}


/* AUTO-COMPLETE */

.auto_complete {
    position: absolute;
    width: 250px;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    padding: 0px;
}

.auto_complete ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.auto_complete ul li.selected { 
    background-color: #bbf;
}

.auto_complete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    height: 16px;
}

.autocomplete_add_to_list {
    margin-top: 10px;
}

/* DIALOGS */

.CmsDialog {
    margin: 5px 10px 15px 0px;
    border: 2px solid black;
    padding: 5px 5px 5px 37px;
    font-weight: bold;  
    background-image: url(/plugin_assets/cms/images/icons/dialog-information.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    min-height: 32px;
    background-color: white;
}

.notice {
    border-color: blue;
    background-image: url(/plugin_assets/cms/images/icons/dialog-information.png);
}

.warning {
    border-color: red;
    background-image: url(/plugin_assets/cms/images/icons/dialog-warning.png);
}

.error {
    border-color: red;
    background-image: url(/plugin_assets/cms/images/icons/dialog-error.png);
}

.errorExplanation {
    margin: 5px 15px 15px 15px;
    border: 2px solid black;
    padding: 5px 5px 5px 37px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    min-height: 32px;
    border-color: red;
    background-image: url(/plugin_assets/cms/images/icons/dialog-error.png);
    background-color: white;
}

.errorExplanation h2 {
    color: black;
    background-color: white;
    background-image: none;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-align: left;
}

.fieldWithErrors {
    /*  padding: 2px;*/
    /*  background-color: red;*/
    /*  display: table;*/
    border: 2px solid red;
}

div.uploadStatus { margin: 5px; }
div.progressBar { margin: 5px; }

div.progressBar div.border {
    background-color: #fff;
    border: 1px solid grey;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}

/* Begin Typography & Colors */




.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
}



.description { text-align: center; }

/* End Headers */


.entry p a:visited {
    color: #b85b5a;
}


#sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .postmetadata, blockquote, strike {
    color: #777;
}

code {
    font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
}



/* End Typography & Colors */



/* Begin Structure */




.post {
    margin: 0 0 40px;
    text-align: justify;
}

.widecolumn .post {	margin: 0; }
.narrowcolumn .postmetadata {	padding-top: 5px;	}
.widecolumn .postmetadata {	margin: 30px 0;	}

.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}

.postmetadata {	clear: left; }


/* End Structure */

/* Begin Images */
p img {	padding: 0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright { float: right; }
.alignleft { float: left }

/* End Images */



/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
} 

html>body .entry li {
    margin: 7px 0 8px 10px;
}

.entry ul li:before {
    content: "\00BB \0020";
}

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
}

.entry ol li { margin: 0;	padding: 0;	}

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}


/*
* PAGE
*/

.IconList li {
    vertical-align: middle;
    font-size: 10px;
    padding: 0px 0px 4px 0px;
    margin: 0px;
}

.IconList img {
    vertical-align: middle;
}

#sidebar ul, #sidebar ul ol { 
    margin: 0; 
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

#sidebar ul li {
    vertical-align: middle;
    font-size: 10px;
}

#sidebar li img {
    margin: 0px;
    padding: 0px;
    margin-right: 0px; /* 2px */
    vertical-align: middle;
}

.PageTreeList ul li {
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    list-style-type: none;
}

.PageTreeList img {
    vertical-align: middle;
}

.PageTreeList a { text-decoration: none; color: #4A4A4A; }
a:hover { color: #B40D0D; }

.PageTreeList .current { background-color: #ffff03; }


#sidebar h1 {	font-size: 1.3em; margin-top: 10px; }
#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    color: #000000;
}

#sidebar h1 a { color: #000000; }
#sidebar h2 a { color: #000000; }

/*
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
*/
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px; 
    text-align: center;
}

#sidebar #searchform #s {	width: 115px; padding: 2px;	}

#sidebar #searchsubmit { padding: 1px; }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
}

/* End Form Elements */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr {	border-bottom: 1px dashed #999; }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
}

.center {	text-align: center;}
hr { display: none; }
a img {	border: none; }

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
}
/* End Various Tags & Classes*/

/* PAGES */

.AdminBar { background-color: #EEEEEE; clear: left; padding: 4px; margin-top: 10px; }
.AdminBar .Title { padding: 0px; margin: 0px; border-spacing: 0; }
.AdminBar .Buttons { float: right; }
.EditImageBox table { padding: 0 0 0 0; border-spacing: 0; }
.EditImageBox .Dimensions { font-size: 11px; }
select#page_parent_id { width: 350px; font-size: 1em; }
.AdminActions div { margin: 5px; margin-top: 10px; }



.ErrorDialog { 
    font-size: 1.2em; 
    font-weight: bold;
    background-color: #FFFFFF;
    border: 2px solid red;
    padding: 10px;
    margin: 10px;
}

.WarningDialog { 
    font-size: 1.2em; 
    font-weight: bold;
    background-color: #FFFFFF;
    border: 2px solid red;
    padding: 10px;
    padding-bottom: 28px;
    margin: 10px;
}

.NoticeDialog { 
    font-size: 1.2em; 
    font-weight: bold;
    background-color: #FFFFFF;
    border: 2px solid black;
    padding: 10px;
    margin: 10px;
}

/* CALENDAR */

.calendar {
    margin-top: 6px;
    border: solid 1px #D1D9FF;
    width: 100%;
    clear: left;
}

.calendar, .calendar tr, .calendar th, .calendar td {
    border-collapse: collapse;
    vertical-align: top;
}

.calendar tbody td {
    height: 80px;
    width: 14%;
    padding: 4px;
}

.calendar hr { border: solid thin #D1D9FF; }
.monthName { color: #000; background-color: #D1D9FF; }
.dayName { background-color: #abf; border: solid 1px #D1D9FF; }
.otherMonth { background-color: #D1D9FF }
.day { background-color: #fff; border: solid 1px #D1D9FF; }
.dayBody { font-size: .65em; }
.specialDay { background-color: #FFFBD2; border: solid 1px #D1D9FF; }



.DateTimeSelect select {
    width: 12%;
    font-size: .85em;
}

a.Disabled { text-decoration: line-through; }

/* TAGS */

.tags {
    margin-top: 8px;
/*    overflow: hidden;*/
/*    width: 100%;*/
    clear: both;
}

a.tag {
    background: transparent url('/plugin_assets/cms/images/tag/bg_tag_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}

a.tag span {
    background: transparent url('/plugin_assets/cms/images/tag/bg_tag_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 16px;
}

a.tag span img {
    float: left;
    margin-top: -1px;
    margin-right: 4px;
}

/* COMMENTS */
/* Bubbles adapted from http://www.cssplay.co.uk/menu/bubbles */

.commentReference {
    margin: 25px 0px 14px 0px;
}

.commentBubble {background: transparent; margin: 6px 6px 6px 0px; clear: both;}
.commentBubble p {padding-bottom:0.5em; color:#000000; margin: 0px;}

.commentBubble em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
.commentBubble.style1 em { border-top:12px solid #d5c5a1; }
.commentBubble.style2 em { border-top:12px solid #ffffff; }

/* hack for IE5.5 */
* html .commentBubble em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.commentBubble span {display:block; width:0; height:0; overflow:hidden; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
.commentBubble.style1 span { color:#d5c5a1; border-top:10px solid #ffffff; }
.commentBubble.style2 span { color:#d5c5a1; border-top:10px solid #d5c5a1;}
* html .commentBubble span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.commentBubble.style1 .xb4, .commentBubble.style1 .xb5, .commentBubble.style1 .xb6, .commentBubble.style1 .xb7 { background:#ccc; border-left:1px solid #d5c5a1; border-right:1px solid #d5c5a1; }
.commentBubble.style2 .xb4, .commentBubble.style2 .xb5, .commentBubble.style2 .xb6, .commentBubble.style2 .xb7 { background:#ccc; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }

.xb1 {margin:0 8px;}
.xb2 {margin:0 6px;}
.xb3 {margin:0 4px;}
.commentBubble.style1 .xb1, .commentBubble.style1 .xb2, .commentBubble.style1 .xb3 { background: #d5c5a1; }
.commentBubble.style2 .xb1, .commentBubble.style2 .xb2, .commentBubble.style2 .xb3 { background: #ffffff; }

.commentBubble.style1 .xb4, .commentBubble.style2 .xb4 {margin:0 3px; border-width:0 5px;}
.commentBubble.style1 .xb5, .commentBubble.style2 .xb5 {margin:0 2px; border-width:0 4px;}
.commentBubble.style1 .xb6, .commentBubble.style2 .xb6 {margin:0 2px; border-width:0 3px;} 
.commentBubble.style1 .xb7, .commentBubble.style2 .xb7 {margin:0 1px; border-width:0 3px; height:2px;} 
.commentBubble.style1 .xb4, .commentBubble.style1 .xb5, .commentBubble.style1 .xb6, .commentBubble.style1 .xb7 { background: #ffffff; }
.commentBubble.style2 .xb4, .commentBubble.style2 .xb5, .commentBubble.style2 .xb6, .commentBubble.style2 .xb7 { background: #d5c5a1; }

.commentBody {display:block; border-width:0 3px; padding: 0px 0px 0px 5px;}
.commentBubble.style1 .commentBody { background:#ffffff; border:3px solid #d5c5a1; border-width:0 3px; }
.commentBubble.style2 .commentBody { background:#d5c5a1; border:3px solid #ffffff; border-width:0 3px; }

.commentInfo {
    margin: 0px 0px 12px 40px;
}

/* ADMIN CSS TABS */

ul#navbar {
    clear: both;
    text-align: left;
    margin: 40px 0 0 0;
    font: bold 11px verdana, arial, sans-serif;
    border-bottom: 1px solid black;
    list-style-type: none;
    padding: 10px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#navbar li {
    display: inline;
    padding: 0px 0px 2px 0px;
}

/* Selected tab. */
ul#navbar li span {
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid black;
    background-color: white;
    color: black;
    margin-right: 0px; /* additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: 1px solid white; /* set border color to page background color */
}

/* Unselected tab. */
ul#navbar li a {
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #666; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #dddddd; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

ul#navbar a:hover { /* settings for hover effect */
    background: #fff; /* set desired hover color */
}

.admin-content {
    font-size: 12px;
    padding: 10px 3px 5px 3px;
    background-color: white;
    border-bottom: 1px solid black;
}

.admin-content h2 {
    margin-top: 10px;
    margin-bottom: 5px;
}

/* DRAG-AND_DROP LISTS */

#sortable_list {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    list-style-type: none;
}
#sortable_list li {
    margin: 0;
    margin-bottom: 4px;
    padding: 5px;
    border: 1px solid #888;
    cursor: move;
}

/* ====== IMAGE SHADOW ====== */

/*#content img.left { */
/*    float: left;*/
/*    margin: 7px 7px 7px 0px;*/
/*}*/
/*#content img.right { */
/*    float: right;*/
/*    margin: 7px 0px 7px 7px; */
/*}*/

.float-left { float: left; }
.float-right { float: right; }
img.left { float: left; }
img.right { float: right; }

.img-float-left {
    float: left;
    margin: 7px 7px 7px 0px;
}
    
.img-float-right {
    float: right;
    margin: 7px 0px 7px 7px;
}

.img-shadow {
    background: url(/plugin_assets/cms/images/shadowAlpha.png) no-repeat bottom right !important;
/*    background: url(/plugin_assets/cms/images/shadow.gif) no-repeat bottom right;*/
/*    margin: 10px 0 0 10px !important;*/
/*    margin: 10px 0 0 5px;*/
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-top: 10px;
    margin-left: 5px;
}

.img-float-left.img-shadow {
    margin-right: 7px;
}
.img-float-right.img-shadow {
    margin-left: 17px !important;
    margin-left: 17px;
}

.img-shadow img	 {
    display: block;
    position: relative;
    margin: -6px 6px 6px -6px;
}

img.bordered {
    border: 1px solid #a9a9a9;
    background-color: white;
    padding: 4px;
}

/* Photo Album */

.photo-album-thumbnails {
}

#sortable_list li {
    float: left;
    width: 100%;
}

.thumbnail {
}

.thumbnail-content {
    display: block;
    margin-left: 120px;
}

.photo-album-thumbnails .photo-title, .photo-album-thumbnails .photo-description {
    margin-bottom: 8px;
}

.photo-album-thumbnails td {
    vertical-align: top;
}

/*.photo-album-thumbnails img {*/
/*    padding: 0px 6px 6px 0px;*/
/*    background-color: white;*/
/*    border-bottom: 2px solid #a1957a;*/
/*    border-right: 2px solid #a1957a;*/
/*    margin: -3px 0px 0px -3px;*/
/*    background: url(/plugin_assets/cms/images/shadowAlpha.png) no-repeat bottom right !important;*/
/*}*/

.photo-album-thumbnails .photo-info {
    font-size: 11px;
}

.photo-album-thumbnails .photo-info tbody {
    font-size: 11px;
}

.photo-edit-thumbnails {
    padding: 3px;
    overflow: auto;
    width: 100%;
    background-color: #aaaaaa;
}

/* BUTTONS */
/* From: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */

.buttons { /* generic container (i.e. div) for floating buttons */
/*    overflow: hidden;*/
/*    width: 100%;*/
    height: 25px;
    margin: 3px 0px 3px 0px;
}

a.button {
    background: transparent url('/plugin_assets/cms/images/button/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/plugin_assets/cms/images/button/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 10px;
}

a.button span img {
    float: left;
    margin: -1px 4px 0px 0px;
    padding: 0px;
    border: none;
    background: none;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */
}