/* GENERAL STYLES */
/*
=============================================

Site:           TechRider
Author:         Warren Buckley
Author URL:     http://www.xeed.no

=============================================
*/

body
{
    background-color:#28292b;
    background-image:url(../Images/Background/gradient_bg.gif);
    background-position:top left;
    background-repeat:repeat-x;

}

a:active, a:focus
{
  outline: none;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.bgPattern
{
    background-image:url(../Images/Background/main_bg.gif);
    background-position:top center;
    background-repeat:no-repeat;
}


.header
{
    height:90px;
}

    .header .logo h1
    {
        width:180px;
        height:35px;
        display:block;
        background-image:url(../Images/Misc/techrider_logo.gif);
        text-indent:-1000000px;
        margin-bottom:17px;
    }
    
        .header .logo h1 a
        {
            display:block;
            height:100%;
        }
        
        .header .logo input.txt
        {
            border-left:1px solid #979797;
            border-right:1px solid #979797;
            border-bottom:none;
            border-top:none;
            
            margin:0 5px 0 11px;
            padding:0;
            width:107px; /* 115 - 2px = 107*/
            height:19px; /*21 -2px = 19*/
            
            color:#6d6d6d;
            background-image:url(../images/misc/textbox_bg.gif);
            background-repeat:repeat-x;
        }

    .header .topNavi
    {
        text-transform:uppercase;
    }
    
    .header .topNavi ul
    {
        list-style-type:none;
        margin:0;
        line-height:55px;
        font-size:10px;
    }
    
        .header .topNavi li
        {
            float:left;
            margin-right:17px;
        }
        
            .header .topNavi li a
            {
                color:#AAAAAA;
                text-decoration:none;
                padding-bottom:3px;
            }
            
            .header .topNavi li a:hover
            {
                color:#FFFFFF;
            }
            
            .header .topNavi li a.selected
            {
                color:#FFFFFF;
                border-bottom:3px solid #ff2b86;
            }
            
            

.cols3Container
{
    background-color:#3d3f43;
    background-image:url(../Images/Background/3_cols_bg.gif);
    background-repeat:no-repeat;
    background-position:top left;
    
    min-height:600px;
}

.cols2-3Container
{
    background-color:#3d3f43;
    background-image:url(../Images/Background/2_cols_bg.gif);
    background-repeat:no-repeat;
    background-position:top left;
    
    min-height:600px;
}

.photoArea, .blackBg
{
    background-color:#000000;
}

.content .blackBg p
{
    padding:0;
}

.sideNavi
{
    text-transform:uppercase;
    line-height:normal;
    padding:23px 0 0 0;
}

.sideNavi ul
    {
        list-style-type:none;
        margin:0 0 15px 0;
    }
                
            .sideNavi li a
            {
                padding:0 5px 0 10px;
                color:#AAAAAA;
                text-decoration:none;
            }
            
            .sideNavi li a:hover
            {
                color:#FFFFFF;
            }
            
            .sideNavi li a.selected
            {
                color:#FFFFFF; 
                border-left: 3px solid #ff2b86;
                padding-left:7px; /*10px - 3px = 7px */
            }
            
                .sideNavi li a span
                {
                    display:block;
                    padding-left:10px;
                    color:#94b161;
                }
                
            
                .sideNavi li a.selected span
                {
                    border-left: 3px solid #ff2b86;
                    padding-left:7px; /*10px - 3px = 7px */
                }
                
                .sideNavi .ridersNavi li
                {
                    margin-bottom:15px;
                }

.login-links
{
    font-size:12px;
    color:#aaaaaa;
    text-transform:uppercase;
    
    margin:-20px 0 25px 10px;
}

    .login-links a
    {
       color:#aaaaaa;
       text-decoration:none; 
    }
    
    .login-links a:hover
    {
        color:#FFFFFF;
    }
    


.content
{
    line-height:normal;
}

    .content .wrapper
    {
        padding-left: 5px;
        padding-right: 5px;
    }

    .content h2
    {
        text-transform:uppercase;
        font-weight:normal;
        font-size:30px;
        color:#CCCCCC;
        letter-spacing:-1px;
        line-height:27px;
        margin:0;
        
        padding:5px 5px 3px 5px;
    }

    .content h3
    {
        text-transform:uppercase;
        font-weight:normal;
        font-size:16px;
        color:#CCCCCC;
        letter-spacing:-1px;
        
        padding:5px 5px 3px 5px;
        border-bottom:1px solid #616161;
    }
    
        .content .photoArea  h3
        {
            border-bottom:none;
            margin:0;
        }

    .content p
    {
        padding-left:5px;
        padding-right:5px;
        font-size:12px;
        color:#EEEEEE;
    }
    
    .content .summary p
    {
        color:#AAAAAA;
        margin-top:20px;
    }
    
    .content a
    {
        color:#01ccd3;
        font-weight:bold;
        text-decoration:none;
    }
    
    .content a:hover
    {
        color:#ff2b86;
        font-weight:bold;
        text-decoration:none;
    }
    
    .content .albumListWrapper
    {
        margin-bottom:5px;
    }
    
    .content .albumText
    {
            
    }
        
        .content .albumText span
        {
            color:#777777;
            font-size:9px;
            text-transform:uppercase;
        }
        
    
        .content .albumText h4
        {
            font-size:16px;
            color:#cccccc;
            height:auto;
            line-height:normal;
            margin:0;
        }
        
            .content .albumText h4 span
            {
                color:#999999;
                font-size:12px;
                margin-right:10px;
                text-transform:none;
            }
                .content .albumText h4 span em
                {
                    color:#eeeeee;
                    font-style:normal;
                }
                
        .content .albumText p
        {
            padding-left:0;
        }
        
        .content .photoNavi
        {
            font-size:11px;
            margin:20px 0 10px 0;
            padding-bottom:10px;
        }
        
            .content .photoNavi .disabled, .pagerNavi .disabled
            {
                cursor:default;
                color:#777777;
            }
            
            .content .photoNavi ul, .pagerNavi ul
            {
                list-style-type:none;
                margin:0 4px 0 10px;
                float:left;
            }
            
                .content .photoNavi ul li, .pagerNavi  ul li
                {
                    float:left;
                    margin-right:6px;
                }
                
                    .content .photoNavi ul li a, .pagerNavi ul li a
                    {
                        color:#898989;
                    }
                    
                        .content .photoNavi ul li a.selected, .content .photoNavi ul li a:hover,
                        .pagerNavi ul li a.selected, .pagerNavi ul li a:hover
                        {
                            border-bottom:2px solid #ff2b86;
                        }
    
    .content .photoThumbnails
    {
        margin-top:8px;
    }
    
    .content .photoThumbnail
    {
        position:relative;
        width:168px;
        height:168px;
        line-height:168px;
        background-color:#262728;
        text-align:center;
        margin:0 8px 6px 0;
    }
    
        .content .photoThumbnail img
        {
            vertical-align:middle;
        }
    
        .content .photoThumbnail div
        {
            text-align:left;
            line-height:1;
            font-size:9px;
        
            background-color:#262728;
            color:#FFFFFF;
            bottom:-1px;
            height:30px;
            left:0px;
            
            opacity:0.8;
            position:absolute;
            width:162px; /*168px - 4 -2 = 162px*/
            
            padding:7px 2px 3px 4px;
        }
        
            .content .photoThumbnail div span
            {
                color:#e2cf00;
                font-size:10px;
            }
        
            .content .photoThumbnail div .starRating
            {
                position:relative;
                height:13px;
                width:56px;
            }
        
        .content div.last
        {
            margin-right:0;
        }


.photoInfo
{
    padding:0 5px;
}

    .photoTitle h4
    {
        color:#cccccc;
        font-size:16px;
        margin:0;
    }

    .photoTitle h4 span
    {
        color:#999999;
        font-size:12px;
    }
    
    .photoTitle p
    {
        padding:0;
    }

    .photoRatings
    {
        width:210px;
        font-size:10px;
        margin-top:5px;  
    }
    
        .photoRatings .left
        {
            color:#999999;
            text-align:right;
            width:80px;  
        }
        
        .photoRatings .right
        {
            color:#FFFFFF;
            text-align:right;
            width:80px;        
        }
        
        .photoRatings .starRating
        {
            margin:0 0 0 auto;
        }


.photoHolder
{
    position:relative;
    margin:9px;
}

    .photoHolder .nextArrow, .photoHolder .prevArrow
    {
        display:block;
        height:18px;
        width:9px;
        top:50%;
        margin-top:-9px;
        text-indent:-1000000px;
        position:absolute;
    }
    
    .photoHolder .prevArrow
    {
        left:0;
        background-image:url(../images/misc/prev_arrow.gif);
        background-repeat:no-repeat;
    }
    
    .photoHolder .nextArrow
    {
        right:0;
        background-image:url(../images/misc/next_arrow.gif);
        background-repeat:no-repeat;
    }

        .photoHolder .nextArrow a, .photoHolder .prevArrow a
        {
            display:block;
            height:18px;
            width:9px;
        }
        
    .photoHolder .photo
    {
        width:750px;
        margin:0 auto 9px auto;
    }

.videoListLarge
{
    margin:0;
    padding:0;
    list-style-type:none;
    border-top:1px solid #5f5f5f;
}

    .videoListLarge li
    {
        border-bottom:1px solid #5f5f5f;
        
        padding:5px 0 18px 0;
    }
    
        .videoListLarge li .left
        {
            width:70px;            
        }
        
            .videoListLarge li .left img
            {
                display:block;
                width:40px;
                margin:9px auto 0 auto;
            }

        .videoListLarge li .right span
        {
            float:left;
            width:72px;
        }
        
        .videoListLarge li .right p
        {
            padding-left:72px;
            margin:0;
        }
        
        .videoListLarge li .right strong
        {
            font-weight:normal;
        }

.videoNavi
{
    font-size:11px;
    padding:14px 5px 12px 5px;
}


    .videoNavi .disabled, .videoNavi .disabled:hover
    {
        cursor:default;
        color:#777777;
    }
            
    .videoNavi ul
    {
        list-style-type:none;
        margin:0 4px 0 10px;
        float:left;
    }
            
        .videoNavi ul li
        {
            float:left;
            margin-right:6px;
        }
                
            .videoNavi ul li a
            {
                color:#898989;
            }
                    
            .videoNavi ul li a.selected, .videoNavi ul li a:hover
            {
                border-bottom:2px solid #ff2b86;
            }

.comments
{
    background-color:#515357;
    padding:10px 4px 0 5px;
}

    .comments .commentEntry
    {
        position:relative;
        margin-bottom:25px;
    }
        .comments .commentEntry .commentTop
        {
            display:block;
            height:9px;
            background-image:url(../images/misc/comment_top.gif);
            background-repeat:no-repeat;
            width:400px;
            
            /* IE FIX */
            margin-bottom:-1px;
        }
        
        
        .comments .commentEntry .commentMid
        {
            width:411px;
            background-image:url(../images/misc/comment_point.gif);
            background-repeat:no-repeat;
            background-position:bottom right;
        }
        
            .comments .commentEntry .commentMid textarea
            {
                background-color:#737577;
                color:#FFFFFF;
                font-size:12px;
                font-family:Arial,sans-serif;
                border:0;
                margin:0;
                padding:0 10px;
                width:380px; /*400px - 10 - 10 = 380px */
                
                overflow: auto;
            }
            
        .comments .commentEntry .commentBottom
        {
            display:block;
            height:11px;
            width:400px;
            background-image:url(../images/misc/comment_bottom.gif);
            background-repeat:no-repeat;
            
            /* IE FIX */
            margin-top:-1px;
        }
        
        .comments .commentEntry .right
        {
            position:absolute; 
            bottom:0px; 
            right:0px;
        }
        
    .comments .commentInfo
    {
        font-size:10px;
        color:#aaaaaa; 
        margin-bottom:2px;           
    }
        .comments .commentInfo a
        {
            color:#cccccc;
            margin-right:10px;
        }
        
        .comments .commentInfo a:hover, .comments .commentInfo .right a:hover
        {
            color:#FF2B86;
        }
        
        .comments .commentInfo .right a
        {
            color:#01CCD3;
        }
        
    
    .comments .comment
    {
        margin-bottom:25px;
    }
    
        .comments .comment .photo
        {
            width:74px;
            
            background-image:url(../images/misc/comment_point2.gif);
            background-repeat:no-repeat;
            background-position:top right;
        }      
                
        
        .comments .comment .text
        {
            width:447px;
        }
        
            .comments .comment .text .commentTop
            {
                    display:block;
                    height:9px;
                    width:447px;
                    background-image:url(../images/misc/comment_top2.gif);
                    background-repeat:no-repeat;
                    
                    /* IE FIX */
                    margin-bottom:-1px;
            }
                
            .comments .comment .text .commentMid
            {
                
                background-image:url(../images/misc/comment_bg.gif);
                background-repeat:no-repeat;                
                background-color:#606265;
                
                min-height:30px;
                
                color:#FFFFFF;
                font-size:12px;
                padding:8px 50px  5px 10px
            }
            
            .comments .comment .text .commentBottom
            {
                    display:block;
                    height:9px;
                    width:447px;
                    background-image:url(../images/misc/comment_bottom2.gif);
                    background-repeat:no-repeat;
                    
                    /* IE FIX */
                    margin-top:-1px;
            }   
   
    
.proRider-details
{
    background-repeat:no-repeat;
    background-position:top left;
    height:200px; /* 325 - 125 = 200*/
    
    padding:125px 0 0 159px;
    
    font-size:12px; 
}

    .proRider-details span
    {
        float:left;
        width:70px;
        color:#777777;
        text-transform:uppercase;
        text-align:right;
        font-size:9px;
        line-height:15px;
    }

    .proRider-details em
    {
        font-style:normal;
        float:left;
        padding-left:13px;
    }

.user-detail
{
    background-image:url(../images/misc/profile_bg.gif);
    background-repeat:no-repeat;
    
    padding:10px;  
    
    font-size:12px;
    color:#CCCCCC; 
}
    
    .user-detail h2
    {
        color:#FFFFFF;
        padding:0;
        margin-bottom:10px;
    }
    
    .user-detail .user-photo
    {
        font-size:10px;
    }
    
        .user-detail .user-photo img
        {
            margin-bottom:8px;
        }
    
    .user-detail .user-info span.user-desc
    {
        color:#CCCCCC;
        font-size:12px;
        float:none;
    }
    
    
    .user-detail .user-info span
    {
        width:100px;
        height:15px;
        line-height:17px;
        float:left;
        
        font-size:9px;
        color:#777777;
        text-align:right;
        text-transform:uppercase;
    }
    

    .user-detail .user-info em
    {
        font-style:normal;
        float:left;
        padding-left:8px;
    }
    
    .user-detail .user-info a
    {
        float:left;
        padding-left:8px;
        
        font-size:12px;
        font-weight:normal;        
        
        color:#CCCCCC;
    }
    
    .user-detail .user-info a:hover
    {
        color:#01CCD3;
    }
    
    
.user-rider
{
    background-image:url(../images/misc/profile_fade_bg.gif);
    background-repeat:no-repeat;
    height:150px;
}
    
    .user-rider h3
    {
        color:#FFFFFF;
        border-bottom:none;
        margin:10px 0 0 10px;
        padding:0;
    }
    
    .user-rider .button
    {
        margin:5px 10px 0 0;
    }
    
.my-proriders-slider
{
    height:108px;
    margin-top:16px;
}  

    .my-proriders-slider .prevArrow, .my-proriders-slider .nextArrow
    {
        text-indent:-1000000px;
        background-repeat:no-repeat;
        
        width:20px;
        height:25px;
        margin-top:33px;
    }

    .my-proriders-slider .prevArrow a
    {
        background-image:url(../images/misc/prev_arrow_slider.gif);
    }
        
    .my-proriders-slider .nextArrow a
    {
        background-image:url(../images/misc/next_arrow_slider.gif);
    }
    
        .my-proriders-slider .prevArrow a, .my-proriders-slider .nextArrow a
        {
            display:block;
            height:100%;
        }
        
    .my-proriders-slider .my-proriders-container
    {
        height:108px;
        width:490px;
        
	    overflow:hidden;
	    position:relative;
    }
    
        .my-proriders-slider .my-proriders-container .proriders-items
		{
			height:108px;
			left:0;
			
			position:relative;
		}
	
		    .my-proriders-slider .my-proriders-container .proriders-items div
		    {
			    float:left;
			    position:relative;
			    width:245px;    						
		    }
    

.user-feed
{
    background-color:#515357;
    color:#FFFFFF;
    
    padding:8px 14px 20px 22px;
}

    .user-feed .comment
    {
        margin-bottom:15px;
    }
    
        .user-feed .comment .commentTop
        {
            background-image:url(../images/misc/feed_comment_top.gif);
            background-position:bottom left;
            background-repeat:no-repeat;
            height:20px;
            width:494px;
            font-size:10px;
            color:#cccccc;
            
            padding-left:20px;
        }
    
        .user-feed .comment .commentMid
        {
            background-image:url(../images/misc/feed_comment_bg.gif);
            background-repeat:no-repeat;
            color:#FFFFFF;
            font-size:14px;
            padding:0 20px 0 10px
        }
    
        .user-feed .comment .commentBottom
        {
            background-image:url(../images/misc/feed_comment_bottom.gif);
            background-position:bottom left;
            background-repeat:no-repeat;
            height:8px;
        }

    .user-feed .info
    {
        margin-bottom:15px;        
        padding-left:20px;
        
        font-size:12px;
        color:#FFFFFF;
        
    }
    
    .user-feed .info span
    {
        display:block;       
        font-size:10px;
        color:#cccccc;
    }

.user-alerts
{
    margin:0;
    padding:0;
    list-style-type:none;
    color:#FFFFFF;
    font-size:12px;
}

    .user-alerts li
    {
        line-height:28px;
        border-bottom:1px solid #505050;
        padding:3px 10px 0 10px;
    }
    
    .user-alerts li a
    {
        color:#9bda2d;
        font-weight:normal;
    }
    
    .user-alerts li a:hover
    {
        font-weight:normal;
    }
    

.list-groups
{
    padding:17px 10px 0 10px;
}

.list-proriders
{
    padding-left:10px;
    padding-top:17px;
}

    .list-proriders h5
    {
        font-size:16px;
        margin-bottom:7px;
        color:#cccccc;
    }
    
    .list-proriders .rider
    {
        margin-bottom:5px;
    }
        .list-proriders .rider .left
        {
            width:169px;
        }
        
        .list-proriders .rider .right
        {
            width:335px;
        }
        
            .list-proriders .rider .right .left
            {
                width:215px;
            }
            
            .list-proriders .rider .right .right
            {
                width:120px;
            }
.tabbedNavi
{
    margin:0 0 -1px 5px;
    padding:0;
    list-style-type:none;
    height:22px;
    
    position:relative;
}

    .tabbedNavi li
    {
        float:left;
        margin-right:6px;        
        line-height:22px;
        height:22px;
        text-transform:uppercase;
    }
    
        .tabbedNavi li a
        {
            background-image:url(../Images/Misc/tab_right.gif);
            background-position:right top;
            background-repeat:no-repeat;
            color:#cccccc;
            float:left;
            font-size:11px;
            font-weight:bold;
            text-decoration:none;
            
            cursor:pointer;
        }
    
            .tabbedNavi li a span
            {
                background-image:url(../Images/Misc/tab_left.gif);
                background-position:left top;
                background-repeat:no-repeat;
                display:block;
                float:left;
                margin-right:9px;
                padding-left:8px;
            }
            
        .tabbedNavi li a.selected
        {
            background-image:url(../Images/Misc/tab_right_active.gif);
            background-position:right top;
            background-repeat:no-repeat;
            color:#ff3385;
            float:left;
            font-size:11px;
            font-weight:bold;
            text-decoration:none;
                        
            cursor:pointer;
        }
    
            .tabbedNavi li a.selected span
            {
                background-image:url(../Images/Misc/tab_left_active.gif);
                background-position:left top;
                background-repeat:no-repeat;
                display:block;
                float:left;
                margin-right:9px;
                padding-left:8px;
            }
    
        .tabbedNavi li a.brightBlue
        {
            color:#00ffc8;
        }
  
           
.tabbedNaviBg
{
    background-image:url(../images/misc/tab_bg_fade.png);
    background-repeat:no-repeat;
    
    margin:0 5px;
    
    /*width:510px;*/
}


.news-list, .message-board
{
    margin:0;
    padding:7px 5px 30px 5px;
    list-style-type:none;
}

    .news-list h4, .message-board h4
    {
        color:#FFFFFF;
        font-size:14px;
        margin:0;
    }
    
        .news-list h4 a, .message-board h4 a
        {
            color:#ff2b86;
        }

		.news-list h4 a:hover, .message-board h4 a:hover
        	{
	        	text-decoration: underline;
	        }


        
    .news-list p, .message-board p
    {
        color:#cccccc;
        font-size:11px;
        padding:0;
    }

.group-listing
{
    margin:8px 0;
    padding:0;
    list-style-type:none;
    border-top:1px solid #5f5f5f;
}

    .group-listing li
    {
        border-bottom:1px solid #5f5f5f;
        padding:0px 0 10px 0;
    }

        .group-listing li .links
        {
            font-size:10px;
            padding-top:2px;
            padding-bottom:3px;
        }
        
            .group-listing li .links a
            {
                padding-left:10px;
            }
            
        .group-listing .group .left
        {
            width:60px;
        }
        
        .group-listing .group .right
        {
            width:430px;
        }
        
        
            .group-listing .group .right span
            {
                width:80px;
                float:left;
                font-weight:bold;
                color:#777777;
                font-size:10px;
                text-transform:uppercase;
            }
            
            .group-listing .group .right h5
            {
                margin:0;
                color:#cccccc;
                font-size:14px;
            }
            
            .group-listing .group .right strong
            {
                float:left;
                font-size:11px;
                color:#cccccc;
                font-weight:normal;
            }
            
            
            .group-listing .group .right em
            {
                color:#8fff2b;
                font-style:normal;
            }
            
            .group-listing .group .right p
            {
                padding:10px 0 0 75px;
            }
            

.group-header
{
    margin:8px 10px  40px 10px;
}

.group-header .left img
{
    margin-bottom:10px;
}
    
    .group-header .left
    {
        width:200px;
    }
    
    .group-header .right
    {
        width:300px;
    }
    
    
    .group-header .right div
    {
        color:#cccccc;
        font-size:11px;
    }

    .group-header .right span
    {
        float:left;
        width:45px;
        
        font-size:9px;
        color:#777777;
        text-transform:uppercase;
    }
    

/*
=============================
SIGNUP FORM
=============================
*/

.form
{
    color:#FFFFFF;
    font-size:12px;
}

.form .clearfix
{
    margin-bottom:13px;
}

.form label
{
    width:115px;
    float:left;
    
    color:#999999;
    text-align:right;
    line-height:24px;
    
    margin-right:5px;
}

.form label span, .required
{
    color:#ff9000;
    font-size:28px;
    line-height:9px;
}

.form .txt
{
    border-left:1px solid #979797;
    border-right:1px solid #979797;
    border-bottom:none;
    border-top:none;

    height:19px; /*21 -2px = 19*/
    width:165px;
            
    color:#6d6d6d;
    background-image:url(../images/misc/textbox_bg.gif);
    background-repeat:repeat-x;
}

.form .tandCs
{
    font-size:11px;
}

.form .tandCs a
{
    font-size:11px;
    font-weight:normal;
}


.clearfix .submit
{
    margin-left:220px;
}


.error-tech
{
    background-color:#e50046;
    text-align:center;
    
    padding:12px 20px;
    margin:40px 15px 15px 15px;    
}

.imgBorder
{
    border:1px solid #606165;
}


/*
=============================
Extra Info Column
=============================
*/


.extraInfo
{
    line-height:normal;
    color:#969696;
}
    
    .extraInfo .emptyHeader
    {
        height:24px;
        border-bottom:1px solid #616161;
    }
    
    .extraInfo h3
    {
        text-transform:uppercase;
        font-weight:normal;
        font-size:16px;
        color:#CCCCCC;
        letter-spacing:-1px;
        
        padding:5px 5px 3px 5px;
        border-bottom:1px solid #616161;
    }
    
    .extraInfo a
    {
        color:#969696;
        text-decoration:none;
    }
    
    .extraInfo a:hover
    {
        color:#ff2b86;
    }
    
    .extraInfo div
    {
        padding:0 5px;
    }

        .extraInfo div div
        {
            padding:0;
        }
    
    .thumbGrid, .extraInfo .thumbGrid
    {
        padding-left:5px;
        padding-right:0;
        
        margin-top:4px;
        margin-bottom:20px
    }
     
        .thumbGrid .left
        {
            margin-right:3px;
            margin-bottom:3px;            
        }
    
    .extraInfo .userGrid
    {
        padding-left:5px;
        padding-right:0;
    
        margin-top:4px;
        margin-bottom:10px;
    }
    
        .extraInfo .userGrid .left
        {
            background-color:#4e4f53;
            width:123px;
            height:50px;
                        
            margin-right:3px;
            margin-bottom:3px;
        }
        
            .extraInfo .userGrid .left img
            {
                float:left;                
            }
            
            .extraInfo .userGrid .left span
            {
                float:left;
                margin-left:5px;
                margin-top:5px;                
                width:65px;
                
                font-size:10px;
                color:#FFFFFF;
            }
        
        
    .extraInfo .usernameLabel
    {
        color:#eeeeee;
        font-size:12px;
        margin-bottom:10px;
    }
        .extraInfo .usernameLabel span
        {
            text-transform:uppercase;
            font-size:9px;
            color:#999999;
            display:block;
        }

    .extraInfo .groupSummary .right
    {
        width:185px;
    }
    
        .extraInfo .groupSummary .right span
        {
            text-transform:uppercase;
            color:#777777;
            font-size:9px;
        }
        
        .extraInfo .groupSummary .right h4
        {
            color:#cccccc;
            font-size:14px;            
        }
        
        .extraInfo .groupSummary .right em
        {
            color:#999999;
            font-size:12px;
            font-style:normal;
        }
    
    .extraInfo .videoSummary
    {
        margin:4px 0 10px 0;
    }
        
        .extraInfo .videoSummary a.button
        {
            font-size:11px;
            color:#333333;
            margin:0;
        }
    
            .extraInfo .videoSummary a.button:hover
            {
                color:#ff2b86;
            }
    
    
    ul.videoList
    {
        list-style-type:none;
        margin:4px 5px 20px 5px; 
    }
        
        ul.videoList li
        {
            background-color:#5f6064;
            background-image:url(../Images/Misc/play_icon.gif);
            background-repeat:no-repeat;                       
            margin-bottom:2px;
        }
        
            ul.videoList li a
            {
                display:block;
                height:100%;
                padding:2px 10px 4px 30px;
                
                color:#969696;
                font-weight:normal;
            }
        
            ul.videoList li a:hover
            {
                color:#969696;
                font-weight:normal;
            }
            
                ul.videoList li a h5
                {
                    font-size:10px;
                    color:#FFFFFF;
                    text-transform:uppercase;
                    margin:0;
                }
                
                ul.videoList li a:hover h5
                {
                    color:#FF2B86;
                }
                
                ul.videoList li a span
                {
                    color:#969696;
                    font-weight:normal;
                    text-transform:uppercase;
                    font-size:11px;
                }
        
     
     .extraInfo .albumThumb
     {
        margin-bottom:5px;
     }
     
         .extraInfo .albumThumb h5
         {
            font-size:15px;
            font-weight:normal;
            color:#FFFFFF;
            margin:0;
         }
         
             .extraInfo .albumThumb h5 a
             {
                color:#FFFFFF;
             }

.grey-blocks
{
    margin:5px;
    padding:0;
    
    list-style-type:none;
}
    
    .grey-blocks li
    {
        background-color:#5f6064;
        margin-bottom:2px;
        padding:6px 5px 5px 5px;
        
        font-size:10px;
        font-weight:bold;        
        color:#dddddd;
        text-transform:uppercase;
    }
    
        .grey-blocks li a
        {
            display:block;
            height:100%;
        }
    


.small-links a
{
    color:#01CCD3;
    font-weight:normal;
    font-size:10px;
}

.small-links a:hover
{
    color:#FF2B86;
    font-weight:normal;
    font-size:10px;
}



/*
============================================
VCard Styling
============================================
*/

    .vcard
    {
        font-size:10px;
    }
    
        .vcard div
        {
            /* remove padding from nested divs in extraInfo */
            padding:0;
        }

        .vcard .org
        {
            display:none; 
            /* Hide Techrider company name as we are using graphic header */
        }

        .vcard .adr
        {
            margin-bottom:10px;
        }

        .vcard span
        {
            width:40px;
            float:left;
        }
    
    
.footer
{
    height:35px;
    background-image:url(../Images/Background/footer_bg.gif);
    background-repeat:no-repeat;
    background-position:top left;
}


#FLVplayer
{
    width:518px;
    margin:0 auto 5px auto;
}


.adminLinks
{
    padding-right:5px;
}

    .adminLinks a
    {
        font-size:10px;
        font-weight:normal;
        color:#01ccd3;
        margin-left:20px;
    }
    
    .adminLinks a:hover
    {
        font-weight:normal;
    }



/*
===========================
PADDING & MARGINS
===========================
*/

.override-p-padding p
{
    padding-left:0;
    padding-right:0;
}


.padding-left-5, .extraInfo .padding-left-5
{
    padding-left:5px;
}

.padding-top-5
{
    padding-top:5px;
}

.padding-top-2, .extraInfo .padding-top-2
{
    padding-top:2px;
}

.padding-right-5
{
    padding-right:5px;
}

.padding-right-15
{
    padding-right:15px;
}

.padding-sides-15
{
    padding-left:15px;
    padding-right:15px;
}


.padding-5, .extraInfo .padding-5
{
    padding:5px;
}

.margin-top-10
{
    margin-top:10px;
}

.margin-top-20
{
    margin-top:20px;
}

.margin-bottom-5
{
    margin-bottom:5px;
}

.margin-bottom-10
{
    margin-bottom:10px;
}

.margin-bottom-15
{
    margin-bottom:15px;
}

.margin-bottom-30
{
    margin-bottom:30px;
}

.margin-left-50
{
    margin-left:50px;
}

.textRight
{
    text-align:right;
}

.resetUL
{
    margin:0;
    padding:0;
    list-style-type:none;
}

/*
===========================
FONT SIZES
===========================
*/

.size-24
{
    font-size:24px;
}

.size-16
{
    font-size:16px;
}

.size-14
{
    font-size:14px;
}

.size-12
{
    font-size:12px;
}

.size-11
{
    font-size:11px;
}

.size-10, .content .size-10 p
{
    font-size:10px;
}

.size-9
{
    font-size:9px;
}

.uppercase
{
    text-transform:uppercase;
}

/*
===========================
COLOURS
===========================
*/

.brightBlue, .extraInfo .brightBlue
{
    color:#01ccd3;
}

.green
{
    color:#8fff2b;
}

.white
{
    color:#FFFFFF;
}

.lightGrey
{
    color:#eeeeee;
}

.midLightGrey, .content .midLightGrey
{
    color:#aaaaaa;
}

.midGrey
{
    color:#cccccc;
}

.midDarkGrey
{
    color:#999999;
}

.darkGrey
{
    color:#5f6064;
}

.pink
{
    color:#ff3385;
}

/*
===========================
STAR RATINGS
===========================
*/


.starRating
{
    display:block;
    background-repeat:no-repeat;
    height:13px;
    width:56px;
}

.no-star
{
    background-image:url(../images/misc/0-star.png);
}

.one-star
{
   background-image:url(../images/misc/1-star.png); 
}

.two-star
{
    background-image:url(../images/misc/2-star.png);
}

.three-star
{
    background-image:url(../images/misc/3-star.png);
}

.four-star
{
    background-image:url(../images/misc/4-star.png);
}

.five-star
{
    background-image:url(../images/misc/5-star.png);
}



.starRatingL, .videoListLarge li .starRatingL
{
    display:block;
    background-repeat:no-repeat;
    height:14px;
    width:72px;
}

.no-star-l
{
    background-image:url(../images/misc/0-star_L.png);
}

.one-star-l
{
   background-image:url(../images/misc/1-star_L.png); 
}

.two-star-l
{
    background-image:url(../images/misc/2-star_L.png);
}

.three-star-l
{
    background-image:url(../images/misc/3-star_L.png);
}

.four-star-l
{
    background-image:url(../images/misc/4-star_L.png);
}

.five-star-l
{
    background-image:url(../images/misc/5-star_L.png);
}


/*
===========================
BUTTONS
===========================
*/

a.button
{
    background-image:url(../Images/Misc/button_right.gif);
    background-position:right top;
    background-repeat:no-repeat;
    color:#333333;
    float:left;
    font-size:11px;
    font-weight:bold;
    height:20px;
    margin:10px 0;
    text-decoration:none;
}

a.button:hover
{
    color:#ff2b86;
}
    
    a.button span
    {
        background-image:url(../Images/Misc/button_left.gif);
        background-position:left top;
        background-repeat:no-repeat;
        display:block;
        float:left;
        height:20px;
        line-height:19px;
        margin-right:9px;
        padding-left:8px;
    }

a.buttonBlack
{
    background-image:url(../Images/Misc/buttonBlack_right.gif);
    background-position:right top;
    background-repeat:no-repeat;
    color:#CCCCCC;
    float:left;
    font-size:11px;
    font-weight:bold;
    height:20px;
    margin:10px 0;
    text-decoration:none;
}

a.buttonBlack:hover
{
    color:#ff2b86;
}
    
    a.buttonBlack span
    {
        background-image:url(../Images/Misc/buttonBlack_left.gif);
        background-position:left top;
        background-repeat:no-repeat;
        display:block;
        float:left;
        height:20px;
        line-height:18px;
        margin-right:9px;
        padding-left:8px;
    }

/*
=============================================
RAD UPLOAD FIXES
=============================================
*/

.EditProfilePanel .RadUploadTable
{
width:180px;
}

.EditProfilePanel .RadUploadTable tr, .EditProfilePanel .RadUploadTable td
{
padding:0;
}

.EditProfilePanel .RadUploadInputField
{
width:123px;
}

.EditProfilePanel input.RealFileInput
{
width:180px;
}

/*
=============================================
ARENA FIXES
=============================================
*/
.extraInfo .__arena_friends
{
	margin:0;
	padding:0;
}

.extraInfo .__arena_friends .wrapper
{
	padding:0 5px;
}

.extraInfo .__arena_groups
{
	margin:0;
	padding:0;
}

.extraInfo .__arena_groups .wrapper
{
	padding:0 5px;
}


.group-listing li .__arena_groups
{
    display:inline;
}

.group-listing li .__arena_friends
{
    display:inline;
}

/*
=============================================
PRODUCT PAGES
=============================================
*/

a.buyitem
{
   padding: 1px;
   background: url(/images/Misc/buy_item.png);
   padding-left: 20px;
   padding-right: 20px;
   color: white;
   margin-left: 260px;
}

a.buyitem:hover
{
    color: white;
    background: url(/images/Misc/buy_item_rollover.png);
}


a.a2a_dd
{
	display: block;
	float: left;
	margin-top: 0px;
}

/* EDITOR PROPERTIES */