/* CUSTOMIZE THE GLOBAL TEMPLATE */
#sectionHeader {
    background-color: #4a7a79;
}
a { color: #ec543d; }
a:hover { color: #ec543d; }
a.buttonLink {
    background-color: #5b8c8c;
    color: #fff;
}
a.buttonLink:hover { color: #fff; }

/* LANDING PAGE */
#portIndex {
    margin-top: 20px;
}
#portIndex #leftCol {
    min-height: 700px;
    width: 246px;
    float: left;
    padding: 13px 0 13px 13px;
    margin: 0 20px 0 0;
}
#portIndex #leftCol h3 {
    margin: 2px 0 0 0;
    padding: 0;
    font-size: 19px;
    line-height: 19px;
}
#portIndex #leftCol h4.sectionName {
    margin: 1px 0 7px 0;
    padding: 0;
    font-family: 'DINRegular';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}
#portIndex #leftCol p {
    padding: 0;
    line-height: 15px;
    font-size: 11px;
}
#portIndex #leftCol .intro1 {
    margin: 0 0 5px 0;
    font-style: italic;
}
#portIndex #leftCol .intro2 {
    margin: 4px 0 5px 0;
}
#portIndex #leftCol .browseButton {
    clear: left;
    margin: 12px 0 25px 0;
}
#portIndex #leftCol .seeAllButton {
    clear: left;
    margin: 12px 0 0 0;
}
#portIndex #leftCol .portList li {
    margin: 0 12px 12px 0;
}
#portIndex #featuredPortList {
    margin-top: 0;
    float: left;
    width: 650px;
}
#portIndex #featuredPortList .title {
    margin: 5px 0 0 0;
}
#portIndex #featuredPortList .intro {
    margin: 1px 150px 24px 0;
    padding: 0;
    font-family: 'DINRegular';
    font-size: 26px;
    line-height: 26px;
    display: block;
}
#portIndex #featuredPortList .featuredPort {
    float: left;
    width: 310px;
    height: 250px;
    margin: 0 15px 19px 0;
}
#portIndex #featuredPortList .featuredPort .whiteButton {
    float: right;
}
#portIndex #featuredPortList .featuredPort .featuredImage {
    display: block;
    width: 310px;
    margin-top: 8px;
    font-size: 11px;
}
#portIndex #featuredPortList .featuredPort .featuredImage a { color: #5b8c8c; }
#portIndex #featuredPortList .featuredPort .featuredImage a:hover { color: #5b8c8c; }
#portIndex #featuredPortList .featuredPort .featuredImage .caption {
    display: block;
    margin-top: 5px;
}
#portIndex #featuredPortList .featuredPort .featuredImage .caption .repName {
    color: #ff3311;
}
#portIndex #featuredPortList .featuredPort img.single {
    border-width: 0;
    display: block;
    width: 310px;
    height: 207px;
}
#portIndex #featuredPortList .featuredPort img.double {
    border-width: 0;
    display: block;
    width: 155px;
    height: 207px;
    float: left;
}
#portIndex #featuredBlog {
    margin-top: 5px;
    border-top: 1px dotted #777;
    float: left;
    width: 635px;
}
#portIndex #featuredBlog h3 {
    font-weight: normal;
    padding: 0;
    margin: 17px 0 2px 0;
    font-size: 12px;
    line-height: 12px;
    font-family: 'DINRegular';
}
#portIndex #featuredBlog h5 {
    font-weight: normal;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 24px;
}

/****BEGIN SEARCH*******/
ul.optionList {
padding: 0;
margin: 0;
}

li.optionListItem {
list-style: none;
}

ul.searchKeywordOptionList {
padding: 0;
margin: 0;
}

li.searchOptionListItem {
list-style: none;
padding: 0;
line-height: 17px;
}
ul.searchOptionList {
padding: 0;
margin: 0;
list-style: none;
font-size: 12px;
margin-bottom: 15px;
/* height: 190px; */
}
li.searchOptionList {
margin: 0;
padding: 0;
list-style: none;
}
.tristateCheckbox {
padding: 0 7px 0 0;
vertical-align: middle;
}

