﻿/*
    GENERAL CSS
*/
body 
{
}

.Clearer
{
    clear:both;
}

.SRContent
{
    font-family: Trebuchet MS, Tahoma, Sans-Serif;
    color: #333;
    font-size:12px;
    width:100%;
    border-bottom:1px solid #CCC;
    padding-bottom:40px;
    margin-bottom:40px;
    display:block;
}

.SRContent a
{
    color: #36C;
}


.SRTitle
{
    font-family: Arial, Sans-Serif;
    color: #666;
    font-size: 24px;
}

.SRSubTitle
{
    color: #069;
    font-size: 17px;
    font-family: Arial, Sans-Serif;
}

.SRSubTitle2
{
    color: #069;
    font-size:14px;
    font-family: Arial, Sans-Serif;
}

.SRSmallContent
{
    color: #888;
    font-family:Georgia, Times New Roman, Serif;
    font-size:12px;
}


.SRContainerTitle
{
    font-size:15px; 
    font-family:Tahoma; 
    color:#003C4F;
    padding-bottom:5px;
    display:block;
}

.SRButton
{
    background-color:#01A8E2;
    color:White;
    font-family:Tahoma;
    text-transform:uppercase;
    font-size:17px;
    padding:0px;
    border:0px;
    border-right:1px solid #003C4F;
    border-bottom:1px solid #003C4F;
    cursor:pointer;
}







/*
    PROFILE RELATED CSS
*/

.SRProfileUpdated
{
    font-size:22px;
    color: #79DAFF;
    margin-bottom:10px;
}

.SRProfileUpdatedErr
{
    font-size:20px;
    color: Red;
    margin-bottom:10px;
}





/*
    DESIGN RELATED CSS
*/


.SRShirtContainer
{
    float:left;
    margin-left:30px;
    margin-bottom:20px;
}


.SRShirtContainerInner
{
    width:389px; 
    height:182px; 
    background-image:url('/ShirtRiot/Deco/containerLandscpe.jpg');
}

.SRShirtPoints
{
    color:Maroon; 
    text-align:center;
}

.SRShirtDesc
{
    height:40px; 
    font-size:10px; 
    font-family:Arial; 
    margin-bottom:7px; 
    overflow:hidden;
}

.SRShirtDateUpl
{
    display:inline;
    font-size:10px;
}

.SRContestGroupTitle
{
    font-size:19px; 
    font-family:Tahoma; 
    color:#003C4F;
    display:block;
    margin-top:20px;
    padding-bottom:5px;
}

.SRContestGroupSeparator
{
    border-bottom:1px solid #003C4F;
    margin-top:5px;
    margin-bottom:15px;
}

.SRShirtDelContainer
{
    border:1px solid red;
    background-image:url('/ShirtRiot/Deco/dsg_DelPtrn.gif');
    background-repeat:repeat;
    margin:-5px;
    padding:10px;
}
    
.SRDesignLibraryItem{
    xborder:1px solid red; 
    float:left; 
    width:125px; 
    height:125px; 
    margin:5px; 
    padding:10px;
    display:block;
}

.SRDesignLibraryItemChk
{
    position: absolute; 
    margin-left: -10px; 
    margin-top: -10px; 
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:3px;
    z-index:2;
    background-color:#FAFAFA;
}

.SRDesignDeletedOK
{
    font-size:22px;
    color: #79DAFF;
    margin-bottom:10px;
}

.SRDesignDeletedErr
{
    font-size:15px;
    color: Red;
    margin-bottom:10px;
}




/*
    CONTEST RELATED CSS
*/


.SRContestTitle
{
    font-size:19px; 
    font-family:Tahoma; 
    color:#003C4F;
    border-bottom:1px solid #003C4F;
    padding-bottom:5px;
    display:block;
}

.SRContestTitleSmaller
{
    font-size:15px; 
    font-weight:bold;
    font-family:Tahoma; 
    color:#003C4F;
    padding-bottom:5px;
    display:block;
}

.SRContestDesc
{
}



.SRContestSuppCharity
{
    color: #888;
    font-family:Georgia, Times New Roman, Serif;
    font-size:16px;
}

.SRContestSuppCharitySmaller
{
    color: #888;
    font-family:Georgia, Times New Roman, Serif;
    font-size:12px;
}

.SRContestPhase1
{
    color:#FF0200;
    font-size:19px;
}

.SRContestPhase2
{
    color:#FF8400;
    font-size:19px;
}

.SRContestPhase3
{
    color:#D5D500;
    font-size:19px;
}

.SRContestPhase4
{
    color:#A6FF00;
    font-size:19px;
}

.SRContestPhase5
{
    color:#F90;
    font-size:19px;
}

.SRContestPhase6
{
    color:#0AFF00;
    font-size:19px;
}


.SRContestBriefContainer
{
    xfloat:left;
    margin-left:30px;
    margin-bottom:20px;
}




/*
    PROFILE RELATED CSS
*/

.SRProfileUser
{
    color: #184566;
    font-family: Trebuchet, Tahoma, Sans-Serif;
    font-size:18px;
}

