@import url("common.css");

body
{
    /* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */
    line-height: 1.4;
    color: #222;
    font-family: Geneva, Helvetica, Arial, sans-serif;
    font-size: 80%; 
    margin: 0px;
    top: 0px;
    left: 0px;
    background-color: #ECF1EF;
}
div#loading
{
    display: none;
    width: 60px;
    height: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: url(/content/images/general/loading.gif) no-repeat center center #FFFFFF;
    text-align: center;
    padding: 10px;
    font: normal 16px Tahoma, Geneva, sans-serif;
    border: 1px solid #666;
    margin-left: -30px;
    margin-top: -35px;
    z-index: 2;
    overflow: auto;
}

p
{
    margin-top: 3px;
}
h1
{
    font-size: 160%;
}
h1, .h1
{
    margin-top: 0px;
    margin-bottom: 3px;
    font-weight: bold;
    text-decoration: none;
    color: #006699;
}
h2
{
    font-size: 140%;
}
h2, .h2
{
    margin-top: 0px;
    margin-bottom: 3px;
    color: #006699;
    font-weight: bold;
    text-decoration: none;
}
h3
{
    font-size: 120%;
}
h3, .h3
{
    margin-top: 0px;
    margin-bottom: 3px;
    color: #006699;
    font-weight: bold;
    text-decoration: none;
}
h4
{
    font-size: 110%;
}
h4, .h4
{
    margin-top: 0px;
    margin-bottom: 3px;
    font-size: 120%;
    color: #006699;
}
h5
{
    font-size: 110%;
}
h5, .h5
{
    margin-top: 0px;
    margin-bottom: 3px;
    color: #006699;
    font-weight: normal;
}

hr
{
    height: 1px;
    color: silver;
    background-color: silver;
    padding: 0px;
    margin-top: 5px;
}
a
{
    color: Black;
}
a:hover
{
    text-decoration: none;
    color: #006699;
}








#pageContainer
{
    width: 940px;
    margin: 0px auto;
    margin-top: 4px;
    text-align: left;
    border-left: solid 1px silver;
    border-right: solid 1px silver;
    border-top: solid 1px silver;
    margin-bottom: 10px;
    background-color: White;
}