li.searchOptionCol1 {
margin-left: 0px;
}

li.searchOptionCol2 {
margin-left: 237px;
}

li.searchOptionCol3 {
margin-left: 480px;
}

.searchForm_illustration li.searchOptionCol2 {
    margin-left: 220px;
}

.searchForm_illustration li.searchOptionCol3 {
    margin-left: 513px;
}

.searchForm_illustration {
    position: relative;
	height:390px;
}

.searchForm_photography {
    position: relative;
}

.searchForm_production {
    position: relative;
}

.searchForm_illustration #previousSearches {
    position: relative;
    top: 123px;
}

.searchForm_illustration #keepOpenSelection {
    position: absolute;
    top: 187px;
}

.searchForm_photography #keepOpenSelection {
    padding-top: 10px;
}

.searchForm_production #keepOpenSelection {
    padding-top: 10px;
}

#portSearchForm {
    margin: 0;
    padding: 0;
}

#wbSearchForm {
    margin: 0;
    padding: 0;
}


/* note: the margin top negative must be equal to the number of items per column
 time the line-hight of the option. */


/*
li.searchOptionColTopper {
margin-top: -207px;
}
*/
.artistInfo ul {
	line-height:18px;
}
.otherInfo {
	margin:0;
}
.repInfo {
	margin:0;
}
.repInfo h4 {
/*
	font-weight:normal;
	font-size:11px;
	padding:0;
	margin:20px 0 5px 0;
	color:#8e8b83;
*/
}
.artistInfo .repInfo .artistRepName {
	font-weight:normal;
	font-size:12px;
}
.artistInfo .repInfo ul {
	margin:0;
	line-height:17px;
}

.otherInfo h4 {
	font-weight:normal;
	font-size:11px;
	padding:0;
	margin:20px 0 5px 0;
	color:#8e8b83;
}
.artistInfo .otherInfo ul {
	margin:0;
	line-height:17px;
}
.portfolioResultsList {
list-style: none;
display: inline;
}

.portfolioListItem {
list-style: none;
display: inline;
line-height: 28px;
}

.portfolioListItem a:link {
color: #ec543d;
text-decoration: none;
}
.portfolioListItem a:visited {
text-decoration: none;
color: #ec543d;
}
.portfolioListItem a:hover {
text-decoration: underline;
color: #ec543d;
}
.portfolioListItem a:active {
text-decoration: none;
color: #ec543d;
}

a.searchFormAdvancedToggle {
    cursor:pointer;
    cursor:hand;
    line-height:17px;
    background:url(/static/assets/photography/btnSubmitAlternate.gif) no-repeat right -19px;
    padding-right:8px;
    vertical-align:middle;
    display:block; /*opera*/
    display:inline-block; /*ie*/
    display:-moz-inline-box;  /*ff*/
    color: #ffffff;
    text-align:center;
}

a.searchFormAdvancedToggle span {
	background:#f6f6f6 url(/static/assets/photography/btnSubmitAlternate.gif) no-repeat left -19px;
	height:19px;
	display:block;
	display:inline-block;
	padding-left:6px;
	line-height:17px;
	font-family:georgia, tahoma, arial, sans-serif;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
}
a.searchFormAdvancedToggle:hover {
	background-position:right -19px;
}
a.searchFormAdvancedToggle:hover span {
	background-position:left -19px;
	color:#FFFFFF;
}


/*
a.searchFormAdvancedToggle:hover, a.searchFormAdvancedToggle:active {
    color: #4C4744;
    text-decoration: underline;
}
*/

