/* In your page's .css file you'll need:
    .leftCol { width: ###px; }
    .rightCol { width: ###px; margin-left: ##px; }
*/

/* This achieves better behavior when changing font size. */
#docWide {
    width: 980px;
}

/* .leftCol/.rightCol are obsolescent! */
.leftCol,
.rightCol {
    margin: 0;
}

.leftCol {
    float: left;
    clear: left;
}

.rightCol {
    float: right;
    clear: right;
}

/* Use these column layouts, instead. */
.col-175-l .yui-b {
    float: left;
    width: 175px;
}
.col-175-l #yui-main .yui-b {
    margin-left: 205px; /* 175 + 30 */
}
.col-175-l #yui-main {
    float: right;
    margin-left: -225px; /*?*/
}

.col-225-r .yui-b {
    float: right;
    width: 225px;
}
.col-225-r #yui-main .yui-b {
    margin-right: 245px; /* 225 + 20 */
}
.col-225-r #yui-main {
    float: left;
    margin-right: -325px; /*?*/
}

/* breadcrumbs */

H2 SPAN.pageTitlePrimary {
    color: #666;
}
H2 SPAN.pageTitlePrimary A {
    text-decoration: none;
    color: #9c3;
}
H2 SPAN.pageTitlePrimary A:hover {
    text-decoration: underline;
}
H2.profile, H2.other {
    border-bottom: 1px solid #9c3;
    padding-bottom: 5px;
}

/* popup */
DIV.popup {
    display: none;
    position: absolute;
    background: #ccc;
    overflow: visible;
    color: #333;
    /* Override these for your popup */
    width: auto;
    top: 0;
    left: 0;
}
DIV.popup A {
    color: ##369;
}
DIV.popup DIV.popup-inner {
    position: relative;
    top: -3px;
    left: -3px;
    text-align: left;
    padding: 10px;
    border: 1px solid #b6b6b6;
    background: #e6f6c7;
}
* HTML DIV.popup DIV.popup-inner {
    height: 1%;
}
DIV.popup DIV.popup-title {
    font-weight: bold;
    width: auto;
}
DIV.popup DIV.popup-cancel {
    float: right;
    color: #999;
}
DIV.popup DIV.popup-body {
    padding-top: 10px;
}
DIV.popup IMG.popup-arrow {
    position: absolute;
    left: 50px;
    top: -9px;
    _top: -8px;
}

#postBookPopup_275 {
	position:absolute; 
	top:255pt;
}

#postBookPopup_275 IMG.popup-arrow {
    left:127px;
}

#postBookPopup_175 {
	position:absolute; 
	top:238pt;
}

#postBookPopup_175 IMG.popup-arrow {
    left:77px;
}

#postBookPopup_225 {
	position:absolute; 
	top:270pt;
}

#postBookPopup_225 IMG.popup-arrow {
    left:105px;
}

/* expandable caps */
DIV.roundmodule DIV.titlebar, DIV.roundmodule DIV.titlebar H2 {
    position: relative;
    background-repeat: no-repeat;
}
DIV.roundmodule DIV.titlebar {
    height: auto;
    background-position: right top;
}
DIV.roundmodule DIV.titlebar H2 {
    line-height: normal;
    padding: 6px 13px 4px 15px;
    float: none;
    background-position: left top;
    min-height: 18px;
    _height: 18px;
}
DIV.roundmodule DIV.aspirational, DIV.roundmodule DIV.aspirational H2 {
    background-color: #c5e18a;
}
DIV.roundmodule DIV.transactional, DIV.roundmodule DIV.transactional H2 {
    background-color: #fedf85;
}
DIV.roundmodule DIV.functional, DIV.roundmodule DIV.functional H2 {
    background-color: #c4c3e2;
}

