﻿body {
    margin:0;
    padding:0;
    font-family:Arial;
    font-size: small;
    text-align:center;
   
}

.DivWrapper
{
    width: 750px;
    margin: 0px auto;
    text-align:left;
   
}

.DivMainContentContainer
{
    margin: 0px 0px 0px 0px;    
              
}

.DivContentContainer
{
    /*background-image: url('../../images/music/5.gif');*/
    margin:0px;
    width:100%;    
    float:left;
  
}

.DivPageDivideLeftSide
{
    float:left;
    width:32%;
    vertical-align:top;    
    margin:0px;
}

.DivPageDivideRightSide
{
    float:right;
    width:67%;
    vertical-align:top;   
    margin:0px;
}


.DIV_AD_TOP
{
     text-align:center;
     margin: 10px 0px;
}

.DivVerticalAd
{
     text-align:center;
     vertical-align:top;
}


.DivPageContentContainerType1
{
    margin: 15px 0px 0px 15px;
}

.DivUpdateSettingContentContainer
{
    margin:   15px 0px 0px 100px;   
}

.DivMusicContentContainer
{
    margin: 15px 0px 0px 0px;
}
.DivVerticalSpace
{
    margin: 15px 0px 0px 15px;
}

.DivAd728x90
{
    width: 728;
    height: 90;
}
.hrContentDivider
{
     margin: 0px 0px 0px 0px;
     height: 3px;
     color:Gray;
}
.hr1pxDivider
{
     margin: 0px 0px 0px 0px;
     height: 1px;
     color:Gray;
}

.DivWarning
{
     margin:20px; 
     padding:10px; 
     background-color:#FFFFE5; 
     border:solid 1px #E0E1B7; 
     text-align:center; 
     font-family:Arial;
}
.DivImageFrame
{
     margin:15px 5px;
     text-align:center;
     vertical-align:top;
}

.divFotoOuterFrame
{
    float:left; 
    text-align:center;
}

.DivPanelImageFrame
{
    width: 160px; text-align:center;
    border:solid 1px silver;
    float:left;
    vertical-align:top;
    background-color:White;
}

.divGroupPicFrame
{ 
    margin:auto;          
    padding: 4px; 
   
    background-color:White; 
    border:solid 1px #CCCCCC;  
}

.divGroupIndividualPicFrame
{
     border:solid 1px #CCCCCC;  
     background-color:White;       
}


.divHomePagePicFrame
{
    margin:auto;             
    padding: 4px;    
    background-color:White; 
    border:solid 1px #CCCCCC; 
    float:left;  
}

.divHomePagePictureOuterFrame{
    text-align:center;
    margin:auto;
    width:100%;
}





.tdTableGroupPicture
{
    text-align:center;
    vertical-align:middle; 
    width:155px;
    padding:5px 7px;
}

.tdUserPhoto
{
    text-align:center;
    vertical-align:top;
    width: 120px;
    border:solid 1px #BBBBBB;
}


.tdGroupPhoto
{
    text-align:center;
    vertical-align:top;
    width: 155px;
    border:solid 1px #BBBBBB;
}

.tableGroupPicture
{
    border: solid 1px #BBBBBB; 
    background-color:#F7F7F7; 
    padding: 10px;
    width:100%;
}

.tableGroupIndividualPicture
{
    border-top: solid 1px #BBBBBB; 
    border-bottom:  solid 1px #BBBBBB; 
    background-color:#F7F7F7; 
    padding: 30px 10px;
    width:100%;
}


.tdTableGroupMembers
{
    text-align:center;
    vertical-align:top;
    width:120px; 
    margin: 10px auto; 
    padding:5px 7px;   
   
}




.gridviewHorizontalLine
{    
    border-collapse:collapse; 
      border-left-width:0px;
    border-right-width:0px;

}



.spanWallMessage
{
    color:#8D9CCF;
    font-family:Arial;
     font-size:10pt;
}

.spanTextArial10pxRed
{
     font-family:Arial;
     font-size:10pt;
     font-weight:bold;
     color:Red;     
}
.spanTextArial10pxBlack
{
     font-family:Arial;
     font-size:10pt;
     font-weight:bold;
     color:Black;     
}
.spanTextArial10pxItalic
{
     font-family:Times New Roman;
     font-size:10pt;     
     color:Black;
     font-style:italic;
        
}




.spanTitle
{
     text-align:center;
     font-family:Arial;
     font-size:15pt;
     font-weight:bold;
     color:Red;         
}

.spanArtTitle
{
     text-align:center;
     font-family:Arial;
     font-size:13pt;
     font-weight:bold;
     color:Navy;         
}

