/*

*/


/****************************************************************************  HTML TAGS */

body
{
    margin:0;
    font-family:'Segoe UI',Corbel,Verdana,'Segoe UI',Corbel,Arial,Helvetica,Geneva,sans-serif;
    font-size:62.5%;
    background:white url(../images/background.full.gif) repeat-y top left;
    color:#595959;
}

body#Blank
{
    background:transparent;
}

h1,
input.FormField.H1
{
    font-size:200%;
    line-height:120%;
    color:#660000;
    font-weight:bold;
}

h1
{
    clear:both;
    margin:9px 0;
}

h2,
input.FormField.H2 
{
    font-size:200%;
    line-height:120%;
    color:#660000;
    font-weight:normal;
}

h2
{
    margin:9px 0;
}

h3,
.FormField.H3
{
    font-size:140%;
    color:#660000;
    font-weight:bold;
}

h3
{
    margin:9px 0;
}

h4
{
}

div.AdminPage h1,
h5
{
    margin:6px 0;
    color:#A3A37A;
    text-transform:lowercase;
    letter-spacing:2px;
    font-weight:normal;
    font-size:130%;
}

h5#PreHead
{
    margin:0;
}

h5#PreHead+h1,
h5#PreHead+h2,
h5#PreHead+h3,
h5#PreHead+h4
{
    margin-top:0;
}

div.AdminPage h1,
h5#PageHead
{
    margin-top:0;
    font-size:240%;
    letter-spacing:3px;
    background:transparent url(../images/divider.horizontal.xlong.dark.gif) no-repeat 50% 36px!important;
    padding-bottom:20px;
}

a h5,
h5 a
{
    color:#A3A37A;
    font-weight:normal;
}    
    
a:hover h5,
h5 a:hover
{
    color:#660000;
}

h6
{
    margin:3px 0;
    color:#888;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:normal;
    font-size:100%;
}

p
{
    margin:6px 0;
}

p,li
{
    font-size:110%;
    line-height:130%;
}

ul
{
    margin-top:6px;
    margin-bottom:6px;
}
   
a
{
    color:#3C3CBB;
    text-decoration:none;
}

a:active
{
}

input, textarea, select
{
    font-family:'Segoe UI',Corbel,Verdana,'Segoe UI',Corbel,Arial,Helvetica,Geneva,sans-serif;
    font-size:100%;    
}

textarea,
select
{
    color:#808080;
}

textarea
{
    line-height:120%!important;
    overflow:auto;
}

blockquote
{
    margin:6px 0 6px 10px;
    padding:2px 5px; 
    border:1px solid #EDEDED;
}
    
blockquote,
blockquote p,
blockquote li
{
    color:#7A7A7A;
}

blockquote p
{
    margin:3px 0;
}




/****************************************************************************  POPAROUND FRAMEWORK */



/******************************* ALL POPAROUNDS */

div.HighlightOff
/* Target when off */
{
    background:transparent;
    text-indent:-50000px; /* out of sight */
    cursor:normal;   
    z-index:0!important;
}

div.HighlightOn
/* Target when on */
{
   text-indent:0;
   cursor:pointer; 
   z-index:999!important;
   display:inline-block; /* fixes IE6 double-margin bug */
   padding-bottom:12px;
}

div.PopAroundTarget,
div.SearchPopAroundTarget
/* Target */
{
    position:relative;
    top:-30px;
    left:-15px;
    cursor:pointer;
}

div.PopAroundTarget p
{
    line-height:120%!important;
}

div.PopAroundInner,
div.SearchPopAroundInner
/* Inner div */
{
    position:absolute;
    top:0;
    left:0;
    padding:15px;
}

div.PopAroundContent
{
    position:absolute;
    top:30px;
    left:15px;
    padding-right:15px;
}

div.PopAroundTrigger
/* Trigger */
{
    cursor:pointer; 
    text-indent:0; 
    z-index:999;
    overflow:hidden;
}

div.SearchPopAroundTrigger
{
    position:absolute;
    top:30px;
    left:15px;
    cursor:pointer; 
    text-indent:0; 
    z-index:999;
    overflow:hidden;
}


div.HighlightOn div.PopAroundTrigger
{
    z-index:999;
    height:auto;
}

div.HighlightOff .PopAroundInnerContent
/* Inner pop-up content when off */
{
    display:none;
}

div.HighlightOn .PopAroundInnerContent
/* Inner pop-up content when on */
{
    display:block;
    overflow:hidden;
}
    
div.HighlightOn .PopAroundTriggerOnlyContent
/* Trigger-only content when on */
{
    display:none;
}

div.HighlightOff .PopAroundTriggerOnlyContent
/* Trigger-only content when off */
{
    display:inline;
    overflow:hidden;
}

div.HighlightOn h2,
div.HighlightOn h4,
div.HighlightOn h3
/* Headings in trigger when on */
{
    text-decoration:underline;
}

div.PopAroundTarget div.ItemDetails
/* Item details */
{
}

div.HighlightOff div.ItemDetails img.TinyIcon
/* Tiny icons when off */
{
    display:none;
}

div.PopAroundTarget div.ItemDetails img.TinyIcon
/* Tiny icons */
{
    border:none; 
    margin:0;
    float:none;
    display:inline;
    position:relative;
}

div.HighlightOff div.HardDivider,
div.HighlightOff div.SoftDivider
{
    background:none!important;
}

div.PopAroundTarget div.TextContainer
{
    overflow:hidden;
}

div.PopAroundTarget div.TextContainer p
{
    margin:6px 0;
}
 
div.PopAroundContent div.HardDivider,
div.PopAroundContent div.SoftDivider
{
    margin:3px 0;
}

/* Teaser content */
div.PopAroundContent p.PopAroundTeaser
{
    padding-top:3px;
    font-size:110%;
}

div.PopAroundContent p.PopAroundTeaser span.Dateline
{
    display:inline-block;
    margin-right:4px;
    padding-right:4px;
    border-right:1px solid silver;
    font-size:90%;
    font-weight:bold;
    color:#222;
}


 
/******************************* BIG THUMBNAIL POPAROUNDS */

div.BigThumbnail
{
    margin-right:8px;
    margin-bottom:8px;
}

div.BigThumbnail div.PopAroundTarget
/* Target */
{
    float:left;
}

div.BigThumbnail div.HighlightOn 
/* Target when on */
{
    width:205px;
    height:95px /* 65+15+15 */;
    /* Margins altered by 1px in ie6.css */
    margin-right:-155px; /* 205-50   */
    margin-bottom:-42px; /* 95-65+12  */
}

div.BigThumbnail div.HighlightOff 
/* Target when off */
{
    width:50px;
    height:65px;
}

div.BigThumbnail div.HighlightOn div.PopAroundInner
/* Inner when on */
{
    width:175px;
    height:65px;
}

div.BigThumbnail div.HighlightOff div.PopAroundInner
/* Inner when off */
{
}

div.BigThumbnail div.PopAroundTarget div.PopAroundTrigger
/* Trigger */
{
    width:50px;
    height:65px;
}

div.BigThumbnail div.HighlightOn div.PopAroundTrigger
/* Trigger when on */
{  
    height:50px;
}

div.BigThumbnail div.HighlightOff div.PopAroundTrigger
/* Trigger when off */
{
}

div.BigThumbnail div.HighlightOn
/* Target background when on (adds cap to bottom) */
{
    background:transparent url(../images/background.poparound.bottom.1.png) no-repeat left bottom;
}

div.BigThumbnail div.HighlightOn div.PopAroundInner
/* Inner background when on */
{
    background:transparent url(../images/background.poparound.1.png) no-repeat left top;
}

div.BigThumbnail div.PopAroundTarget div.TextContainer
{
    position:absolute;
    width:115px;
    top:0;
    left:55px;
}

span.DatelinePoparound
{
    display:inline-block;
    margin-right:4px;
    padding-right:4px;
    border-right:1px solid #ddd ;
    font-size:90%;
    font-weight:bold;
    color:#222;
}


/******************************* SMALL THUMBNAIL POPAROUNDS */

div.SmallThumbnail
{
    margin-right:8px;
    margin-bottom:8px;
}

div.SmallThumbnail div.PopAroundTarget
/* Target */
{
    float:left;
}

div.SmallThumbnail div.HighlightOn 
/* Target when on */
{
    width:205px;
    height:76px; /* 46+15+15 */
    /* Margins altered by 1px in ie6.css */
    margin-right:-179px; /* 205-26 (target width when on - target width when off - right margin when off )*/
    margin-bottom:-62px; /* 76-26+12 ( target height when on - target height when off )  */
}

div.SmallThumbnail div.HighlightOff 
/* Target when off */
{
    width:26px;
    height:26px;
}

div.SmallThumbnail div.HighlightOn div.PopAroundInner
/* Inner when on */
{
    width:175px;
    height:46px;
}

div.SmallThumbnail div.HighlightOff div.PopAroundInner
/* Inner when off */
{
}

div.SmallThumbnail div.PopAroundTarget div.PopAroundTrigger
/* Trigger */
{
    width:26px;
    height:26px;
}

div.SmallThumbnail div.HighlightOn div.PopAroundTrigger
/* Trigger when on */
{
    height:46px;
}

div.SmallThumbnail div.HighlightOff div.PopAroundTrigger
/* Trigger when off */
{
}

div.SmallThumbnail div.HighlightOn
/* Target background when on (adds cap to bottom) */
{
    background:transparent url(../images/background.poparound.bottom.1.png) no-repeat left bottom;
}

div.SmallThumbnail div.HighlightOn div.PopAroundInner
/* Inner background when on */
{
    background:transparent url(../images/background.poparound.1.png) no-repeat left top;
}

div.SmallThumbnail div.PopAroundTarget div.TextContainer
{
    position:absolute;
    width:120px;
    top:0;
    left:33px;
}


/******************************* ONE-COLUMN POPAROUNDS */
 
div.Size1 div.PopAroundTarget 
/* Target width */
{
    width:205px; /* 175+15+15 (PopAroundInner width+padding) */
}

div.Size1 div.PopAroundTarget div.PopAroundInner,
div.Size1 div.PopAroundTarget div.PopAroundTrigger
/* Inner width */
{
    width:175px;
}

div.Size1 div.PopAroundTarget.HighlightOn
/* Target background when on (adds cap to bottom) */
{
    background:transparent url(../images/background.poparound.bottom.1.png) no-repeat left bottom;
}

div.Size1 div.PopAroundTarget.HighlightOn div.PopAroundInner
/* Inner background when on */
{
    background:transparent url(../images/background.poparound.1.png) no-repeat left top;
}

div.Size1 div.PopAroundTarget div.PopAroundTrigger div.TextContainer
/* Trigger text width */
{
    width:100px;
}


/******************************* TWO-COLUMN POPAROUNDS */

div.Size2 div.PopAroundTarget 
/* Target width */
{
    width:400px; /* 370+15+15 (PopAroundInner width+padding) */
}

div.Size2 div.PopAroundTarget div.PopAroundInner
/* Inner width */
{
    width:370px;
}

div.Size2 div.PopAroundTarget.HighlightOn
/* Target background when on (adds cap to bottom) */
{
    background:transparent url(../images/background.poparound.bottom.2.png) no-repeat left bottom;
}

div.Size2 div.PopAroundTarget.HighlightOn div.PopAroundInner
/* Inner background when on */
{
    background:transparent url(../images/background.poparound.2.png) no-repeat left top;
}


/******************************* THREE-COLUMN POPAROUNDS */


div.Size3 div.PopAroundTarget 
/* Target width */
{
    width:595px; /* 565+15+15 (PopAroundInner width+padding) */
}

div.Size3 div.PopAroundTarget div.PopAroundInner,
div.Size3 div.PopAroundTarget div.PopAroundTrigger
/* Inner width */
{
    width:565px;
}

div.Size3 div.PopAroundTarget.HighlightOn
/* Target background when on (adds cap to bottom) */
{
    background:transparent url(../images/background.poparound.bottom.3.png) no-repeat left bottom;
}

div.Size3 div.PopAroundTarget.HighlightOn div.PopAroundInner
/* Inner background when on */
{
    background:transparent url(../images/background.poparound.3.png) no-repeat left top;
}

div.Size3 div.PopAroundTarget div.PopAroundTrigger div.TextContainer
/* Trigger text width */
{
    width:385px;
}

div.Size3 div.HardDivider,
div.Size3 div.SoftDivider
{
    margin:12px 0;
}



/****************************************************************************  LAYOUT & NAVIGATION */



/******************************* MENUS */


/*** Main menu */

div#MenuContainer
{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:575px;
    padding-left:205px;
    padding-bottom:19px;
    background:white url(../images/background.menu.gif) no-repeat left 33px ;
}

ul#Menu
{
    display:inline-block;
    list-style:none;
    margin:0;
    padding:0;
    height:42px;
}

ul#Menu li
{
    display:inline-block;
    float:left;
    height:42px;
}
 
 ul#Menu li.Selected
 {
    background:transparent url(../images/menu.pointer.660000.gif) no-repeat 50% 33px;
 }
    
ul#Menu a
{
    display:inline-block;
    float:left;
    padding:8px 12px;
    text-decoration:none;
    color:#808080;
    font-size:15px;
    line-height:17px;
    text-transform:lowercase;
}  

ul#Menu a.Hover,
ul#Menu a:hover
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
    color:#660000;
}

ul#Menu li.Selected a,
ul#Menu li.Selected a:hover
{
    color:White;
    background:#660000;
}

li#Menu_Games a,
li#Menu_Team a,
li#Menu_Fans a,
li#Menu_Topics a,
li#Menu_More a
{
    color:black;
}  

li#Menu_Games a:hover,
li#Menu_Team a:hover,
li#Menu_Fans a:hover,
li#Menu_Topics a:hover,
li#Menu_More a:hover
{
}

/*** Utility Menu */

div#UtilityMenuContainer
{
    position:absolute;
    top:-24px;
    right:110px;
}

ul#UtilityMenu
{
    list-style:none;
    margin:0;
    padding:0;
    float:right;
}

ul#UtilityMenu li
{
    display:inline-block;
    float:left;
    height:42px;
}
 
ul#UtilityMenu a
{
    display:inline-block;
    padding:1px 5px 3px 5px;
    margin-right:3px;
    text-decoration:none;
    color:#C29999;
    font-size:110%;
    line-height:100%;
    text-transform:lowercase;
    border:1px solid #660000;
}  

ul#UtilityMenu a.Hover,
ul#UtilityMenu a:hover
{
    color:White;
    border:1px solid White;
}

ul#UtilityMenu li.Selected a,
ul#UtilityMenu li.Selected a:hover
{
    color:White;
    border:1px solid #B28080;
}


/******************************* SEARCH */


/*** Search tool */

div#SearchContainer
{
    float:left;
    position:absolute;
    z-index:30;
    top:-30px;
    left:675px;
    width:160px;
}

div#SearchContainer input.SearchText
{
    width:90px;
    float:left;
    height:11px;
    line-height:11px;
    padding:2px;
    font-size:100%;
}

div#SearchContainer div.HighlightOff input.SearchText
{
    border:1px solid #660000;
}

div#SearchContainer div.HighlightOn input.SearchText
{
    border:1px solid #ddd;
}

div#SearchContainer span.ButtonContainer
{
    display:block;
    margin-left:3px;
    padding-top:1px;
    float:left;
}

div#SearchContainer span.ButtonContainer a.SmallButton
{
    width:auto;
    padding-right:0;
    float:left;
}  

div#SearchContainer span.ChoicesContainer
{
    display:block;
    clear:both;
}

/*** Search tool pop-around (appears on focus) */


div#SearchContainer div.SearchPopAroundTarget
{
    top:-10px;
    width:159px; /* 139+10+10 (PopAroundInner width+padding) */
}

div#SearchContainer div.SearchPopAroundInner
{
    width:139px;
    padding:10px;
}

div#SearchContainer div.SearchPopAroundTrigger
{
    top:15px;
}

div#SearchContainer div.HighlightOn 
{
    background:transparent url(../images/background.poparound.bottom.0.png) no-repeat left bottom;
    height:80px; /* 70+0+10 (PopAroundInner height+padding) */
}

div#SearchContainer div.HighlightOff
{
}

div#SearchContainer div.HighlightOn div.SearchPopAroundInner
{
    padding:0 10px 10px 10px;
    height:70px;
    margin-bottom:-70px; 
    background:transparent url(../images/background.poparound.0.png) no-repeat left top;
}

div#SearchContainer div.HighlightOn div.SearchPopAroundTrigger
/* Trigger height when on */
{
    height:70px;
    width:140px;
}

div#SearchContainer div.HighlightOff div
{
}  

div#SearchContainer div.HighlightOff 
{
}

div#SearchContainer div.HighlightOff div.SearchPopAroundTrigger
/* Trigger height when off */
{
    height:20px;
}


/******************************* CRUMBS */


div#Crumbs
{
	font-size:100%;
	line-height:120%;
	color:Black;
	font-weight:bold;
	position:absolute;
	width:565px;
	top:-30px;
}

div#Crumbs img
{
}

div#Crumbs a
{
    color:#808080;
	font-weight:normal;
}

div#Crumbs a:hover
{
    color:#660000;
	text-decoration:underline;
}


/******************************* MASTHEAD */


div#Masthead-Container
/* Altered in ie6.css */
{
    position:absolute;
    top:-20px;
    width:202px;
    padding-bottom:17px;    
    background:transparent url(../images/shadow.bottom.png) no-repeat bottom right; 
    z-index:25;
    overflow:hidden;
}

div#Masthead
/* Altered in ie6.css */
{
    padding-right:17px;
    background:transparent url(../images/shadow.right.png) no-repeat bottom right; 
    background-position:-17px bottom right;
}

div#Masthead-Inner
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
}