/* These supply 1px borders for <roundedDiv>s */
DIV.border-1px,
DIV.border-1px DIV.title {
    border: 0px solid #b6b6b6;
}
DIV.border-1px {
    margin: 15px 0 0;
    border-width: 1px;
    position: relative;
    background: transparent url(/img_/publicgallery/gray_gradient_bg_16px.gif) repeat-x left top;
    overflow: visible;
}
DIV.border-1px DIV.titlebar {
    top: -1px;
    right: -1px;
}
DIV.border-1px DIV.titlebar H2 {
    top: 0;
    left: -2px;
}
DIV.border-1px DIV.aspirational, DIV.border-1px DIV.aspirational H2 {
    background-image: url(/img_/publicgallery/mod_top_asp_W.jpg);
}
DIV.border-1px DIV.transactional, DIV.border-1px DIV.transactional H2 {
    background-image: url(/img_/publicgallery/mod_top_trans_W.jpg);
}
DIV.border-1px DIV.functional, DIV.border-1px DIV.functional H2 {
    background-image: url(/img_/publicgallery/mod_top_func_W.jpg);
}
DIV.border-1px DIV.outline {
    width: 100%;
    top: -1px;
    right: -1px;
    background: transparent url(/img_/publicgallery/crnrA_topRight.gif) no-repeat top right;
}
DIV.border-1px DIV.outline H2 {
    width: 6px;
    left: -2px;
    background: transparent url(/img_/publicgallery/crnrA_topLeft.gif) no-repeat top left;
}
DIV.border-1px DIV.bottomLeft,
DIV.border-1px DIV.rmfoot {
    position: absolute;
    bottom: -1px;
    width: 6px;
    height: 6px;
}
DIV.border-1px DIV.bottomLeft {
    left: -1px;
    background: transparent url(/img_/publicgallery/crnrA_btmLeft.gif) no-repeat left bottom;
}
DIV.border-1px DIV.rmfoot {
    right: -1px;
    background: transparent url(/img_/publicgallery/crnrA_btmRight.gif) no-repeat right bottom;
}
DIV.border-1px DIV.outline, DIV.border-1px DIV.outline H2 {
    position: absolute;
    padding: 0;
    height: 6px;
}
DIV.border-1px DIV.title {
    color: #693;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
    border-bottom-width: 1px;
}
DIV.border-1px .rmbody {
     /* For convenience; creates new block formatting context so positioning
        of internal floats is unaffected by other floats on the page. */
    overflow: hidden;
}
/* Override some default roundmodule properties. */
DIV.border-1px DIV.rmbody {
    border-width: 0;
    padding: 10px;
}

/* IE6 fix */
* HTML DIV.border-1px {
    height: 1%;
}

/* Fix IE6 off-by-one error for right/bottom when width/height is even */
* HTML DIV.border-1px DIV.bottomLeft, * HTML DIV.border-1px DIV.rmfoot {bottom:expression(this.parentNode.clientHeight % 2 ? -2 : -1);}
* HTML DIV.border-1px DIV.rmfoot {right:expression(this.parentNode.clientWidth % 2 ? -2 : -1);}
* HTML DIV.border-1px DIV.outline {right:expression(this.parentNode.clientWidth % 2 ? -2 : -1);}

/* This is required for pages in quirks mode in IE6 and IE7. */
HTML.dj_iequirks DIV.roundmodule DIV.titlebar H2 {
    _height: 28px;
}

/* tabbed menu */
.topTabs  {
	border-bottom: 1px solid #b6b6b6;
	font-size: 11px;
    _height: 1%; /* IE6 fix */
}
.topTabs OL {
    position: relative;
}
.topTabs LI {
	float:left;
    padding-left: 9px; /* for top left corner background */
	list-style: none;
    display: inline;
}
.topTabs LI.selected    {
    position: relative;
	background:transparent url(/img_/publicgallery/img_tabLeft.gif)  left top;  
	margin-bottom:-1px;
	border-bottom:1px solid white; /* To keep text at same level */
}

.topTabs LI.selected A {
	color:#F05323;
  	background:white url("/img_/publicgallery/img_tabRight.gif") right top;
}

.subPageTitle {
	font-size: 16px;
	color: #F05323;
	font-weight: regular;
	margin: 20px 0 15px 0;
}