.spanInfoTitle
{     
     font-family:Arial;
     font-size:12pt;
     font-weight:bold;
     color:Maroon;     
}

.spanInfoLabel
{
     font-family:Arial;
     font-size:10pt;
     font-weight:bold;
     color:Navy;     
}
.spanSubInfoLabel
{
     font-family:Arial;
     font-size:10pt;
     font-weight:bold;
     color:Gray;     
}
.spanUserInfoValue
{
     font-family:Arial;
     font-size:10pt;
     font-weight:bold;
     color:Blue;     
}
.spanWarning
{
     font-family:Arial;
     font-size:12pt;
     font-weight:bold;
     color:Red;
}
.spanButtonCenter
{
     text-align:center;
     vertical-align:top;
}

.spanTitleMaroon
{
    color:Maroon;
    font-family:Arial; 
    font-size:large; 
    font-weight:bold;
}

.spanContent
{
     font-family:Arial;
     font-size:10pt;
     font-weight:bold;
     color: #454545;
}

.spanContentSoft
{
     font-family:Arial;
     font-size:10pt;
     color: #454545;   
}


/*BUTTONS*/

.selectionbutton { 
	color:#454545; 
    font-weight:bold;
	font: 14px 'trebuchet ms',helvetica,sans-serif; 
	background-color:#FFCC66; 
	border:1px solid; 
	border-color: #FF9900 #FF9900 #FF9900 #FF9900 ; 	
	}

.spanMusicLabel
{
     font-family:Arial;
     font-size:10pt;
     font-weight:bold;
     color: #454545;
}

.spanContentSoft
{
     font-family:Arial;
     font-size:10pt;
     color: #454545;
}

.spanLabelType1
{
     font-family:Arial;
     font-size:10pt;
     color: #454545;
     font-weight:bold;
}

.buttonStyle
{
    color:#000; 
	font: 14px 'trebuchet ms',helvetica,sans-serif; 
	background-color:#FFCC66; 
	border:1px solid; 
	border-color: #FF9900 #FF9900 #FF9900 #FF9900 ; 	
}

.buttonGray
{
    color:#000; 
    font: 14px 'trebuchet ms',helvetica,sans-serif; 
    padding:4px 10px;    
	background-color:#CCCCCC; 
	border:1px solid; 
	border-color: #707070 Gray  Gray Gray; 	
    font-weight:500;
}

.panel15px
{
padding: 15px 15px 15px 15px; 
background-color:#FFFFAA; 
border: solid 1px #FFAA00;
}


/*IMAGE BUTTONS*/

.ibPictureSize120{
     width:120px;
     padding:4px;
     border:solid 1px #BBBBBB;
}



.tdRight70px{
width:70px; 
text-align:right;
vertical-align:top;
}

.tdRight80px{
width:80px; 
text-align:right;
vertical-align:top;
}
.tdRight100px{
width:100px; 
text-align:right;
vertical-align:top;
}
.tdRight120px{
width:130px; 
text-align:right;
vertical-align:top;
}

.tdRight150px{
width:150px; 
text-align:right;
vertical-align:top;
}

.tdRight200px{
width:200px; 
text-align:right;
vertical-align:top;
}
.tdRight250px{
width:250px; 
text-align:right;
vertical-align:top;
}

/**
MENU
**/
#tabsH {
    float:left;
    width:100%;
  /*  background:#000; */
    font-size:93%;
    line-height:normal;
}

/**
MENU
**/
#tabsH {
    float:left;
    width:100%;
  /*  background:#000; */
    font-size:93%;
    line-height:normal;
    border-bottom: solid 1px gray;
    
}

#tabsH ul {
    margin:0;
    padding:10px 10px 0 10px;
    list-style:none;
    }
    #tabsH li {
    display:inline;
    margin:0;
    padding:0;
    }
    #tabsH a {
    float:left;
   /* background:url("/Images/tableftH.gif") no-repeat left top; */
    margin:0;
    padding:0 0 0 3px;
    text-decoration:none;
    }
    #tabsH a span {
    float:left;
    display:block;
   /* background:url("/Images/tabrightH.gif") no-repeat right top;*/
    padding:5px 10px 4px 6px;
    font-family:Arial;
    font-size:small;
    font-weight:bold;
   /* color:Gray;*/
    color:#3366CC; 
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
   
    color:#000066;
    background-color:#FFCC66;    
    font-weight:bold;
    }
    #tabsH a:hover {
    background-position:0% -42px;
    }
    #tabsH a:hover span {
    background-position:100% -42px;
    }
    