/* http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */
/** Forum Common **/
/** Forum Topic **/
.forumTopicShort {
    position:relative;
    padding:0 0 0 0;
    margin:1em 0 1em 0;
    color:#fff;
    background:#2e88c4; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background:-moz-linear-gradient(#2e88c4, #075698);
    background:-o-linear-gradient(#2e88c4, #075698);
    background:linear-gradient(#2e88c4, #075698);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.forumTopicShort {}
.forumTopicShort .forumTopicShortTitle{ font-weight: bold; font-size: 16px; padding: 5px 5px 5px 10px; color:yellow}
.forumTopicShort .forumTopicShortContent {clear:both; padding: 0px 5px 5px 10px;}
.forumTopicShort .forumTopicShortImage { max-width:50px; float:left; margin-right:1em}
.forumTopicShortActions {clear: both; padding: 5px 5px 5px 10px; font-size: smaller}

/** Forum Thread **/
.forumThreadShort {
    position:relative;
    padding:0 0 0 0;
    margin:1em 0 1em 0;
    color:#fff;
    background:#075698; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background:-moz-linear-gradient(#2e88c4, #075698);
    background:-o-linear-gradient(#2e88c4, #075698);
    background:linear-gradient(#2e88c4, #075698);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.forumThreadShortOdd {
    color:#000;
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
    background:-moz-linear-gradient(#f3961c, #f9d835);
    background:-o-linear-gradient(#f3961c, #f9d835);
    background:linear-gradient(#f3961c, #f9d835);
}
.forumThreadShortEven:after {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    left:50px; /* controls horizontal position */
    border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#075698 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.forumThreadShortOdd:after {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    right:50px; /* controls horizontal position */
    border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#f9d835 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.forumThreadShort a { color : yellow}
.forumThreadShortOdd a { color : blue}
.forumThreadShortEven .forumThreadShortTitle {color:yellow}
.forumThreadShort .forumThreadShortTitle{ font-weight: bold; font-size: 16px; padding: 5px 5px 5px 10px;}
.forumThreadShort .forumThreadShortContent {clear:both; padding: 0px 5px 5px 10px;}
.forumThreadShort .forumThreadShortImage { max-width:50px; float:left; margin-right:1em}
.forumThreadShort .forumThreadShortAuthorAndTime {font-style:italic; font-size: smaller; padding: 0px 5px 5px 10px;}
.forumThreadShortActions {clear: both; font-size:smaller; padding: 5px 5px 5px 10px;}

.forumThread {
    position:relative;
    padding:0 0 0 0;
    margin:1em 0 1em 0;
    color:#fff;
    background:#075698; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background:-moz-linear-gradient(#2e88c4, #075698);
    background:-o-linear-gradient(#2e88c4, #075698);
    background:linear-gradient(#2e88c4, #075698);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.forumThread:after {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    left:50px; /* controls horizontal position */
    border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#075698 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.forumThread .forumThreadTitle{ font-weight: bold; color : yellow; font-size: 16px; padding: 5px 5px 5px 10px;}
.forumThread .forumThreadAuthorAndTime {font-style:italic; font-size: smaller; padding: 0px 5px 5px 10px;}
.forumThread .forumThreadContent { clear: both; padding: 0px 5px 5px 10px;}
.forumThread .forumThreadImage { max-width:50px; float:left; margin-right:1em}
.forumThread .forumThreadExpiryTime {font-style:italic; font-size: smaller; padding: 0px 5px 5px 10px;}
.forumThread .forumThreadActions {clear: both; padding: 5px 5px 5px 10px;}
.forumThread a { color : yellow}

/* Forum Response **/
.forumResponse {
    position:relative;
    padding:0 0 0 0;
    margin:1em 0 1em 0;
    color:#000;
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
    background:-moz-linear-gradient(#f3961c, #f9d835);
    background:-o-linear-gradient(#f3961c, #f9d835);
    background:linear-gradient(#f3961c, #f9d835);
}
.forumResponse:after {
    content:"";
    position:absolute;
    border-style:solid;
    border-color:#f3961c transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
    top:-15px; /* value = - border-top-width - border-bottom-width */
    right:50px; /* controls horizontal position */
    bottom:auto;
    left:auto;
    border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
}
.forumResponse { font-size: smaller;}
.forumResponse .forumResponseAuthorAndTime {font-style:italic; padding: 5px 5px 5px 10px;}
.forumResponse .forumResponseContent { clear: both; padding: 0px 5px 5px 5px;}
.forumResponse .forumResponseImage { max-width:50px; float:left; margin-right:1em}
.forumResponse .forumResponseActions {clear: both; padding: 5px 5px 5px 10px;}
.forumResponse a {color: blue}

/** new forum response **/
.forumResponseNew {}


/** Registered User Mesasge Short **/
.messageShort {
    position:relative;
    padding:0 0 0 0;
    margin:1em 0 1em 0;
    color:#fff;
    background:#075698; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background:-moz-linear-gradient(#2e88c4, #075698);
    background:-o-linear-gradient(#2e88c4, #075698);
    background:linear-gradient(#2e88c4, #075698);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.messageShortOdd {
    color:#000;
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
    background:-moz-linear-gradient(#f3961c, #f9d835);
    background:-o-linear-gradient(#f3961c, #f9d835);
    background:linear-gradient(#f3961c, #f9d835);
}
.messageShortEven:after {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    left:50px; /* controls horizontal position */
    border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#075698 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.messageShortOdd:after {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    right:50px; /* controls horizontal position */
    border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#f9d835 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.messageShort a { color : yellow}
.messageShortOdd a { color : blue}
.messageShortEven .messageShortTitle {color:yellow}
.messageShort .messageShortTitle{ font-weight: bold; font-size: 16px; padding: 5px 5px 5px 10px;}
.messageShort .messageShortContent {clear:both; padding: 0px 5px 5px 10px;}
.messageShort .messageShortImage { max-width:50px; float:left; margin-right:1em}
.messageShort .messageShortAuthorAndTime {font-style:italic; font-size: smaller; padding: 0px 5px 5px 10px;}
.messageShortActions {clear: both; font-size:smaller; padding: 5px 5px 5px 10px;}