.topFilter A {
	float:left;
	display:block;
	padding:6px 15px 5px;
    padding-left: 6px; /* 9px from parent */
	text-decoration:none;
 }
 
 .topFilter A {
	text-decoration: none;
}

.topFilter A:hover {
	text-decoration: underline;
}

/* search */
#search {
    background: #d5eda6;
}
#search DIV.rmbody, #searchModule DIV.rmbody {
    overflow: visible;
    border-color:#B6B6B6;
}
#gallery_search {
    position: relative;
    margin-top: 5px;
}
#gallery_search A IMG {
    top: 1px;
}
#gallery_search INPUT.srch_q {
    position: static;
}
.search-title {
	font-size:11px;
    font-weight: bold;
}
.col-275-r #gallery_search INPUT.srch_q {
    width: 210px;
}
.col-175-l #gallery_search INPUT.srch_q {
    width: 110px;
}

/* postBook */
#postBook, #postPromo {
    margin-top: 15px;
}

/* avatar images */
IMG.avatar {
    border: 1px solid #ccc;
    padding: 3px;
    width: 55px;
    height: 55px;
}

/* mouseover popup */
.sfly .dijitTooltip {
    margin-bottom: -25px;
    -moz-border-radius: 0;
    z-index: 10002;
/* uncomment this only while debugging!!!!! top: 200px; */
}
.sfly .dijitTooltip .tooltipShadow {
    position: relative;
    background: #ccc;
    margin: 4px 0 0 4px;
    width: 240px; /* 200 (peek inside img) + 8 (img border) + 30 (padding) + 2 (border) */
}
.sfly .dijitTooltipContainer,
.tooltipInner .roundedTop {
    background: white url(/img_/publicgallery/img_mouseOver_Popup_bg.jpg) repeat-x 0 -5px;
}
.sfly .dijitTooltipContainer {
    -moz-border-radius: 0;
    border: 0;
    padding: 8px 15px;
    font-size: 11px;
    color: #333;
    overflow: hidden;
}
.tooltipInner {
    position: relative;
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
    top: -4px;  /* shadow height */
    left: -4px; /* shadow width  */
}
.roundedTop, .roundedBottom {
    background: #ccc;
    position: absolute;
    left: 5px;
    height: 4px;
    width: 230px; /* 240 - 2*5 */
    border: 0 solid #ccc;
}
.tooltipInner .roundedTop, .tooltipInner .roundedBottom {
    left: 4px;
    background-color: white;
    border-color: #b6b6b6;
}
.roundedTop {
    top: -5px;
    border-top-width: 1px;
}
.tooltipInner .roundedTop {
    background-position: 0 0;
}
.roundedBottom {
    bottom: -5px;
    border-bottom-width: 1px;
}
.tooltipInner .roundedBottom {
    background-color: white;
}
.corner {
    width: 5px;
    height: 5px;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/img_/publicgallery/crnrB_shadow.gif);
}
.topLeft, .topRight {
    top: -1px;
}
.topLeft, .dijitTooltip .bottomLeft {
    left: -5px;
}
.topRight, .bottomRight {
    right: -5px;
}
.topLeft {
    background-position: left top;
}
.tooltipInner .topLeft {
    background-image: url(/img_/publicgallery/crnrB_topLeft.gif);
}
.topRight {
    background-position: right top;
}
.tooltipInner .topRight {
    background-image: url(/img_/publicgallery/crnrB_topRight.gif);
}
.bottomLeft {
    background-position: left bottom;
}
.tooltipInner .bottomLeft {
    background-image: url(/img_/publicgallery/crnrB_btmLeft.gif);
}
.bottomRight {
    background-position: right bottom;
}
.tooltipInner .bottomRight {
    background-image: url(/img_/publicgallery/crnrB_btmRight.gif);
}
* HTML .roundedBottom {
    bottom: expression((this.parentNode.clientHeight % 2) ? -6 : -5);
}
.sfly .dijitTooltipRight .tooltipShadow {
    margin: 4px 0 0 4px;
}
.sfly .dijitTooltipLeft .tooltipShadow {
    margin: 4px 4px 0 0;
}
.sfly .dijitTooltipContainer .title,
.sfly .dijitTooltipContainer .occasion,
.sfly .dijitTooltipContainer .type {
    font-weight: bold;
}
.sfly .dijitTooltipContainer .title {
    font-size: 13px;
}
.sfly .dijitTooltipContainer IMG {
    margin: 13px 0 5px;
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.sfly .dijitTooltipRight,
.sfly .dijitTooltipLeft {
    padding-left: 0;
}
.sfly .dijitTooltipRight {
}
.sfly .dijitTooltipLeft {
}
.sfly .dijitTooltipLeft  .dijitTooltipConnector,
.sfly .dijitTooltipRight .dijitTooltipConnector {
}
.sfly .dijitTooltipRight .dijitTooltipConnector {
    left: -36px;
}
.sfly .dijitTooltipLeft .dijitTooltipConnector {
    right: -36px;
}
/* IE(6) fixes for off-by-one right/bottom positioning */
* HTML .topRight,
* HTML .bottomRight {
    right: expression((this.parentNode.clientWidth % 2) ? -6 : -5);
}
* HTML .dijitTooltip .bottomLeft,
* HTML .bottomRight {
    bottom: expression((this.parentNode.clientHeight % 2) ? -2 : -1);
}
* HTML .sfly .dijitTooltipLeft .dijitTooltipConnector {
    right: expression((this.parentNode.clientWidth % 2) ? -36 : -35);
}

/* This ensures Ok button is visible on error alerts in IE */
#alertDialogContainer-content DIV.dialogWidgetMain {
    overflow: auto;
}