div#Masthead div.SoftDivider,
div#Masthead div.HardDivider
{
    margin:12px 0 3px 0;
}

div#Masthead a.FixedWidth
{
    width:130px;
    margin:1px 0;
}


/******************************* SITE ID */


div#SiteID
{
    padding:30px 10px 40px 10px;
    text-align:center;
    color:White;
    font-size:180%;
    line-height:120%;
    font-weight:normal;
    border-bottom:5px solid #A3A37A;
    background:white url(../images/background.hatch.dark.gif) repeat top left;
    height:25px;
    overflow:hidden;
}

div#SiteID a
{
    color:White;
}

div#SiteID a#Subdomain
{
    color:#A3A37A;
    text-transform:lowercase;
    font-size:140%;
    font-weight:bold;
}


/******************************* USER ID */


div#UserID
/* Altered in ie6.css */
{
    height:206px;
    overflow:hidden;
    padding:10px;
}

div#UserID a.UserThumbnailLink
{
    float:left;
    display:block;
}  

div#UserID img.UserThumbnail
{
    border:1px solid black;
}

div#UserID div.UserDetails
{
    float:left;
    margin-left:5px;
    width:114px;
    overflow:hidden;
    color:#808080;
    padding-bottom:10px;
}

div#UserID span.UserName
{
    display:block;
    font-size:150%;
    font-weight:bold;
    line-height:90%;
    color:#4C4C4C;
}


/******************************* COLUMNS */

div#TopStripe
{
    position:absolute;
    top:0;
    left:0;
    width:780px;
    height:30px;
    background:#660000;
}

div#Body-Inner
{
    position:absolute;
    top:30px;
    left:0;
    width:780px;
    z-index:1;
}

div#ColumnContainer
{
    position:absolute;
    z-index:20;
    top:82px;
    left:0;
    width:780px;
    min-height:500px;
}   

div.ThreeColumn
{
    background:white url(../images/background.3columns.gif) repeat-y;
}

div.TwoColumn
{
    background:white url(../images/background.2columns.gif) repeat-y;
}

div#LeftColumn,
div#MiddleColumn,
div#RightColumn
{
    float:left;
    min-height:700px;
}

div#RightColumn,
div#MiddleColumn
{
    background:transparent url(../images/background.column.top.gif) no-repeat left top;
}

div#LeftColumn
{
    padding-top:221px; /* depends on the height of div#UserID */
    width:195px;
    min-height:500px;
}

div.ThreeColumn div#MiddleColumn
{
    width:390px;
}

div.TwoColumn div#MiddleColumn
{
    width:585px;
}

div#RightColumn
{
    width:195px;
}

div#LeftColumn-Inner,
div#MiddleColumn-Inner,
div#RightColumn-Inner
{
    padding:10px 10px 0 10px;
}

/*** Inner two-column setup (middle double-wide column plus right-hand single-wide column) */

div#InsideTwoColumnContainer
{
    background:white url(../images/background.2columns.gif) repeat-y 195px 0;
}

div#InsideLeftColumn
{
    width:380px;
    float:left;
    padding-right:10px;
    min-height:700px;
    position:relative;
}   

div#InsideLeftColumn-Inner
{
}

div#InsideRightColumn
{
    width:160px;
    float:left;
    padding-left:10px;
    background:transparent url(../images/background.column.top.gif) no-repeat left top;
    min-height:700px;
}

div#InsideRightColumn-Inner
{
    
}

/*** Split column (middle double-wide column divided into two columns) */

div.SplitColumnContainer
{  
    background:transparent url(../images/pixel.darkgray.gif) repeat-y 185px 0;
}

div.SplitColumnContainer-Inner   
{
    background:transparent url(../images/divider.vertical.dark.gif) no-repeat 185px 0;
}

div.SplitColumn
{
    float:left;
    width:175px;
}

div.SplitColumn.Left
{
    margin-right:10px;
}

div.SplitColumn.Right
{
    margin-left:10px;
}



/******************************* ADS (FOOTER & SIDEBAR) */


div#AdsFooter
{
    clear:both;
    width:780px;
    min-height:170px;
    background:#B2B2B2;
    padding-top:1px;
    color:#333333;
}

div#AdsSidebar
{
    position:absolute;
    top:0px;
    left:780px;
    width:194px;
    color:#666666;
}

div#AdsFooter-Inner,
div#AdsSidebar-Inner
{
    margin:15px;
}

/******************************* RELATED COMMUNITIES */

div.RelatedCommunities
{
    margin:15px;
    background:white;
}

div.RelatedCommunities h5
{
    padding:5px 5px 10px 5px;
    background:white url(../images/background.hatch.light.gif) repeat top left;
    text-align:center;
    position:relative;
    margin-bottom:0;
}

div.RelatedCommunities h6
{
    clear:both;
    margin-top:12px;
}

div.RelatedCommunitiesInner
{
        padding:5px;
}

div.CommunityLink 
{
    clear:both;
    padding-top:5px;
    margin-bottom:5px;
    
}

div.CommunityLink a
{
    float:left;
    margin-right:5px;
}

div.CommunityLink div.TextContainer
{
    float:left;
    width:100px;
}  

div.CommunityLink div.TextContainer strong
{
    color:#3C3CBB;
}

div.CommunityLink:hover div.TextContainer strong
{
    color:#660000;
    text-decoration:underline;
}

div#InsideRightColumn div.CommunityLink
{
}

div#InsideRightColumn div.CommunityLink div.TextContainer
{
    width:120px;
}

div.RelatedCommunities div.RelatedCommunitiesFooter
{
    clear:both;
    margin:10px 0;
    padding:5px 10px!important;
    border-top:1px solid #ddd;
    background:white url(../images/background.hatch.light.gif) repeat top left;
    font-size:110%;
}    



/****************************************************************************  CONTENT LISTS */


/******************************* QUOTES */


div.Quote
{
    display:block;
    padding:0 5px 20px 5px;
    background:transparent url(../images/background.quote.png) no-repeat left bottom;
    margin-bottom:-20px;
}

div.Quote p
{
    line-height:120%!important;
}

div.Quote p strong
{
    color:#333;
}

div.Quote img.Thumbnail
{
    float:left;
    margin:5px 5px 5px 0;
}

div.Quote span.Date
{
    font-size:100%;
    color:#808080;
}

div.QuoteSource
{
    position:relative;
    left:37px;
    font-size:110%;
    color:#808080;
    padding-top:6px;
}

div.QuoteSource img.Thumbnail
{
    position:relative;
    top:0px;
    float:left;
    margin-right:5px;
}

div.QuoteSource span.Date
{
    font-size:90%;
    color:#B2B2B2;
}

div.QuoteSource span.BlogReference
{
    display:block;
    margin-top:2px;
    font-size:90%;
    color:#B2B2B2;
}






/******************************* ITEMS */
/* Generic styles for all item lists (wikis, blogs, etc) */


div.ItemList,
div.ItemList.ItemListSize3
{
    width:585px;
}

div.ItemList.ItemListSize1
{
    width:175px;
}

div.ItemList.ItemListSize2
{
    width:370px;
}

div.ItemList div.Item
{
    height:50px;
}

div.Item
{
    float:left;
}

div.Post h2,
div.Item h2,
div.FriendListing h2
{
    margin:0 0 6px 0;
    font-size:150%;
    line-height:120%;
    height:17px;
    overflow-y:hidden;
    font-weight:bold;
    color:#660000;
}

div.Post h3,
div.Item h3        
{
    margin:0 0 2px 0;
    font-size:120%;
    line-height:115%;
    font-weight:normal;
    color:#660000;
}

div.Post h4,
div.Item h4
{
}

div.Item p
{
}

div.Item img
{
    border:1px solid black;
    float:left;
    margin-right:10px;
}

div.Item .TextContainer
{
    float:left;
}


/******************************* STANDARD ITEMS */
/* (not featured  ) */

div.ItemList div.Standard
{
    width:165px;
    margin:5px 20px 10px 0px;
}

div.ItemList div.Standard img
{
    margin-right:5px;
}

/*** Standard Item pop-arounds (heights) */

div.ItemList div.Standard div.HighlightOn 
/* Target height when on */
{
    height:280px; /* 250+15+15 (PopAroundInner height+padding) */
    margin-bottom:-231px; 
}  

div.ItemList div.Standard div.HighlightOff
/* Target height when off */
{
}

div.ItemList div.Standard div.HighlightOn div.PopAroundInner
/* Inner height when on */
{
    height:250px;
}

div.ItemList div.Standard div.HighlightOff div.PopAroundInner
/* Inner height when off */
{
}

div.ItemList div.Standard div.HighlightOn div.PopAroundTrigger
/* Trigger height when on */
{
    height:auto;
}

div.ItemList div.Standard div.HighlightOff div.PopAroundTrigger
/* Trigger height when off */
{
    height:55px;
}

div.ItemList div.Standard div.PopAroundTarget div.BelowTrigger
/* Text positioned below trigger */
{
    position:absolute;
    top:93px;
    width:175px;
}


/******************************* FEATURED ITEMS */


div.ItemList div.Featured
{
    height:100px;
    padding-bottom:10px;
    float:none;
    margin-bottom:10px;
}

/*** Featured Item pop-arounds (heights) */

div.ItemList div.Featured div.HighlightOn 
/* Target height when on */
{
    height:220px; /* 190+15+15 (PopAroundInner height+padding) */
    margin-bottom:-122px; 
}

div.ItemList div.Featured div.HighlightOn div.PopAroundInner
/* Inner height when on */
{
    height:190px;
}

div.ItemList div.Featured div.HighlightOn div.PopAroundTrigger
/* Trigger height when on */
{
    height:auto;
}

div.ItemList div.Featured div.HighlightOff div.PopAroundTrigger
/* Trigger height when off */
{
    height:100px;
}

div.ItemList div.Featured div.BelowTrigger
/* Text positioned below trigger */
{
    position:absolute;
    top:120px;
}



/******************************* BLOGS */

div.Blog
{
}

div.Blog div.TextContainer p
{
    width:465px;
}

div.Blog div.LatestBlogPosts
{
    border-top:1px dotted #CCCCCC;
    margin:-3px 0 0 0px;
    padding:2px 0 0 0;
    list-style:none;
}

div.Blog div.LatestBlogPosts p
{
    margin:0;
    padding:0;
    font-size:100%;
    line-height:130%;
    height:1.3em;
    width:465px; /* 585-10-10-100 */
    overflow:hidden;
}

div.Blog div.LatestBlogPosts p span.Date
{
    font-weight:bold;
}


/******************************* TAG LISTS */


div.TagListContainer
{
    margin-top:10px;
    margin-bottom:6px;
}

div.TagListContainer a,
div.Item div.TagListContainer a
{
    display:block;
    float:left;
    margin-right:5px;
}   

div.TagListContainer a img,
div.Item div.TagListContainer a img
{
    float:none;
    display:inline;
    margin:0;
}

div.TagListContainer img.TinyIcon
{
    float:left;
}

div.TagListContainer a.SmallButton
{
    clear:none;
}

div.Item div.TagListContainer
{
    margin-bottom:0;
}

div.BlogPost div.TagListContainer
{
    position:absolute!important;
    left:0!important;
    top:85px!important;
    z-index:99!important;
    width:96px;
}

div.BlogPost div.TagListContainer img
{
    margin-right:-2px!important;
}


div.TagListContainer div.NoResultsMessage
{
    float:left;
    clear:none;
    padding:1px 10px 2px 10px;
    margin:-1px 5px 0 0;       
    color:#B2B2B2;
}


/* Tag list in post poparounds */
div.PopAroundTarget div.TagListContainer
{
    max-height:27px;
}



/******************************* ITEM CREDITS */


div.ItemCredits
{
    padding-top:5px;
    font-size:90%;
}

div.ItemCredits div.Item
{
    padding:3px 0 0 0;
    height:auto;
    float:none;
    clear:both;
}

div.Size3 div.ItemCredits
{
    position:absolute;
    bottom:5px;
    left:15px;
}

div.Size1 div.ItemCredits div.Item
{
}

div.Size3 div.ItemCredits div.Item
{
    float:left;
    clear:none;
    width:175px;
}

div.ItemCredits img
{
    margin-right:5px!important;
}

div.ItemCredits div.TextContainer
{
}

div.ItemCredits span.Label
{
    color:#777;
}

div.ItemCredits span.Name
    {
    color:black;
}

div.ItemCredits span.Date
{
    color:#777;
    display:block;
}

                                

/******************************* ALL THUMBNAILS */
/* e.g. Fans, Players */


a.BigThumbnail
{
    width:50px;
    margin-right:11px;
    margin-bottom:8px;
    text-align:center;
}

a.SmallThumbnail
{
    width:26px;
    margin-right:3px;
    margin-bottom:6px;
}

a.BigThumbnail,
a.SmallThumbnail
{
    position:relative;
    display:block;
    float:left;
    color:#808080;
    overflow:hidden;
}

a.BigThumbnail img,
a.SmallThumbnail img
{
    display:block;
    border:1px solid black;
}

a.BigThumbnail:hover,
a.SmallThumbnail:hover
{
    color:#660000;
}

/* Fans - online indicators */

div.Offline span.OnlineIndicator
{
    display:none;
}

div.Online span.OnlineIndicator
{
    display:block!important;
    position:absolute;
    top:0px;
    left:0px;
    border:1px solid black;
}

a.SmallThumbnail img,
a.BigThumbnail img
{
}

div.Online a.SmallThumbnail span.OnlineIndicator
{
    display:block;
    width:5px;
    height:5px;
    background:#A3A37A;
}

div.Online a.BigThumbnail span.OnlineIndicator
{
    display:block;
    width:12px;
    height:12px;
    background:#A3A37A url(../images/tinyicons/online.png) -2px -2px;
}

div.Group a.SmallThumbnail span.OnlineIndicator,
div.Group a.BigThumbnail span.OnlineIndicator
{
    background-color:#660000;
}
    

/******************************* GAME TABS  */


div.GameTabContainer
{
    background:transparent url(../images/background.tabs.top.large.gif) repeat-x left bottom;
    height:86px;
}

div.GameTab
{
    float:left;   
    position:relative;
    top:1px;
    text-align:center;
    width:85px;
    padding:5px 0 5px 0;
}  

div.GameTab img.Thumbnail
{
    margin-top:10px;
    border:none;
    -moz-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity=40);
	;
}

div.GameTab span.Date
{
    color:#808080;
    font-weight:bold;    
}

div.GameTab span.Location
{
    color:#808080;
}

div.GameTab span.PastOutcome
{
    text-transform:uppercase;
    color:#808080;
}

div.GameTab span.PastScore
{
    color:#B28080;
    font-weight:bold;
}

div.GameTab:hover
{
}

/* SelectedGame game tab */

div.GameTab.SelectedGame,
div.GameTab.SelectedGame:hover,
div.GameTab:hover
{
    background:transparent url(../images/background.tab.top.85.png) no-repeat top left;
    position:relative;
    left:-10px;
    margin-right:-20px;
    padding-left:10px;
    padding-right:10px;
}

div.GameTab:hover
{
    background-image:url(../images/background.tab.top.85.light.png);
}

div.GameTab.SelectedGame:hover
{
}

div.GameTab a:hover img.Thumbnail,
div.GameTab.SelectedGame img.Thumbnail,
div.GameTab:hover img.Thumbnail
{
    -moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	;
}

div.GameTab.SelectedGame span.Date,
div.GameTab.SelectedGame span.Location,
div.GameTab.SelectedGame span.PastOutcome,
div.GameTab:hover span.Date,
div.GameTab:hover span.Location,
div.GameTab:hover span.PastOutcome
{
    color:Black;
}

div.GameTab.SelectedGame span.PastScore,
div.GameTab:hover span.PastScore
{
    color:#660000;
}


/* More button */

div.GameTabContainer a.MoreButton
{
    display:block;
    float:left;
    height:85px;
    width:20px;
    background:transparent url(../images/more.large.gif) no-repeat 10px 35px;
}

div.GameTabContainer a.MoreButton:hover
{
    background-image:url(../images/more.large.dark.gif);
}
    

/******************************* PLAYER TABS  */


div.PlayerTabContainer
{
    background:transparent url(../images/background.tabs.top.small.gif) repeat-x left bottom;
    height:90px;
    padding-left:5px;
}

div.PlayerTab
{
    float:left;   
    text-align:center;
    height:85px;
    width:53px;
    padding:0 0 5px 0;
    margin-right:3px;
}

div.PlayerTab img.Thumbnail
{
    margin-top:15px;
    -moz-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity=40);
	;
}

div.PlayerTab span
{
    display:block;
    color:#808080;
    padding:0 7px;
    height:27px;
    overflow-x:hidden;
}

div.PlayerTab a:hover
{
    text-decoration:none;
    color:Black!important;
}

/* SelectedPlayer Player tab */

div.PlayerTab.SelectedPlayer,
div.PlayerTab.SelectedPlayer:hover,
div.PlayerTab:hover
{
    background:transparent url(../images/background.tab.top.53.png) no-repeat top left;
    position:relative;
    left:-10px;
    margin-right:-17px;
    padding-left:10px;
    padding-right:10px;
}

div.PlayerTab:hover
{
    background-image:url(../images/background.tab.top.53.light.png);
}

div.PlayerTab.SelectedPlayer:hover
{
}

div.PlayerTab a:hover img.Thumbnail,
div.PlayerTab.SelectedPlayer img.Thumbnail,
div.PlayerTab:hover img.Thumbnail
{
    -moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	;
}

div.PlayerTab.SelectedPlayer span,
div.PlayerTab:hover span
{
    color:Black;
}

div.PlayerTab.SelectedPlayer span.PastScore,
div.PlayerTab:hover span.PastScore
{
    color:#660000;
}


/* More button */

