@charset "utf-8";

body
{
    background-image:       url('../images/MSHeader.png');
    background-repeat:      no-repeat;
    background-color:       black;

    color:                  #000;
    font:                   14px Helvetica, sans-serif;
    margin:                 0;
    padding:                0; 
    border:                 0;
}



@media (max-width: 768px)
{
    body
    {
        background-image:       url('../images/MSHeaderMob.png');    
    }
}

div, ul, form, img
{
    padding:                0px;
    margin:                 0px;
}

h1
{
    color:                  #000; 
    font:                   bold 20px Helvetica, sans-serif;
    margin-top:             25px;
}

h2
{
    color:                  #333;
    font:                   bold 18px Helvetica, sans-serif;
    padding:                10px 0 0 0; /* T R B L */
    margin:                 0px;
}

h3
{
    color:                  #999;
    font:                   bold 16px Helvetica, sans-serif;
    padding:                10px 0 0 0; /* T R B L */
    margin:                 0px;
}

h4, h5
{
    color:                  #777;
    font:                   bold 14px Helvetica, sans-serif;
    padding:                10px 0 0 0; /* T R B L */
    margin:                 0px;
}

p
{
    line-height:            1.8em;
    padding:                3px 0 0 0; /* T R B L */
}

.red
{
    color:                  #f00;
}

.right
{  
    float:                  right;
    margin-left:            5px;
}

ul
{
    padding:                0 0 0 15px; /* T R B L */      
}
ul li
{
    list-style-type:        circle;
    padding:                0 0 15px 0; /* T R B L */    
}
ol li
{
    padding:                0 0 10px 0; /* T R B L */    
}

img
{
    border:                 0px;
    max-width:              100%;
}

td ol li, td ul li
{
    padding:                0 0 0 0; /* T R B L */    
    margin:                 0 0 0 0; /* T R B L */    
}

.ticker
{
    background-image:       url('../images/RSSTickerLogo.png');
    background-repeat:      no-repeat;
    
    float:                  left;
    padding-left:           18px;
}

marquee
{
    vertical-align:         top;
}

/* Hyperlinks */

a, a:visited
{
    color:                  black;
    text-decoration:        underline;
    font-weight:            bold;
}

a:hover
{
    color:                  red;
}


a.underline, a.underline:visited
{
    color:                  black;
    text-decoration:        underline;
}

a.underline:hover
{
    color:                  red;
}

/* Bordered */

.borderedText
{
    margin-top:             20px;
    border:                 dashed #808080 1px;
    padding:                10px;
    padding-top:            0px;
}

.borderedText h1
{
    color:                  #808080; 
    font:                   14px Arial, Helvetica, sans-serif; 
    padding-top:            0px;
}


/* Forms */

div.formHeader
{
    background-color:       lightgray;
    height:                 23px;
    color:                  black;
    text-align:             left;
    border:                 solid black 1px;
    padding:                2px 5px 2px 15px;  /* T R B L */
    
    float:                  left;
    width:                  98%;
}

div.formBorder
{
    border:                 solid black 1px;
    padding:                15px 5px 2px 15px;  /* T R B L */
    margin-bottom:          20px;
    display:                block;
    float:                  left;
    width:                  98%;
}

label
{
    color:                  #999;
    font-weight:            bold; 
    padding-top:            15px;
}

textarea.readOnly
{
    background-color:       #fff; 
    color:                  #000;
}


input[type="checkbox"] 
{
    color:                  #f00;
}

input[type="submit"] 
{
    color:                  #fff;
    background-color:       #666;
    padding:                3px 10px 3px 10px; /* T R B L */
    border:                 1px solid #000; 
}
input[type="submit"]:hover
{
    color:                  #fff;
    background-color:       #666;
    padding:                3px 10px 3px 10px;
    border:                 1px solid #000; 
}

/* Sign in and out */

span.signIn
{
    background:             url("../images/tabSignIn.gif") no-repeat;
    float:                  right;
    height:                 25px;
    width:                  150px;
    color:                  #000;
    font-weight:            bold;
}

a.signIn, a.signIn:visited
{
    color:                  #000;

    text-decoration:        none;

    padding-left:           5px;
    padding-right:          5px;
}

a.signIn:hover
{
    color:                  #f00;
}


span.signOut
{
    background:             url("../images/tabBRGreen.gif") right top no-repeat;
    position:               absolute;
    top:                    0;
    left:                   13px;
    height:                 20px;
    width:                  70px;
    color:                  #000;
    font-weight:            bold; 
    background-color:       #0c0;
}


/* Simple Navigation */

