/* Resets */
img { border: 0; }
form { margin: 0; }


/* Standard Styles */
body { font-size: 12px; font-family: sans-serif; background-color: black; }

h1 { margin-top: 7px; margin-bottom: 7px; font-size: 18px; }

.std-border { border: 1px solid #CCCCCC; padding: 1px; }

#frame { background-color: white; width: 900px; padding: 5px; }


/* Control Styles */
#team-manager { }
    #team-manager table { width: 100%; }
        #team-manager table tr {  }
        #team-manager table tr.normal { background-color: #FFFFFF; }
        #team-manager table tr.highlight { background-color: #AEE2A6; cursor: pointer; }
        #team-manager table td { padding: 2px; text-align: center; border-bottom: 1px dotted #DDDDDD; }
        #team-manager table .header { background: #DDDDDD; font-weight: 600; }
        #team-manager table .tleft { text-align: left; }
        #team-manager a.linksmall { font-size: 11px; text-decoration: none; }
            #team-manager a.linksmall:hover { text-decoration: underline; }
        #team-manager #bt_AddSkater { padding: 5px; }
            #team-manager #bt_AddSkater img { vertical-align: bottom; padding-right: 4px; }
		#team-manager .photo  { float: left; margin: 2px 10px 10px 0; width:200px; }
		#team-manager .photo .img {height:120px; overflow:hidden; float:left; width:200px}
		#team-manager .photo span { display:block; padding:3px; background:#f5f5f5; clear:both }
   		#content #team-manager h2 { background:#333; color:#fff}
		         
#audio-manager { }
    #audio-manager #left-content { width: 600px; float: left; }
    #audio-manager #right-content { width: 260px; float: right; margin-right: 10px; }
        #audio-manager #right-content p { margin-left: 10px; }
    #audio-manager table { width: 100%; }
        #audio-manager table tr {  }
        #audio-manager table tr.normal { background-color: #FFFFFF; }
        #audio-manager table tr.highlight { background-color: #AEE2A6; cursor: pointer; }
        #audio-manager table td { padding: 2px; text-align: center; border-bottom: 1px dotted #DDDDDD; }
        #audio-manager table .header { background: #DDDDDD; font-weight: 600; }
        #audio-manager table .tleft { text-align: left; }
        #audio-manager a.linksmall { font-size: 11px; text-decoration: none; }
            #audio-manager a.linksmall:hover { text-decoration: underline; }
        #audio-manager #bt_AddAudio { padding: 5px; }
            #audio-manager #bt_AddAudio img { vertical-align: bottom; padding-right: 4px; }
            
#ad-manager { }
    #ad-manager #left-content { width: 600px; float: left; }
    #ad-manager #right-content { width: 260px; float: right; margin-right: 10px; }
        #ad-manager #right-content p { margin-left: 10px; }
    #ad-manager table { width: 100%; }
        #ad-manager table tr {  }
        #ad-manager table tr.normal { background-color: #FFFFFF; }
        #ad-manager table tr.highlight { background-color: #AEE2A6; }
        #ad-manager table td { padding: 2px; text-align: center; border-bottom: 1px dotted #DDDDDD; }
        #ad-manager table .header { background: #DDDDDD; font-weight: 600; }
        #ad-manager table .tleft { text-align: left; }
        #ad-manager a.linksmall { font-size: 11px; text-decoration: none; }
            #ad-manager a.linksmall:hover { text-decoration: underline; }
        #ad-manager #bt_AddAd { padding: 5px; }
            #ad-manager #bt_AddAd img { vertical-align: bottom; padding-right: 4px; }
            
#skater-profile { }
    #skater-profile h3 { color: #00689C; font-size: 17px; margin-bottom: 10px; }
    #skater-profile #profile-img {clear:both; width: 400px; }
    #skater-profile #profile-info { float: left; font-size: 16px; font-weight: 600; line-height: 24px; width:95%; margin-bottom: 16px; }
    #skater-profile #profile-info .label { float: left; width: 150px; }
    #skater-profile #profile-info .data { color:#e81f2e; }
    #skater-profile #profile-bio { font-size: 13px; line-height: 17px; text-align: justify; }
    #skater-profile #profile-photos {  }
        #skater-profile #profile-photos .photo { float: left; margin: 2px; height:120px; overflow:hidden;}
    #skater-profile #profile-news { line-height: 20px; font-size: 14px; font-weight: 600; }
    #skater-profile #profile-videos {  }
        #skater-profile #profile-videos .video { float: left; width: 425px; height: 355px; margin: 2px; border: 1px dotted grey; overflow: hidden; }
    
#add-skater { border: 1px solid #CCCCCC; padding-top: 10px; padding-bottom: 10px; }
    #add-skater h3 { font-size: 14px; margin: 0; margin-left: 10px; margin-bottom: 10px; color: #076705; text-decoration: underline; }
    #add-skater textarea { width: 90% }
    #add-skater .leftcol { float: left; width: 15%; height: 25px; line-height: 25px; text-align: right; font-weight: 600; }
    #add-skater .rightcol { float: left; width: 85%; height: 25px; line-height: 25px; }
    #add-skater #form-buttons { padding-left: 25px; }
        #add-skater #form-buttons input { height: 30px; width: 110px; }
    #add-skater #profile-photos {  }
        #add-skater #profile-photos .photo { float: left; width: 218px; height: 177px; margin: 2px; border: 1px dotted grey; overflow: hidden; }
        #add-skater #profile-photos .delete-photo { vertical-align: bottom; }
            #add-skater #profile-photos .delete-photo a { margin-top: 1px; height: 16px; color: #FFFFFF; background-color: maroon; line-height: 16px; text-align: center; display: block; font-size: 9px; text-decoration: none; }
                #add-skater #profile-photos .delete-photo a:hover { background-color: black; }
    #add-skater #profile-videos {  }
        #add-skater #profile-videos .photo { float: left; width: 218px; height: 177px; margin: 2px; border: 1px dotted grey; overflow: hidden; }
        #add-skater #profile-videos .delete-photo {  }
            #add-skater #profile-videos .delete-photo a { margin-top: 1px; height: 16px; color: #FFFFFF; background-color: maroon; line-height: 16px; text-align: center; display: block; font-size: 9px; text-decoration: none; }
                #add-skater #profile-videos .delete-photo a:hover { background-color: black; }

#login-frame { width: 520px; }
    #login-frame h1 { text-align: left; margin-left: 10px; font-size: 18px; }
    #login-frame h3 { text-align: left; font-size: 15px; }
    #login-frame #login-box { border: 1px dotted #CCCCCC; padding: 3px; width: 500px; height: 180px; text-align: left; }
        #login-frame #login-box .left { float: left; width: 264px; height: 170px; background: #EEEEEE; padding: 5px; padding-left: 20px; }
        #login-frame #login-box .right { float: right; width: 185px; height: 170px; background: #EEEEEE; padding: 5px; padding-left: 15px; padding-right: 10px; border-left: 1px dotted #CCCCCC; }
        #login-frame #login-box .login-form { padding-top: 7px; font-size: 14px; font-weight: 600; }
            #login-frame #login-box .login-form #user { height: 25px; width: 200px; margin-top: 4px; font-size: 15px; font-weight: 600; line-height: 15px; }
            #login-frame #login-box .login-form #pass { height: 25px; width: 200px; margin-top: 4px; font-size: 15px; font-weight: 600; line-height: 15px; }
            #login-frame #login-box .login-form #bt_Login { height: 32px; width: 100px; margin-top: 10px; }

#admin-menu { border: 1px dotted #CCCCCC; width: 500px; }
    #admin-menu a { background-color: #EEEEEE; border: 1px dotted #CCCCCC; display: block; margin: 0; height: 24px; line-height: 24px; margin: 3px; padding-left: 6px; }
        #admin-menu a:hover { background-color: #AEE2A6; }
        
#nav-menu { border-bottom: 1px dotted #CCCCCC; height: 24px; background-color: #EEEEEE; }
    #nav-menu .menu-item { background-color: #EEEEEE; display: block; margin: 0; height: 24px; line-height: 24px; float: left; padding-left: 7px; padding-right: 7px; }
        #nav-menu a.menu-item:hover { background-color: #AEE2A6; } 
    #nav-menu .menu-item-right {  display: block; margin: 0; height: 24px; line-height: 24px; float: right; padding-left: 7px; padding-right: 7px; }
        #nav-menu a.menu-item-right:hover { background-color: #AEE2A6; } 
        
/* Common Identifiers */
#form-messages { border: 1px solid red; background: #FFEEFF; color: red; padding: 4px; }


/* SWF Upload Styles */
.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}
/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}
/* Error */
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */
.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

/* Complete */
.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}
.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    font-family: Arial;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
    vertical-align: top;
}