.searchHeaderText {
font-size: 11px;
font-weight: normal;
padding: 0 0 10px 0;
color: #4c4744;
text-transform: uppercase;
}
.searchHeaderTextLower {
font-size: 12px;
font-weight: bold;
padding: 0 0 6px 0;
color: #4c4744;

border-bottom: dotted 1px #79796d;
margin-bottom:9px;
}
#searchbar {
background-color: #E9EAE5;
width: 920px;
height: 19px;
padding: 7px 20px 7px 20px;
}
.portSerachTop {
margin: 0;
border-bottom: dotted 1px #79796d;
padding: 13px 10px;
}
#portSearchWrapper {
background-color: #e9eae5;
width: 960px;
	/* min-height:280px; */
	padding:0;
margin:0;
border-bottom: dotted 1px #666666;
}
#portSearchWrapper .repSearchFormNew {
	padding:10px 15px;
	margin:0;
}
#searchFormParent {
width: 930px;
/*	height:240px; */
margin:15px 15px 20px 15px;
overflow:auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#searchFormParent {
margin-bottom:-5px;
padding-bottom:0;
}
}



#searchFormRight {
float: right;
width: 240px;
}

#searchFormRight label {
width: 80px;
display: inline-block;
display: -moz-inline-box;
}

#searchFormLeft {
float: left;
width: 673px;
}


#searchFormButtonParent {
padding: 12px 0 0 0;
width: 920px;
border-top: solid #FFFFFF 1px;
}

.categorySelection {
    width: 750px;
    padding: 8px;
}

.searchForm_photography #categorySelection_0 {
    width: 657px;
}

.searchForm_photography #locationSelection {

    padding: 8px;
    position: relative;

}

.searchForm_illustration #categorySelection_0 {
    width: 418px;
}

.searchForm_illustration #categorySelection_1 {
    position: relative;
    left: 431px;
    width: 200px;
}
.searchHeaderTextLower #categorySelection_1 {
    border-bottom:none;
}

.searchForm_illustration #categorySelection_2 {
    position: relative;
    left: 650px;
    width: 255px;
}

.searchForm_production .categorySelector {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 3px 0;
    color: #4c4744;

    border-bottom: dotted 1px #79796d;
    margin: 0 8px;
}

.searchForm_production #categorySelection_0 {
    width: 657px;
}

.searchForm_production li.searchOptionCol1 {
margin-left: 0px;
}

.searchForm_production li.searchOptionCol2 {
margin-left: 203px;
}

.searchForm_production li.searchOptionCol3 {
margin-left: 418px;
}

.searchForm_production #locationSelection {

    padding: 8px;
    position: relative;

}



#searchcontent {
	margin:0;
}
/*
#locationSelection {
width: 300px;
float: right;
text-align: left;
}
*/

/*
#previousSearches {
width: 620px;
}
*/

#searchButtons {
width: 300px;
float: right;
text-align: left;
}
.systemButtons {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
}

.floatRight {
float: right;
}

.floatLeft {
float: left;
}

.clearFloat {
clear: both;
height: 0px;
line-height: 1px;
}

.portSearchText {
width: 100px;
font:12px Georgia, serif;
}

#prevSearch {
width: 160px;
font:12px Georgia, serif;

}
#keepOpenSelection {
	margin:20px 0 0 0;
}

.portViewerPopupTitle {
    height: 24px;
}

/* ============================= ALL SEARCH RESULTS ==================== */
.portSearchPagerBar {
margin: 0;
padding: 0;
height:34px;
}
#workbookPagerBottom {
border-top:dotted 1px #666666;
margin-top:30px;
padding:0;
}
#workbookPagerTop {
/* border-bottom:dotted 1px #666666; */
    position: relative;
    margin-top: 10px;
}

#workbookPagerTop_prev {
    position: absolute;
    left: 240px;
    top: 10px;
    z-index: 1000;
}

#workbookPagerTop_next {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 1000;
}

#workbookPagerTop_center {
    width: 720px;
    display: inline-block;
    text-align: center;
}