/* Adjust header tab widths in non-quirks mode. */
HTML.dj_ie #adMenuTab { width: 75px; }
HTML.dj_iequirks #adMenuTab { width: 99px; }
HTML.dj_ie #vwMenuTab { width: 86px; }
HTML.dj_iequirks #vwMenuTab { width: 110px; }
HTML.dj_ie #shMenuTab { width: 65px; }
HTML.dj_iequirks #shMenuTab { width: 89px; }
HTML.dj_ie #orMenuTab { width: 63px; }
HTML.dj_iequirks #orMenuTab { width: 87px; }
HTML.dj_ie #stMenuTab { width: 82px; }
HTML.dj_iequirks #stMenuTab { width: 106px; }

.page-views {
	clear:		both;
	color:		#666666;
	text-align:	center;	
}

/* Tags; font-size plus line-height must add up to same value! */
.tag_1:hover, .tag_2:hover, .tag_3:hover, .tag_4:hover {
    text-decoration: underline;
}
.tag_1, .tag_2, .tag_3, .tag_4 {
	padding-right: 4px;
	text-decoration: none;
}
.tag_1 {
	font-size:	1em;
    line-height: 2.3em;
}
.tag_2 {
	font-size:	1.4em;			
    line-height: 1.9em;
}
.tag_3 {
	font-size:	1.9em;
    line-height: 1.4em;			
}
.tag_4 {
	font-size:	2.2em;			
    line-height: 1.1em;
}

/* Confirmation dialog "notes" */
DIV.dijitDialog DIV.note {
    font-size: 11px;
    margin-top: 15px;
}

/* Gallery item */
#featuredBooks .galleryItem {
	text-align:	center;
    font-size: 10px;
    margin-top: 15px;
    overflow: hidden;
}
#featuredBooks #post_div_0 {
    margin-top: 0;
}
#featuredBooks .galleryItem SPAN.title {
    font-size: 11px;
}
#featuredBooks .galleryItem SPAN.browseViewsText {
    display: none;
}
#featuredBooks .galleryItem A.galleryImg {
	display: block;
}
#featuredBooks .galleryItem A.galleryImg IMG {
	width:	112px;
	height:	112px;
    padding: 6px;
    border: 1px solid #b6b6b6;
}
#featuredBooks .galleryItem IMG.ratingImg {
    display: none;
}

#featuredBooks A  {
	text-decoration: none;
}

