/* 
    Document   : base-style
    Created on : Oct 8, 2009, 1:55:02 PM
    Author     : Basharz
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
img, a {
    border:none;
    outline:none;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
div.content-area {
    width:720px;
    min-height:780px;
    position:relative;
    margin-left:177px;
    padding:10px 20px;
}

/* PAGINATION */
div.pagination {
    color:#DDD;
    width:720px;
    height:22px;
    margin:10px 0;
    font-size:12px;
    line-height:22px;
    text-align:center;
    vertical-align:middle;
    background: transparent url('/media/img/paginator-bg.png') no-repeat;
}
div.pagination-prev {
    float:left;
    margin-left:5px;
    line-height:24px;
}
div.pagination-next {
    float:right;
    margin-right:5px;
    line-height:24px;
}

.yellowhead {
    color           : yellow;
    font-size       : 36px;
    background-color: #3c3c3c;
    width           : 100%;
}

.yourratio {
    background      : #ccc url('/media/img/ratiobg.png') repeat-x;
}

.yourRatioTd {
    color           : white;
    text-align      : right;
    background-color: #393939;
}

.yourratiocategory {
    background-color: #333;
    color           : yellow;
    font-weight     : bold;
    text-align      : center;
}
a.display-name {
    text-decoration : underline;
    color           : #F7E964;
}
a.display-name:hover {
    text-decoration : none;
}
.help{
    color           : #444;
}
.ccw {
    color           : #EEE;
}
.mr10 {
    margin-right:10px
}
a.login-link {color:#ABABAB;}