div.PlayerTabContainer a.MoreButton
{
    display:block;
    float:left;
    height:66px;
    width:25px;
    background:transparent url(../images/more.large.gif) no-repeat 10px 35px;
}

div.PlayerTabContainer a.MoreButton:hover
{
    background-image:url(../images/more.large.dark.gif);
}
    

/******************************* GAME LISTS */

div.GameSummary
{
    float:left!important;
    width:76px;
    overflow:hidden;
    text-align:center;
    font-size:110%;
    padding:10px 0;
    height:110px;
}

div.GameSummary a.TicketLink
{
    display:inline-block;
    width:auto;
    padding-left:10px;
    background:transparent url(../images/tinyicons/ticket.g.gif) no-repeat 0 2px;
    margin:2px auto;
}

div.GameSummary img.Thumbnail
{
    border:none;
}

div.GameSummary span
{
    display:block;
}

div.GameSummary span.UpcomingDate
{
    color:Black;
    font-weight:bold;    
}

div.GameSummary span.UpcomingTime
{
    color:Black;
    font-weight:normal;
}

div.GameSummary span.UpcomingChannel
{
    font-size:90%;
    font-weight:bold;
    margin-top:6px;
    color:#666666;
}

div.GameSummary span.Location
{
    font-size:90%;
    height:15px;
    overflow:hidden;
}

div.GameSummary span.PastDate
{
    color:#B2B2B2;
}

div.GameSummary span.PastOutcome
{
    text-transform:uppercase;
    font-size:130%;
    color:Black;
    letter-spacing:1px;
}

div.GameSummary span.PastScore
{
    color:#660000;
    font-size:170%;
    font-weight:bold;
}

div.GameSummary:hover
{
    cursor:pointer;
    background:white url(../images/background.hatch.light.gif) repeat top left;
}

div.GameSummary:hover span.UpcomingDate,
div.GameSummary:hover span.UpcomingTime,
div.GameSummary:hover span.PastDate,
div.GameSummary:hover span.PastOutcome,
div.GameSummary:hover span.PastScore
{
    color:#660000;
}

div.GameSummary:hover span.PastDate,
div.GameSummary:hover span.UpcomingDate
{
    text-decoration:underline;
}

/******************************* OPPONENTS */

div.OpponentHeading
{
}

div.OpponentHeading h1
{
    margin-bottom:0;
}

div.OpponentHeading img
{
    float:left;
    margin-right:10px;
}

div.OpponentHeading div.TextContainer
{
    float:left;
    width:400px;
}

div.OpponentHeading span.OpponentLocation
{
    color:Black;
    font-size:11px;
}

div.OpponentHeading a.OpponentLink
{
    font-weight:bold;
    display:block;
}


div.Opponent div.GameSummary
{
    height:150px;
}

div.Opponent div.HardDividerVertical,
div.Opponent div.SoftDividerVertical
{
    height:160px;
}

div.Opponent div.GameSummary span.Rank
{
}

div.Opponent div.GameSummary span.Upcoming
{
    background:#660000;
    line-height:15px;
    height:17px;
    width:80px;
    color:White;
    font-weight:bold;
    text-transform:uppercase;
    font-size:10px;
}
    








/******************************* PLAYER LISTS */

div.ListPage.Players
{
}

div.ListPage.Players div.BigThumbnail
{
    margin-right:10px;
    margin-bottom:10px;
}

div.ListPage.Players div.SmallThumbnail
{
    margin-right:10px;
    margin-bottom:10px;
}

/******************************* FAN LISTS  */


/******************************* POSTS */


div.Post 
{
    padding-bottom:20px;
}

div.Post div.QuoteContainer
{
    float:left;
    width:465px;
}

div.Post div.Quote 
{
    position:relative;
    padding-right:15px;
    z-index:0;
}

div.Post div.Quote div.TextContainer
{
position:relative;
    z-index:99;
}   

div.Post div.Quote p
{
}

div.Post img.Thumbnail
{
    float:left;     
    margin:0 10px 10px 0;
}


div.Post div.QuoteSource
{
}

div.Post div.RatingAndDetails
{
    position:relative;
    top:-25px;
}

div.Post div.RatingAndDetails img
{
    display:inline!important;
}

div.Post div.RatingAndDetails div.ItemDetails
{
    float:right;
}

div.Post div.RatingBarContainer
{
    float:right;
    margin-right:10px;
}

div.Post div.RatingBar
{
}

div.Post div.RatingBarInner
{
}

img.ContentTypeIcon
{
    border:none;
    position:absolute;
    right:5px;
    top:5px;
}

div.PostResponses
{
    border-top:1px dotted #CCCCCC;
    margin:-3px 0 0 100px;
    padding:2px 0 0 0;
    list-style:none;
    width:450px;
    clear:both;
}

div.PostResponses p
{
    margin:0;
    padding:0;
    font-size:100%!important;
    line-height:130%;
    height:1.3em;
    width:465px; /* 585-10-10-100 */
    overflow:hidden;
}

div.PostResponses p span.Name
{
    font-weight:bold;
}


/* Blog post responses */

div.BlogPost div.PostResponses
{
    margin:-3px 0 0 0;
    padding:2px 0 0 0;
}

div.BlogPost div.PostResponses p
{
    margin:0;
    padding:0;
    font-size:100%;
    line-height:130%;
    height:1.3em;
}

div.BlogPost div.PostResponses p span.Name
{
}

div.Reply a.Edit
{
    position:relative;
    top:5px;
    right:-5px;
    margin-bottom:5px;
}




/* Size 2 posts */

div.Size2 div.Post 
{
}

div.Size2 div.Post div.QuoteContainer
{
    position:relative;
    float:left;
    width:260px;
}

div.Size2 div.Post div.QuoteContainer div.Quote
{
    width:250px;
}

div.Size2 div.Post div.Quote div.TextContainer
{
}

div.Size2 div.Post div.RatingBarContainer
{
    display:none;
}

div.Size2 div.Post div.RatingAndDetails
{
    left:150px;
    width:80px;
}


div.Size2 div.Post div.PostResponses,
div.Size2 div.Post div.PostResponses p
{
       width:270px;
}

div.ReplyButtonContainer
{
    float:right;
}



/******************************* FORUM POST LISTS  */


div.Item.ForumPost
{
    position:relative;
    float:none;
    padding-bottom:10px;
    min-height:1px;
}

div.Size2 div.Item.ForumPost
{
}

div.Item.ForumPost div._ShowPostControlsTrigger
{
}  

div.Item.ForumPost div._ShowPostControlsTrigger div
{
}

div.Item.ForumPost div.OriginalPost 
{
}

div.Item.ForumPost div.OriginalPost h2
{
    font-size:240%;
}

div.Item.ForumPost div.Reply
{
    background-image:url(../images/treeview/lines/l.gif);
    background-repeat:no-repeat;
}

div.Item.ForumPost.WallPost div.Reply
{
    background-image:none;
}

div.Item.ForumPost div.Reply h2
{
    display:none;
}

div.Item.ForumPost div.Reply div.HardDivider
{
    display:none;
}

div.Item.ForumPost div.ForumButtonContainer
{
    position:absolute;
    right:0;
    bottom:12px;
    width:400px;
}

div.Item.ForumPost div.Reply div.ForumButtonContainer
{
}

div.Item.ForumPost div.RatingBarContainer
{
    top:2px;
}

div.Item.ForumPost div.OffensiveButtonContainer
{
    float:right;  
}

div.Item.ForumPost div.ReplyButtonContainer
{
    float:right;  
    font-size:110%;
    margin-left:20px;
}  


/*** Forum reply form */

div.FieldsetContainer.ReplyForm
{
    clear:both;
    width:545px;
    padding:0 10px 10px 10px;
    margin-bottom:20px;
    background:white url(../images/background.hatch.light.gif) repeat 0 0;
}

div.FieldsetContainer.ReplyForm fieldset
{
    margin-top:-10px;
}  

div.GenericPopup .Error,
div.FieldsetContainer.ReplyForm .Error
{
    float:right;
    position:relative;
    top:6px;
}

div.ButtonContainer
{
    float:none;
    clear:both;
    margin-top:10px;
}
    
div.FieldsetContainer.ReplyForm a.SmallButton.No
{
    clear:none!important;
    float:left;
}

div.FieldsetContainer.ReplyForm a.SmallButton.Ok
{
    clear:none!important;
    float:right;
}

div.ReplyFormTarget.HideReply div.ReplyForm,
div.ReplyFormTarget.ShowReply div.HoverOn
{
    display:none;
}

div.ReplyFormTarget.ShowReply div.ReplyForm
{
    display:block;
}

/*** Wall post form ***/

div.FieldsetContainer.WallReplyForm
{
    width:350px;
    padding:5px 10px 0 10px;
}



/******************************* SMALL FORUM POST LISTS */


div.ForumPostSmall
{
    clear:both;
    background:transparent url(../images/divider.horizontal.xlong.light.gif) no-repeat 50% 0px;
    margin-top:6px;  
    padding-top:1px;
}

div.ForumPostSmall p
{
    margin-top:0px;
    padding:3px 2px;
    line-height:120%!important;
}

div.ForumPostSmall span.Title
{
    font-weight:bold;
    color:#333;
}

div.ForumPostSmall span.Date
{
    display:block;
    font-size:90%; 
    color:Gray;
}

div.ForumPostSmall:hover
{
    background-image:url(../images/divider.horizontal.xlong.dark.gif);
}

div.ForumPostSmall:hover p,
div.ForumPostSmall:hover div.Conversation
{
    color:Black;
    background:white url(../images/background.hatch.light.gif) repeat top left;
}

div.ForumPostSmall:hover span.Date
{
}

div.ForumPostSmall:hover span.Title
{
    color:#660000;
    text-decoration:underline;
}

div.ForumPostSmall img.Thumbnail
{
    float:left;
    margin-right:5px;
}

div.ForumPostSmall div.TextContainer
{
    float:left;
}

div.ForumPostSmall a
{
    display:block;
}

/******************************* CONVERSATION LISTS  */


div.Conversation
{
    clear:both;
    min-height:85px;
    padding-left:4px;
}

div.Conversation div.ConversationOriginalPost
{
}

div.Conversation div.ConversationOriginalPost span.Title
{
    font-weight:normal;
}

div.Conversation div.ConversationResponse
{
    margin-left:24px;
}

div.Conversation div.ConversationOriginalPost img.Thumbnail,
div.Conversation div.ConversationResponse img.Thumbnail
{
    position:relative;
    top:4px;
}

div.Conversation span.Date
{
    display:inline;
}

div.Conversation div.ConversationDetails
{
    float:right;
    margin-top:3px;
    width:60px;
    text-align:center;
}

div.Conversation div.ConversationDetails img.Thumbnail
{
    display:block;
}

div.Conversation span.ThisUser
{
    font-weight:bold;
}

div.Conversation div.ConversationViewMore
{
    margin-left:44px;
    position:relative;
    top:4px;
}


/******************************* BLOG LISTS */


/******************************* VIDEO LISTS */


div.VideoEmbedContainer
{
    width:425px;
    margin:0 auto;
}


/******************************* PAGER FOR LISTS */

p.Pager
{
    clear:both;
    position:relative;
    background:white url(../images/background.hatch.light.gif) repeat top left;
    border-top:1px solid #ddd;
    padding:3px;
    height:24px;
    margin-top:24px;
}

p.Pager span.PagerLocation
{
    position:relative;
    top:2px;
    text-align:center;
    display:block;
    color:#808080;
}

p.Pager a.Left
{
    position:absolute;
    top:5px;
    left:5px;
    display:inline-block;
}

p.Pager a.Right
{
    position:absolute;
    top:5px;
    right:0;
    display:inline-block;
}



/****************************************************************************  DETAIL PAGES*/



div.DetailPage h1
{
    font-size:250%;
    line-height:100%;
}

div.DetailPage h2
{
    font-size:150%;
    line-height:120%;
    
}

div.DetailPage p
{
    font-size:120%;
    line-height:150%;
}

div.DetailPage div.RatingToolContainer
{
    float:left;
    padding-top:2px;
}

div.DetailPage div.RatingToolContainer div.RatingBarContainer
{
    float:left;
}


div.DetailPage div.ThumbsContainer
{
    float:left;
    padding-top:2px;
}

div.DetailPage div.OffensiveButtonContainer
{
    float:right;
    margin-left:5px;
}




/******************************* GAME DETAIL PAGE */


div.DetailPage.Game div.GameSummary
{
    float:right;
    width:150px;
}

div.DetailPage.Game table.GameHeading
{
    border-collapse:collapse;
}

div.DetailPage.Game table.GameHeading td
{
    vertical-align:middle;
    padding:2px 0;
}

div.DetailPage.Game h1
{
    margin:0;
    font-size:230%;
    line-height:130%;
}

div.DetailPage.Game table.GameHeading h1 a
{
    color:#595959;
    text-decoration:underline;
}

div.DetailPage.Game table.GameHeading h1 a:hover
{
    color:#660000;
}

div.DetailPage.Game tr.OurTeam td
{
    border-bottom:1px solid #eee;
}

div.DetailPage.Game tr.OurTeam h1
{
    font-size:150%;
    font-weight:bold;
    color:#888;
}

div.DetailPage.Game span.Rank
{
    color:Gray;
    font-size:100%;
    font-weight:bold;
    text-align:right;
    display:inline-block;
    width:30px;
    margin-right:10px;
}

div.DetailPage.Game h1 span.Vs
{
    color:Gray;
    font-size:80%;
    font-weight:normal;
    margin-left:5px;
}    

div.DetailPage.Game span.Score
{
    color:Black;
    font-size:180%;
    display:block;
    text-align:right;
    padding-right:3px;
}


div.GameDetails
{
    margin:6px 0 12px 0;
    padding-top:6px;
    
}

div.GameDetails p
{
    color:#888;
    margin:0;
    font-size:110%!important;
}


/******************************* TICKETS DETAIL PAGE */

div.TicketInfo
{
    float:left;
    width:325px;
    margin-right:10px;
}

div.TicketSellerInfo
{
    float:left;
    width:227px;
}


/******************************* PLAYER DETAIL PAGE */


div.PlayerHeading
{
}

div.PlayerHeading img.Thumbnail
{
    float:left;
    margin:0 10px 10px 0;
}

div.PlayerHeading div.TextContainer
{
    float:left;
    width:400px;
}

div.PlayerHeading span.Number
{
    font-size:160%;
    color:Gray;
    font-weight:bold;
}

div.PlayerHeading span.Positions
{
    font-size:160%;
    color:Gray;
}

div.PlayerHeading span.Seasons
{
    display:block;
}


/******************************* LINK DETAIL PAGE */


div.DetailPage.Link
{
}

div.DetailPage.Link span.Thumbnail
{
    display:block;
    float:left;
    margin:0 10px 10px 0;
}

div.LinkContentContainer
{
    width:150px;
    overflow:hidden;
    clear:both;
}   

div.LinkContentContainer a.SmallButton
{
    width:120px;
    overflow:hidden;
}

div.LinkContentContainer a img
{
    border:none;
}

/****************************************************************************  OTHER PAGES*/



/******************************* SEARCH PAGE */



div.SearchPage h5.SearchHead
{
    margin:20px 0;  
    padding-top:10px;  
    background:transparent url(../images/divider.horizontal.xlong.light.gif) no-repeat 50% top;
}

div.PublicSearchPanel
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
    padding:10px;
    margin-top:-20px;
}

div.PublicSearchPanel input.FormField
{
    float:left;
    margin-right:4px;
}

div.PublicSearchPanel a.SmallButton
{
    float:left;
    clear:none;
    position:relative;
    top:1px;
}

div.SearchPage p.OnThisPage
{
    clear:both;
}

div.SearchPage a.MoreLink
{
    display:block;
    float:right;
    margin:-30px 0 10px 0;
}


/******************************* POPUP PAGES */
/* e.g. Markdown quick reference */

body.PopupPage
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
    margin:15px;
}

body.PopupPage p
{
    color:#333;
    font-size:120%;
}

body.PopupPage h5
{
    margin-top:16px;
}

body.PopupPage code
{
    font-size:120%;
    color:#555;
}


/******************************* PUBLIC PAGES */


div#Public
{
    margin:50px 10px 25px 205px;
}


/******************************* CONTACT PROFILE PAGE */


div.DetailPage.Contact
{
}

div.DetailPage.Contact p
{
}

div.ContactHeading
{
    position:relative;
    top:-5px;
    z-index:200;
    left:110px;
    height:125px;
}


div.DetailPage.Contact div.ContactPhoto
{
    position:absolute;
    z-index:201;
}

div.ContactHeading strong
{
    color:#333;
}

div.ContactHeading div.CredibilityContainer
{
    float:left;
    top:0;
}


div.ContactHeading div.ItemDetails
{
    width:350px;
    float:none;
    clear:both;
    padding-bottom:2px;
    margin-bottom:2px;
    white-space:nowrap;
    border-bottom:1px dotted #E6E6E6;

}

div.ContactHeading div.Toolbar
{
    width:450px;
}

/*** Credibility Calculation Popup */

div.ContactHeading div.HighlightOn 
/* Target height when on */
{
    height:370px; /* 340+15+15 (PopAroundInner height+padding) */
    margin-bottom:-350px; 
}

div.ContactHeading div.HighlightOn div.PopAroundInner
/* Inner height when on */
{
    height:340px;
}

div.ContactHeading div.HighlightOn div.PopAroundTrigger
/* Trigger height when on */
{
    height:40px;
}

div.ContactHeading div.HighlightOff div.PopAroundTrigger
/* Trigger height when off */
{
    height:40px;
}

div.ContactHeading div.BelowTrigger
/* Text positioned below trigger */
{
    position:absolute;
    top:120px;
}