a.simpleNav, a.simpleNav:visited
{
    color:                  black;
    font:                   bold 14px Arial, Helvetica, sans-serif;
    text-decoration:        none;
    margin-top:             20px;
}

a.simpleNav:hover
{
    color:                  red;
}

.searchSpliter
{
    color:                  black;
    font-weight:            bold;
}


/* Search Results */

.searchNav
{
    float:                  left;
}

.searchNavLink, .searchNavLink:visited
{
    color:                  #808080;
}

.searchNavLink:hover
{
    color:                  red;
}

.resultsSummary
{
    color:                  #808080;
    text-align:             right;
}

.back2top
{
    font-weight:            bold;
    font-size:              0.95em; 
    text-align:             right;
}


/* Left / Right Nav */

a.pageNavRight
{
    color:                  black;
    font-weight:            bold;
    font-size:              1.10em;
    text-decoration:        none;
    padding-right:          20px;
    background:             url("../images/ArrowRightOff.png");
    background-position:    right;
    background-repeat:      no-repeat;
}

a.pageNavRight:hover
{
    color:                  red;
    background:             url("../images/ArrowRightOn.png");
    background-position:    right;
    background-repeat:      no-repeat;
}

a.pageNavLeft
{
    color:                  black;
    font-weight:            bold;
    font-size:              1.10em;
    text-decoration:        none;
    padding-left:           20px;
    background:             url("../images/ArrowLeftOff.png");
    background-position:    left;
    background-repeat:      no-repeat;
}

a.pageNavLeft:hover
{
    color:                  red;
    background:             url("../images/ArrowLeftOn.png");
    background-position:    left;
    background-repeat:      no-repeat;
}


/* Custom Links */

a.music
{
    color:                  black;
    font-weight:            bold;
    font-size:              1.10em;
    text-decoration:        none;
    padding:                6px 0px 6px 50px; /* T R B L */
    background-position:    left;
    background-repeat:      no-repeat;
}

a.music:hover
{
    color:                  blue;
}

.amazon
{
    background:             url("../images/ButMusicAmazon.png");    
}

.apple
{
    background:             url("../images/ButMusicApple.png");    
}

.deezer
{
    background:             url("../images/ButMusicDeezer.png");    
}

.spotify
{
    background:             url("../images/ButMusicSpotify.png");    
}


/* User Messages */

.userMsgFail
{
    color:                  red;
    text-decoration:        none;

    padding:                5px;
}
.userMsgFail a
{
    color:                  #f00;
}
.userMsgFail a:hover
{
    color:                  #f00;
}

.userMsgSuccess
{
    color:                  yellow;
    text-decoration:        none;

    padding:                5px;
}

.userMsgHelp
{
    color:                  yellow;
    text-decoration:        none;

    padding:                5px;
}

/* Tables */

table
{
}

.tableTitle
{
    float:                  left;
    color:                  black;
    font:                   bold 14px Helvetica, sans-serif;
    padding:                2px 0 0 0; /* T R B L */
}

th, tfoot tr td
{
    background-color:       lightgray;
    color:                  black;
    text-align:             left;
    border:                 solid black 1px;
    padding:                2px 5px 2px 5px;
}

tfoot tr td
{
    color:                  #777;
    font-weight:            bold;
}

td
{
    color:                  #000;
    border:                 solid black 1px;
    padding:                2px 5px 2px 5px;
}


/* Portlets */

.portlet
{}
/*
.roundedCorners
{
    background-color:       #fff;
    
    float:                  left;
    width:                  95%;
    
    margin-top:             10px;
    margin-bottom:          10px;
    
    padding:                10px 15px 10px 15px;  
    
    -moz-border-radius:     20px; 
    -webkit-border-radius:  20px;
    -khtml-border-radius:   20px;
    
    behavior: url("stylesheets/border-radius.htc");  
    border-radius: 20px;
}

.roundedThird
{
    float:                  left;
    
    width:                  180px;
    height:                 170px;
    
    background-color:       #fff;
    
    margin:                 15px 10px 10px 10px;   
    
    padding:                2px 10px 10px 10px; 
    
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    -khtml-border-radius:   10px;
    
    behavior: url("stylesheets/border-radius.htc");  
    border-radius: 10px;
    
    text-align: center;
}

.roundedThird img
{
    padding:                10px 5px 5px 5px;   
}
*/

/* Link Icons */

ul.icon
{
    margin-top:             7px;

    background-repeat:      no-repeat;

    padding:                4px 0px 10px 45px; /* T R B L */
}

ul.icon li
{
    list-style-type:        none; 
}

/* Utility */

.floatClear
{
    clear:                  both;
    height:                 0px;
    padding:                0px;
    margin:                 0px;
    font-size:              1px;
}