/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Common styles
/* by: Nick Malkiewicz
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CONTAINER DIVS */
#OverallContent {background:#333333 url(/images/BgHeaderFixed.jpg) no-repeat top center;}
#ContentBody {position:relative; background:#efeee5 url(/images/BgGradient.gif) repeat-x top left;} 
#InnerContentBody {width:970px; margin:0px; margin-left:auto; margin-right:auto; padding:0px;} /* min-width:700px; max-width:1024px; */
#ContainerColumnMid {float:left; width:620px; margin:0px; padding:20px 5px 0px 5px; background:#efeee5 url(/images/BgGradient.gif) repeat-x top left;}
#ContainerColumnRight {float:left; margin:0px; padding:0px; width:340px;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER */
#Header {height:170px; color:#aeaeae; font-size:12px; margin:0px; padding:0px; /*background:#333333 /*url(/images/BgNavRepeat.gif) repeat-x left bottom*/;}
#HeaderInner {height:170px; margin:0px; padding:0px; /*background:transparent url(/images/BgNavFixed.jpg) no-repeat center bottom;*/}
#HeaderInnerMinimal {height:170px; margin:0px; padding:0px; /*background:transparent url(/images/BgNavFixedMinimal.jpg) no-repeat center bottom;*/} /* used for 404 styled pages */
#HeaderContent {position:relative; width:970px; height:170px; margin:0px auto 0px auto; padding:0px;}
#HeaderLogo {position:absolute; left:-54px; top:0px; margin:0px; padding:0px;} /* this causes horiz scrolling to occur prematurely to 960px */
#HeaderLogo img {height:80px; width:225px;}
#HeaderLogo a:focus {outline:none;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* NAV */
#Nav {list-style:none; margin:0px; padding:111px 0 0 10px;}
#Nav li {margin:0px; float:left;}
#Nav li a, #Nav li a:link, #Nav li a:visited, #Nav li a:active {display:block; font-weight:bold; background-color:#2c2c2c; color:#efeee5; margin-right:10px; padding:10px; text-decoration:none; /*border-radius:3px;*/ -moz-border-radius:3px; -webkit-border-radius:3px;}
#Nav li a:hover, #Nav #NavActive {background-color:#efeee5; color:#333333;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* EXPLAIN */
#ExplainWrapper {margin:24px 5px 20px 5px; width:650px;}
#ExplainWrapper .Note {color:#aeaeae;}
#ExplainCollapsed {}
#ExplainExpanded h2 {color:#f0f0f0;}
#ExplainExpanded a:link, #ExplainExpanded a:visited {color:#f0f0f0;}
#ExplainExpanded a:active, #ExplainExpanded a:hover {color:#ed165c;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER */
#Footer {clear:both; color:#aeaeae; font-size:12px; padding:0px 0px 10px 0px; margin:0; background:#333333 url(/images/FooterBg.jpg) repeat-y center top;}
#FooterTop {height:50px; background: url(/images/FooterTopBg.gif) repeat-x left top; margin:0px auto 0px auto; padding:0px; text-align:center;}
#FooterContent {width:970px; margin: 0px auto 0px auto; padding:30px 0 30px 0;}
#FooterContent h2 {color:#f0f0f0; font-size:18px; font-weight:bold;}
#FooterContent #SiteMapFull {padding:10px;}
.FooterColumn {float:left; text-align:left; width:140px; margin: 0;}
#Footer a:link, #Footer a:visited {color:#d6d6d6; text-decoration: underline;}
#Footer a:hover, #Footer a:active {color:#ed165c; text-decoration: none;}
#Footer .Note {color:#aeaeae;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TOPLINK (the arrow on bottom right that takes you to the top of every page) */
* html #TopLink {display:none;} /* Hide from IE 6 and below, b/c position fixed doesn't work */
#TopLink {position:fixed; bottom:5px; right:5px; height:14px; width:14px; }
#TopLink a {width:14px; height:0px; padding-top:14px; overflow:hidden;	display:block;	background:url(/images/BtnTop.gif) no-repeat 0 0;}
#TopLink a:hover{background-position: 0 -14px}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* GENERIC TAGS */
a:focus {outline:none;} 
a:link, a:visited {color:#ed165c; text-decoration: underline; outline:none;}
a:active, a:hover {color:#333333; text-decoration: underline;}
body {font-size:12px; font-family:Arial,sans-serif; color:#333333; margin:0px; padding:0px;}

h1 {font-size:26px; font-weight:bold; margin:10px; padding:0px; color:#ed165c; text-transform:capitalize;}
h1 a:link, h1 a:visited {text-decoration:none; color:#ed165c;}
h1 a:active, h1 a:hover {text-decoration:none; color:#333333;}
h2 {margin:10px; padding:0px; font-size:18px; font-weight:bold; color:#333333;}
h2 a:link {color:#333333; text-decoration: none;}
h2 a:visited {color:#333333; text-decoration: none;}
h2 a:active, h2 a:hover {color:#ed165c; text-decoration: underline;}
h3 {margin:10px; padding:0px; font-size:12px; font-weight:bold; color:#333333;}
h3 a:link {color:#333333; text-decoration: underline;}
h3 a:visited {color:#333333; text-decoration: underline;}
h3 a:active, h3 a:hover {color:#ed165c; text-decoration: underline;}
p {margin:10px; padding:0px; line-height:18px;}
hr {background-color:#2c2c2c; color:#2c2c2c; height:1px; margin:10px auto; border:0;}
img {border:0px none;}
blockquote {margin-left:40px; margin-right:40px; padding:0px 0px 0px 20px; background: #3a3a3a url(/images/QuoteLeft.gif) no-repeat top left;}
blockquote p {color:#aeaeae; font-style:italic; font-size:14px; line-height:18px; background: url(/images/QuoteRight.gif) no-repeat bottom right;}

object {margin:10px;}

.Left {display:block; float:left; clear:left; margin:5px; text-align:left; }
.Right {display:block; float:right; clear:right; margin:5px; text-align:left; }
.Clear {clear:both;}
.Note, .Note a:link, .Note a:visited, .Note a:hover, .Note a:active {color:#555555; font-style:italic; font-size:11px;}
.NoteBig, .NoteBig a:link, .NoteBig a:visited, .NoteBig a:hover, .NoteBig a:active {font-size:14px; color:#79745d; font-style:italic;}
.BigBold {font-size:12px; font-weight:bold; margin:5px 5px 0px 0px; padding:0px; color:#FFFFFF;} /* header within side panel, but without the line break that comes with h tags */
.HugeBold {font-size:18px; font-weight:bold; margin:5px 2px 0px 0px; padding:0px; color:#d6d6d6;}
span.highlighted {background-color:#FFFF00; color:#282828; font-weight:bold;} /* search highlight */

::-moz-selection {background:#333333; color:#f0f0f0;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* GRIDS */
.Grid2Left {display:inline; float:left; width:50%; padding:0; margin:0;}
.Grid3Left {display:inline; float:left; width:33%; padding:0; margin:0;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* MESSAGES */
.Error, .Error a:link, .Error a:visited, .Error a:hover, .Error a:active {font-weight:bold; color:#cc3333;}

.ErrorMessage {padding:10px; margin:10px; border:1px solid #FF3333; background-color:#993333; background-image:url(/images/Icon32x32Error.gif); background-repeat:no-repeat; background-position:10px center; color:#F0F0F0; font-weight:bold; }
.ErrorMessage a:link, .ErrorMessage a:visited, .ErrorMessage a:active, .ErrorMessage a:hover {color:#F0F0F0;}

.InfoMessage {padding:10px; margin:10px; border:1px solid #f8b92e; background-color:#fce193; background-image:url(/images/Icon32x32Info.gif); background-repeat:no-repeat; background-position:10px center; color:#000000; font-weight:bold; }
.InfoMessage a:link, .InfoMessage a:visited, .InfoMessage a:active, .InfoMessage a:hover {color:#000000;}

.ErrorMessage p, .InfoMessage p {margin-left:42px;}
.ErrorMessage ul, .InfoMessage ul, 
.ErrorMessage ol, .InfoMessage ol {margin:0 10px 5px 32px;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CUSTOM UNORDERED LISTS */
ul.CustomUl {list-style: none; margin:5px; padding-left:1em; text-indent: -1em;}
ul.CustomUl li {list-style-image: none; list-style-type: none; margin-bottom:5px;}
ul.CustomUl li:before {content: "\00BB \0020";}
ol.CustomOl {margin:20px 5px 20px 5px; padding-left:25px; text-indent: -5px; list-style-type:decimal;}
ol.CustomOl li {margin-bottom:5px;}
.CustomUl lh, .CustomOl lh {padding-bottom:5px; margin:0 0 5px -15px; font-weight:bold;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* DISPLAY LIST */
.ListRow {padding:5px 5px 15px 5px; background: transparent url(/images/BgListRow.jpg) no-repeat bottom left;}
.ListRowOdd {padding:5px 5px 15px 5px; background: #e5e4dc url(/images/BgListRowOdd.jpg) no-repeat bottom left;}
.ListRowBlank {padding:5px 5px 15px 5px; background:none;}

.ListAudioPlayer {margin:0px;}
.ListAudioPlayer object {outline:none; margin:0px 0px 0px 10px;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* AUDIO PLAYER STATIC (at first we render images b/c loading flash takes too much time) */
a.AudioPlayerStatic, a.AudioPlayerStatic:link, a.AudioPlayerStatic:visited {margin:10px; display:block; height:24px; width:73px; background: url(/images/AudioPlayerStatic.gif) no-repeat center top; outline:none;}
a.AudioPlayerStatic:hover {background: url(/images/AudioPlayerStatic.gif) no-repeat center bottom;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ALBUM SPECIFIC */
.AlbumReleased {margin:0 0 10px 10px; font-style:italic;}
.AlbumTags {margin:0 0 10px 10px; font-style:italic;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BOXES */
.BoxTwitter {width:42px; height:36px; margin:-30px 0 0 -25px; padding:0px;}
.BoxTwitter a:link, .BoxTwitter a:visited {display:block; width:42px; height:36px; background: transparent url(/images/BgSideTwitter.jpg) no-repeat top right;}
.BoxTwitter a:hover, .BoxTwitter a:active {background-position:bottom right;}

.BoxTop {width:300px; height:225px; margin:-36px 0 0 20px; padding:0px;}
.BoxTop a:link, .BoxTop a:visited {display:block; width:300px; height:225px; background: transparent url(/images/BgSideTag.jpg) no-repeat top right;}
.BoxTop a:hover, .BoxTop a:active {background-position:bottom right;}

.BoxContainer {padding:2px; margin:20px; /*background-color:#a19f9b;*/ background: transparent url(../images/BgBoxContainer.gif) repeat left 0px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.Box {color:#aeaeae; margin:5px; padding:5px; background-color:#333333; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.Box h2 {color:#333333; background-color:#cbc8bc; padding:5px 10px 5px 10px; margin:5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.Box p {color:#aeaeae; margin:10px; font-size:12px; white-space:nowrap; width:250px; overflow:hidden;}
.Box a:link, .Box a:visited {color:#F0F0F0; text-decoration:none;}
.Box a:hover, .Box a:active {color:#ed165c; text-decoration:underline;}
.Box .BoxImage {margin:15px 5px 0px 5px;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* MORE LINK */
.MoreLink {margin:10px 10px 5px 10px; font-size:16px; font-weight:bold; text-align:right;}
.MoreLink a:link, .MoreLink a:active, .MoreLink a:visited {text-decoration:none; color:#d6d6d6;}
.MoreLink a:hover {color:#ffffff;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS */
.BtnContainer {overflow:hidden; width:100%; margin:15px 0 15px 10px;}

a.BtnFree {background: transparent url(/images/BtnFree.gif) no-repeat top right; color: #333333; display: block; float:left; font: bold 18px arial, sans-serif; height:54px; margin-right:15px; padding-right:20px; outline: none; text-decoration: none;}
a.BtnFree span {background: transparent url(/images/BtnFree.gif) no-repeat top left; display: block; line-height:26px; padding:11px 0 17px 20px; outline: none; text-decoration: none;}
a.BtnFree:link, a.BtnBuy:active, a.BtnBuy:visited {color:#333333; outline: none; text-decoration: none;}
a.BtnFree:hover {background-position: bottom right; color: #000000; outline: none; text-decoration: none;}
a.BtnFree:hover span {background-position: bottom left; padding: 12px 0 16px 20px; outline: none; text-decoration: none;}		
a.BtnFree div {display: inline;} /* to allow for js changes of text within a BtnBuy */

.ListRowOdd a.BtnFree {background: transparent url(/images/BtnFreeOdd.gif) no-repeat top right;}
.ListRowOdd a.BtnFree span {background: transparent url(/images/BtnFreeOdd.gif) no-repeat top left;}
.ListRowOdd a.BtnFree:hover {background-position: bottom right;}
.ListRowOdd a.BtnFree:hover span {background-position: bottom left;}

a.BtnBuy {background: transparent url(/images/BtnBuy.gif) no-repeat top right; color: #333333; display: block; float:left; font: bold 18px arial, sans-serif; height:54px; margin:0px; padding-right:20px; outline: none; text-decoration: none;}
a.BtnBuy span {background: transparent url(/images/BtnBuy.gif) no-repeat top left; display: block; line-height:26px; padding:11px 0 17px 20px; outline: none; text-decoration: none;}
a.BtnBuy:link, a.BtnBuy:active, a.BtnBuy:visited {color:#333333; outline: none; text-decoration: none;}
a.BtnBuy:hover {background-position: bottom right; color: #000000; outline: none; text-decoration: none;}
a.BtnBuy:hover span {background-position: bottom left; padding: 12px 0 16px 20px; outline: none; text-decoration: none;}		
a.BtnBuy div {display: inline;} /* to allow for js changes of text within a BtnBuy */

.ListRowOdd a.BtnBuy {background: transparent url(/images/BtnBuyOdd.gif) no-repeat top right;}
.ListRowOdd a.BtnBuy span {background: transparent url(/images/BtnBuyOdd.gif) no-repeat top left;}
.ListRowOdd a.BtnBuy:hover {background-position: bottom right;}
.ListRowOdd a.BtnBuy:hover span {background-position: bottom left;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* NAME YOUR PRICE */
.NameYoPrice {display:block; background:#c9c7b9; margin:0px 20px 20px 0px; padding:10px; /*border-radius:5px;*/ -moz-border-radius:5px; -webkit-border-radius:5px;}
.NameYoPrice .Left {height:54px;}
.NameYoPrice .SimpleLabel {width:110px; display:block; float:left; cursor:pointer; font-weight:bold; margin:5px 0 0 0;}
.NameYoPrice .Textfield {width:50px; margin:0 5px 0 5px;}
.NameYoPrice p {margin:5px 0 0 0;}
.NameYoPrice a.BtnBuy {background: transparent url(/images/BtnBuyNamePrice.gif) no-repeat top right;}
.NameYoPrice a.BtnBuy span {background: transparent url(/images/BtnBuyNamePrice.gif) no-repeat top left;}
.NameYoPrice a.BtnBuy:hover {background-position: bottom right;}
.NameYoPrice a.BtnBuy:hover span {background-position: bottom left;}
.NameYoFree {margin:5px 0 0 0}
.NameYoFree .Textfield {width:150px; margin:0 5px 0 5px;}
.NameYoPrice .BtnFree {margin-top:12px;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SIDE THUMBS */
.SideThumbs {position:relative; float:left; width:295px; margin-top:15px; padding:0px;}
.SideThumbs .ImgSmallWrap {margin:0px 5px 0px 10px;}
.SideThumbs .ImgSmallWrap li {margin:5px 15px 15px 5px;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* IMAGE THUMBNAILS (Small=50x50, Medium=150x150, Large=295x295, XL=500x500 & MaxUpload=500x500/50kb) [inspired by http://brunildo.org/test/ImgThumbIBL2c.html] */

/* Small Images */
.ImgSmallWrap {padding:0px; margin:0; float:left;}
.ImgSmallWrap li {float:left; display:inline; /*\*/ vertical-align:top; /**/ margin:5px 5px 0px 5px; padding:0; text-align:center;}
.ImgSmallWrap li>div {/*\*/ display:table; table-layout:fixed; /**/ width:68px;}
.ImgSmallWrap a {display:block; text-decoration:none; cursor:pointer; background: transparent url(/images/BgImgSmall.gif) top left no-repeat;}
/* Hide from IE-Mac \*/
.ImgSmallWrap>li .WrapImage {display:table-cell; vertical-align:middle; width:68px; height:68px;}
/* End Hide */
.ImgSmallWrap li .WrapImage {} /* you can add an bg image to the square such as a gradient if you so desire */
.ImgSmallWrap img {vertical-align:middle; margin-top:-6px; margin-left:-6px;}
.ImgSmallWrap a:hover {background: transparent url(/images/BgImgSmall.gif) bottom left no-repeat;}

/* If in the right side box bg */
.Box .ImgSmallWrap a {background: transparent url(/images/BgImgSmallSide.gif) top left no-repeat;}
.Box .ImgSmallWrap a:hover {background: transparent url(/images/BgImgSmallSide.gif) bottom left no-repeat;}


/* Medium Images */
.ImgMediumWrap {padding:0px; margin:0;}
.ImgMediumWrap li {float:left; display:inline; /*\*/ vertical-align:top; /**/ margin:10px; padding:0; text-align:center;}
.ImgMediumWrap li>div {/*\*/ display:table; table-layout:fixed; /**/ width:170px;}
.ImgMediumWrap a {display:block; text-decoration:none; cursor:pointer; background: transparent url(/images/BgImgMedium.gif) top left no-repeat;}

/* Hide from IE-Mac \*/
.ImgMediumWrap>li .WrapImage {display:table-cell; vertical-align:middle; width:170px; height:176px;}
/* End Hide */

.ImgMediumWrap li .WrapImage {} /* you can add an bg image to the square such as a gradient if you so desire */
.ImgMediumWrap img {vertical-align:middle; margin-top:-6px; margin-left:0px;}
.ImgMediumWrap a:hover {background: transparent url(/images/BgImgMedium.gif) bottom left no-repeat;}

.ListRowOdd .ImgMediumWrap a {background: transparent url(/images/BgImgMediumOdd.gif) top left no-repeat;} /* if it's on a dark bg */
.ListRowOdd .ImgMediumWrap a:hover {background: transparent url(/images/BgImgMediumOdd.gif) bottom left no-repeat;} /* if it's on a dark bg */


/* Large Images */
.ImgLargeWrap {padding:0px; margin:0px 10px 10px 10px;}
.ImgLargeWrap li {float:left; display:inline; /*\*/ vertical-align:top; /**/ margin:5px 0px 5px 5px; padding:0; text-align:center;}
.ImgLargeWrap li>div {/*\*/ display:table; table-layout:fixed; /**/ width:315px;}
.ImgLargeWrap a {display:block; text-decoration:none; cursor:pointer; background: transparent url(/images/BgImgLarge.gif) top left no-repeat;}
/* Hide from IE-Mac \*/
.ImgLargeWrap>li .WrapImage {display:table-cell; vertical-align:middle; width:315px; height:327px;}
/* End Hide */
.ImgLargeWrap li .WrapImage {} /* you can add an bg image to the square such as a gradient if you so desire */
.ImgLargeWrap img {vertical-align:middle; margin-top:-12px; margin-left:0px;}
.ImgLargeWrap a:hover {background: transparent url(/images/BgImgLarge.gif) bottom left no-repeat;}

.ImgLargeWrap .Note, .ImgMediumWrap .Note {text-decoration:underline; cursor:pointer;} /* faux link to replace image */

/* If on ListRowOdd bg */
.ListRowOdd .ImgLargeWrap a {background: transparent url(/images/BgImgLargeOdd.gif) top left no-repeat;}
.ListRowOdd .ImgLargeWrap a:hover {background: transparent url(/images/BgImgLargeOdd.gif) bottom left no-repeat;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Form Stuff */
form {margin:0px; padding:0px;}

fieldset {border:0px; margin:0px; padding:0px;}
fieldset span.BigBold {margin:5px;}
fieldset div {padding-bottom:5px; margin:0 5px 0 5px;}
fieldset label {font-weight:bold; display:block; padding:0px; margin:5px; color:#333333; cursor: pointer;}
fieldset label.SimpleLabel {font-weight:normal; display:inline; padding:0px; margin:0px 0px 5px 0px; color:#333333; cursor:pointer;}
fieldset label.Error {color:#FF3333;}

.Textfield {margin:0px 5px 5px 5px; font:12px Arial, sans-serif; padding:4px; background: #FFFFFF url(/images/BgTextfield.gif) no-repeat left 0px; border:1px solid #666666; color:#666666; width:250px;} 
.Textfield:focus {color:#000000; border: 1px solid #000000; background-position: left -300px;}
.TextfieldShort {margin:0px 5px 5px 5px; font:12px Arial, sans-serif; padding:4px; background: #FFFFFF url(/images/BgTextfield.gif) no-repeat left 0px; border:1px solid #666666; color:#666666; width:50px;} 
.TextfieldShort:focus {color:#000000; border: 1px solid #000000; background-position: left -300px;}
textarea.Textfield {margin:0px 5px 5px 5px; font:12px Arial, sans-serif; padding:4px; background: #FFFFFF url(/images/BgTextfield.gif) no-repeat left 0px; border:1px solid #666666; color:#666666; width:580px; height:200px;}
textarea.Textfield:focus {color:#000000; border: 1px solid #000000; background-position: left -300px;}
.Radio, input[type=radio] {cursor:pointer; margin:5px; padding:0px; vertical-align:middle;}
.Checkbox, input[type=checkbox] {height:14px; margin:5px; padding:0px; cursor:pointer; vertical-align:middle;}
.Select {font:12px Arial, sans-serif; margin:0px 5px 5px 5px; padding:2px; background-color:#FFFFFF; border:1px solid #333333; color:#333333; vertical-align:middle; cursor:pointer;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Ajax Inline Default Forms  (Users About / Music Details)*/
.InPlaceEditRow {margin:0px 0px 10px 0px; clear:left;} /* need the clear:left for BtnForm since they float:left */
.InPlaceEdit {margin:0px 0px 10px 0px; color:#fce193; border-bottom:1px dashed #fce193; cursor:pointer;}
.FauxInPlaceEdit {margin:0px 0px 10px 0px;}
.FauxInPlaceEdit a:link, .FauxInPlaceEdit a:visited, .FauxInPlaceEditNoHref {text-decoration:none; border-bottom:1px dashed #fce193; color:#fce193; cursor:pointer;}
.FauxInPlaceEdit a:hover, .FauxInPlaceEditNoHref:hover {text-decoration:none; border-bottom:1px dashed #fce193; background-color:#996600; color:#fce193; cursor:pointer;}

form.inplaceeditor-form {margin:0px; padding:0px;}  
form.inplaceeditor-form .editor_field, .editor_field {margin:5px; font:12px Arial, sans-serif; padding:4px; background: #FFFFFF url(/images/BgTextfield.gif) no-repeat left 0px; border:1px solid #666666; color:#333333; width:100px;} 
form.inplaceeditor-form .editor_field:focus, .editor_field:focus {border: 1px solid #333333;}
form.inplaceeditor-form .saving {color:#fffadb;} /* saving... text */
form.inplaceeditor-form select {font:12px Arial, sans-serif; margin:5px; padding:2px; background-color:#FFFFFF; border:1px solid #333333; color:#333333;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* REAL TABLE */
.ContentTable {width:98%; border-collapse:collapse; margin:10px; }
.ContentTable thead {color:#333333; background-color:#c9c7b9; margin:0px; padding:8px; text-align:left; font-size:12px;}
.ContentTable tr, .ContentTable td, .ContentTable th {margin:0px; padding:8px; text-align:left; border:1px solid #79745d; border-collapse:collapse; }
.ContentTableRowColored {background-color:#3a3a3a;} /* Row Alternate (zebra stripe) */
.ContentTableRowHover {background-color:#5c5745;} /* Row Hover */
.ContentTableRowOn {background-color: #748152;} /* Row On */

/* NEW Table Sorting Stuff */
.ContentTable tr.rowodd {background-color: #e5e4dc;}
.ContentTable tr.roweven {background-color: #efeee5;}
.ContentTable .sortcol {cursor: pointer; padding-right:20px; background-repeat: no-repeat; background-position: right center;}
.ContentTable .sortasc {color:#f0f0f0; background-color:#ed165c; background-image: url(/images/IconSortUp.gif);}
.ContentTable .sortdesc {color:#f0f0f0; background-color:#ed165c; background-image: url(/images/IconSortDown.gif);}
.ContentTable .nosort {cursor: default;}

/* Table Resizing Stuff */
.ContentTable th.resize-handle-active {cursor: e-resize;}
div.resize-handle {cursor: e-resize; width: 2px; border-right: 1px dashed #ed165c; position:absolute; top:0; left:0;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* REAL TABLE FIXED WIDTH (use in conjunction with .ContentTable) */
.FixedTable {table-layout:fixed; width:98%;}
.FixedTable td {white-space: nowrap; overflow:hidden;}
.FixedTable td.col6,
.FixedTable td.ObjectFeedback {cursor:auto;}
.FixedTable td.col6 a {padding-left:4px;}
.FixedTable td a:link {color:#d6d6d6; text-decoration: underline; font-weight:bold;}
.FixedTable td a:visited {color:#aeaeae; text-decoration: underline; font-weight:normal;}
.FixedTable td a:active, #resultsDisplayText .FixedTable td a:hover {color:#f0f0f0; text-decoration: underline;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SHOW TABLE */
.ShowTable {width:200px;}
.ShowTable td {padding:2px; text-align:center; background-color:#efeee5;}
.ShowTable td.ShowDate {background-color:#ed165c; font-weight:bold; color:#F0F0F0; cursor:pointer;}
.ShowTable td.ShowDate:hover {background-color:#333333; color:#F0F0F0;}
.ShowTable td.ShowDate a, .ShowTable td.ShowDate a:visited, .ShowTable td.ShowDate a:link {color:#F0F0F0; text-decoration:none;}
.ShowTable td.ShowDate a:hover, .ShowTable td.ShowDate a:active {color:#F0F0F0; text-decoration:none;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SHOWS */
.ShowsWrapper {height:260px; width:610px; overflow:hidden; position:relative; margin:0; padding:0;}
.ShowsPage {height:260px; width:610px; margin:0; padding:0;}
#ShowDetails {} /* the div that shows get shoved into */

/* Shows Calendar */
.ShowsCarousel {margin:10px; padding:0;}
.ShowsCarousel li {float:left; display:inline; list-style-type:none;}
.ShowsCarousel li.MoveBack a {display:block; height:34px; width:34px; margin:100px 0 0 0; padding:0; background:url(/images/BtnMoveBack.gif) no-repeat 0 0; text-indent:-9999px;}
.ShowsCarousel li.MoveBack a:hover {background-position: 0 -34px}
.ShowsCarousel li.MoveFwd a {display:block; height:34px; width:34px; margin:100px 0 0 0; padding:0; background:url(/images/BtnMoveFwd.gif) no-repeat 0 0; text-indent:-9999px;}
.ShowsCarousel li.MoveFwd a:hover {background-position: 0 -34px}

/* Month Wrapper */
.MonthWrapper {display:block; margin:10px; width:241px; background:#c9c7b9 url(/images/BgMonthWrapper.gif) center top repeat-y;}
.MonthWrapper .MonthWrapperTop {display:block; margin-bottom:-10px; height:10px; background: url(/images/BgMonthWrapperTop.gif) center top no-repeat;}
.MonthWrapper .MonthWrapperBottom {display:block; margin-top:-10px; height:16px; background: url(/images/BgMonthWrapperBottom.gif) center top no-repeat;}
.MonthWrapper h2, .MonthWrapper p, .MonthWrapper li, .MonthWrapper table {margin:20px;}
.MonthWrapper h2 {margin-bottom:-10px; color:#333333;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FANCYZOOM */
#zoom_content, #zoom_content ul li, #zoom_content p {color:#bebebe;}
#zoom_content h2 {color:#F0F0F0;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SITE ICONS */
.IconBandcamp:link, .IconBandcamp:visited {text-decoration:none; background: url(/images/Icon16x16SiteBandcamp.gif) no-repeat left center; padding:2px 0 2px 20px; margin-left:0px;}
.IconBandcamp:active, .IconBandcamp:hover {text-decoration:underline;}

.IconFacebook:link, .IconFacebook:visited {text-decoration:none; background: url(/images/Icon16x16SiteFacebook.gif) no-repeat left center; padding:2px 0 2px 20px; margin-left:0px;}
.IconFacebook:active, .IconFacebook:hover {text-decoration:underline;}

.IconItunes:link, .IconItunes:visited {text-decoration:none; background: url(/images/Icon16x16SiteItunes.gif) no-repeat left center; padding:2px 0 2px 20px; margin-left:0px;}
.IconItunes:active, .IconItunes:hover {text-decoration:underline;}

.IconMyspace:link, .IconMyspace:visited {text-decoration:none; background: url(/images/Icon16x16SiteMyspace.gif) no-repeat left center; padding:2px 0 2px 20px; margin-left:0px;}
.IconMyspace:active, .IconMyspace:hover {text-decoration:underline;}

.IconSoundcloud:link, .IconSoundcloud:visited {text-decoration:none; background: url(/images/Icon16x16SiteSoundcloud.gif) no-repeat left center; padding:2px 0 2px 20px; margin-left:0px;}
.IconSoundcloud:active, .IconSoundcloud:hover {text-decoration:underline;}

.IconTwitter:link, .IconTwitter:visited {text-decoration:none; background: url(/images/Icon16x16SiteTwitter.gif) no-repeat left center; padding:2px 0 2px 20px; margin-left:0px;}
.IconTwitter:active, .IconTwitter:hover {text-decoration:underline;}

.IconVimeo:link, .IconVimeo:visited {text-decoration:none; background: url(/images/Icon16x16SiteVimeo.gif) no-repeat left center; padding:2px 0 2px 20px; margin-left:0px;}
.IconVimeo:active, .IconVimeo:hover {text-decoration:underline;}

.IconYouTube:link, .IconYouTube:visited {text-decoration:none; background: url(/images/Icon16x16SiteYouTube.gif) no-repeat left center; padding:2px 0 2px 20px; margin-left:0px;}
.IconYouTube:active, .IconYouTube:hover {text-decoration:underline;}