/* 
    Document   : cms.css
    Created on : Jun 30, 2009, 4:06:50 PM
    Author     : pygorex1
    Description:
        Styling for CMS front-end
*/

/* Asset editor information / instructions block */
.asset_editor_info UL {
    margin: 0px 0px 10px 20px;
    list-style:circle;
}
.asset_editor_info {
    font-size: 10pt;
    color: #666;
    padding-top: 10px;
}
.asset_editor_info UL PRE {
    display: inline;
    font-family:monospace;
}

/**
    Rich text page content.
*/

.pageRichOptionsContainer {
    width: 100%;
    background-color: #eee;
    clear: both;
    float: left;
}
.pageRichOptions {
    padding: 5px;
    float: right;
    text-align: right;
}
.pageRichContent {
    clear: both;
    float: left;
    padding-bottom: 20px;
}
.pageRichHeader {
    width: 100%;
    clear: both;
    padding-bottom: 2px;
    border-bottom: dotted #999 1px;
    margin-bottom: 10px;
    font-size: 16pt;
}

UL {
    padding-left: 10px;
}

/*
Calendar
*/
.calendar_container {
    clear: both;
    float: left;
    width: 100%;
}
.calendar_entry {
    width: 100%;
    padding-bottom: 20px;
}
.calendar_entry_header {
    width: 100%;
    background-color: #eee;
    background-image: url(../images/bg_white_alpha_90.png);
    float: left;
    border-bottom: dotted black 1px;
    border-top: dotted black 1px;
    margin-bottom: 10px;
}

.calendar_header {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
}

.calendar_header_title {
    float: left;
    width: 49%;
}
.calendar_header_detail {
    float: right;
    width: 49%;
    text-align: right;
}

.calendar_entry_header_title {
    padding: 5px;
    float: left;
}
.calendar_header_detail {
    color: #666;
}
.calendar_header_detail SPAN {
    color: #000;
}
.calendar_header_title H2 {
    font-size: 14pt;
    color: #000;
    padding: 0px;
    margin: 0px;
}
.calendar_header_title H2 SPAN {
    font-size: 10pt;
    color: #666;
}
.calendar_entry_header_date {
    float: right;
    padding: 5px;
    font-size: 10pt;
}
.calendar_entry_body {
    padding: 5px;
}

.calendar_entry_color {
    width: 20px;
    height: 20px;
    background-color: #f00;
    float: left;
    margin-right: 5px;
    border: solid #fff 1px;
}

.event_days {
    width: 100%;
}
.event_days INPUT[type=button] {
    color: #0000ff;
    font-weight: bold;
    font-size: 1.1em;
}
.event_days INPUT[type=button].subbutton {
    font-size: 0.8em;
    color: #000;
    font-weight: normal;
}

.event_standout {
    font-size: 1.1em;
    text-align: center;
    font-style: italic;
    padding: 10px 0px 20px 0px;
}

.pageEntry {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.pageEntryHeader {
    width: 100%;
    background-color: #000;
    float: left;
    cursor: move;
}

.pageEntryHeaderTitle {
    float: left;
    color: #fff;
    font-size: 12pt;
    font-weight: bold;
    padding: 5px;
    padding-top: 15px;
}

.pageEntryHeaderOptions {
    display: block;
    float: right;
    font-size: 12pt;
    font-weight: bold;
    color: #fff;
    padding: 5px;
}
.pageEntryHeaderOptions A {
    color: #fff;
}
.pageEntryHeaderOptions A:hover {
    color: #ccc;
}

.pageEntryContent {
    float: left;
    width: 100%;
    clear: both;
}

.sectionBody {
    float: left;
    width: 100%;
}


.pageEntryOptionsContainer {
    border-bottom: solid #666 1px;
    text-align: right;
    font-size: 12pt;
}
.pageEntryOptionsContainer .separator {
    color: #999;
}

/*
 * Comments display
 */
.comments_wrapper {
    padding-top: 20px;
    clear: both;
    width: 100%;
}
.comments_wrapper H1 {
    font-size: 14pt;
    font-weight: normal;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
.comments_entry {
    clear: both;
    float: left;
    margin-left: 0px;
    border-top: dotted #999 1px;
    width: 100%;
    padding: 0px;
    padding-top: 5px;
}
.comments_user_info {
    color: #666;
}
.comments_content {
    margin-left: 20px;
}
.comments_post {
    background-color: #ccc;
    padding: 5px 5px 5px 10px;
}

.fullscreen_calendar_link {
    white-space-collapse: preserve;
}

.contentSubscribe {
	width: 100%;
	clear: both;
	text-align: left;
	border-bottom: solid #ccc 1px;
	padding: 3px 0px;
	line-height: 0;
}
.contentSubscribeFeedIcon {
	vertical-align: middle;
}

/* Google search */
#base_container,
#rd_header_container
{
   position: relative;
}

#goog {
	left: 400px;
	margin-right: 8px;
	position: absolute;
	top: 40px;
}
#goog .cse .gsc-control-cse,
#goog .gsc-control-cse
{
    border: solid #d0d0d0 2px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    background-color: #f0f0f0;
}