#workbookPagerTop_current {
    width: 50px;
}


#portPagerBottom {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

.portSearchPagerLinks {
float: right;
/* margin:-2px 0 5px 0; --Save */
padding:8px 0;
}

.portSearchPagerLinks input {
	border:1px solid #666666;
	font-family:Georgia,serif;
	font-size:12px;
	padding:1px 1px 2px 2px;
	width:20px;
	}
.portSearchPagerLinks a:link {
text-decoration:none;
color:#f16b4e;
}
.portSearchPagerLinks a:visited {
text-decoration:none;
color:#f16b4e;
}
.portSearchPagerLinks a:hover {
text-decoration:underline;
color:#f16b4e;
}
.portSearchPagerLinks a:active {
text-decoration:underline;
color:#f16b4e;
}
.portSearchPagerResults {
	padding:10px 0 0 0;
	font-size:13px;
}
.portSearchPagerResultsTitle {
	color:#8e8b83;
	font-size:12px;
	padding:0 5px 0 0;
}
.portPagerInlineList {
display: inline;
list-style: none;
margin: 0 0 0 1px;
padding: 0;
color:#8e8b83;
font-size:13px;
}

.portPagerInlineList li {
display: inline;
margin-left: 5px;
font-size:12px;
}
.portPagerInlineList a:link {
	text-decoration: none;
	color: #4d4843;
	font-size: 12px;
}
.portPagerInlineList a:visited {
	text-decoration: none;
	color: #4d4843;
	font-size: 12px;
}
.portPagerInlineList a:hover {
	text-decoration: underline;
	color: #4d4843;
	font-size: 12px;
}
.portPagerInlineList a.activeLink {
cursor: default;
color: #f36c4f;
text-decoration:none;
}

.portSearchPagerLinks a.pagerDisabled {
cursor: default;
color: #8f8f8f;
text-decoration: none;
}

/* ============================= ARTIST REPS =========================== */
#index {
	min-height:500px;
}

#artistReps {
list-style: none;
margin: 0;
padding: 25px 0 25px 0;
width: 960px;
height: 800px;
border-top:dotted 1px #666666;
border-bottom:dotted 1px #666666;
}
#representedby #artistReps {
list-style: none;
margin: 6px 0 6px 0;
padding: 25px 0 25px 0;
border-top:none;
border-bottom:none;

}
a:link.artistRepPortLink {
text-decoration:none;
color:#f36c4f;
}
a:visited.artistRepPortLink {
text-decoration:none;
color:#f36c4f;
}
a:hover.artistRepPortLink {
text-decoration:underline;
color:#f36c4f;
}
a:active.artistRepPortLink {
text-decoration:underline;
color:#f36c4f;
}
#artistReps li {
    /* margin: 0 0 8px 0; */
    width: 320px;
    height: 32px;
}

.artistRepName {
font-weight: normal;
font-size:13px;
padding:0 0 0 3px 0;
color:#4d4843;
}

.repListColumn0 {
margin: 0 0 8px 0;
color:#f36c4f;
}

.repListColumn1 {
margin: 0 0 8px 320px;
color:#f36c4f;
}

.repListColumn2 {
margin: 0 0 8px 640px;
color:#f36c4f;
}

.repListTopper {
margin-top: -800px;
}

/* =========================== ALPHABETIC ============================== */

#portAlphaIndex {
margin-top: 0;
border-bottom: 1px dotted #666666;
padding-top: 5px;
padding-bottom: 5px;
}

#portAlphaLabel {
float: left;
padding: 4px 15px 4px 0;
font-size: 14px;
color: #4d4843;
}
/**/
.portAlphaLetter {
padding-left: 6px;
text-decoration: none;
color: #4c4743;
font-size: 13px;
}
a:link.portAlphaLetter {
text-decoration: none;
color: #4c4743;
font-size: 13px;
}
a:visited.portAlphaLetter {
text-decoration: none;
color: #4c4743;
font-size: 13px;
}
a:hover.portAlphaLetter {
text-decoration: underline;
color: #4c4743;
font-size: 13px;
}