div.ContactHeading div.AboveTrigger 
{
}

div.ContactHeading div.AboveTrigger h6
{
    float:left;
    margin-top:0;
}

div.ContactHeading div.AboveTrigger a
{
    float:right;
    color:#aaa;
}

div.ContactHeading div.PopAroundTrigger
{
    clear:both;
}

div.CredibilityCalculation
{
    position:absolute;
    top:30px;
}

div.CredibilityCalculation div.HardDivider,
div.CredibilityCalculation div.SoftDivider
{
    margin:0;
}

div.CredibilityCalculation p
{
    font-size:100%!important;
    line-height:120%!important;
}  

div.CredibilityCalculation table.Details
{
    width:365px;
}

div.CredibilityCalculation table.Details td
{
}



/* Contact content */
div.TabbedContent
{
}

div.TabbedContent div.SortContainer
{
    position:absolute;
    top:100px;
    right:10px;
}

/******************************* INBOX TABLE */

table.Inbox
{
    clear:both;
    margin-top:6px;
}

table.Inbox th
{
}

table.Inbox td
{
    padding:6px 8px 8px 4px!important;
    border-color:#E6E6E6!important;
}

table.Inbox tr:hover td
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
}

table.Inbox tr.NewMessage:hover td
{
    background:white url(../images/background.hatch.med.gif) repeat top left;
}

table.Inbox tr.NewMessage td
{
    background-color:#F2F2F2;
}

table.Inbox td.InboxFrom
{
    width:150px;
}

table.Inbox td.InboxFrom img.Thumbnail
{
    margin:2px 5px 2px 2px;
    float:left;
}

table.Inbox td.InboxFrom div.TextContainer
{
    float:left;
    width:100px;
}


table.Inbox td.InboxFrom span.Name
{
    display:block;
    font-size:110%;
}

table.Inbox td.InboxFrom span.Date
{
    display:block;
    white-space:nowrap;
    color:#808080;
}

table.Inbox td.InboxMessage
{
}

table.Inbox tr.NewMessage td.InboxMessage a.MessageSubject
{
    font-weight:bold;
}

table.Inbox td.InboxMessage p
{
    margin:0;
}

table.Inbox td.InboxMessage a.MessageSubject
{
}

table.Inbox td.InboxMessage p.MessageContent
{
    font-size:100%;
    line-height:120%;
}

table.Inbox td.InboxMessage p.MessageLastReply
{
    border-top:1px dotted #CCCCCC;
    font-size:100%;
    line-height:120%;
    margin-top:3px;
    padding-top:2px;
}

table.Inbox td.InboxMessage p.MessageLastReply span.Name
{
    font-weight:bold;
}

table.Inbox td.InboxMessage p.MessageLastReply span.Date
{
    color:#808080;
}

table.Inbox td.InboxResponseCount
{
    text-align:center;
    font-size:110%;
    color:#4C4C4C;
    font-weight:bold;
    vertical-align:middle;
}

/******************************* USER LIST (E.G. IMPORTED FAN CHECKBOXLIST) */

span.UserList
{
    display:block;
}

span.UserList label
{
}

span.UserList input
{
    float:left;
}

span.UserList span.ImportFanMatch
{
    float:left;
    cursor:pointer;
}

span.UserList img.Thumbnail
{
    float:left;
    margin:2px 5px 2px 2px;
}

span.UserList span.TextContainer
{
    width:400px;
    float:left;
}

span.UserList span.ScreenName
{
    font-weight:bold;
    font-size:120%;
    color:#999999;
}

span.UserList span.ImportFanMatch:hover span.ScreenName
{
    color:#660000;
    text-decoration:underline;
}

span.UserList span.RealName
{
    font-weight:bold;
}

span.UserList span.Email
{
}

span.UserList label 
{
    display:inline;
    font-weight:normal;
}

span.UserList.WhoIsTalking
{
    clear:both;
    height:25px;
    margin-bottom:3px;
}

span.UserList.WhoIsTalking span.TextContainer
{
    width:100px;
}

span.UserListFlat label 
{
    display:inline;
    font-weight:normal;
}

span.UserList span.DisabledFanMatch img
{
    -moz-opacity: 0.25;
	opacity: 0.25;
	filter: alpha(opacity=25);
	
}


/******************************* FORUM TABLE */

table.Forum tr:hover td
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
}

table.Forum td
{
    font-size:11px;
    padding:5px!important;
}

table.Forum a.ForumTitle
{
    font-weight:bold;   
}

table.Forum span.Date
{
    font-size:9px ;
    color:#808080;
    font-weight:normal;    
    display:block;
}

/******************************* FORUM PREVIEW */

div.ForumPreviewPanel
{   
    padding-top:10px;
}

div.ForumPreviewPanel span.Date
{
    display:inline!important;
    white-space:nowrap;
}

div.ForumPreviewPanel div.ForumPreviewEntry
{
    clear:both;
    padding-top:3px;
}

div.ForumPreviewPanel img.Thumbnail
{
    float:left;
    margin-right:3px;
}

div.ForumPreviewPanel div.TextContainer
{
    float:left;
}


/******************************* POLL RESULTS */

div.PollResult
{
    border-bottom:1px dotted #E6E6E6;
    font-size:11px;
    width:320px;
    padding:3px 0;
}

div.PollResult div.CurrentUserResponse
{
    width:15px;
    height:15px;
    float:left;
}

div.PollResult div.CurrentUserResponse img
{
    border:none;
    margin-top:2px;
}

div.PollResult div.Answer
{
    float:left;
    width:150px;
}

div.PollResult div.ResultBar
{
    float:left;
    background-color:#A3A37A;
    height:10px;
    margin-top:2px;
    margin-left:5px;
}

div.PollResult div.ResultPercentage
{
    font-size:10px;
    float:left;
    color:#808080;
    margin-left:5px;
}

/* Embedded poll results */

div.EmbeddedPoll div.PollResult
{
    width:auto;
}

div.EmbeddedPoll div.CurrentUserResponse
{
    display:inline;
    float:none;
}

div.EmbeddedPoll div.Answer
{
    display:inline;
    float:none;
}

div.EmbeddedPoll div.ResultBar
{
    display:none;
}

div.EmbeddedPoll div.ResultPercentage
{
    display:inline;
    float:none;
}



/****************************************************************************  POPUPS & MODALS */



/******************************* GENERIC POPUP */

div.GenericPopup
{
    position:absolute;
    z-index:999;
    width:400px;
    height:516px;
    background:transparent url(../images/background.poparound.bottom.2.png) no-repeat left bottom;
    padding-bottom:12px;
}

div.GenericPopupInner
{
    position:relative;
    height:500px;
    background:transparent url(../images/background.poparound.2.png) no-repeat left top;
    padding:16px 16px 0 16px;
    overflow:hidden;
}

div.GenericPopup div.Tabs
{
    text-align:left;
}

div.GenericPopup div.Tabs a
{
    border-color:#ddd;
}

div.GenericPopup div.Tabs a:hover
{
}

div.GenericPopup div.Tabs a.Selected,
div.GenericPopup div.Tabs a.Selected:hover
{
    border-bottom-color:White;
}

div.GenericPopup div.SearchContainer
{
    float:right;
    position:relative;
    top:-2px;
}

div.GenericPopup div.SearchContainer input
{
    width:90px;
    float:left;
}

div.GenericPopup div.SearchContainer a.SmallButton
{
    position:relative;
    top:2px;
    left:5px;
    margin-left:2px;
    margin-right:0;
    float:left;
    clear:none;
}


div.GenericPopup img.WaitImage
{
    position:absolute;
    top:40px;
    left:17px;
    border:167px solid white;
}

div.GenericPopup a.Gray_X
{
    /* close button */
    position:absolute;
    float:none;
    clear:none;
    right:13px;
    top:13px;
}

div.GenericPopup fieldset
{
    margin-top:8px;
}


/******************************* SEND LINK POPUP */


div#SendToFriendPopup div.GenericPopup
{
    height:316px;
}

div#SendToFriendPopup div.GenericPopupInner
{
    height:300px;
}


/******************************* FORUM REPLY POPUP */


div#ForumPostReplyPopup div.GenericPopup
{
    height:266px;
}

div#ForumPostReplyPopup div.GenericPopupInner
{
    height:250px;
}


/******************************* TAGS POPUP */


div.TagButtonContainer
{
    float:right;
    margin:3px 0;
    position:relative;
    z-index:999;
}

div.TagsCheckboxlist
{
    height:200px;
    overflow-y:scroll;
    overflow-x:hidden;
    background:white;
    border:1px solid #ddd;
    padding:2px;
    margin-top:-1px;
}

/* Tag thumbnails  */

div.TagThumbnailContainer
{
    float:left;
    position:relative;
    margin:0 5px 5px 0;
    width:50px;
    height:50px;
}

div.GenericPopup div.TagListContainer
{
    height:165px; /* (50 px + 5px) x 3 rows */
    overflow:hidden;
    position:relative;
}

div.TagThumbnailContainer a.X
{
    position:absolute;
    bottom:-2px;
    right:-3px;
}

a.TagThumbnailLink
{
    margin:0 3px 3px 0;
}

a.TagThumbnailLink:hover
{
}

a.TagThumbnailLink img
{
    border:1px solid black;
    -moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	
}

a.TagThumbnailLink:hover img
{
    -moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	
}


div.ScrollVerticalStatusBar
{
    margin-top:-1px;
    border:1px solid #ddd;
    padding:2px 8px 4px 8px;
    background:#FAFAFA;
    font-size:90%;
}


/******************************* PHOTO EDITING POPAROUND */


div.PhotoEditPanel
{
}

div.PhotoEditPanel div.PopAroundTarget
{
    height:275px;
    z-index:999;
    margin-bottom:-88px; 
}

div.PhotoEditPanel div.PopAroundInner
{
    padding-top:30px;
    height:230px;
}

div.PhotoEditPanel a.FloatRight
{
    margin-right:20px;
}

div.PhotoEditButtonContainer
{
    padding-top:3px;
}



/******************************* MODAL */


div#popupMask,
div#ModalMask,
div#ModalButtonMask
{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1000%;
    z-index:200;
    background-color:#000;
    -moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	
}

div.ModalContainer
{
    position: absolute;
    z-index: 201!important;
    top: 0px;
    left: 0px;
    display:none;
    background:white url(../images/background.hatch.light.gif) repeat 0 0;
    border:1px solid black;
}  

div.ModalInner
{
    margin-top:5px;
}  

a.ModalCloseButton
{
    position:absolute!important;
    top:5px;
    right:15px;
}
    
div#ModalMask.Visible,
div.ModalContainer.Visible,
div#ModalButtonMask.Visible
{
    display:block;
} 
    
div#ModalMask.Hidden,
div.ModalContainer.Hidden,
div#ModalButtonMask.Hidden
{
    display:none;
} 
 
 div.ModalContainer fieldset
{
    margin:18px auto 0 auto;
    width:90%;
}
        
div.ModalContainer .Error
{
    float:right;
    position:relative;
    top:6px;
}

div.ModalContainer a.ModalCloseButton
{
    right:1px;
}


/* Image Modal */

div.ImageModal
{
    /*margin:100px;*/
    padding:30px 10px 10px 10px;
    text-align:center;
}

div.ImageModal a.ModalCloseButton
{
    right:1px;
}

img.ModalTrigger
{
    cursor:pointer;
}


/******************************* MODAL PROXY PAGES */

div.ModalProxy
{
    padding:10px;
}

 div.ModalProxy fieldset
{
    margin:0 auto;
}
        
div.ModalProxy .Error
{
    float:right;
    position:relative;
    top:6px;
}

div.ModalProxy a.ModalCloseButton
{
    right:1px;
}


/******************************* "PLEASE WAIT" PROXY PAGE */

div.PleaseWaitProxy
{
    padding:100px 20px;
    text-align:center;
}

div.PleaseWaitProxy img
{
    vertical-align:middle;
    margin:5px;
}

div.PleaseWaitProxy span
{
    font-weight:bold;
    font-size:110%;
}



/****************************************************************************  CONTROLS*/



/******************************* MISC LIST PAGE CONTROLS */


div.SortContainer
{
    position:absolute;
    top:-20px;
    right:10px;
}

div.SortContainer select
{
    font-size:100%;
}

div.EmailCheckboxContainer
{
    position:absolute;
    top:-15px;
    left:205px;
}

div.EmailCheckboxContainer label
{
    font-size:100%;
}

div.NewItemContainer
{
    position:absolute;
    top:20px;
    right:5px;
}


/******************************* POST ATTACHMENT PICKER */

div.PostAttachmentPicker
{
    background:white;
    border:1px solid silver;
    padding:5px;
}


div.PostAttachmentPicker img.Thumbnail
{
    float:left;
    margin-right:5px;
    border:1px solid black!important;
}

div.PostAttachmentPicker div.TextContainer
{
    float:left;
    width:350px;
}

div.PostAttachmentPicker div.SelectorLabel
{
    float:left;
	padding:4px 0;
	font-size:100%;
	font-weight:bold;
	margin-right:4px;
}

div.PostAttachmentPicker div.Selector
{
    float:left;
}

div.PostAttachmentPicker div.Selector a
{
    display:inline-block;
	font-size:100%;
	margin-left:4px;
	padding:3px 5px;
	border:1px solid #F2F2F2;
	background:#F7F7F7;
	font-weight:normal;
	color:Gray;
}

div.PostAttachmentPicker div.Selector a:hover
{
    border:1px solid #A3A37A;
	color:Gray;
	text-decoration:none;
}

div.PostAttachmentPicker div.Selector a.On
{
	color:Black;
	font-weight:bold;
	border:1px solid #A3A37A;
	background:#FAFAFA;
}

div.PostAttachmentPicker iframe
{
}

div.DocumentLinkContainer
{
    width:400px;
    overflow-x:hidden;
}

/* Upload progress in proxy files */

body#Blank div#UploadProgress
{
    padding:3px 0;
}

body#Blank div#UploadProgress img
{
    margin-right:3px;
}


/******************************* CREDIBILITY BAR */


div.CredibilityContainer
{
    position:relative;
    display:inline-block;
    top:2px;
    width:120px;
}

span.CredBarLabel,
span.CredBarNumber
{
    display:inline-block;
    float:left;
}

span.CredBarLabel
{
    margin-right:3px;
}

span.CredBarContainer
/* Altered in ie6.css */
{
    display:block;
    float:left;
    position:relative;
    top:2px;
    left:0px;
    height:8px;
    width:71px;
    border:1px solid #B2B2B2;
    margin-right:3px;
}  

span.CredBar
{
    display:inline-block;
    position:absolute;
    background-color:#A3A37A;
    height:8px;
    font-size:1px;
    width:71px;
}

span.CredBarOverlay 
/* Altered in ie6.css */
{
    display:inline-block;
    position:absolute;
    height:8px;
    width:71px;
    background:transparent url(../images/progress.overlay.71.png) no-repeat 0 0; 
}


/******************************* ACTIVITY LOG (FRIEND FEED) */

p.ActivityLog
{
    font-size:11px;
    line-height:13px!important;
    background:transparent url(../images/tinyicons/friend.g.gif) no-repeat 0 2px;
    padding-left:12px;
}

p.ActivityLog span.Date
{
    font-size:9px;
    color:#808080;
    font-weight:normal;    
    white-space:nowrap;
}

/* These class names correspond to the Fansite.Data.ActivityFeedTypes enum */

p.ActivityLog.NewAccount { background-image: url(../images/tinyicons/profile.g.gif); }
p.ActivityLog.AcceptedFriendInvitation { background-image: url(../images/tinyicons/friend.g.gif); }
p.ActivityLog.UpdatedWiki { background-image: url(../images/tinyicons/edit.g.gif); }
p.ActivityLog.UpdatedProfile { background-image: url(../images/tinyicons/profile.g.gif); }
p.ActivityLog.NewUserLevel { background-image: url(../images/tinyicons/exclamation.g.gif); }
p.ActivityLog.SentPrivateMessage { background-image: url(../images/tinyicons/mail.g.gif); }
p.ActivityLog.RespondedPrivateMessage { background-image: url(../images/tinyicons/mail.g.gif); }
p.ActivityLog.CreatedNewGroup { background-image: url(../images/tinyicons/friend.g.gif); }
p.ActivityLog.JoinedGroup { background-image: url(../images/tinyicons/friend.g.gif); }
p.ActivityLog.LeftGroup { background-image: url(../images/tinyicons/x.g.gif); }
p.ActivityLog.WroteGroupWall { background-image: url(../images/tinyicons/forum.g.gif); }
p.ActivityLog.CreatedWiki { background-image: url(../images/tinyicons/blog.g.gif); }
p.ActivityLog.CreatedAdminContent { background-image: url(../images/tinyicons/admin.g.gif); }
p.ActivityLog.UpdatedAdminContent { background-image: url(../images/tinyicons/admin.g.gif); }
p.ActivityLog.DeletedAdminContent { background-image: url(../images/tinyicons/admin.g.gif); }
p.ActivityLog.BulkAdminUpload { background-image: url(../images/tinyicons/admin.g.gif); }
p.ActivityLog.AdminMessageCreated { background-image: url(../images/tinyicons/admin.g.gif); }
p.ActivityLog.AdminMessageResponse { background-image: url(../images/tinyicons/admin.g.gif); }
p.ActivityLog.NewTicket { background-image: url(../images/tinyicons/ticket.g.gif); }
p.ActivityLog.SoldTicket { background-image: url(../images/tinyicons/ticket.g.gif); }
p.ActivityLog.TicketInquiry { background-image: url(../images/tinyicons/ticket.g.gif); }
p.ActivityLog.TicketInquiryResponse { background-image: url(../images/tinyicons/ticket.g.gif); }
p.ActivityLog.NewCommunityContent { background-image: url(../images/tinyicons/blog.g.gif); }
p.ActivityLog.NewCommunityPost { background-image: url(../images/tinyicons/forum.g.gif); }
p.ActivityLog.NewForumPost { background-image: url(../images/tinyicons/blog.g.gif); }
p.ActivityLog.ForumPostReply { background-image: url(../images/tinyicons/forum.g.gif); }