#header
{
    position: relative;
    height: 85px;
    color: #000;
    background: #006699;
    border-bottom: solid 1px silver;
    background-image: url(/Content/Images/General/SiteTitle.gif);
    background-position: top left;
    background-repeat: no-repeat;
}
#title
{
    float: left;
}
#headerRHS
{
    position: absolute;
    top: 0px;
    left: 100px;
    color: White;
    font-size: 100%;
}
#searchbox2
{
    text-align: right;
    margin: 3px 3px 0px 0px;
}
#searchbox
{
    text-align: right;
    position: absolute;
    height: 20px;
    color: black;
    width: 180px;
    top: 42px;
    right: 15px;
    vertical-align: middle;
}
input.homepageSearchTextbox
{
    background-color: Transparent;
    background-image: url(/Content/Images/Icons/magnifier.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
    border: 0px solid silver;
    height: 18px;
    color: #006699;
}
input#pickerSearch, input#usedPickerSearch, input#keywords
{
    background-color: Transparent;
    background-image: url(/Content/Images/Icons/magnifier.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
    border: 1px solid silver;
    height: 18px;
    color: #006699;
}
input#keywords
{
    width: 142px;
}
input.searchControlTextbox
{
    border: 1px solid transparent;
}
input.searchControlButton
{
    top: 14px;
}

#navibar
{
    clear: both;
    padding: 0px;
    margin: 0px;
    background-color: #339999;
    border-bottom: solid 1px silver;
    xheight: 40px;
    font-size:110%;
    
}

#breadcrumbandlogin
{
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 1px;
    background-color: #003366;
    border-bottom: solid 1px silver;
    xheight: 20px;
    color: White;
    clear: left;
}
#breadcrumbandlogin a:hover
{
    color: #FFFFFF;
}

#breadcrumb
{
    float: left;
    text-align: left;
}
#breadcrumb a:hover
{
    color: #FFCC00;
}
.youAreHere
{
    color: silver;
}

#login
{
    text-align: right;
    margin-right: 4px;
}

#maincontent
{
    clear: left;
    margin: 0px;
    padding: 10px;
    min-height: 500px;
}
.artworkScale
{
    
}
#footer
{
    width: auto;
    text-align: right;
    padding: 0px;
    padding-bottom:10px;
    margin-bottom: 0px;
    margin-top: 10px;
    color: white;
    background-color: #FFFFFF;
    border-bottom: solid 1px #555555;
    clear: both;
    vertical-align: middle;
    padding-top: 2px;
}
#footer span
{
    margin-left: 10px;
    margin-right: 10px;
}
#footer span a
{
    color: White;
    text-decoration: none;
}
#footer span a:hover
{
    color: silver;
    text-decoration: none;
}

#noscript-warning
{
    font-family: sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #fff;
    background-color: #FF0000;
    padding: 5px 0 5px 0;
    border:1px solid #000000;
    
}

#advert
{
    width: auto;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding: 7px;
    color: #000;
    background: #339999;
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
    clear: left;
    vertical-align: middle;
}
#absoluteFooter
{
    width: auto;
    font-size: x-small;
    padding: 10px;
    color: white;
    background-color: #006699;
    border-top: solid 0px silver;
    border-bottom: solid 1px silver;
    clear: left;
}
#absoluteFooter a
{
    text-decoration: none;
}
#absoluteFooter a:hover
{
    text-decoration: none;
    color: Silver;
}
#absoluteFooter #copyright
{
    float: left;
}
#absoluteFooter #privacy
{
    text-align: right;
}

#homepageSlideshowAndLogin
{
    min-height: 310px;
}

/*#homepageLogin
{
    float:right;
    padding:5px;
    border:1px solid silver;
    margin-left:15px;
    background-color:#E6E6FA;
}
#homepageLogin div
{

}*/


#homepageArtistFocus
{
    clear: both;
    display: block;
    background-color: #E6E6FA;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid silver;
    min-height: 120px;
}

#browsePane
{
    width: 150px;
    height: auto;
    float: right;
    background-color: #339999;
    padding: 10px;
    color: White;
}
#browseResults
{
    float: left;
    width: 600px;
}
.browseExpanders
{
    cursor: pointer;
}
#currentBrowseFilters
{
    padding: 5px;
    color: white;
    background: url(../images/general/fwboxbg.jpg) repeat-y;
}

.collapsePanel
{
    height: 0px;
    overflow: hidden;
}

.collapsePanelHeader
{
    height: 20px;
    font-size: 110%;
    color: #FFFFFF;
    font-weight: bold;
    float: none;
    padding: 0px;
    cursor: pointer;
    vertical-align: bottom;
}
img.expandcollapse
{
}
span.expandTitle
{
    vertical-align: top;
}


/* forms */
div.field
{
    margin: 7px 0px 7px 0px;
    clear: left;
    vertical-align: top;
    min-height: 26px;
}

div.field div.fieldLabel, div.field div.fieldLabelWide
{
    padding-top: 4px;
    margin-right: 4px;
    float: left;
    width: 100px;
    clear: left;
    text-align: right;
}
div.field div.fieldLabelWide
{
    width: 150px;
}
div.field div.fieldLabelNoInput
{
    margin-right: 4px;
    float: left;
    width: 100px;
    clear: left;
    text-align: right;
}

div.field div.fieldInput
{
    float: left;
}

/* buttons */
input.fileUpload
{
    border: 1px solid silver;
}
input.btn, button.btn, input.btnAdd, input.btnDelete
{
    color: #000000;
    font-weight: bold;
    background-color: #CCCCCC;
    border: 1px solid;
    border-top-color: #aaaaaa;
    border-left-color: #aaaaaa;
    border-right-color: #bbbbbb;
    border-bottom-color: #bbbbbb;
    cursor: pointer;
    font-size: 100%;
    height: 22px;
}

input.btnAdd
{
    background-image: url(../common/icons/add.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}
input.btnDelete
{
    background-image: url(../common/icons/delete.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}
input.searchBox
{
    background-image: url(../common/icons/magnifier.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}
input.searchControlTextbox
{
    border: 1px solid silver;
}
input.long
{
    width: 700px;
}
input.lesslong, textarea.lesslong
{
    width: 500px;
}
input.username
{
    text-transform: lowercase;
}
textarea
{
    font-family: Geneva, Helvetica, Arial, sans-serif;
    font-size: 90%; 
}
textarea.wide
{
    width: 700px;
}
input.hiddenButton
{
    display: none;
}
img
{
    border: 0px;
}
img.noborder
{
    border: 0px;
}
img.border
{
    border: 1px solid silver;
}

.gray
{
    color: #333333;
}
.lgray
{
    color: #bbbbbb;
}

.red
{
    color: Red;
}
.white
{
    color: white;
}
span.reqField
{
    color: Red;
    font-weight: bold;
    font-size: 150%;
}
.helpField
{
    color: #666666;
}
.breadcrumbFont
{
    color: White;
}
.adminLink
{
    color: black;
    font-weight: bold;
}
.loginFont
{
    color: White;
}

#breadcrumb a
{
    text-decoration: none;
}
.adminSection a
{
    color: Black;
    font-size: medium;
}
div.leftSearchSection
{
    float: left;
}
div.rightSearchSection
{
    padding-left: 20px;
    float: left;
}
div.searchSection
{
    padding-bottom: 5px;
    clear: left;
}
input.searchField, select.searchField
{
    width: 270px;
}
div.searchSection span.label
{
    float: left;
    clear: left;
    width: 100px;
}
div.searchSection span.sizeLabel
{
    float: left;
    width: 70px;
}
div.searchSection div.sizes
{
    float: left;
    width: 170px;
}
div.searchSection div.sizeUnits
{
    float: left;
    padding-top: 15px;
    clear: right;
}
div.searchSection div.sizeFields
{
    padding-bottom: 10px;
    padding-right: 5px;
}
div.searchButton
{
    clear: both;
}
div.searchQuickResult
{
    color: Black;
    padding: 10px;
    font-size: larger;
}

div.basicSearchInput
{
    margin-bottom: 20px;
    width: 660px;
}
div.basicSearchInput input.searchBox
{
    width: 510px;
}
div.searchSubNav
{
    padding-right: 70px;
    float: left;
}
div.searchSubNav h3, div.searchSubNav .h3
{
    margin-bottom: 0px;
    border-bottom: 1px dashed black;
}
div.searchSubNav div.subNavDetail
{
    padding: 0px;
    margin: 0px;
}

/* top of search results page */
div.currentSearch
{
    height: 30px;
}
div.currentSearch div.searchingFor
{
    float: left;
    vertical-align: middle;
    width: 100%;
}
div.currentSearch div.advancedLink
{
    text-align: right;
}
div.currentSearch div.actions
{
    text-align: right;
}
/* under top of search panel for admin*/
div.adminPanel
{
    height: 30px;
}

span.adminSection
{
}

/* Divs for content in main div  */

#genericleftcontainer
{
    width: 200px;
    float: left;
    margin-right: 4px;
    border: 1px solid silver;
    overflow: hidden;
    margin-bottom: 120px;
}
#genericnavigation
{
    width: 194px;
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom: 1px solid silver;
    overflow: hidden;
    background-color: #E6E6FA;
}
#genericleftimage
{
    clear: left;
    width: 200px;
    height: 250px;
}
#genericmain
{
    width: 518px;
    overflow: hidden;
    padding-top: 1px;
    padding-left: 3px;
    background-color: White;
    margin-left: 0px;
}
#contentmain
{
    width: 510px;
    overflow: hidden;
    background-color: White;
    padding-top: 1px;
    margin-left: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
#contentmain #leftHalf
{
    float: left;
    width: 50%;
    clear: none;
}
#contentmain #rightHalf
{
    width: 50%;
    float: left;
}

#contentfullmain
{
    width: 715px;
    overflow: hidden;
    background-color: White;
    padding-top: 1px;
    margin-left: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

#artworkinfo
{
    width: 256px;
    overflow: auto;
    float: left;
    padding-top: 2px;
    overflow: hidden;
}
#artworkmain
{
    float: left;
    vertical-align: top;
    text-align: right;
    width: 504px;
    overflow: auto;
    padding-top: 2px;
    padding-left: 5px;
    margin-left: 3px;
}
#artworkBottom
{
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    padding-top: 2px;
    clear: left;
}
#artworkAltImages
{
    float: right;
    vertical-align: top;
    text-align: right;
    width: 504px;
    padding-top: 2px;
    padding-left: 3px;
    margin-left: 3px;
}
.altImages
{
    text-align: right;
    vertical-align: text-top;
    width: 504px;
    height: 60px;
}
.altImage
{
    vertical-align: text-top;
    clear: none;
    height: 60px;
    width: 60px;
    padding: 3px;
}

/* artist page */

#artistMain
{
    clear: both;
}

#artistNav
{
    background-color: #E6E6FA;
    border: 1px solid silver;
    padding: 3px;
}
#artistNav .artistNavOption
{
    padding: 3px;
}
#artistNav .artistNavOption a img
{
    vertical-align: text-top;
}
#artistSecondNav
{
    background-color: #E6E6FA;
    border: 1px solid silver;
    padding: 3px;
}


/* interview */

.ivQuestion
{
    font-weight: bold;
    font-size: 110%;
}
.ivAnswer
{
    padding-bottom: 10px;
}

/* Comment */

/* Comment Box */

.comments h2
{
    color: #7cc10b;
    line-height: 1.1;
    margin-top: 16px;
}

.CommentArea
{
    margin: 8px 0px 8px 0px;
    width: 100%;
}

.CommentTitle
{
    margin-bottom: 6px;
    line-height: 1.1;
    color: #333;
}
.commentTitleInside
{
    line-height: 1.1;
    color: #333;
}
.CommentArrow
{
    background-image: url(../common/comment/break_shark.gif);
    background-repeat: no-repeat;
    width: 22px;
    height: 15px;
    margin-bottom: -7px;
}

.CommentMain
{
    padding-bottom: 3px;
    background-image: url(../common/comment/dropShadow.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.CommentBorder
{
    border: solid 1px #bcbcbc;
    background-color: #f7f7f7;
    padding: 3px;
}

.CommentText
{
    width: 100%;
    padding: 5px;
    color: #333;
}


.CommentFooter
{
    margin-top: 4px;
    color: #999999;
    padding-left: 16px;
}

span.commentPosted
{
    color: #999999;
}

.wizard td
{
    vertical-align: top;
}
table.wizard td.wizardSideBar table
{
    border: 1px solid silver;
}
.wizardSideBar
{
    vertical-align: top;
    padding: 5px;
    margin-right: 10px;
    border: 1px solid silver;
    width: 150px;
}
td.wizardMainPart
{
    vertical-align: top;
    padding-left: 10px;
}

a.backToTop
{
    color: Silver;
}
/* File Upload */
.ProgressBar
{
    margin: 0px;
    border: 0px;
    padding: 0px;
    width: 100%;
}

a.taskLink
{
    color: black;
    text-decoration: none;
}
table.batchEditTable
{
    table-layout: fixed;
}
table.batchEditTable tr
{
    height: 20px;
}

/* Pager */
.pager
{
    clear: left;
    margin: 8px 3px;
    padding: 3px;
}

.pager .disabled
{
    border: 1px solid #ddd;
    color: #999;
    margin-top: 4px;
    padding: 3px;
    text-align: center;
}

.pager .current
{
    background-color: #06c;
    border: 1px solid #009;
    color: #fff;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px 5px;
    text-align: center;
}

.pager span, .pager a
{
    margin: 4px 3px;
}

.pager a
{
    border: 1px solid #c0c0c0;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
}

/* Full width box */
div.fullwidthBox
{
    background-color: white;
    clear: left;
    margin-bottom: 10px;
}

div.fullwidthBox div.fullwidthBoxHeader
{
    background: #339999 url(/Content/Images/General/fwboxbg.jpg) repeat-y;
    border-bottom: 1px solid silver;
    padding-top: 3px;
    padding-bottom: 3px;
    color: White;
    font-size: 120%;
    padding-left: 3px;
    font-weight: bold;
    letter-spacing:3px;
}
div.fullwidthBox div.fullwidthBoxHeaderText
{
    background: #339999 url(/Content/Images/General/fwboxbg.jpg) repeat-y;
    border-bottom: 1px solid silver;
    padding-top: 3px;
    padding-bottom: 3px;
    color: White;
    font-size: 120%;
    padding-left: 3px;
    
}
div.fullwidthBox div.fullwidthBoxHeaderText a
{
    color: #FFFFFF;
    text-decoration: none;
}
div.fullwidthBox div.fullwidthBoxHeaderText a:hover
{
    color: #CCCCCC;
    text-decoration: none;
}
div.fullwidthBox div.fullwidthBoxFooter
{
    position: relative;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    color: black;
    font-size: 100%;
}
div.fullwidthBox div.fullwidthBoxContent
{
    padding: 5px;
    margin-top: 5px;
}
div.leftHalf
{
    float: left;
    width: 50%;
}
div.rightHalf
{
    float: left;
    width: 50%;
}
/* Validation Errors */

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/* Form Style - front end*/
table.form
{
    width: 100%;
    padding: 5px;
}
table.form td
{
    vertical-align: top;
}
table.form td.header
{
    font-size: large;
}

input.email, input.address, input.howdidyoufind
{
    width: 300px;
}

/* Form Style - member end*/
table.list
{
    width: 100%;
    padding: 5px;
}
table.list th
{
    text-align: left;
}

table.grid
{
    width: 100%;
}

/* Main site listings*/
.artist
{
    float: left;
    height: 200px;
    width: 130px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.artist .artistName
{
    font-size: 110%;
    font-weight: bold;
}

a.artistArtworkCount
{
    vertical-align: top;
    text-decoration: none;
}
div.nameOnlyArtistColumn
{
    float: left;
}
div.nameOnlyArtist
{
    margin-right: 5px;
    margin-bottom: 5px;
    width: 175px;
}

body
{
    margin: 0px;
}


.poweredBy
{
    width: 100%;
    background-color: Black;
    color: White;
    vertical-align: middle;
    text-align: center;
}
.poweredByInner
{
    padding: 30px;
}
.poweredByInner a
{
    color: #FFFFFF;
}
.both
{
    clear: both;
}

.gallery
{
    float: left;
    margin-right: 10px;
    height: 170px;
    width:130px;
}
.gallery .galleryImage img
{
    border: 1px solid #bbbbbb;
}
.gallery .galleryImage .galleryArtwork
{
    float: left;
    margin-right: 10px;
    height: 170px;
}
.artworkItem
{
    float: left;
    margin-right: 20px;
    height: 220px;
}
.artworkItem .artworkItemImage img
{
    border: 1px solid #bbbbbb;
}
.artworkItem .artworkItemTitle
{
}
.guestbookEntry
{
    margin-bottom: 10px;
}

.guestbookEntry .guestbookEntryDate
{
}
.guestbookEntry .guestbookEntryFrom
{
    font-weight: bold;
}
.guestbookEntry .guestbookEntryComment
{
    font-style: italic;
}
.artworkCommentEntry
{
    clear: right;
    margin-bottom: 10px;
}
.artworkCommentEntry .artworkCommentImage
{
    float: left;
    margin-right: 10px;
}
.artworkCommentEntry .artworkCommentImage img
{
    border: 1px solid #bbbbbb;
}
.artworkCommentEntry .artworkCommentArea
{
    float: left;
}

.artworkCommentEntry .artworkComment
{
    font-style: italic;
}

.artworkCommentEntry .artworkCommentDate
{
}
.breadcrumbLink
{
    margin: 0px 5px 0px 5px;
    color: #000000;
}

/* End of Comment item */

/* Pager */
.pager
{
    background-color: #FFFFFF;
    padding: 7px;
    margin: 0px 0px 10px 0px;
    color: #000000;
}

.pager .disabled
{
    border: 1px solid #cccccc;
    color: #cccccc;
    margin-top: 4px;
    padding: 3px;
    text-align: center;
}

.pager .current
{
    background-color: #ffffff;
    border: 1px solid #009;
    color: #000;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px 5px;
    text-align: center;
}

.pager span, .pager a
{
    margin: 4px 3px;
    color: #000000;
}

.pager a
{
    border: 1px solid #c0c0c0;
    padding: 3px 5px;
    color: #000000;
    text-align: center;
    text-decoration: none;
}
.pager a:hover
{
    background-color: White;
    color: Black;
}
/* end of Pager */

.fieldTitle
{
    font-weight: bold;
}

/* sub navigation on custom pages */
ul.submenu
{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.submenu li
{
    margin-right: 10px;
}

/* map */
.artistMapContainer
{
}
.artistMapContainer .artistMapArtistName
{
}
.artistMapContainer .artistMapImage
{
    height: 120px;
}
.artistMapContainer .artistMapSummary
{
}

.artistArtworkMapContainer
{
}
.artistArtworkMapContainer .artistArtworkMapTitle
{
}
.artistArtworkMapContainer .artistArtworkMapDescription
{
}
.artistArtworkMapContainer .artistArtworkMapImage
{
    height: 120px;
}


#statusBarContainer
{
    display: none;
    background-color: #FFFFCC;
    border: 1px solid #FFCC00;
    color: Black;
    text-align: center;
    position: relative;
    top: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
#statusBarMessage
{
    padding: 10px;
}
#statusBarErrorContainer
{
    display: none;
    background-color: #FF9494;
    border: 1px solid #D51C00;
    color: Black;
    text-align: center;
    position: relative;
    top: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
#statusBarErrorMessage
{
    padding: 10px;
}

.popupMainArea
{
    height: 350px;
    overflow: auto;
    margin-bottom: 20px;
}







div#HomepageLeft
{
}

div#HomepageRight
{
}

/* Artist View */
div#artistViewContent
{
    clear: left;
}

div#artistViewNav
{
}

div#artistViewNavContainer
{
    clear: left;
    height: 30px;
}

div#artistViewGalleries
{
}

/* Tag Cloud styles */
.size1
{
    font-size: xx-small;
}
.size2
{
    font-size: x-small;
}
.size3
{
    font-size: small;
}
.size4
{
    font-size: medium;
}
.size5
{
    font-size: large;
}
.size6
{
    font-size: x-large;
}
.size7
{
    font-size: xx-large;
}

.itemControls
{
    text-align: left;
}
.itemControls a
{
    text-decoration: none;
}

/* Homepage */
#homeLeft
{
    float: left;
}
#homeRight
{
    float: right;
    width: 420px;
    clear: right;
}
#tagCloud
{
    clear: left;
    margin-bottom: 20px;
}

#homeSearch
{
    clear: left;
    margin-bottom: 20px;
}
#homeIntro
{
    margin-bottom: 20px;
    width: 470px;
}
#artistFocus
{
    clear: left;
}
#artistFocus .artistImage
{
    float: left;
    width: 140px;
}
#artistFocus .artistFocusImages
{
    margin-top: 10px;
}
#artistFocus .artistFocusFooter
{
    clear: left;
}
#artistFocus .artist
{
    width: 100%;
}


img.artwork
{
    margin-left: 10px;
}
div.printSection
{
    clear: right;
}
table.table
{
    padding: 0px;
    width: 100%;
}
table.table th
{
    background-color: #006699;
    color: White;
    padding: 3px;
}
table.table tr.odd td
{
    background-color: #eeeeee;
}


.fg-button
{
    outline: 0;
    margin: 20 4px 0 0;
    padding: .4em 1em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}
.fg-button .ui-icon
{
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

.fg-button:focus
{
    border: 1px solid #000000;
}

/* remove extra button width in IE */
button.fg-button
{
    width: auto;
    overflow: visible;
}

.fg-button-icon-left
{
    padding-left: 2.1em;
}
.fg-button-icon-right
{
    padding-right: 2.1em;
}
.fg-button-icon-left .ui-icon
{
    right: auto;
    left: .2em;
    margin-left: 0;
}
.fg-button-icon-right .ui-icon
{
    left: auto;
    right: .2em;
    margin-left: 0;
}

.fg-button-icon-solo
{
    display: block;
    width: 8px;
    text-indent: -9999px;
}
/* solo icon buttons must have block properties for the text-indent to work */

.fg-buttonset
{
    float: left;
}
.fg-buttonset .fg-button
{
    float: left;
}
.fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button
{
    margin-right: -1px;
}

.fg-toolbar
{
    padding: .5em;
    margin: 0;
}
.fg-toolbar .fg-buttonset
{
    margin-right: 1.5em;
    padding-left: 1px;
}
.fg-toolbar .fg-button
{
    font-size: 1em;
}

.forumTable
{
    width: 100%;
    border: 0px;
}
.forumTable th, .forumTable th a
{
    background-color: #ECF1EF;
    color: black;
    padding: 5px;
}
.forumTable td
{
    padding: 5px;
}
.forumTable tr.odd
{
    background-color: #FFFFFF;
}
.forumTable tr.even
{
    background-color: #EEEEEE;
}
.forumTitle
{
    width: 600px;
}
.threadTitle
{
    color: #3366DD;
}
div.forumTitle
{
    padding: 0;
    margin: 0 0 10px 0;
}
.forumSmall, .forumModified, forumBody, .forumTitle
{
    padding: 0px;
    vertical-align: top;
}
.forumBody th
{
    text-align:left;
}
.forumModified
{
    width: 200px;
}
input[type="text"].forumTextbox
{
    width: 800px;
    margin: 0 0 10px 0;
}



.initialPost, .forumReply
{
    width: 100%;
    border: 1px solid #ECF1EF;
}
.initialPost .userInfo, .forumReply .userInfo
{
    border-right: 1px solid #ECF1EF;
    width: 25%;
}

/* Pulse Area */

#pulseContainer, #pulseErrorContainer
{
    display: none;
    background-color: #98FB98;
    border: 2px solid #00FF00;
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    color: Black;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding: 5px;
    margin: 0px;
}
#pulseErrorContainer
{
    background-color: #FFCCCC;
    border: 2px solid #FF0000;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    margin-bottom: 5px;
}
#pulseText, #pulseErrorText
{
    font-size: 110%;
}

#toggleLinkId
{
    display: none;
}
.membershipTable
{
    width: 750px;
}
.membershipTable th
{
    text-align: center;
    border: 1px solid black;
}
.membershipTable .membershipRow th
{
    padding: 4px;
    background-color: #EEEEEE;
    text-align: left;
    border: 0px;
}
.membershipTable th.blank
{
    border: 0px;
    background-color: Transparent;
}
.membershipRow td
{
    text-align: center;
    border: 1px solid black;
    font-weight: bold;
}
.membershipTable .bronze
{
    background-color: #C4A176;
    width: 130px;
}
.membershipTable .silver
{
    background-color: #C0C0C0;
    width: 130px;
}
.membershipTable .gold
{
    background-color: #FFC469;
    width: 130px;
}
.membershipHelpRow
{
    display: none;
    background-color: White;
}

.slideshow
{
    width: 700px;
    height: 700px;
    background-color: White;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}
.warning
{
    background-color: #FF9494;
    border: 1px solid #D51C00;
    color: Black;
    position: relative;
    top: 10px;
    padding: 10px;
    margin-bottom: 10px;
}








/* Start of slide in faves */

.panelArtists,.panelArtwork,.panelHistory {
position: fixed;
top: 100px;
left: 0;
display: none;
background: #FFFFFF;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 760px;
height: auto;
padding: 10px 20px 10px 70px;
filter: alpha(opacity=85);
xopacity: .85;
z-index:100;
}

a.triggerFaveArtwork, a.triggerFaveArtists, a.triggerHistory{
position: fixed;
z-index:100;
text-decoration: none;
xtop: 110px; 
top: 160px; 
left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 5px 20px 0px;
width:30px;
xheight:110px;
height:32px;
font-weight: 700;
border:1px solid #444444;
border-left:0px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
background: #006699 url(/Content/Images/General/history.png) 50% 50% no-repeat;
xbackground: #006699 url(/Content/Images/General/history.png) 50% 10% no-repeat;
filter: alpha(opacity=50);
opacity: .50;
}    
    
a.triggerFaveArtists{
    xtop:270px;
    top:240px;
    background:#339999 url(/Content/Images/General/faveartists.png)  50% 50% no-repeat;
    xbackground:#339999 url(/Content/Images/General/faveartists.png)  50% 10% no-repeat;
}
a.triggerFaveArtwork{
    xtop:430px;
    top:320px;
    background:#003366 url(/Content/Images/General/faveartwork.png)  50% 50% no-repeat;
    xbackground:#003366 url(/Content/Images/General/faveartwork.png)  50% 10% no-repeat;
}
a.triggerFaveArtwork:hover,a.triggerFaveArtists:hover,a.triggerHistory:hover{
position: fixed;
text-decoration: none;
xtop: 110px; 
top: 160px; 
left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 5px 20px 5px;
width:30px;
font-weight: 700;
border:1px solid #444444;
border-left:0px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
background: #006699 url(/Content/Images/General/history.png) 50% 50% no-repeat;
xbackground: #006699 url(/Content/Images/General/history.png) 50% 10% no-repeat;
filter: alpha(opacity=100);
opacity: 1;
}

a.triggerFaveArtists:hover{
    xtop:270px;
    top:240px;
    background:#339999 url(/Content/Images/General/faveartists.png) 50% 50% no-repeat;
    xbackground:#339999 url(/Content/Images/General/faveartists.png) 50% 10% no-repeat;
}
a.triggerFaveArtwork:hover{
    xtop:430px;
    top:320px;
    background:#003366 url(/Content/Images/General/faveartwork.png) 50% 50% no-repeat;
    xbackground:#003366 url(/Content/Images/General/faveartwork.png) 50% 10% no-repeat;
}

div#panelArtistsInner,div#panelArtworkInner,div#panelHistoryInner
{
    float:left;
    width:760px;
    height:480px;
    overflow:hidden;
}

#blogPosts
{
    float:left;
    width:60%
}
#blogArchive
{
    float:right;
    width:35%;
}
.blogPost
{
    margin-bottom:20px;
}
.blogPostTitle
{
    font-weight:bold;
    padding-bottom:5px;
    font-size:120%;
    
}
.blogPostContent
{

}
.blogPostPublishInfo
{
    margin-top:5px;
    padding-top:5px;
    border-top:1px solid #CCCCCC;
    text-align:right;
    color:#CCCCCC;
}
.blogPostComments
{
    margin:10px 0 10px 0;
    display:none;
    background-color:#EEEEEE;
    border:1px solid #CCCCCC;
    padding:10px;
}
.blogCommentContent
{

}
.blogCommentAuthorDate
{
    color:#AAAAAA;
    
}
.addCommentArea
{
    display:none;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #CCCCCC;
}

.blogQuickPost
{
    margin-bottom:20px;
}
.blogQuickPostTitle
{
    font-weight:bold;
    padding-bottom:5px;
}
.blogQuickPostPublishInfo
{
    margin:10px 0 10px 0;
    text-align:right;
    color:#AAAAAA;
}

#loginCentre
{
margin:0px auto;
width:300px;
background-color:lavender;
padding:10px;
border:1px solid silver;
margin-top:20px;
}
.loginField input
{
    font-size:150%;
    width:100%;
}
.loginLabel
{
 
}
.loginSubmit
{
    text-align:right;
}

#joinUsText
{
    width:400px;
    float:left;
    xbackground-color:lavender;
    xborder:1px solid silver;
    padding:5px;
}
.applyNow
{
    display:block;
    cursor:pointer;
    background-color:#FFFF33;
    padding:10px;
    border:1px solid black;
    text-align:center;
    font-size:large;
    text-decoration:none;
    margin-bottom:20px;
}
.applyNow:hover
{
    background-color:#98FB98;
    color:Black;
}
.joinUsVideo
{
    float:right;
    width:486px;
    margin-bottom:10px;
    padding:5px;
    background-color:lavender;
    border:1px solid silver;
}
.joinUsRight
{
    float:right;
    width:486px;
    background-color:lavender;
    border:1px solid silver;
    padding:5px;
    margin-bottom:10px;
}
.video
{
    float: left;
    margin-left: 16px;
    xmargin-right: 10px;
    margin-bottom:10px;
    background-color:#cccccc;
    text-align:center;
    border:1px solid silver;
    height:140px;
    width:140px;
    font-size:x-small;
}
.video a
{
    display:block;
    height:130px;
    width:140px;
    text-decoration:none;
    padding-top:10px;
}
.video a:hover
{
    background-color:#98FB98;
}
.vidThumb
{
    width:120px;
    height:90px;
    
    
}