.portAlphaLetterNoContent {
    padding-left: 6px;
    text-decoration: none;
    cursor: default;
    color: #8E8B83;
    font-size: 13px;
}

.portAlphaLetterActive {
padding-left: 6px;
text-decoration: none;
cursor: default;
color: #f16b4e;
font-size: 13px;
}
/**/
#portAlphaIndexList {
vertical-align: middle;
padding: 5px 0 0 0;
}


.portAlphaLetterHeader {
font-size: 11px;
color: #8e8b83;
padding: 4px 0 0 8px;
}



#alphaContentHeader {
padding-top: 20px;
padding-bottom: 10px;
}
#portAlphaContent {
min-height: 500px;
line-height: 17px;
}
#portAlphaContent a:link {
text-decoration: none;
color: #f16b4e;
}
#portAlphaContent a:visited {
text-decoration: none;
color: #f16b4e;
}
#portAlphaContent a:hover {
text-decoration: underline;
color: #f16b4e;
}
#portAlphaContent a:active {
text-decoration: underline;
color: #f16b4e;
}


#alphaContentList {
    /*
     * Important!!!: don't change the overall list item height (currently 14px) without
     * changing kListItemHeight in portfoliosalphapage.html to match
     */
    list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 17px;
}

.alphaListColumn0 {
margin-left: 0;
}

.alphaListColumn1 {
margin-left: 315px;
}

.alphaListColumn2 {
margin-left: 630px;
}

#previousSearches {
margin: 0;
}
#previousSearches .searchHeaderText { /** Geoff 11.06.2008 ************/
font-size: 12px;
font-weight: normal;
padding: 0 0 10px 0;
color: #4c4744;
text-transform:none;
}

.portSearchMiddle {
    padding: 4px 10px 4px 17px;

	height:22px;
    background-image:url(/static/assets/NewPortSearchDividers.gif);
	background-repeat:no-repeat;
}

/* =================== WB SEARCH RESULTS =========================== */
#workbookContent {
/*
	border-top:dotted 1px #666666;
	border-bottom:dotted 1px #666666;
	padding-bottom:30px;
	margin-bottom:10px;
*/
    padding-bottom: 30px;
}
.artistInfo a:link {
text-decoration:none;
color:#f36c4f;
}
.artistInfo a:visited {
text-decoration:none;
color:#f36c4f;
}
.artistInfo a:hover {
text-decoration:underline;
color:#f36c4f;
}
.artistInfo a:active {
text-decoration:underline;
color:#f36c4f;
}
.artistInfo h2 {
	font-weight:normal;
	font-size:19px;
	color:#4d4843;
	margin:0 0 15px 0;
	padding:0;
}
.artistInfo p {
	padding:0;
	margin:0;
	line-height:17px;
}
/* =================== SEARCH RESULTS =========================== */
#searcharea {
	margin:0 0 -20px 0;
}
#portSearchPagerTop_current {
border:1px solid #666666;
font-family:Georgia,serif;
font-size:12px;
padding:1px 1px 2px 2px;
width:20px;
}
#portSearchPagerBottom_current {
	font-size:12px;
	font-family:Georgia, serif;
	padding:1px 1px 1px 2px;
	border:solid 1px #666666;
	width:20px;
}
.portfolioResultWrapper img {
width: 310px;
height: 207px;
display: block;
border: none;
margin-bottom: 8px;
}

#portfolioResultList {
width: 975px;
list-style: none;
margin:0;
padding: 20px 0;
}
.portfolioResultArtist {
	font-size:13px;
	padding:0 0 3px 0;
}
.portfolioResultCategoryName {
	color:#8e8b83;
	font-size:12px;
}
#searchResult {
	border-top:dotted 1px #666666;
	border-bottom:dotted 1px #666666;
	margin:0;
	min-height:469px;
}
#portfolioResultList li {
width: 325px;
float: left;
margin-bottom: 20px;
}