/******************************* FRIEND LISTING */

div.FriendListing
{
    clear:both;
    background:transparent url(../images/divider.horizontal.xlong.dark.gif) no-repeat 0 bottom;
    padding:0px 0px 1px 0px;
}

div.FriendListing div.FriendListingInner
{
    padding:10px 5px;
    background:transparent;
}

div.FriendListing:hover div.FriendListingInner
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
}

div.FriendListing a.BigThumbnail
{
    width:auto;
    margin:0;
}

div.FriendListing img.Thumbnail
{
    float:left;
    margin-right:10px;
}

div.FriendListing div.TextContainer
{
    float:left;
    width:280px;
}

div.FriendListing h2
{
    margin:0 0 3px 0;
    font-weight:bold;
}

div.ItemDetailsContainer
{
    margin-top:2px;
}

div.ItemDetailsContainer div.ItemDetails
{
    padding-bottom:2px;
    margin-bottom:2px;
    border-bottom:1px dotted #E6E6E6;
}

div.FriendListing div.CredibilityContainer
{
    float:left;
    top:0;
}

div.FriendListing div.ButtonContainer
{
    margin:0;
    float:right;
    width:150px;
}

div.FriendListing div.ButtonContainer a.SmallButton
{
    width:120px;
}


/******************************* TICKET LISTING */

p.TicketListing
{
    font-size:11px;
    line-height:13px!important;
    background:transparent url(../images/tinyicons/ticket.g.gif) no-repeat 0 2px;
    padding-left:12px;
}

p.TicketListing span.Date
{
    font-size:9px ;
    color:#808080;
    font-weight:normal;    
}

/******************************* TOPIC LISTING */

div.TopicListing
{
    clear:both;
    background:transparent url(../images/divider.horizontal.xlong.dark.gif) no-repeat 0 bottom;
    padding:0px 0px 1px 0px;
}

div.TopicListing div.TopicListingInner
{
    padding:10px 5px;
    background:transparent;
}

div.TopicListing:hover div.TopicListingInner
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
}

div.TopicListing a.BigThumbnail
{
    width:auto;
    margin:0;
}

div.TopicListing img.Thumbnail
{
    float:left;
    margin-right:10px;
}

div.TopicListing div.TextContainer
{
    float:left;
    width:450px;
}

div.TopicListing h2
{
    margin:0 0 3px 0;
    font-weight:bold;
}

div.ItemDetailsContainer
{
    margin-top:2px;
}

div.ItemDetailsContainer div.ItemDetails
{
    padding-bottom:2px;
    margin-bottom:2px;
    border-bottom:1px dotted #E6E6E6;
}

div.TopicListing div.ButtonContainer
{
    margin-left:85px;
    margin-top:0px;
}

div.TopicListing div.ButtonContainer a
{
    font-size:110%;
}


/******************************* BLOG ACTIVITY CHART */

div.ActivityChart
{
    border-top:1px solid #F7F7F7;
}

div.ActivityChart div.ChartRow
{
    min-height:17px;
    clear:both;
    border-bottom:1px solid #F7F7F7;
    padding:1px 0;
}

div.ActivityChart a.Month
{
    display:block;
    width:45px;
    float:left;
    color:#595959;
}

div.ActivityChart span.Icons
{
    display:block;
    width:115px;
    margin-left:10px;
    float:left;
    padding:3px 0 ;
}

div.ActivityChart span.Icons span
{
    font-size:1px;
    display:block;
    width:5px;
    height:5px;
    float:left;
    background-color:#CCCCCC;
    margin:1px 1px 0 0;
}

div.ChartRow:hover a,
div.ChartRow a:hover
{
    color:#A3A37A;
    cursor:pointer;
    text-decoration:none;
}

div.ChartRow:hover span.Icons span
{
    background-color:#A3A37A;
}


/******************************* TABS */


div.Tabs 
{
    padding:5px;
    border-bottom:1px solid #F2F2F2;
    text-align:right;
}

div.Tabs a
{
    position:relative;
    z-index:100;
	font-size:10 0%;
	padding:3px 7px 5px 7px;
	border:1px solid #F2F2F2;
	font-weight:normal;
    background-color:#F7F7F7;
	color:#4C4C4C;
}

div.Tabs a:hover
{
    background-color:#EDEDED;
	color:#000000;
	text-decoration:none;
}

div.Tabs a.Selected,
div.Tabs a.Selected:hover,
/* relational:TabStrip uses On and Off instead of Selected and (blank) */
div.Tabs a.On, 
div.Tabs a.On:hover
{
    font-weight:bold;
    background-color:White;
    border-bottom:1px solid white!important;
}

div.Tabs a strong
{
    color:#660000;
}

/* Large Tabs */

div.Tabs.Large
{
    text-align:left;
    border-color:#D9D9D9;
    margin-top:3px;
}

div.Tabs.Large a
{
    font-size:110%;
    padding:5px 7px 5px 7px;
    border-color:#D9D9D9;
}


div.TabPanelContainer
{
    border-color:#D9D9D9;
    border-style:solid;
    border-width:0 1px 1px 1px;
    background-color:White;
    padding:5px 5px 15px 5px;
}

fieldset div.Tabs
{
    margin-top:10px;
}


/* Feed tabs */

div.Feed 
{
    margin-left:-5px;
}

div.Feed a
{
    font-size:110%;
    padding:5px;
}

div.Feed a.On,
div.Feed a.On:hover
{
    font-weight:normal;
    color:#000000;
}


/* relational:Tabstrip */

div.Tabstrip
{
    text-align:left;
}

div.Tabstrip a
{
    margin-right:5px;
}

/* Tabs in a modal */

div.ModalInner div.Tabstrip 
{
    border-color:#D9D9D9;
    padding-bottom:3px;
}

div.ModalInner div.Tabstrip a
{
    border-color:#D9D9D9;
    font-size:110%;
    padding:1px 7px 3px 7px;
}

div.ModalInner div.TabStrip a.On,
div.ModalInner div.TabStrip a.On:hover
{  
    font-weight:normal;
    color:#000000;
    border-bottom:1px solid white!important;
}



/**************************** SUBTABS */

div.SubTabs
{
    margin:24px 0;
}

div.SubTabs a
{
	font-size:100%;
	margin-left:2px;
	padding:3px 5px;
	border:1px solid #E6E6E6;
	font-weight:normal;
	color:Gray;
	font-size:110%;
}

div.SubTabs a:hover
{
	border:1px solid #A3A37A;
	color:Black;
	text-decoration:none;
}

div.SubTabs a.Selected,
div.SubTabs a.Selected:hover
{
	color:Black;
	font-weight:bold;
	border:1px solid #A3A37A;
	background:#FAFAFA;
}



/******************************* EXISTING CONTENT RESULTS */


div.ExistingContent
{
    position:absolute;
    z-index:99999;
}
    
div.ExistingContentResults
{
    position:absolute;
    background:white;
    border:1px solid gray;
    width:130px;
    padding:5px;
}  

div.ExistingContentResults span.ExistingContentResultsHeading
{
    color:Gray;
    font-weight:bold;
    font-size:90%;
}

div.ExistingContentResults a
{
    margin-top:3px;
    display:block;
}


/******************************* DUMMY BUTTONS */

/* Displayed when a WaitButton is clicked (to provide feedback while preventing double-postbacks) */

a.DummyButton,
a.DummyButton:hover
{
    color:gray!important;
    font-weight:normal!important;
}

a.DummyButton span,
a.DummyButton:hover span
{
    background-color:white!important;
}

a.DummyButton img
{
    position:relative;
    top:1px;
    margin-right:3px;
    border:none!important;
}
        

/******************************* TOOLBAR */


div.Toolbar
{
    background:white url(../images/background.toolbar.gif) repeat-x 0 0;
    height:18px;
    border-bottom:1px solid #bbb;
    padding:3px 2px 2px 2px;
    margin-bottom:12px;
    clear:both;
}

div.BottomToolbar
{
    background-image:url(../images/background.toolbar.bottom.gif);
    border-bottom:none;
    border-top:1px solid #bbb;
    margin-top:12px;
    padding:2px 2px 3px 2px;
}

div.Toolbar div.ItemDetails
{
    float:left;
    padding:3px;
}

div.Toolbar div.RatingToolContainer
{
    margin-left:4px;
    float:left;
}

div.Toolbar div.ToolbarButtons
{
    float:right;
}  

div.Toolbar div.ToolbarButtons div.ToolbarButtonGroup
{
    float:left;
    margin-right:0px;
}

div.Toolbar div.ToolbarButtons a.SmallButton.Toolbar span
{
}


div.Toolbar div.ToolbarButtons div.ToolbarButtonGroup.Toggle a.SmallButton
{
    padding:0 0 0 17px!important;
    margin:0 0 0 -1px!important;
}

div.Toolbar label 
{
    display:inline;
    font-weight:normal;
}

div.Toolbar.BeforeScrollVertical
{
    margin-bottom:0;
    border:1px solid silver;
    border-bottom:none;
    padding-top:1px;
}

div.Toolbar div.FloatRight
{
    padding-right:5px;
}


/* Ok all/none */
input.OkAllTrigger
{
    margin:0 1px;
}

div.Toolbar a.BookmarkButton
{
    margin-left:2px;
    float:left;
}

/******************************* ADMIN TOOLBAR */
/* Post.aspx */

div.AdminToolbar
{
    background:white url(../images/background.hatch.dark.gif) repeat top left;
    height:18px;
    border-bottom:1px solid #bbb;
    padding:3px 2px 2px 2px;
    margin-top:-12px;
    margin-bottom:12px;
    clear:both;
    color:#B2B2B2;
}

/* Peekaboo floating admin toolbar */

div.PeekabooAdminToolbarContainer
{
    position:relative;
}
    
div.PeekabooAdminToolbarContainer div.AdminToolbar
{
    float:right;
    width:90px;
    position:absolute;
    top:15px;
    right:5px;
    border:none;
    margin-left:5px;
    -moz-opacity: 0.05;
	opacity: 0.05;
	filter: alpha(opacity=5);
	
}

div.PeekabooAdminToolbarContainer:hover div.AdminToolbar
{
    -moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	
}

div.PeekabooAdminToolbarContainer div.AdminToolbar img
{
    border:none!important;
}


/******************************* DATAGRID TOOLBAR */

div.Toolbar.DataGridTools
{
    margin-bottom:0px;
    border:solid #CCCCCC;
    border-width:1px 1px 0 1px;   
    position:relative;
    z-index: 9999;
}

/***************************************************************** PAGER */

div.Pager
{
    border: 1px solid [[c:AdminKhaki]];
    background: [[c:AdminKhaki+.3]];
    clear: both;
    height: 25px;
    margin-top: -1px;
    padding: 4px;
    position: relative;
}

div.Pager span.CurrentPageLabel
{
    position: absolute;
    left: 50%;
    height: 25px;
    line-height: 25px;
}

/******************************* COLUMN CHOOSER */

div#ColumnChooserContainer
{
    position: absolute; /* within div#Toolbar */
    top: 2px;
    right: 2px;
    width: 130px;
}

div#ColumnChooserContainer .ColumnChooser
{
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    line-height: 12px;
    margin-top: -1px;
    overflow-x: hidden;
    position:relative;
}

div#ColumnChooserContainer.Hover .ColumnChooser
{
    display: block;
}

div#ColumnChooserContainer .ColumnChooser,
div#ColumnChooserContainer.NoHover .ColumnChooser
{
    display: none;
}

div#ColumnChooserContainer .ColumnChooser span
{
    display: block;
    white-space: nowrap;
    font-size: 11px;
    padding: 0 3px;
}

div#ColumnChooserContainer .ColumnChooser span:hover
{
    background-color: #D9D9D9;
}

div#ColumnChooserContainer .ColumnChooser label
{
    display: inline-block;
    width: 120px;
}

/* Column chooser link */

div#ColumnChooserContainer span.ColumnChooserButton
{
    display: block;
    height: 11px;
    color: #595959;
    font-size: 10px;
    line-height: 11px;
    font-weight: bold;
    border: 1px solid #CCCCCC;
    padding: 3px 10px 3px 18px;
    background: #F2F2F2 url(../images/relational/VDown.silver.gif) no-repeat 3px 3px;
}

div#ColumnChooserContainer.Hover span.ColumnChooserButton,
div#ColumnChooserContainer:hover span.ColumnChooserButton
{
    cursor: pointer;
    background-color: #E6E6E6;
    color: #595959;
}




/******************************* DROP-DOWN BUTTON */

span.DropDownButton 
{
    border-left:1px solid #ddd;
}

div.On span.DropDownButton 
{
    background:transparent url(../images/tinyicons/background.toolbarbutton.gif) no-repeat top right;
    border-left:1px solid #bbb;
}

span.DropDownButton span
{
    background:url('../images/dingbats/vup.silver.gif') no-repeat 4px 4px !important;
}

div.On span.DropDownButton span
{
    background-image:url(../images/dingbats/vup.gray.gif)!important;
}


/******************************* VERSION HISTORY BUTTON & LIST */

div.HistoryButtonContainer
{
    position:relative;
    padding-left:3px;
    float:left;
}

div.Off div.HistoryContainer
{
    display:none;
}

div.On div.HistoryContainer
{
    display:block;
}  

div.HistoryContainer
{
    position: absolute; /* within HistoryButtonContainer */
    bottom:-13px;
    left:-5px;
    padding:0 9px 12px 9px;
    background:transparent url(../images/background.history.png) no-repeat bottom left;
    z-index:999;
}

div.HistoryScroll
{
    width:337px;
    position:relative;
    overflow-x:hidden;
    overflow-y:scroll;
    max-height:180px; /* also in IE6.css */
    background:white url(../images/background.hatch.light.gif) repeat top left;
    border-top:1px solid #bbb;
}

div.HistoryContainer div.UpdateProgressWrapper
{
    top:30px;
    left:100px;
    padding:10px;
    font-size:11px;
    width:100px;
    -moz-opacity: 0.9;
	opacity: 0.9;
	filter: alpha(opacity=90);
	
    z-index:200;
}


table.History 
{
    border-collapse:collapse;
    width:320px;
    margin-bottom:5px;
}

table.History th
{
    font-size:9px;
    font-weight:bold;
    background-color:#E6E6E6;
    border-bottom:1px solid #CCCCCC;
	height:18px;
	line-height:18px;
	vertical-align:bottom;
	color:Black;
	font-weight:bold;
	white-space:nowrap;
	padding:0;

}

table.History td
{
    padding:0 5px;
    border-bottom:1px solid #ddd;
    vertical-align:center;
    white-space:nowrap;
    background:white;
}

table.History td img
{
    position:relative;
    top:2px;
}

table.History tr:hover td
{
    background-color:#F2F2F2;
}

table.History a.No
{
    top:2px;
}

table.History a.CompareButton,
table.History a.ViewButton
{
    display:block;
    width:50px;
    height:20px;
}   

table.History a.CompareButton
{
    background:transparent url(../images/dingbats/arrow.ccc.gif) no-repeat 20px 6px;
}

table.History a.CompareButton:hover
{
    background-image:url(../images/dingbats/arrow.555.gif);
    text-decoration:none;
}

table.History a.ViewButton
{
    display:block;
    background:transparent url(../images/dingbats/arrow.ccc.l.gif) no-repeat 20px 6px;
    width:50px;
}

table.History a.ViewButton:hover
{
    background-image:url(../images/dingbats/arrow.555.l.gif);
    text-decoration:none;
}

table.History tr.Comparing td
{
    background:#FAFAFA;
}

table.History tr.Displaying td
{
    background:#FAFAFA;
}

table.History tr span.Name
{
    font-size:10px;
}

table.History tr.Comparing span.Name
{
    color:Red;
    text-decoration:line-through;
}

table.History tr.Displaying.Comparing span.Name
{
    text-decoration:none;
}

table.History tr.Displaying td a.ViewButton
{
    background-image:url(../images/dingbats/arrow.555.l.gif);
}

table.History tr.Comparing td a.CompareButton
{
    background-image:url(../images/dingbats/arrow.555.gif);
}
    
table.History a.Toolbar_No span /* Flag button */
{
    background:transparent url(../images/tinyicons/no.g.gif) no-repeat 4px 5px!important;
}

table.History a.Toolbar_No:hover span 
{
    background:#660000 url(../images/tinyicons/No.w.png) no-repeat top right!important;
} 


div.HistoryContainer a.Toolbar_Down 
{
    margin:3px;
}












/******************************* DIFF */

.DiffInserted,
.DiffInserted a
{
    color:Red;
    text-decoration:underline;
}

.DiffDeleted,
.DiffDeleted a
{
    color:Red;
    text-decoration:line-through;
}

.DiffResults,
.DiffResults *
{
    font-family:Monospace;
}

        
/******************************* SMALL BUTTONS */


.SmallButton
{
    display:block;
    float:left;
    position:relative;
    clear:both;
    width:auto;
    margin-right:5px;
    margin-bottom:2px;
    white-space:nowrap;
    padding-left:18px;
    padding-right:10px;
    height:17px;
    font-size:11px;
    background-repeat:no-repeat;
    background:transparent url(../images/tinyicons/background.smallbutton.light.png) no-repeat top right;
}

.SmallButton.Gray:hover span,
.SmallButton span
{
    display:block;
    position:absolute;
    left:0px;
    top:0;
    background-color:#A3A37A ;
    background-position:top left;
    background-repeat:no-repeat;
    width:15px;
    height:15px;
    cursor:pointer;
    background-repeat:no-repeat;
}

