/**************************************************************/
/************  generic CSS for all WEC plugins   **************/
/**************************************************************/
.pluginContent {
    margin: 0px;
    padding: 0px;
}

.pluginNav {
    float: left;
    width: 100%;
    clear: both;
    margin: 0px;
}
.pluginNav .box {
    display: inline-block;
}

.pluginHeader {
    clear: both;
    margin: 4px 0px;
    padding-bottom: 6px;
}

.pluginHeader h1 {
    margin: 0;
    padding: 0;
}

.pluginSection {
    margin: 0px;
    padding: 0px;	
}

.pluginFooter {
    margin-top:	16px;
    text-align:	center;
}

.pluginSection .entry, 
.pluginSection .entries {
    margin: 0px;
    padding: 2px 0px;
    list-style:none;
}
.pluginSection .entries {
    float: left;
    width: 100%;
}
.pluginSection .entry {
    margin-bottom: 4px;
}
.pluginSection .entry .entryInfo {
    padding: 0px;
    margin: 4px 0px;
}

/*---- SIDEBAR ----*/
.pluginContent .aside {
    float: right;
    width: 25%;
    padding: 0px;
    margin: 0px;
    background-color: #F0F0E0;
}
.pluginContent .aside .gutter{
    padding: 6px;
}
.pluginContent .aside .gutter div {
    margin: 8px 4px;
}

.pluginContentWithAside {
    width: 74%;
    margin: 0px;
}

/*----- FORMS -----*/
.pluginForm {
    margin: 12px 0;
}
.pluginForm ol, 
.pluginForm ul,
.pluginContent .aside ul {
    list-style-type: none;
    margin: 0;
    padding: 0px;
}

.pluginForm  ul li {
    margin-left: 0px !important;
}


.pluginForm input[type=text], 
.pluginForm textarea, 
.pluginForm select { 
    background-color: #fff; 
    border: 1px solid #bbb; 
    margin: 5px 0 0 0;
}
.pluginForm input[type=text]:focus,  
.pluginForm textarea:focus, 
.pluginForm select:focus { 
    border-color: #666; 
}
.pluginForm input[type=text] {
    width: 80%; 
    padding: 3px; 
}
.pluginForm textarea { 
    width: 80%; 
    height: 280px; 
    padding: 3px; 
}
.pluginForm input[type=checkbox], 
.pluginForm input[type=radio] { 
    position: relative; 
    top: .25em; 
}

.pluginForm .fullRow {
    display: block; 
    float: left;  
    width: 100%;  
    text-align: left; 
    margin: 0px auto;
    padding: 12px 0px 4px;
}
.pluginForm .fullRow input {
    font-size: 105%;
}
.pluginForm.narrowWidth {
    width: 50%;
}
.pluginForm.mediumWidth {
    width: 75%;
}
.pluginForm.largeWidth {
    width: 100%;
}

.pluginForm label,
.pluginContent form label {
    display: block;
    font-weight: bold;
    margin-top: 8px;
}

/*-- forms within plugin that are not full forms --*/
.pluginContent form.selectForm {
    width: auto;
    background: 0;
    border: 0;
}

.pluginContent .results {
    font-style: italic;
}

.entryBy, 
.entryLocation, 
.entryDate, 
.entryWebsite,
.entryCategory {
}

.pluginContent .image {
    float: left;
    margin: 0 8px 8px 0;
}

/*---- Alerts & Notices ----*/
.error,
.notice,
.success {
    background: none;
    border-color: #7eb29b;
    color: #000000;
    margin-bottom: 6px;
    padding: 4px 8px;
}
.error {
    background: none;
    border-color: #7eb29b;
    color: #000000;
}
.success {
    background: none;
    border-color: #7eb29b;
    color: #000000;
}
.notice {
    background: none;
    border-color: #7eb29b;
    color: #000000;
}

/*-- GENERAL Positioning / Sizing Classes --*/
.floatLeft {
    float: left;
    text-align: left;
}
.floatRight{
    float: right;
    text-align: right;
}
.alignRight{
    text-align:	right;
}
.hidden {
    display: none;
}
.showBlock {
    display: block;
}
.showInline {
    display: inline;
}
.vspacer {
    clear: both;	
    height: 0.1em; 
    width: 100%;
}
.hspacer {
    display: inline;  
    width: 4px;  
    line-height: 1px;  
    margin: 0px 2px;  
    padding: 0px; 
}
.centered {
    margin: 0px auto;
    text-align:	center;
}
.smallText {
    font-size: 9px;
}
.fullWidth {
    width: 100%;
}

/*------ PREVIEW STYLES -----*/
.preview  {
    font-size: 95%;
    line-height: 150%;	
}
.preview ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


.preview  ul li.entry{
    margin-left: 0px;
}

.preview .entryInfo {
    border-top: 1px dotted #ccc;
}
.preview .header {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 5px;
}

/*-------- BUTTON LINK STYLES -------*/
.pluginContent .button {
    display: inline-block;
    font-weight: bold;
    padding: 2%;
    text-align: center;
}

.pluginContent .button .label {
    
}

.pluginContent .button .text {
    vertical-align: bottom;
}

.pluginContent .button .addIcon {
    background: url(../../../Images/Plugins/WECDiscussion/add-icon.png) no-repeat;
}
.pluginContent .button .deleteIcon {
    background: url(../../../Images/Plugins/WECDiscussion/delete-icon.png) no-repeat;
}
.pluginContent .button .prevIcon {
    background: url(../../../Images/Plugins/WECDiscussion/previous-icon.png) no-repeat;
}
.pluginContent .button .nextIcon {
    background: url(../../../Images/Plugins/WECDiscussion/next-icon.png) no-repeat;
}
.pluginContent .button .hideIcon {
    background: url(../../../Images/Plugins/WECDiscussion/hide-icon.png) no-repeat;
}
.pluginContent .button .replyIcon {
    background: url(../../../Images/Plugins/WECDiscussion/reply-icon.png) no-repeat;
}
.pluginContent .button .replyIcon:hover {
    background: url(../../../Images/Plugins/WECDiscussion/reply-icon_red.png) no-repeat;
}
.pluginContent .button .viewIcon {
    background: url(../../../Images/Plugins/WECDiscussion/view-icon.png) no-repeat; 
}
.pluginContent .button .editIcon {
    background: url(../../../Images/Plugins/WECDiscussion/edit-icon.png) no-repeat; 
}
.pluginContent .button .adminIcon {
    background: url(../../../Images/Plugins/WECDiscussion/admin-icon.png) no-repeat; 
}
.pluginContent .button .subscribeIcon {
    background: url(../../../Images/Plugins/WECDiscussion/subscribe-icon.png) no-repeat;
}

.pluginContent .button .addIcon,
.pluginContent .button .deleteIcon,
.pluginContent .button .prevIcon,
.pluginContent .button .nextIcon,
.pluginContent .button .hideIcon,
.pluginContent .button .replyIcon,
.pluginContent .button .viewIcon,
.pluginContent .button .editIcon,
.pluginContent .button .adminIcon,
.pluginContent .button .subscribeIcon {
    display: inline-block;
    height: 16px;
    padding-left: 20px;
}


.pluginContent .button:hover {
    background: none repeat scroll 0 0;
}

.pluginContent .button:active {
    background: none repeat scroll 0 0;
}

.pluginContent .smallButton  {
    font-size:	85% !important;
    font-weight: normal !important;
    padding: 2px 6px !important;
}
.pluginContent .xsmallButton  {
    font-size: 75% !important;
    padding: 0px 3px !important;
}