.portfolioResultTagNew {
float: right;
margin-right: 15px;
background-color:#5B8C8C;
padding:2px 4px;
color:#FFFFFF;
font-size:11px;
}

.portfolioResultTag {
float: right;
margin-right: 15px;
background-color:#f36c4f;
padding:2px 4px;
color:#FFFFFF;
font-size:11px;
}

.portfolioResultLinks a:link {
text-decoration: none;
color:#f36c4f;
}
.portfolioResultLinks a:visited {
text-decoration:none;
color:#f36c4f;
}
.portfolioResultLinks a:hover {
text-decoration:underline;
color:#f36c4f;
}
.portfolioResultLinks a:active {
text-decoration:underline;
color:#f36c4f;
}

.portfolioResultLinks img {
border: none;
}
.portSearchTop {
padding: 12px 10px;
}
.searchHeaderDivider {
width:23px;
height:20px;
display:inline;
background-image:url(/static/assets/NewPortSearchDividersH.gif);
background-repeat:no-repeat;

}
.searchHeaderTextDiv {
padding-left:18px;
margin-left:7px;
background-image:url(/static/assets/NewPortSearchDividersH.gif);
background-repeat:no-repeat;
/* 11.06.2008 Geoff */
font-size:11px;
text-transform:uppercase;

}
.searchHeaderTextDiv2 {
padding-left:18px;
margin-left:12px;
background-image:url(/static/assets/NewPortSearchDividersH.gif);
background-repeat:no-repeat;

font-size:11px;
text-transform:uppercase;
}
/* ============== WORKBOOK 30 INTRO ================== */

WBphotographyLanding {
	background-image:url(/static/images/WB30/.jpg);
}
WBillustrationLanding {
background-image:url(/static/images/WB30/.jpg);
}

.tealBtn {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #f36c4f;
    padding: 2px 6px;
    margin: 15px 0px 0px 8px;
}

.tealBtn a:link {
    text-decoration: none;
    color: #FFFFFF;
}

.tealBtn a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

.tealBtn a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.tealBtn a:active {
    text-decoration: underline;
    color: #FFFFFF;
}

#workbookIntro {
    width: 100%;
background-image:url(/static/images/WB30/photo_landing.jpg);
background-repeat:no-repeat;
background-position:bottom center;

}
#workbookIntro h1 {
font-weight:normal;
font-size:24px;
color:#4d4843;
padding:50px 0 15px 0;
margin:0;
}
#workbookIntro p {
font-weight:normal;
font-size:16px;
color:#8e8b83;
padding:0 0 25px 0;
margin:0;
line-height:20px;
}

#workbookIntro ul li .introSearch a:link {
text-decoration:none;
color:#f36c4f;
}
#workbookIntro ul li .introSearch a:visited {
text-decoration:none;
color:#f36c4f;
}
#workbookIntro ul li .introSearch a:hover {
text-decoration:underline;
color:#f36c4f;
}
#workbookIntro ul li .introSearch a:active {
text-decoration:underline;
color:#f36c4f;
}

.noResultsLink a:link {
text-decoration:none;
color:#f36c4f;
}
.noResultsLink a:visited {
text-decoration:none;
color:#f36c4f;
}
.noResultsLink a:hover {
text-decoration:underline;
color:#f36c4f;
}
.noResultsLink a:active {
text-decoration:underline;
color:#f36c4f;
}

.workbookPageLinks, .workbookPageLinks a {
    color: #4D4843 !important;
}

.portfolioResultWrapper {
    position: relative;
}

#portfolioResultList div.videoIcon {
    position: absolute;
    background-image: url(../images/large_video.png);
    background-position: 50% 50%;
    z-index: 2000;
    width: 310px;
    height: 207px;
    top: 0px;
    left: 0px;
}