div.MessageBox:hover a.SmallButton,
a.SmallButton:hover
{
    text-decoration:none;
    background:transparent url(../images/tinyicons/background.smallbutton.gif) no-repeat top right;
}

div.MessageBox:hover a.SmallButton span,
a.SmallButton.Gray:hover span,
a.SmallButton:hover span
{
     background-color:#660000; 
}

/* Fat buttons */

a.SmallButton.Fat
{
    height:21px;
    font-weight:bold;
    padding-left:22px;
    padding-right:13px;
    background:transparent url(../images/tinyicons/background.smallbutton.light.fat.gif) no-repeat top right;
    line-height:19px;
    font-size:12px;
}

a.SmallButton.Fat span
{
    border:2px solid #DFDFDF;
}

a.SmallButton.Fat:hover
{
    background:transparent url(../images/tinyicons/background.smallbutton.fat.gif) no-repeat top right;
}

a.SmallButton.Fat:hover span
{
    border-color:#BFBFBF;
}


/* Other buttons */

a.FixedWidth
{
    width:140px;
}

a.SmallButton.NoText 
{
    padding-right:0!important;
    margin:0!important;
    clear:none!important;
    background-image:none!important;
}

a.SmallButton.NoText:hover
{
    background-image:none!important;
}

a.SmallButton.Gray
{
    background-image:none;
}

a.SmallButton.Gray span
{
    background-color:Transparent;
    background-position:3px 3px;
    background-repeat:no-repeat;
}

a.SmallButton.Add span, a.Gray_Add:hover span { background-image:url(../images/tinyicons/Add.png); }
a.SmallButton.Admin span, a.Gray_Admin:hover span { background-image:url(../images/tinyicons/Admin.png); }
a.SmallButton.Blog span, a.Gray_Blog:hover span { background-image:url(../images/tinyicons/Blog.png); }
a.SmallButton.Calc span, a.Gray_Calc:hover span { background-image:url(../images/tinyicons/Calc.png); }
a.SmallButton.Check span, a.Gray_Check:hover span { background-image:url(../images/tinyicons/Ok.png); }
a.SmallButton.Down span, a.Gray_Down:hover span { background-image:url(../images/tinyicons/Down.png); }
a.SmallButton.Edit span, a.Gray_Edit:hover span { background-image:url(../images/tinyicons/Edit.png); }
a.SmallButton.EndLeft span, a.Gray_EndLeft:hover span { background-image:url(../images/tinyicons/EndLeft.png); }
a.SmallButton.EndRight span, a.Gray_EndRight:hover span { background-image:url(../images/tinyicons/EndRight.png); }
a.SmallButton.Exclamation span, a.Gray_Exclamation:hover span { background-image:url(../images/tinyicons/Exclamation.png); }
a.SmallButton.Forum span, a.Gray_Forum:hover span { background-image:url(../images/tinyicons/Forum.png); }
a.SmallButton.Friend span, a.Gray_Friend:hover span { background-image:url(../images/tinyicons/Friend.png); }
a.SmallButton.Go span, a.Gray_Go:hover span { background-image:url(../images/tinyicons/Go.png); }
a.SmallButton.Key span, a.Gray_Key:hover span { background-image:url(../images/tinyicons/Key.png); }
a.SmallButton.Left span, a.Gray_Left:hover span { background-image:url(../images/tinyicons/Left.png); }
a.SmallButton.Mail span, a.Gray_Mail:hover span { background-image:url(../images/tinyicons/Mail.png); }
a.SmallButton.New span, a.Gray_New:hover span { background-image:url(../images/tinyicons/New.png); }
a.SmallButton.No span, a.Gray_No:hover span { background-image:url(../images/tinyicons/No.png); }
a.SmallButton.Ok span, a.Gray_Ok:hover span { background-image:url(../images/tinyicons/Ok.png); }
a.SmallButton.Online span, a.Gray_Online:hover span { background-image:url(../images/tinyicons/Online.png); }
a.SmallButton.Out span, a.Gray_Out:hover span { background-image:url(../images/tinyicons/Out.png); }
a.SmallButton.Pdf span, a.Gray_Pdf:hover span { background-image:url(../images/tinyicons/Pdf.png); }
a.SmallButton.Poll span, a.Gray_Poll:hover span { background-image:url(../images/tinyicons/Poll.png); }
a.SmallButton.Photo span, a.Gray_Photo:hover span { background-image:url(../images/tinyicons/Photo.png); }
a.SmallButton.Player span, a.Gray_Player:hover span { background-image:url(../images/tinyicons/Player.png); }
a.SmallButton.Print span, a.Gray_Print:hover span { background-image:url(../images/tinyicons/Print.png); }
a.SmallButton.Profile span, a.Gray_Profile:hover span { background-image:url(../images/tinyicons/Profile.png); }
a.SmallButton.Question span, a.Gray_Question:hover span { background-image:url(../images/tinyicons/Question.png); }
a.SmallButton.Right span, a.Gray_Right:hover span { background-image:url(../images/tinyicons/Right.png); }
a.SmallButton.Rss span, a.Gray_Rss:hover span { background-image:url(../images/tinyicons/Rss.png); }
a.SmallButton.Tag span, a.Gray_Tag:hover span { background-image:url(../images/tinyicons/Tag.png); }
a.SmallButton.ThumbsUp span, a.Gray_ThumbsUp:hover span { background-image:url(../images/tinyicons/ThumbsUp.png); }
a.SmallButton.ThumbsDown span, a.Gray_ThumbsDown:hover span { background-image:url(../images/tinyicons/ThumbsDown.png); }
a.SmallButton.Ticket span, a.Gray_Ticket:hover span { background-image:url(../images/tinyicons/Ticket.png); }
a.SmallButton.Up span, a.Gray_Up:hover span { background-image:url(../images/tinyicons/Up.png); }
a.SmallButton.Video span, a.Gray_Video:hover span { background-image:url(../images/tinyicons/Video.png); }
a.SmallButton.View span, a.Gray_View:hover span { background-image:url(../images/tinyicons/View.png); }
a.SmallButton.X span, a.Gray_X:hover span { background-image:url(../images/tinyicons/X.png); }

a.Gray_Add span { background-image:url(../images/tinyicons/Add.g.gif); }
a.Gray_Blog span { background-image:url(../images/tinyicons/Blog.g.gif); }
a.Gray_Calc span { background-image:url(../images/tinyicons/Calc.g.gif); }
a.Gray_Check span { background-image:url(../images/tinyicons/ok.g.gif); }
a.Gray_Ok span { background-image:url(../images/tinyicons/Ok.g.gif); }
a.Gray_Down span { background-image:url(../images/tinyicons/Down.g.gif); }
a.Gray_Edit span { background-image:url(../images/tinyicons/Edit.g.gif); }
a.Gray_Exclamation span { background-image:url(../images/tinyicons/Exclamation.g.gif); }
a.Gray_Forum span { background-image:url(../images/tinyicons/Forum.g.gif); }
a.Gray_Friend span { background-image:url(../images/tinyicons/Friend.g.gif); }
a.Gray_Go span { background-image:url(../images/tinyicons/Go.g.gif); }
a.Gray_Key span { background-image:url(../images/tinyicons/Key.g.gif); }
a.Gray_Left span { background-image:url(../images/tinyicons/Left.g.gif); }
a.Gray_Mail span { background-image:url(../images/tinyicons/Mail.g.gif); }
a.Gray_New span { background-image:url(../images/tinyicons/New.g.gif); }
a.Gray_No span { background-image:url(../images/tinyicons/No.g.gif); }
a.Gray_Online span { background-image:url(../images/tinyicons/Online.g.gif); }
a.Gray_Out span { background-image:url(../images/tinyicons/Out.g.gif); }
a.Gray_Photo span { background-image:url(../images/tinyicons/Photo.g.gif); }
a.Gray_Player span { background-image:url(../images/tinyicons/Player.g.gif); }
a.Gray_Poll span { background-image:url(../images/tinyicons/Poll.g.gif); }
a.Gray_Print span { background-image:url(../images/tinyicons/Print.g.gif); }
a.Gray_Profile span { background-image:url(../images/tinyicons/Profile.g.gif); }
a.Gray_Question span { background-image:url(../images/tinyicons/Question.g.gif); }
a.Gray_Right span { background-image:url(../images/tinyicons/Right.g.gif); }
a.Gray_Rss span { background-image:url(../images/tinyicons/Rss.g.gif); }
a.Gray_Tag span { background-image:url(../images/tinyicons/Tag.g.gif); }
a.Gray_ThumbsUp span { background-image:url(../images/tinyicons/ThumbsUp.g.gif); }
a.Gray_ThumbsDown span { background-image:url(../images/tinyicons/ThumbsDown.g.gif); }
a.Gray_Ticket span { background-image:url(../images/tinyicons/Ticket.g.gif); }
a.Gray_Up span { background-image:url(../images/tinyicons/Up.g.gif); }
a.Gray_Video span { background-image:url(../images/tinyicons/Video.g.gif); }
a.Gray_View span { background-image:url(../images/tinyicons/View.g.gif); }
a.Gray_X span { background-image:url(../images/tinyicons/X.g.gif); }





/********************************************* TOOLBAR BUTTONS */


div.Toolbar .SmallButton
{
    cursor:pointer;
    display:block;
    float:left;
    clear:none;
    position:relative;
    width:auto;
    height:17px;
    margin-right:5px;
    margin-bottom:2px;
    white-space:nowrap;
    padding-left:20px!important;
    padding-right:5px;
    line-height:17px;
    font-size:11px;
    color:Gray;
    background:transparent url(../images/tinyicons/background.toolbarbutton.light.png) no-repeat top right;
}

div.Toolbar .SmallButton span
{
    display:block;
    position:absolute;
    left:0px;
    top:0;
    background-color:#A3A37A ;
    background-position:top left;
    background-repeat:no-repeat;
    cursor:pointer;
    height:17px;
    width:17px;
}

div.Toolbar a.SmallButton:hover
{
    text-decoration:none;
    background:transparent url(../images/tinyicons/background.toolbarbutton.gif) no-repeat top right;
    color:#660000;
}

    
div.Toolbar a.SmallButton.On span
{
    background-color:#A3A37A;
}

div.Toolbar a.SmallButton:hover span
{
    background-color:#660000;
}

.Toolbar_Add span { background-image:url(../images/tinyicons/Add.l.png); }
.Toolbar_Alert span { background-image:url(../images/tinyicons/Alert.l.png); }
.Toolbar_Blog span { background-image:url(../images/tinyicons/Blog.l.png); }
.Toolbar_Calc span { background-image:url(../images/tinyicons/Calc.l.png); }
.Toolbar_Check span { background-image:url(../images/tinyicons/Ok.l.png); }
.Toolbar_Down span { background-image:url(../images/tinyicons/Down.l.png); }
.Toolbar_Edit span { background-image:url(../images/tinyicons/Edit.l.png); }
.Toolbar_Exclamation span { background-image:url(../images/tinyicons/Exclamation.l.png); }
.Toolbar_Flat span { background-image:url(../images/tinyicons/Flat.l.png); }
.Toolbar_Forum span { background-image:url(../images/tinyicons/Forum.l.png); }
.Toolbar_Friend span { background-image:url(../images/tinyicons/Friend.l.png); }
.Toolbar_Go span { background-image:url(../images/tinyicons/Go.l.png); }
.Toolbar_Key span { background-image:url(../images/tinyicons/Key.l.png); }
.Toolbar_Left span { background-image:url(../images/tinyicons/Left.l.png); }
.Toolbar_Mail span { background-image:url(../images/tinyicons/Mail.l.png); }
.Toolbar_New span { background-image:url(../images/tinyicons/New.l.png); }
.Toolbar_No span { background-image:url(../images/tinyicons/No.l.png); }
.Toolbar_Ok span { background-image:url(../images/tinyicons/Ok.l.png); }
.Toolbar_Online span { background-image:url(../images/tinyicons/Online.l.png); }
.Toolbar_Out span { background-image:url(../images/tinyicons/Out.l.png); }
.Toolbar_Pdf span { background-image:url(../images/tinyicons/Pdf.l.png); }
.Toolbar_Photo span { background-image:url(../images/tinyicons/Photo.l.png); }
.Toolbar_Player span { background-image:url(../images/tinyicons/Player.l.png); }
.Toolbar_Print span { background-image:url(../images/tinyicons/Print.l.png); }
.Toolbar_Profile span { background-image:url(../images/tinyicons/Profile.l.png); }
.Toolbar_Question span { background-image:url(../images/tinyicons/Question.l.png); }
.Toolbar_Right span { background-image:url(../images/tinyicons/Right.l.png); }
.Toolbar_Rss span { background-image:url(../images/tinyicons/Rss.l.png); }
.Toolbar_Tag span { background-image:url(../images/tinyicons/Tag.l.png); }
.Toolbar_Threaded span { background-image:url(../images/tinyicons/Threaded.l.png); }
.Toolbar_Ticket span { background-image:url(../images/tinyicons/Ticket.l.png); }
.Toolbar_Up span { background-image:url(../images/tinyicons/Up.l.png); }
.Toolbar_Video span { background-image:url(../images/tinyicons/Video.l.png); }
.Toolbar_View span { background-image:url(../images/tinyicons/View.l.png); }
.Toolbar_X span { background-image:url(../images/tinyicons/X.l.png); }


a.On.Toolbar_Add span, a.Toolbar_Add:hover span { background-image:url(../images/tinyicons/Add.w.png); }
a.On.Toolbar_Alert span, a.Toolbar_Alert:hover span { background-image:url(../images/tinyicons/Alert.w.png); }
a.On.Toolbar_Blog span, a.Toolbar_Blog:hover span { background-image:url(../images/tinyicons/Blog.w.png); }
a.On.Toolbar_Calc span, a.Toolbar_Calc:hover span { background-image:url(../images/tinyicons/Calc.w.png); }
a.On.Toolbar_Check span, a.Toolbar_Check:hover span { background-image:url(../images/tinyicons/Ok.w.png); }
a.On.Toolbar_Down span, a.Toolbar_Down:hover span { background-image:url(../images/tinyicons/Down.w.png); }
a.On.Toolbar_Edit span, a.Toolbar_Edit:hover span { background-image:url(../images/tinyicons/Edit.w.png); }
a.On.Toolbar_Exclamation span, a.Toolbar_Exclamation:hover span { background-image:url(../images/tinyicons/Exclamation.w.png); }
a.On.Toolbar_Flat span, a.Toolbar_Flat:hover span { background-image:url(../images/tinyicons/Flat.w.png); }
a.On.Toolbar_Forum span, a.Toolbar_Forum:hover span { background-image:url(../images/tinyicons/Forum.w.png); }
a.On.Toolbar_Go span, a.Toolbar_Go:hover span { background-image:url(../images/tinyicons/Go.w.png); }
a.On.Toolbar_Key span, a.Toolbar_Key:hover span { background-image:url(../images/tinyicons/Key.w.png); }
a.On.Toolbar_Left span, a.Toolbar_Left:hover span { background-image:url(../images/tinyicons/Left.w.png); }
a.On.Toolbar_Mail span, a.Toolbar_Mail:hover span { background-image:url(../images/tinyicons/Mail.w.png); }
a.On.Toolbar_New span, a.Toolbar_New:hover span { background-image:url(../images/tinyicons/New.w.png); }
a.On.Toolbar_No span, a.Toolbar_No:hover span { background-image:url(../images/tinyicons/No.w.png); }
a.On.Toolbar_Ok span, a.Toolbar_Ok:hover span { background-image:url(../images/tinyicons/Ok.w.png); }
a.On.Toolbar_Out span, a.Toolbar_Out:hover span { background-image:url(../images/tinyicons/Out.w.png); }
a.On.Toolbar_Pdf span, a.Toolbar_Pdf:hover span { background-image:url(../images/tinyicons/Pdf.w.png); }
a.On.Toolbar_Photo span, a.Toolbar_Photo:hover span { background-image:url(../images/tinyicons/Photo.w.png); }
a.On.Toolbar_Player span, a.Toolbar_Player:hover span { background-image:url(../images/tinyicons/Player.w.png); }
a.On.Toolbar_Print span, a.Toolbar_Print:hover span { background-image:url(../images/tinyicons/Print.w.png); }
a.On.Toolbar_Profile span, a.Toolbar_Profile:hover span { background-image:url(../images/tinyicons/Profile.w.png); }
a.On.Toolbar_Question span, a.Toolbar_Question:hover span { background-image:url(../images/tinyicons/Question.w.png); }
a.On.Toolbar_Right span, a.Toolbar_Right:hover span { background-image:url(../images/tinyicons/Right.w.png); }
a.On.Toolbar_Rss span, a.Toolbar_Rss:hover span { background-image:url(../images/tinyicons/Rss.w.png); }
a.On.Toolbar_Tag span, a.Toolbar_Tag:hover span { background-image:url(../images/tinyicons/Tag.w.png); }
a.On.Toolbar_Threaded span, a.Toolbar_Threaded:hover span { background-image:url(../images/tinyicons/Threaded.w.png); }
a.On.Toolbar_Ticket span, a.Toolbar_Ticket:hover span { background-image:url(../images/tinyicons/Ticket.w.png); }
a.On.Toolbar_Up span, a.Toolbar_Up:hover span { background-image:url(../images/tinyicons/Up.w.png); }
a.On.Toolbar_Video span, a.Toolbar_Video:hover span { background-image:url(../images/tinyicons/Video.w.png); }
a.On.Toolbar_View span, a.Toolbar_View:hover span { background-image:url(../images/tinyicons/View.w.png); }
a.On.Toolbar_X span, a.Toolbar_X:hover span { background-image:url(../images/tinyicons/X.w.png); }


