﻿body {
    background-color:lightgray;
}

.SystemName{
    font-size:1.5em;
}

pre {
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.CommentHeader{
    font-size:1.25em;
}

.prettyprint{
    background-color:lightblue;
    padding: 10px;
    border-radius: 15px;
}

.ReviewHeadingName{
    font-size:1.5em;
    font-weight: bold;
}

.OwnerNames{
    font-weight: normal;
    font-size:1em;
}

.statsSpan{
    font-weight:normal;
    font-size: 0.6em;
}

blockquote{
    border-radius:15px;
    background-color: mintcream ;
    padding: 10px;
}
.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
}

.settingslabel{
    margin-bottom:20px;
}

.textLabel{
    font-weight:normal;
}

.loginDisplay{
    margin-top:20px;
    margin-right:42px;
    font-size: 1.35em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.alternatingItemTemplate{
     width: 200px; vertical-align: top; margin: 25px; border-radius: 10px; padding: 10px; border-style: solid; border-width: 1px; border-color: lightgray;
     overflow:hidden;
}

.itemTemplate {
    width: 200px;
    vertical-align: top;
    margin: 25px;
    border-radius: 10px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: lightblue;
    overflow:hidden;
}

.StatsItem {
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: lightblue;    
}

.itemTemplate td
{
    border-style: solid;
    border-width: 1px;
    border-color: lightblue;
}

.alternatingItemTemplate td
{
    border-style: solid; border-width: 1px; border-color: lightgray;
}

.faqTemplate {
    vertical-align: top;
    margin: 25px;
    border-radius: 10px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

.add{    
    margin-left:960px;
    margin-bottom: -250px;
    width:250px;
    height:250px;
    background-color: transparent;
}

.gsimage{
    max-height:400px;
    max-width:550px;
    margin-bottom:50px;
}


.navbar .navbar-brand {
    color: #777777;
}
.navbar .brand-name:hover {
    text-decoration: underline;
}

/* ChatBox */

.chat-list {
    overflow-y: scroll;
    height: 215px;
    word-wrap: break-word;
}

.chat-list li {
    /* Since .focus() is used to scroll to last message item,
       turn off the outline that appears by default */
    outline: none;
}

/* Animation */

.rotate {
    display: inline-block;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotate;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@-o-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/* Bootstrap overrides */

/* Turn off redundant text-shadow */
.btn kbd,
.btn .label {
    text-shadow: none;
}

/* Progress Bar */

.progress-bar-grey {
    background-color: #767676;
    background-image: none;
}

.contentImage
{
    max-width: 550px;
}