/*
ShoutPro 1.5 - default.css
ShoutPro is licensed under the Creative Commons Attribution-ShareAlike 2.5 License. For more information see the file LICENSE.TXT in the documentation folder included with this distribution, or see http://creativecommons.org/licenses/by-sa/2.5/.

This file is default.css.  It is ShoutPro's default theme - "chrome".
*/

html {
    scroll-behavior: smooth;
}

body {


        /*These control the custom scrollbars for Internet Explorer only.  To disable, just delete the values.*/
        scrollbar-face-color: #DEDEDE;
        scrollbar-arrow-color: #BCBCBC;
        scrollbar-track-color: #CDCDCD;
        scrollbar-shadow-color: #CDCDCD;
        scrollbar-highlight-color: #CDCDCD;
        scrollbar-3dlight-color: #CDCDCD;
        scrollbar-darkshadow-Color: #CDCDCD;

        /*These are the basic settings for controlling how your shoutbox looks.*/
        background-color: #DDDDDD; /*The background color of the shoutbox.  Default is #00538C.*/
        margin: 2px 0px 2px 0px; /*Margins for the top, right, bottom and left of the shoutbox respectively. Default is 2px 0px 2px 0px.*/
        color: #333333; /*The main text color.  Default is #DDDDCC.*/
        font-size: 10pt;  /*Text size in points.  Default is 10pt.*/
        font-family: Tahoma; /*The font used.  Default is Tahoma.*/
}

/*Link Styles */

a:link{
        color: #333333;
        text-decoration: none;
        font-weight: bold;
}

a:visited{
        color: #333333;
        text-decoration: none;
        font-weight: bold;
}

a:hover{
        color: #333333;
        text-decoration: underline;
        font-weight: bold;
}

a:active{
        color: #333333;
        text-decoration: none;
        font-weight: bold;
}

.userbox {
        /*CSS code for the textbox style.  If you want a default style .textbox then delete the values below.*/
        font-family: Tahoma;
        font-size: 10pt;
        border: 1px solid #FFFFFF;
        background-color: #333333;
        color:#FFFFFF;
        text-align:left;
}

.textbox {
        /*CSS code for the textbox style.  If you want a default style textbox then delete the values below.*/
        font-family: Tahoma;
        font-size: 10pt;
/*        border: 2px solid #777777;
        background-color: #ffffff;
        color:#000000;
        text-align:left;   */
}

.textbutton {
        /*CSS code for the textbox style.  If you want a default style textbox then delete the values below.*/
        font-family: Tahoma;
        font-size: 10pt;
        border: 1px solid #FFFFFF;
        background-color: #333333;
        color:#FFFFFF;
        text-align:center;
}

#name, #pass {
        width: 175px;
}

#shout {
        width: 500px;
        border: 3px groove;
}

#id_key {
        width: 330px;
        border: 3px groove;
        border-color: #eeeeee;
        background-color: #aaaaaa;
        color:#FFFFFF;
}

#id_main {
        width: 330px;
        text-align: center;
        border: 3px groove;
        border-color: #eeeeee;
        background-color: #aaaaaa;
        color:#FFFFFF;
}

#shout_admin {
        width: 600px;
        background-color: #aaaaaa;
        color: #FF0000;
        border: 3px groove;
}

#buttons {
        width: 500px;
        text-align: center;
}

.name {
        color: #333333; /*The color users' names appear in when they have no special name color defined.  Default is #FF0000.*/
        font-weight: bold;
}

#bottomlinks { /*The "View All", "Help", "Open User Panel", etc links below the shout display.*/
        text-align:center;
}

/*The following values control the background colors of the alternating shout display rows.  To disable alternate row coloring, set both values to the same color.*/
#row-one {background-color: #EAEAEA; padding-right: 5px; padding-left: 5px; -ms-word-break:break-all; word-break:break-word;}
#row-two {background-color: #D0D0D0; padding-right: 5px; padding-left: 5px; -ms-word-break:break-all; word-break:break-word;}
#row_alt {background-color: #DDDDDD; padding-right: 20px; padding-left: 20px; -ms-word-break:break-all; word-break:break-word;}

.copyrighttext {
        /*Styling for the copyright text at the bottom of every window.  Editing this so the copyright is not visible will violate your right to use ShoutPro!*/
        font-size: 8pt;
        text-align: center;
}