*  HTML #featuredBooks .galleryItem a.galleryImg {
	margin-left:0;
}

#pbook_gallery_home_well1 {
	margin: 15px 0;
}

.firstInRow {
    clear: left;
}

/* IE7 "fixes" (corrections for bogus IE6 fixes?) */
HTML.dj_ie7 .yui-u .galleryItem {
    float: none;
}
/* IE7 just doesn't like the standard markup for this */
HTML.dj_ie7 .featuredMember {
    position: relative;
}
HTML.dj_ie7 .featuredMember BR {
    display: none;
}
HTML.dj_ie7 .featuredMember .member-leftCol {
    float: none;
}
HTML.dj_ie7 .featuredMember .member-rightCol {
    position: absolute;
    margin-top: 6px;
    top: 10px;
    left: 63px;
}
HTML.dj_ie7 .first .member-rightCol {
    top: 0;
    margin-top: 0;
}
/* Post details */
HTML.dj_ie7 #postDetails .rightCol {
    float: left;
    padding-left: 30px;
    margin-left: 0;
}
HTML.dj_ie7 #postDetails .leftCol {
    margin-bottom: 15px;
}

/* IE7 dialog fixes (it has some float "bugs"!) */
HTML.dj_ie7 .dijitWindow,
HTML.dj_ie7 .dijitDialog {
    overflow: visible;
}
HTML.dj_ie7 .dijitWindow #buttons IMG {
    margin-bottom: 5px;
}
HTML.dj_ie7 .dijitWindow .window-content {
    margin: 20px 0 0;
}
HTML.dj_ie7 .dijitWindow .window-tl,
HTML.dj_ie7 .dijitWindow .window-top,
HTML.dj_ie7 .dijitWindow .window-tr,
HTML.dj_ie7 .dijitWindow .window-bl,
HTML.dj_ie7 .dijitWindow .window-bottom,
HTML.dj_ie7 .dijitWindow .window-br {
    position: absolute;
    left: 0;
}
HTML.dj_ie7 .dijitWindow .window-tl,
HTML.dj_ie7 .dijitWindow .window-top,
HTML.dj_ie7 .dijitWindow .window-tr {
    top: 0;
}
HTML.dj_ie7 .dijitWindow .window-bl,
HTML.dj_ie7 .dijitWindow .window-bottom,
HTML.dj_ie7 .dijitWindow .window-br {
    bottom: -4px;
}
HTML.dj_ie7 .dijitWindow .window-top,
HTML.dj_ie7 .dijitWindow .window-bottom {
    margin-left: 4px;
}
HTML.dj_ie7 .dijitWindow .window-tr,
HTML.dj_ie7 .dijitWindow .window-br {
    margin-left: 396px;
}

a:hover img#searchGoButton { 
	background-image:url(/img_/search/btn_go_over.gif);
}

a img#searchGoButton { 
background-image:url(/img_/search/btn_go.gif);
height:18px;
width:34px;
}

.searchGalleryFormFields {
	float:left;
	position:relative;
}

.searchGalleryFormFields DIV#form, .searchGalleryFormFields DIV#button {
	float:left;
}

#promoWell, #promoWell2 {
    margin-top: 15px;
    text-align: center;
}
#promoWell IMG, #promoWell2 IMG {
    margin: auto;
}

INPUT.searchTermBox.width275  {
	width:204px;
}

INPUT.searchTermBox.width175  {
	width:106px;
}

INPUT.searchTermBox.width225  {
	width:156px;
}

DIV.search-title .searchGalleryFormFields{
	padding-top:5px;
}

DIV.search-title {
	padding-top:0px;
	margin-top:-5px;
}

DIV.search-title DIV#button {
	float:right;
}

DIV.searchBoxDiv.width275 {
	width:253px;
}

DIV.searchBoxDiv.width175 {
	width:153px;
}

DIV.searchBoxDiv.width225 {
	width:203px;
}
DIV#searchModule .rmbody{
	background: #d5eda6;

}

DIV#searchModule {
z-index:999;
position:relative;
}