.SRProfileBold
{
    color: #069;
    font-size: 19px;
    font-family: Arial, Sans-Serif;
    margin-top:15px;
}







/*
    SUBMIT DESIGN RELATED CSS
*/


.SRSubmitPreviewArea
{
    width:300px; 
    height:362px; 
    xborder:1px solid blue; 
    position:absolute;
    background-image:url('/ShirtRiot/Deco/containerLarge.jpg');
    background-repeat:no-repeat;
}

.SRSubmitPreviewTitle
{
    width:300px;
    text-align:center;
    margin-top:20px;
    margin-bottom:13px;
}

.SRSubmitPreviewImg
{
    width:300px;
    text-align:center;
}


.SRSubmitClearVote
{
    position:relative;
    left:160px;
    top:310px;
    text-align:right;
}
.SRSubmitClearVote a
{
    text-decoration:none;
}


.SRSubmitConfigureArea
{
    display:block;
    margin-left:320px;   
}

.SRSubmitDesignScroll
{
    width:500px; 
    height:140px; 
    border:2px solid #CCC; 
}

.SRSubmitDesignTable
{
    margin:0px;
    padding:0px;
}
.SRSubmitDesignCell
{
    xborder:1px solid blue;
    padding:0px;
    margin:0px;
    
}
.SRSubmitDesignDiv
{
    xborder:1px solid red;
    margin:2px;
    padding:10px;
    width:100px;
    height:118px;
    line-height:100px;
    vertical-align:middle;
    text-align:center;
    display:block;
    background-color:#F9F9F9;
    cursor:pointer;
}


.SRSubmitDesignDivSlct
{
    border:5px solid Maroon;
    xmargin:-5px;
    padding:0px;
}


.SRSubmitDesignDiv:hover
{
    background-color:Yellow;
    cursor:pointer;
}

.SRSubmitDesignDivSel
{
    xborder:1px solid red;
    margin:2px;
    padding:10px;
    width:100px;
    height:118px;
    line-height:100px;
    vertical-align:middle;
    text-align:center;
    display:block;
    background-color:#FFE135;
    cursor:pointer;
}


.SRSubmitColor
{
    display:block;
    margin-right:10px;
    margin-bottom:10px;
    padding:5px;
    float:left;
    cursor:pointer;
}

.SRSubmitColorSelct
{
    border:5px solid Maroon;
    padding:0px;
}



.SRSubmitPreviewing
{
    z-index:2;
    width:265px; 
    height:336px; 
    margin-left:13px;
    margin-top:3px;
    xborder:1px solid red;
    position:absolute;
    background-color:White;
    filter:alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
}

.SRSubmitPreviewingInner
{
    z-index:3;
    width:300px;
    position:absolute;
    text-align:center;
    padding-top:100px;
}


.SRSubmitNoValid
{
    display:inline;
    background-color:Yellow;
}

.SRSubmitValid
{
    display:inline;
}


.SRSubmitContestName
{
    font-family: Arial, Sans-Serif;
    color: #79DAFF;
    font-size: 22px;
    display:block;
    margin-top:5px;
    margin-bottom:5px;
}










/*
    VOTE DESIGN RELATED CSS
*/



.SRVotePreviewTitle
{
    font-family: Arial, Sans-Serif;
    color: #666;
    font-size: 15px;
    display:block;
    margin-top:20px;
    margin-bottom:10px;
}

.SRVotePreviewPane
{
    position:absolute; 
    xborder:3px solid red; 
    background-image:url('/ShirtRiot/Deco/srfc_rays.jpg'); 
    background-repeat:repeat-x; 
    xbackground-color:Yellow;
    xheight:450px;
    z-index:15;
}


.SRVoteDesignScroll
{
    width:550px; 
    height:220px; 
    border:2px solid #CCC; 
    overflow:scroll;
}


.SRVoteDesignName
{
    xborder:1px solid green; 
    width:130px; 
    height:40px; 
    overflow:hidden;
    white-space:normal;
    clip: auto;
    text-align:center;
    vertical-align:middle;
    color:#666;
}

.SRVoteDesignID
{
    background-color:transparent;
    background-image:url('/ShirtRiot/Deco/decoDesignID.png');
    background-position:0 0;
    background-repeat:no-repeat;
    xborder:1px solid red;
    color:White;
    font-family:Arial;
    font-size:9px;
    font-weight:bold;
    height:30px;
    margin-left:5px;
    margin-top:160px;
    padding-top:15px;
    position:absolute;
    width:20px;
    text-align:center;
    z-index:10;
}


/*
    SUBSCRIBE RELATED CSS
*/
.SRSubscribeFloater
{
    float:left;
    display:block;
    width:75px;
    height:35px;
}



/*
NOT IMPLEMENTED. 
NEED A SPECIAL WORKAROUND TO INTEGRATE STYLES IN THE SWF UPLOAD COMPONENT

.SRSWFUploadButton
{
    font-family: Trebuchet MS, Tahoma, Sans-Serif;
    color: #333;
    font-size:12px;
}


.SRSWFUploadButtonSmall
{
    font-family: Trebuchet MS, Tahoma, Sans-Serif;
    color: #333;
    font-size:10px;
}

*/