/******************************* LOGIN */


div#Login
{
}

div#Login p
{
    clear:both;
}

div#Login label.LoginLabel
{
    float:left;
    display:inline-block;
    width:65px;
    margin-top:3px;
    margin-right:10px;
}

div#Login input.FormField
{
    float:left;
    width:80px;
    height:12px;
    margin-top:3px;
}
    
div#Login p.Error
{
    color:Red;
    font-size:100%;
    font-weight:bold;
}


/******************************* RATING */


div.RatingBarContainer
{
    position:relative;
    float:right;
    height:11px;
}

.HighlightOff div.RatingBarContainer
{
    display:none;
}

div.RatingBarContainer img
{
    float:left;
    margin:0 2px;
    border:none;
}

span.RatingScore
{
    float:left;
    margin:0 5px;
    color:#888;
}

div.RatingBar
{
    position:relative;
    top:2px;
    float:left;
    width:52px;
    height:6px;
    font-size:1px;
    line-height:1px;
    border:1px solid #ddd;
}

div.RatingBarInner
{
    position:relative;
    float:left;
    width:24px;
    height:4px;
    border:1px solid white;
        background:#ddd url(../images/background.rating.grid.gif) repeat 0px 0px;
    xbackground:gray;
}

div.RatingBarPositive,
div.RatingBarNegative
{
    position:absolute;
    height:4px;
}

div.RatingBarPositive
{
    background:#A3A37A url(../images/background.rating.grid.gif) repeat 0px 0px;
    xbackground:orange;
}

div.RatingBarNegative
{
    right:-1px;
    background:#666 url(../images/background.rating.grid.gif) repeat 0px 0px;
    xbackground:black;
}


div.RatingBarContainer a
{
    display:block;
    background:transparent url(../images/tinyicons/thumbs.up.gif) no-repeat 0 0;
    width:11px;
    height:11px;
    overflow:hidden;
    float:left;
    text-indent:-9999px;
    position:relative;
    top:1px;
    margin:0px 2px;
}

div.RatingBarContainer a:hover
{
}
    
div.RatingBarContainer a.ThumbsUpButton
{
}

div.RatingBarContainer a.ThumbsDownButton
{
    background-image:url(../images/tinyicons/thumbs.down.gif);
}

div.RatingBarContainer a.ThumbsUpButton:hover
{
    background-image:url(../images/tinyicons/thumbs.up.color.gif);
}

div.RatingBarContainer a.ThumbsDownButton:hover
{
    background-image:url(../images/tinyicons/thumbs.down.color.gif);
}



/****************************************************************************  FORMS */



fieldset
{
    padding:15px;
}

fieldset.BareFieldset
{
    padding:0;
    margin:0;
    border:0;
    width:auto;
}

legend
{
    font-size:140%;
    min-height:140%;
    color:#A3A37A;
    font-weight:bold;
}

fieldset label
{
    font-size:110%;
    display:block;
    font-weight:bold;
    margin:9px 0 3px 0;
}

label span.LabelComment
{
    font-size:90%;
    color:#B2B2B2;
    font-weight:normal;
}

fieldset .Checkbox label,
fieldset label.Checkbox,
.Checkbox label,
.RadioButtonList label
{
    display:inline;
    font-weight:normal;
    margin:0!important;
    line-height:100%!important;
}

.FormRow
{
}

.FormField
{
    color:#333;
    font-size:110%;
    line-height:100%;  
    margin:0;
    vertical-align:middle;
    border:1px solid silver;
}

.FormField.Required
{
    border-right:5px solid #660000;
}

.FormField.Focus
{
    border-color:#8F8F84;
}

input.FormField.H1
{
    height:30px;
    line-height:30px;
}

input.FormField.H2
{
    height:30px;
    line-height:35px;
}

a.MarkdownInstructions
{
    display:block;
    width:100%;
    color:#999;
    text-decoration:none;
    background:transparent url('../images/cwt/markdown.gif') no-repeat 0 2px;
    padding-left:14px;
    xtext-indent:-99999px;
}

a.MarkdownInstructions:hover
{
    color:black;
    text-decoration:none;
}

a.MarkdownInstructions strong
{
    color:#3C3CBB;
}

a.MarkdownInstructions:hover strong
{
    color:#660000;
    text-decoration:underline;
}

.ShowInstructions a.MarkdownInstructions
{
    text-indent:0;
}



/****************************************************************************  MISCELLANEOUS */


/******************************* MORE LINKS (on Posts.aspx) */

p.MoreLinks
{
    margin:12px 0 0 0;
    padding-left:12px; 
    xborder:1px solid #EDEDED;
    xbackground-color:#FBFBFB;
    background:white url(../images/tinyicons/go.g.gif) no-repeat 0px 4px;
}
    
    

/******************************* NO RESULTS */

.BoxNote,
.NoResultsMessage
{
    clear:both;
    margin:10px 0;
    padding:5px 10px!important;
    border:1px solid #ddd;
    background:white url(../images/background.hatch.light.gif) repeat top left;
    font-size:110%;
}

.NoResultsMessage p
{
    font-size:100%!important;
    margin:6px 0;
}


div#InsideLeftColumn .NoResultsMessage
{
    margin-right:20px;
}

div#LeftColumn .NoResultsMessage
{
    padding:5px;
}




/******************************* CLICK BY PROXY */


._ClickByProxy,
._ClickByProxy:hover  
{
    cursor:pointer;
}

._ClickByProxy:hover strong,
._ClickByProxy:hover
{
    color:Black;
}

._ClickByProxy:hover h1,
._ClickByProxy:hover h2,
._ClickByProxy:hover h3,
._ClickByProxy:hover h4,
._ClickByProxy:hover h5,
._ClickByProxy:hover a._ClickTarget,
a:hover
{
    color:#660000;
    text-decoration:underline;
}


/******************************* DETAILS TABLE */


table.Details
{
    clear:both;
    border-collapse:collapse;
    border:1px solid #CCCCCC;
}

table.Details td,
table.Details th
{
    background-color:White;
    border:solid #F2F2F2;
    border-width:1px 0;
    padding:1px 3px;
    vertical-align:top;
    
}

table.Details th,
tr.DataGridHeader td
{
    font-weight:bold;
    background-color:#F7F7F7;
    border-bottom:1px solid #CCCCCC;
}

table.Details th[scope="row"]
{
    text-align:left;
    border-bottom:1px solid #E6E6E6;
    border-right:1px dotted #CCCCCC;
}

table.Details th.Left
{
    background-color:White;
    border:solid #F2F2F2;
    border-width:1px 0;
}

table.Details td
{
}

table.Details td.Total
{
    font-weight:bold;
}

/* Contact question & answers table */

table.Details.ContactQuestionAnswers
{
    width:370px;
    margin-top:12px;
}

table.Details.ContactQuestionAnswers th
{
    width:80px;
}


/******************************* BULLET LINKS */


a.BulletLink
{
	padding-left:13px;
	background-color:Transparent;
	background-image:url(../images/dingbats/go.blue.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	cursor:pointer;
	white-space:nowrap;
}

a.BulletLink:hover
{
	background-color:Transparent;
	background-image:url(../images/dingbats/go.red.gif);
}

.Reverse a.BulletLink, 
.Reverse a.BulletLink:hover
{
    color:White;
	background-image:url(../images/dingbats/go.white.gif);
}
    
a.BulletLink.Separate
{
    display:block;
    margin:6px 0;
	white-space:normal;
}

    
a.BulletLink strong
{
    font-weight:normal;
}    

a.BulletLink.Out
{
    background-image:url(../images/dingbats/go.out.blue.gif);
}

a.BulletLink.Out:hover
{
    background-image:none;
}


/******************************* DIVIDERS */


div.HardDivider,
div.SoftDivider
{
    clear:both;
    height:1px;
    margin:12px -5px;
    width:175px;
    z-index:0;
}

div.HardDivider,
div.HardDivider1
{
    background:transparent url(../images/divider.horizontal.short.dark.gif) no-repeat 50% 0;
}

div.SoftDivider,
div.SoftDivider1
{
    background:transparent url(../images/divider.horizontal.short.light.gif) no-repeat 50% 0;
}

div.HardDivider2
{
    width:370px;
    background:transparent url(../images/divider.horizontal.long.dark.gif) no-repeat 50% 0;
}

div.SoftDivider2
{
    width:370px;
    background:transparent url(../images/divider.horizontal.long.light.gif) no-repeat 50% 0;
}

div.HardDivider3
{
    width:565px;
    background:transparent url(../images/divider.horizontal.xlong.dark.gif) no-repeat 50% 0;
}

div.SoftDivider3
{
    width:565px;
    background:transparent url(../images/divider.horizontal.xlong.light.gif) no-repeat 50% 0;
}


div.HardDividerVertical,
div.SoftDividerVertical
{
    float:left;
    width:1px;
    height:130px;
    margin:0 10px;
}

div.HardDividerVertical
{
    background:#bcbec0 url(../images/divider.vertical.dark.gif) no-repeat 0 0;
}
   
div.SoftDividerVertical
{
    background:#e7e7e8 url(../images/divider.vertical.light.gif) no-repeat 0 0;
}
    

/******************************* DOCUMENTS */


p.Doc.DOC {background-image:url("../images/icons/document.doc.gif");}
p.Doc.HTM {background-image:url("../images/icons/document.htm.gif");}
p.Doc.PDF {background-image:url("../images/icons/document.pdf.gif");}

p.Doc
{
	background-repeat:no-repeat;
	background-position:0 0;
	padding:2px 0 3px 20px;
}


/******************************* HIDE/SHOW ON LOAD */

/* javascript behavior will change these once the page loads */
.HideOnLoad
{
    display:none; 
}

.ShowOnLoad
{
}

.HideOnLoadAsync
{
    display:none; 
}

.ShowOnLoadAsync
{
}


/******************************* PROGRESS SPINNER */

div.UpdateProgressWrapper
{
    border:1px solid #CCCCCC;
    background:#F2F2F2;
    position:absolute;
    left:250px;
    top:100px;
    padding:60px 20px ;
    text-align:center;
    font-size:130%;
    font-weight:bold;
    width:250px;
    -moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	
}

div.UpdateProgressWrapper img 
{
    padding-right:10px;
    vertical-align:middle;
}

div.UpdateProgressWrapper span
{
    display:block;
    padding:5px 0;
}

div.GenericPopup div.UpdateProgressWrapper
{
    width:150px;
    left:100px;
}


/******************************* CONCEALABLE PANELS */


div.MessageBox
{
    font-size:100%;
    margin:6px 0 18px 0;
    border:2px solid #aaa;
    padding:10px 10px 10px 10px;
    background:white url(../images/background.hatch.light.gif) repeat top left;
}


div.MessageBox h2
{
    font-size:150%;
    font-weight:bold;
    margin:0 0 6px 0;
    color:#595959;
    text-decoration:none!important;
}

div.MessageBox strong
{
    color:Black;
}

div.MessageBox a.SmallButton
{
    float:none!important;
    display:inline-block!important;
}

div.MessageBox a.SmallButton:hover,
div.MessageBox:hover a.SmallButton
{
    text-decoration:none;
}  

/* Under Construction */

div.UnderConstruction
{
    background:#FAFAFA url(../images/construction.gif) no-repeat 10px 10px;
    padding:10px 10px 10px 62px;
}

div.UnderConstruction strong
{
    display:block;
}

/******************************* UTILITY CLASSES */

p.Large
{
    font-size:130%;
    line-height:110%;
}

img.TinyIcon
{
    border:none!important;
}

div.HoverOn
{
    display:block;
}

div.HoverOff
{
    display:none;
}

.Thumbnail img,
img.Thumbnail
{ 
    border:1px solid black;
    z-index:10;
}

.Disabled
{
    color:#ddd!important;
}

a.SmallButton.Disabled span
{
    background-color:White;
}

.Enabled
{
}

.Visible
{
	display:block;
}

.Hidden, .Alt, .Ahem
{
	display:none!important;
}

a.SkipNav
{
	/* Positions the "skip navigation" link off-screen */
	/* http://www.jimthatcher.com/skipnav.htm */
	position: absolute; 
	left: -1000em; 
	width: 20em;
}

.FloatLeft
{
    float:left!important;
    clear:none!important;
}

.FloatRight 
{
    float:right!important;
    clear:none!important;
}

.PhotoRight
{
    float:right;
    margin:0 0 10px 10px;
    z-index:2;
    position:relative;
}

.PhotoLeft
{
    float:left;
    margin:0 10px 10px 0;
}

.Error
{
    color:Red;
    font-weight:bold;
}

img.PleaseWait 
{
    text-decoration:none;
    background-image:none;
    background-color:Transparent;
    border:none;
}

img.PleaseWait:hover
{
    text-decoration:none;
    background-image:none;
    background-color:Transparent;
    border:none;
}

img.WaitImage
{
    border:50px solid white;
}

img.WaitImageSmall
{
    border:10px solid white;
}

.Border
{
    border:1px solid black!important;
}

div.Small p,
p.Small
{
    font-size:10px;
    line-height:150%;
    color:#7A7A7A;
}

.Bar
{
    color:#bbb;
    padding:0 3px;
}

table td.Left,
table th.Left
{
    text-align:left;
}

table td.Right,
table th.Right
{
    text-align:right;
}

.NoClear
{
    clear:none;
}

.Clear
{
    float:none;
    clear:both;
}

div.Clear
{
    height:1px;
    line-height:1px;
    font-size:1px;
}

.InvisibleBreak
{
    font-size:1px;
}

.ScrollVertical
{
    background: White;
    height:280px;
    overflow:scroll;
    overflow-x:hidden;
    border: silver 1px solid;    
    padding: 3px;
}


/******************************* LAYOUT GRID */

div#Grid
{
    position:absolute;
    top:0;
    left:0;
    height:2000px;
    width:1000px;
    background:transparent url(../images/grid.png) no-repeat top left;
    z-index:99999999;
    display:none;
}

/***************************************************************	CAUDILL TABSTRIP */

div.TabStrip 
{
    padding-left:4px;
    height:21px;
}

div.TabStrip a
{
    height:21px;
    display:inline-block;
    float:left;
    background:white url(../images/cwt/tabs/xp/tab.off.gif) no-repeat top right;
    color:Black;
    position:relative;
    z-index:0;
    top:0px;
    margin-right:1px;   
    cursor:pointer;
}

div.TabStrip a span
{
    display:inline-block;
    padding:5px 10px;
    height:11px;
    line-height:11px;
    background:transparent url(../images/cwt/tabs/xp/tab.off.left.gif) no-repeat top left;
}

div.TabStrip a.Off:hover
{
    background:white url(../images/cwt/tabs/xp/tab.hover.gif) no-repeat top right;
    color:Black;
}

div.TabStrip a.Off:hover span
{
    background:transparent url(../images/cwt/tabs/xp/tab.hover.left.gif) no-repeat top left;
}

div.TabStrip a.On,
div.TabStrip a.On:hover
{
    top:-1px;
    background:white url(../images/cwt/tabs/xp/tab.on.gif) no-repeat top right;
    z-index:999;
}

div.TabStrip a.On span,
div.TabStrip a.On:hover span
{
    background:transparent url(../images/cwt/tabs/xp/tab.on.left.gif) no-repeat top left;
}

.TabStrip
{
	width:100%;
	white-space:nowrap;
}

.TabOn, 
.TabOff
{
	background-color:#eee;
	margin:0 5px 0 0;
	padding:3px 10px 3px 10px;
	line-height:17px;
	color:gray;
	font-weight:bold;
	font-size:10px;
	border-right:1px solid silver;
	line-height:21px;
}

.TabOn:hover,
.TabOff:hover
{
	text-decoration:none;
}

.TabOff:hover
{
	background:orange;
	color:White;
}

.TabOn
{
	background-color:#ddd;
	color:Black;
	border-right:2px solid #aaa;
}

.TabPanel
{	
}


/***************************************************************** DOCUMENT ICONS */

p.DocCSV,
p.DocDOC,
p.DocHTM,
p.DocMDB,
p.DocPDF,
p.DocPPT,
p.DocPPS,
p.DocRTF,
p.DocTXT,
p.DocXLS,
p.DocZIP,
p.DocGeneric,
p.DocXXX,
p.DocRegistrationRequired,
p.DocBIC
{
    line-height:15px;
	background-position:0 0;
	background-repeat:no-repeat;
	padding:2px 0 3px 20px;
}

p.DocCSV {background-image:url(../images/icons/document.csv.gif);}
p.DocDOC {background-image:url(../images/icons/document.doc.gif);}
p.DocHTM {background-image:url(../images/icons/document.htm.gif);}
p.DocMDB {background-image:url(../images/icons/document.mdb.gif);}
p.DocPDF {background-image:url(../images/icons/document.pdf.gif);}
p.DocPPT {background-image:url(../images/icons/document.ppt.gif);}
p.DocPPS {background-image:url(../images/icons/document.ppt.gif);}
p.DocRTF {background-image:url(../images/icons/document.rtf.gif);}
p.DocTXT {background-image:url(../images/icons/document.txt.gif);}
p.DocXLS {background-image:url(../images/icons/document.xls.gif);}
p.DocZIP {background-image:url(../images/icons/document.zip.gif);}
p.DocGeneric {background-image:url(../images/icons/document.generic.gif);}
p.DocXXX {background-image:url(../images/icons/document.xxx.gif);}

/***************************************************************** ADMIN STYLES*/

div.AdminPage h1
{
    margin-bottom:0;
    background-image:none!important;
}

div.AdminPage div.DataGridNoResultsMessage
{
    border:none;
    padding:15px;
}

/***************************************************************** ADMIN HEADER */

div.AdminHeader
{
    background:black url(../images/background.hatch.dark.gif) repeat top left;
	border-bottom:3px solid #A3A37A;
	height:26px;
	font-weight:normal;
	padding:0px 6px;
	white-space:nowrap;
}

div.AdminHeader,
div.AdminHeader p,
div.AdminHeader td,
div.AdminHeader strong
{
	color:#777;
	font-size:11px;
}

div.AdminHeader div
{
    padding-top:7px;
}

div.AdminToolbar a.SmallButton,
div.AdminHeader a.SmallButton
{
    color:White;
}

div.AdminToolbar a.SmallButton:hover,
div.AdminHeader a.SmallButton:hover
{
    color:#660000;
}
    


/***************************************************************** ADMIN MENUS */

/********** Containers */

ul#AdminMenu
/* Menu container (level 1) */
{
    display:inline-block;
    margin:0 0 -1px 15px;
    padding:0;
	white-space:nowrap;
	float:left;
	text-transform:lowercase;
}

ul#AdminMenu ul
/* Menu containers (level 2+) */
{
    position:absolute;
    margin:-1px 0 0 0;
    padding:0;
    visibility:hidden;
	z-index:999;
    width:auto;
    background-color:#666666;
}


/********** List items */

ul#AdminMenu li
/* List items (level 1+) */
{
    list-style:none;
    margin:0;
    padding:0;
	font-size:10px;
    display:inline; 
    float:left; 
}
    
ul#AdminMenu ul li
/* List items (level 2+) */
{
	width:160px;
    background-color:#4C4C4C;
    display:block;
    float:none;
    clear:both;
}


/********** Links (level 1+) */

ul#AdminMenu a
/* Links (level 1+) */
{
    color:White;
    font-size:11px;
    display:block;
    text-decoration:none;
	font-weight:normal;
    padding:2px 10px 1px 10px;
	white-space:nowrap;
	margin:0;
	line-height:23px;
	max-height:23px;
}

ul#AdminMenu a.Hover,
ul#AdminMenu a:hover,
ul#AdminMenu a.Selected:hover
/* Links on hover (level 1+) */
{
	background-color:#4C4C4C;
	color:White;
	text-decoration:none;
}

ul#AdminMenu a.Selected
/* Selected links (level 1+) */
{
	background-color:#A3A37A;
	color:White;
	font-weight:bold;
}

ul#AdminMenu a.HasChildren
/* Links with submenus (level 1+) */
{
}

/********** Links (level 2+) */

ul#AdminMenu li li a
/* Links (level 2+) */
{
	display:block;
    padding:2px 10px 3px 10px;
    font-weight:normal;
    color:#ccc;
	line-height:21px;
}

ul#AdminMenu li li a.Hover,
ul#AdminMenu li li a:hover,
ul#AdminMenu li li a.Selected:hover
/* Links on hover (level 2+) */
{
    background-color:#5E5E5E;
}

ul#AdminMenu li li a.Selected
/* Selected links (level 2+) */
{
    background:#4C4C4C url(../images/dingbats/arrow.selected.gif) no-repeat 0px 9px;
}

/***************************************************************** ADMIN SEARCH */

div.AdminSearchToolbar
{
    min-height:20px;
    padding:4px;
    background:#F7F7F7;
    border:1px solid #bbb;
    clear:both;
    margin-bottom:12px;
}

div.AdminSearchToolbar a.SmallButton
{
    clear:none;
}

div.AdminSearchToolbar a.Fat
{
    top:1px;
    left:5px;
}

div.AdminSearchToolbar div.FormFields
{
    float:left;
}

div.AdminSearchToolbar div.SearchButtonContainer
{
    float:right;
    padding:2px 0;
}

div.AdminSearchToolbar span.Checkbox input
{
    height:13px!important;
    top:1px;
    position:relative;
}

div.AdminPage div.SearchResultCount 
{
    float:left;
    margin-bottom:5px; 
}

div.AdminPage div.SearchSummary
{
    float:right;    
}

/***************************************************************** DATAGRID */

table.DataGrid
{
    clear:both;
    border-collapse:collapse;
    border:1px solid #CCCCCC;
}

table.DataGrid td,
table.DataGrid th
{
    /* All cells */
    background-color:White;
    border:solid #F2F2F2;
    border-width:1px 0;
    padding:1px 3px;
    vertical-align:top;
    height:20px;
    font-size:11px;
}

table.DataGrid tr.DataGridHeader td,
table.DataGrid th
{
/* All heading cells */
    font-weight:bold;
    background-color:#F7F7F7;
    border-bottom:1px solid #CCCCCC;
	height:18px;
	line-height:18px;
	vertical-align:bottom;
	color:Black;
	font-weight:bold;
	white-space:nowrap;
	padding:0;
}

table.DataGrid tr.DataGridHeader td:hover,
table.DataGrid th:hover
{
    background-color:#F2F2F2;
}

table.DataGrid tr.DataGridHeader td a,
table.DataGrid th a
/* All heading links */
{
	color:Black;
	font-weight:bold;
	white-space:nowrap;
	display:block;
	width:auto;
	padding:0 5px 0 3px;
	height:18px;
	line-height:18px;
}

table.DataGrid tr.DataGridHeader td a:hover,
table.DataGrid th a:hover
/* All heading links on hover */
{
    text-decoration:none;
    background:#E6E6E6;
}

table.DataGrid td
/* All regular cells */
{
	background-color:White;
	border:none;
	border-bottom:1px solid #F2F2F2;
	padding:0 5px;
	line-height:15px;
	vertical-align:middle;
}	

table.DataGrid tr:hover td
{
    background-color:#FAFAFA!important;
}

div.OneLine
{
    height:17px;
    overflow:hidden;
}

table.DataGrid tr.DataGridItem td.Highlight
{
	background-color:#FCFCFC;
}

table.DataGrid th.SortUp a,
table.DataGrid th.SortDown a
{
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

table.DataGrid th.SortUp a,
table.DataGrid th.SortDown a:hover
{
    background-image: url(../images/relational/sort.up.gif);
}

table.DataGrid th.SortDown a,
table.DataGrid th.SortUp a:hover
{
    background-image: url(../images/relational/sort.down.gif);
}

table.DataGrid td img.Thumbnail
{
    margin:3px;
    float:left;
}

table.DataGrid td a.SmallButton
{
    float:none;
    margin:0;
}

/***************************************************************** ADMIN FORMS */

.FormTitle
{
    font-size:15px;
    line-height:19px;    
    font-weight:bold;
    background:white url(../images/background.hatch.light.gif) repeat top left;
	height:22px;
	padding:10px 5px 5px 5px;
	border:1px solid #CCCCCC;
	margin-top:-2px;
	font-size:15px;
}

.id
{
	font-size:9px;
	font-weight:normal;
	float:right;
	color:#aaa;
	margin:0;
}

.FormFooter
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
	height:15px;
	padding:5px 5px;
	border:1px solid #CCCCCC;
    margin:0;
	font-weight: normal;
}

.MultiPage
{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.StandaloneForm
{
    border:1px solid #CCCCCC;
}

table.DataGrid .StandaloneForm
{
    margin-top:5px;
}

table.DataGrid .FormButtonContainer
{
}

table.TableForm
{
    margin-bottom:-1px;
}

table.TableForm td
{
    /* Form field cells */
	padding:3px 5px;
	background-color:#FCFCFC;
	xborder-bottom:1px solid #F2F2F2;
}

.FormContent h3
{
    /* Headings for form sections */
	font-size:9px;
	margin-top:12px;
	margin-bottom:2px;
	border-bottom:1px solid #ddd;
}

p.FormInstructions,
span.FormInstructions
{
	background:transparent;
	padding:0;
	margin:3px 0 6px 0;
	font-size:9px;
	font-weight:normal;
	color:Gray;
}

div.FormHeading,
table.TableForm td.FormHeading,
table.TableForm td.UserFormHeading
{
    /* Headings (labels) for form fields */
	font-weight:bold;
	text-align:right;
	padding:5px;
	vertical-align:top;
}

/* For richtextbox */
div.RichTextBoxContainer td,
table.TableForm td table td
{
    border:none;
	padding:0px;
}

table.TableForm .FormField
{
    margin-right:4px;
}

table.TableForm p
{
    margin:0 0 6px 0;
}

table.TableForm a.FixedWidth
{
    width:80px;
}


/* Form buttons */

div.FormButtonContainer
{
    margin:12px 0;
}

div.FormButtonContainer a.SmallButton
{
    clear:none;
    float:right;
}

div.FormButtonContainer a.Ok
{
    /* Save */
}

div.FormButtonContainer a.No
{
    /* Cancel */
    margin-right:5px!important;
}

div.FormButtonContainer a.X
{
    /* Delete */
    float:left;
}

/* Upload panel wrapper */

div.UploadWrapper
{
}

div.UploadWrapper table
{
    border-collapse:collapse;
    border-spacing:0;
	border:1px solid #CCCCCC;
}

div.UploadWrapper table td
{
    padding:5px 2px;   
}

.Watermark
{
    color:#ccc!important;
}

p.Watermark
{
    margin:0;
}

/******************************* AUTOCOMPLETE */

ul.AutocompleteContainer
{
    position: relative;
    z-index: 999;
    border: 1px solid #bbb;
    border-top: none;
    height: 100px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    background: white;
}

ul.AutocompleteContainer li
{
    background-image: none;
}

.AutocompleteItem,
.AutocompleteItemHighlighted
{
    margin: 0;
    padding: 1px 5px;
    white-space: nowrap;
}

.AutocompleteItemHighlighted
{
    background:#ddd;
   cursor:pointer; 
}

/******************************* ACTIVE TOPICS */

div.ActiveTopics
{
    background:white url(../images/background.hatch.light.gif) repeat top left;
    border:1px solid #ddd;
    margin:15px 0;
    padding:5px;
}

div.ActiveTopics h4,
div.ActiveTopics div.ActiveTopic,
div.ActiveTopics p
{
    float:left;
    margin-right:5px;
}

div.ActiveTopics h4
{
    font-size:11px;
    line-height:120%;
    width:40px;
}

div.ActiveTopics div.ActiveTopic
{
    width:70px;
}

div.ActiveTopics div.ActiveTopic a.TagThumbnailLink 
{
    float:left;
}

div.ActiveTopics div.ActiveTopic div.TextContainer
{
    float:left;
    width:30px;
}

div.ActiveTopics p
{
    margin:0;
    width:30px;
    font-size:11px;
    line-height:120%;
}

/******************************* RECIPIENT LIST */
/* e.g. Share This Page modal */

div.RecipientList
{
    background: White;
    border: silver 1px solid;    
    padding: 2px;
    width:400px;
}    

div.Recipient
{
    clear:both;
    font-size:11px;
}   

div.Recipient:hover
{
    background:#FAFAFA;
}

div.Recipient span.Name
{
    float:left;
    width:200px;
    overflow-x:hidden;
}

div.Recipient span.Name img
{
    margin:0 3px;
}


















/******************************* FRIEND FINDER */
/* FriendFinder.aspx */

div.StepTabs 
{
    margin:10px 0px;
    border-bottom:1px solid white!important;
}

div.StepTabs span
{
    position:relative;
    z-index:100;
    font-size:110%;
    padding:3px 10px 5px 10px;
    border:1px solid #eee;
    color:#eee;
    font-weight:normal;
}

div.StepTabs span.Selected
{
    font-weight:bold;
    background-color:#ddd;
    border:1px solid #ccc;
    color:Black;
}

/******************************* ADMIN FAN LINK */
/* Contacts.aspx */

a.AdminFanLink
{
    display:block;
    height:28px;
    padding:2px;
    min-width:150px;
}

a.AdminFanLink img
{
    float:left;
}

a.AdminFanLink span.Name
{
    display:block;
    margin-top:7px;
}

/******************************* FILE PICKER */

div.FilePicker 
{
}

div.FilePicker img.Thumbnail
{
    margin-right:10px;
    border:1px solid black!important;
    float:left;
}

div.FilePicker iframe
{
}

body#Blank a.X
{
    top:5px;
}


/******************************* CHAT */

/*** Chat reply form */

div.FieldsetContainer.ChatForm
{
    clear:both;
    width:531px;
    padding:10px;
    margin-top:5px;
    background:white url(../images/background.hatch.light.gif) repeat 0 0;
    border:1px solid silver;
    border-bottom:none;
}

div.FieldsetContainer.ChatForm input.FormField
{
    margin-right:5px;
}


/*** Chat posts */

div.ChatPostContainer
{
    background: White;
    height:350px;
    overflow:scroll;
    overflow-x:hidden;
    border:1px solid silver;    
    padding: 3px;
    width:545px;
}

div.ChatPostContainer div.ChatPost
{
    clear:both;
    border-bottom:1px solid #FAFAFA;
    padding-bottom:2px;
    margin-bottom:2px;
}

div.ChatPostContainer div.ChatPost a.ThumbsUp,
div.ChatPostContainer div.ChatPost a.ThumbsDown,
div.ChatPostContainer div.ChatPost a.Warn
{
    display:block;
    float:left;
    width:15px;
    height:15px;
    background-repeat:no-repeat;
    background-position:3px 3px;
    margin-right:2px;
    -moz-opacity: 0.2;
	opacity: 0.2;
	filter: alpha(opacity=20);
	;
    border:1px solid #E6E6E6;
}

div.ChatPostContainer div.ChatPost a.ThumbsUp:hover,
div.ChatPostContainer div.ChatPost a.ThumbsDown:hover,
div.ChatPostContainer div.ChatPost a.Warn:hover
{
    -moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	;
}   

div.ChatPostContainer div.ChatPost a.ThumbsUp { background-image:url(../images/tinyicons/thumbs.up.gif); }
div.ChatPostContainer div.ChatPost a.ThumbsUp:hover { background-image:url(../images/tinyicons/thumbs.up.color.gif); }

div.ChatPostContainer div.ChatPost a.ThumbsDown { background-image:url(../images/tinyicons/thumbs.down.gif); }
div.ChatPostContainer div.ChatPost a.ThumbsDown:hover { background-image:url(../images/tinyicons/thumbs.down.color.gif); }

div.ChatPostContainer div.ChatPost a.Warn { background-image:url(../images/tinyicons/no.g.gif); }

div.ChatPostContainer div.ChatPost div.UserNameAndTextContainer
{
    margin-left:10px;
    float:left;
    width:400px;
}

div.ChatPostContainer div.ChatPost span.UserName
{
    margin-right:5px;
    font-weight:bold;
    color:#999;
}


body.PopupPage div.ChatPostContainer
{
    overflow:visible;
    width:auto;
    height:auto;
}

body.PopupPage div.ChatPostContainer div.ChatPost div.UserNameAndTextContainer
{
    width:auto;
    padding-right:10px;vh
}


/******************************* GAME LINK FOR SIDEBAR */

div.SidebarGameSummary
{
    width:165px;
    overflow:hidden;
    text-align:left;
    font-size:110%;
    padding:10px 0 0 0;
    min-height:50px;
}

div.SidebarGameSummary a.TicketLink
{
    display:inline-block;
    width:auto;
    padding-left:10px;
    background:transparent url(../images/tinyicons/ticket.g.gif) no-repeat 0 2px;
    margin:2px auto;
}

div.SidebarGameSummary a.Thumbnail
{
    display:block;
    float:left;
    margin-right:10px;
}

div.SidebarGameSummary img.Thumbnail
{
    border:none;
}

div.SidebarGameSummary div.GameDetailsContainer
{
    float:left;
}

div.SidebarGameSummary span
{
    display:block;
}

div.SidebarGameSummary span.UpcomingDate
{
    color:Black;
    font-weight:bold;    
}

div.SidebarGameSummary span.UpcomingTime
{
    color:Black;
    font-weight:normal;
}

div.SidebarGameSummary span.UpcomingChannel
{
    font-size:90%;
    font-weight:bold;
    margin-top:6px;
    color:#666666;
}

div.SidebarGameSummary span.Location
{
    font-size:90%;
    height:15px;
    overflow:hidden;
}

div.SidebarGameSummary span.PastDate
{
    color:#B2B2B2;
}

div.SidebarGameSummary span.PastOutcome
{
    text-transform:uppercase;
    font-size:130%;
    color:Black;
    letter-spacing:1px;
}

div.SidebarGameSummary span.PastScore
{
    color:#660000;
    font-size:170%;
    font-weight:bold;
}

div.SidebarGameSummary:hover
{
    cursor:pointer;
    background:white url(../images/background.hatch.light.gif) repeat top left;
}

div.SidebarGameSummary:hover span.UpcomingDate,
div.SidebarGameSummary:hover span.UpcomingTime,
div.SidebarGameSummary:hover span.PastDate,
div.SidebarGameSummary:hover span.PastOutcome,
div.SidebarGameSummary:hover span.PastScore
{
    color:#660000;
}

div.SidebarGameSummary:hover span.PastDate,
div.SidebarGameSummary:hover span.UpcomingDate
{
    text-decoration:underline;
}

/******************************* Posts score box */

div.PostScoreBox
{
    color:White;
    background-color:#660000;
    text-align:center;
    width:50px;
    padding:3px;
}

div.PostScoreBox span.PostScore
{
    display:block;
    font-weight:bold;
    color:White;
    font-size:1.4em;
    line-height:1;
}


div.PostScoreBox span.VoteTools
{
    display:block;
    padding-top:5px;
}

div.PostScoreBox span.PostReplies
{
    color:White;
    font-size:0.9em;
    line-height:1;
    color:#E0CCCC;
}

div.DetailPage div.PostScoreBox
{
    margin-right:10px;
    margin-bottom:10px;
    float:left;
}


/******************************* Posts score box */

p.EmailProviderButtons a 
{
    text-decoration:none;
}

p.EmailProviderButtons a img
{
    border:0;
    margin-right:25px;
}