/*
 * Site-Wide Page Layout Items
 * ===========================
 * Include only CSS items that create the actual page layout here, not specific overloads
 * or other page-specific classes.
 *
 */
#page_frame {
   position: relative;
   color: #fff;
   width: 973px;
   margin:auto;
   margin-bottom: 20px;
   min-height: 700px;
}
#page_header {
   position: relative;
   margin: 0;
   top: 0;
   left: 0;
   height: 115px;   
}
#page_crown {
   position: relative;
   padding: 0;
}
#page_breadcrumbs {
   margin-top: 10px;
   color: #FECE02;
}
#page_breadcrumbs a {
   font-weight: bold;
}
#crown_navigation a.crownhref {
   text-transform: uppercase;
}
#crown_navigation {
   position: absolute;
   top: 15px;
   left: 215px;
}
#sitesearch_container {
   position: relative;
   top: 12px;
   width: 300px;
   left: 520px;
}
#sitesearch_container #sitesearch_input {
   width: 140px;
   height: 14px;
}

#page_seperator {
   clear: both;
   height: 12px;
   position: relative;
   overflow: hidden;
}
#page_footer {
   /*position: absolute;
   bottom: 0;*/
   width: 100%;
   padding-top: 20px;
   height: 42px;
   clear: both;
   text-align: center;
   background: url(../images/layout/pagefooter_bg.gif) bottom left repeat-x;
   font-size: 0.85em;
}
#page_footer a {
   margin-left: 1.5em;
}
#page_content.withsidebar {
   position: relative;
   width: 698px;
   position: relative;
   float: left;
}
#page_sidebar.withsidebar {
   width: 247px;
   position: relative;
   float: left;
   margin-left: 24px;
}
#page_content.nosidebar {
   position: relative;
   width: 973px;
   position: relative;
}
#page_sidebar.nosidebar {
   width: 0;
   display: none;
}
#page_content_mask {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #e5ebf3;
   margin:-1px -1px -1px -1px;
   border: 1px solid #e5ebf3;
   filter: alpha(opacity=60);
   opacity: 0.6;
}
#page_nosidebar_content {
   background-repeat: repeat-x;
   padding: 0 10px 0 10px;
   position: relative;
   min-width:880px;
}
#page_legallinks {
   margin-top: 10px;
   background: url(../images/layout/pagefold.gif) top left repeat-x;
   padding-top: 25px;
   margin-bottom: 10px;
   text-align:center;
}
.legallinks {
   font-size: 0.85em;
   text-align: center;
   color: #404040;
}
.legallinks a {
   color: #404040;
   text-decoration: underline;
}
#popupmask {
   position: absolute;
   background:#000;
   filter:alpha(opacity=70);
   opacity: 0.7;
   -moz-opacity:0.7;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
   display: none;
}
.popupcontainer,
#popupcontainer {
   position: absolute;
   left: 50%;
   margin-left: -320px;
   width: 640px;
   height: 480px;
   top: 100px;
   z-index: 10010;
   background-color: #000;
   border: 1px solid black;
   display: none;
}
#page_logo {
   background: url(../images/navigation/nav_home.gif) top left no-repeat;
   display: block;
   width: 202px;
   height: 115px;
   position: absolute;
   top: 0;
   left: 0;
}
#page_navigation {
   position: absolute;
   top: 65px;
   left: 210px;
}
#page_navigation a.navhref {
   display: block;
   float: left;
}
#page_navigation a.navhref span {
   display: none;
}
#page_logo span {
   display: none;
}
#nav_workingwithbuyers {
   background: url(../images/navigation/nav_workingwithbuyers.gif) top left no-repeat;
   display: block;
   width: 116px;
   height: 32px;
}
#nav_workingwithbuyers.activetab, 
#nav_workingwithbuyers:hover {
   background: url(../images/navigation/nav_workingwithbuyers_on.gif) top left no-repeat;
}
#nav_workingwithsellers {
   background: url(../images/navigation/nav_workingwithsellers.gif) top left no-repeat;
   display: block;
   width: 114px;
   height: 32px;
}
#nav_workingwithsellers.activetab,
#nav_workingwithsellers:hover {
   background: url(../images/navigation/nav_workingwithsellers_on.gif) top left no-repeat;
}
#nav_managingyourbusiness {
   background: url(../images/navigation/nav_managingyourbusiness.gif) top left no-repeat;
   display: block;
   width: 120px;
   height: 32px;
}
#nav_managingyourbusiness.activetab,
#nav_managingyourbusiness:hover {
   background: url(../images/navigation/nav_managingyourbusiness_on.gif) top left no-repeat;
}
#nav_promotingyourself {
   background: url(../images/navigation/nav_promotingyourself.gif) top left no-repeat;
   display: block;
   width: 97px;
   height: 32px;
}
#nav_promotingyourself.activetab,
#nav_promotingyourself:hover {
   background: url(../images/navigation/nav_promotingyourself_on.gif) top left no-repeat;
}
#nav_learning {
   background: url(../images/navigation/nav_learning.gif) top left no-repeat;
   display: block;
   width: 95px;
   height: 32px;
}
#nav_learning.activetab,
#nav_learning:hover {
    background: url(../images/navigation/nav_learning_on.gif) top left no-repeat;
}
#nav_recruiting {
   background: url(../images/navigation/nav_recruiting.gif) top left no-repeat;
   display: block;
   width: 108px;
   height: 32px;
}
#nav_recruiting.activetab,
#nav_recruiting:hover {
   background: url(../images/navigation/nav_recruiting_on.gif) top left no-repeat;
}
#nav_aboutcentury21 {
   background: url(../images/navigation/nav_aboutcentury21.gif) top left no-repeat;
   display: block;
   width: 113px;
   height: 32px;
}
#nav_aboutcentury21.activetab,
#nav_aboutcentury21:hover {
   background: url(../images/navigation/nav_aboutcentury21_on.gif) top left no-repeat;
}
#SuggestOutputArea {
   border: solid 1px #ccc;
   background: #fff;
   color: #000;
   z-index: 9999;
}
#SuggestOutputArea ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#SuggestOutputArea ul li:hover {
   cursor: pointer;
}
#SuggestOutputArea ul li.selected {
   background-color: #006;
   color: #fff;
}

/**
 * Action Button
 */
a.btn,
a.actionbtn {
   text-decoration: none;
   text-transform: uppercase;

   background: url(../images/actions/actionbtn-black-lt.png) top left no-repeat;
   position: relative;
   display: inline-block;
   font-size: 9px;
   color:#fff;

   white-space: nowrap;
}
a.actionbtn {
   padding: 3px 20px 5px 10px;
}
a.btn {
   padding: 3px 5px 5px 10px;
}
a.btn .rt,
a.actionbtn .rt {
   background: url(../images/actions/actionbtn-black-rt.png) top right no-repeat;
   position: absolute;
   height: 19px;
   right: -5px;
   top: 0px;
   font-size: 0;
}
a.btn .rt {
   width: 5px;
}
a.actionbtn .rt {
   width: 15px;
}
.dataentrybutton:hover input,
.btn:hover,
.actionbtn:hover {
   color: #000;
   background: url(../images/actions/actionbtn-black-lt-on.png) top left no-repeat;
}
.dataentrybutton:hover,
.btn:hover .rt,
.actionbtn:hover .rt {
   background: url(../images/actions/actionbtn-black-rt-on.png) top right no-repeat;
}
a.btndisabled,
a.btndisabled:hover,
a.actionbtndisabled,
a.actionbtndisabled:hover {
   background: url(../images/actions/actionbtn-black-lt-disabled.png) top left no-repeat;
   color: #999;
   cursor: default;
}
a.btndisabled .rt,
a.btndisabled:hover .rt,
a.actionbtndisabled .rt,
a.actionbtndisabled:hover .rt {
   background: url(../images/actions/actionbtn-black-rt-disabled.png) top right no-repeat;
}

/**
 * Action button as an actual INPUT tag
 */
.dataentrybutton input {
   border: 0;
   color: #FFF;
   background: url(../images/actions/actionbtn-black-lt.png) top left no-repeat;
   text-transform: uppercase;
   padding: 3px 10px 5px 10px;
   font-size: 9px;
   cursor: pointer;
   white-space: nowrap;
}
.dataentrybutton {
   display:inline-block;
   background: url(../images/actions/actionbtn-black-rt.png) top right no-repeat;
   margin: 0;
   padding: 0;
   height: 19px;
   padding-right: 15px;
   cursor: pointer;
}

.largeactionbtn {   
   display: inline-block;
   height: 18px;
   text-decoration: none;
   font-weight: bold;
   background: url(../images/actions/largeactionbtn-lt.gif) top left repeat-x;
   position: relative;
   padding: 2px 7px 0 10px;
   text-transform: uppercase;
   font-size: 12px;
   color: #222;
}
.largeactionbtn .rt {
   background: url(../images/actions/largeactionbtn-rt.gif) top left repeat-x;
   position: absolute;
   height: 20px;
   width: 7px;
   right: -5px;
   top: 0;
}

.largeactionbtn:hover {   
   background: url(../images/actions/largeactionbtn-lt-on.gif) top left repeat-x;
   color: #000;
}
.largeactionbtn:hover .rt {
   background: url(../images/actions/largeactionbtn-rt-on.gif) top left repeat-x;
}

a.largeactionbtndisabled,
a.largeactionbtndisabled:hover {
   display: inline-block;
   height: 18px;
   text-decoration: none;
   font-weight: bold;
   background:url(../images/actions/largecancelbtn-lt.gif) top left repeat-x;

   position: relative;
   padding: 2px 7px 0 10px;
   text-transform: uppercase;
   font-size: 12px;
   color: #222;
   cursor:default;
}
a.largeactionbtndisabled .rt,
a.largeactionbtndisabled:hover .rt {
   background: url(../images/actions/largecancelbtn-rt.gif) top left repeat-x;
   position: absolute;
   height: 20px;
   width: 7px;
   right: -5px;
   top: 0;
}
a.largeactionbtndisabled:hover {
   color: #333;
}


div.loadingmask {
   position: absolute;
   left;0;
   top:0;
   width:100%;
   height:100%;
   background-color:#000;
   filter: alpha(opacity=80);
   opacity: 0.8;
}

div.loading {
   height: 80px;
   padding-top: 90px;
   width: 80%;
   background: #444 url(../images/actions/loading_lg.gif) center 30px no-repeat;
   border: 1px solid #666;
   color: #ccc;
   margin: auto;
   margin-top: 40px;
   text-align: center;
}

div.loadingbg {
   background: #444 url(../images/actions/loading_lg.gif) center center no-repeat;
}

div.warning {
   height: 110px;
   padding-top: 90px;
   width: 80%;
   background: #444 url(../images/actions/warning.gif) center 30px no-repeat;
   border: 1px solid #666;
   color: #ccc;
   margin: auto;
   margin-top: 40px;
   text-align: center;
}

div.warning h5 {
   color: #FECE02;
}

div.loading h5 {
   color: #FECE02;
}

/* These are not container names like "title", "body" and "br" because curvycorners does not 
   currently support rounding those properly in IE8. */
.chiseledtitle {
   height: 17px;
   background: url(../../images/callouts/chisel_tl.gif) top left repeat-x;
   border-bottom: 1px solid #000;
   padding-left: 8px;
   font-weight: bold;
   font-size: 11px;

   -moz-border-radius-topleft:8px;
   -moz-border-radius-topright:8px;
   -webkit-border-top-left-radius:8px;
   -webkit-border-top-right-radius:8px;
}
.chiseledbody {
   padding: 4px 8px;
   background-color: #333333;
}
.chiseledbr {
   padding: 0;
   margin: 0;
   height: 24px;
   background: url(../../images/callouts/chisel_br.gif) bottom right no-repeat;
   -moz-border-radius-bottomleft:14px;
   -webkit-border-bottom-left-radius:14px;

}

.infobox {
   background: #fff9d7 url(../images/callouts/icoinfo.gif) 4px 1px no-repeat;
   color: #222;
   border: 1px solid #e8d34e;
   padding: 4px 0 4px 30px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.warnbox {
   background: #fff9d7 url(../images/callouts/icowarn.gif) 4px 1px no-repeat;
   color: #222;
   border: 1px solid #e8d34e;
   padding: 4px 0 4px 30px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.errorbox {
   background: #fff9d7 url(../images/callouts/icoerror.gif) 4px 1px no-repeat;
   color: #222;
   border: 1px solid #e8d34e;
   padding: 4px 0 4px 30px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.infobox h6, 
.warnbox h6, 
.errorbox h6 {
   display: inline;
   font-size: 1em;
   font-weight: bold;
}

.warnbox h6 {
   color: #c96b1c;
}

.errorbox h6 {
   color: #d72917;
}

.infobox a,
.warnbox a,
.errorbox a {
   color: blue;
}

/**
 * Tabular information
 */
table.c21info {
   border-collapse: collapse;
   font-size: 12px;
}

table.c21info td {
   padding: 5px;
   border: 1px solid #999;
}

table.c21info thead td {
   background: white url(/images/layout/inner_bg.gif) repeat-x;
   background-position: -10px -200px;
   font-weight: bold;
}

table.c21info tbody td {
   background-color: #666;
}

table.c21info tbody tr.alt td {
   background-color: #777;
}

table.c21info tbody .grayed {
   color: #AAA;
}

/* Start of PostIt Callout (Quick View) Styles */

.postItCallOut {
	position: absolute;
   padding: 6px 8px 18px 33px;
	width:344px;
	height:261px;
	color:#6f6f6f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background: url(../images/postitbg.png) 0px 0px no-repeat transparent;
}
div.postitloading {
   background-image: url(../images/postitloading.gif);
   background-position: center center;
   background-repeat: no-repeat;
   position: absolute;
   top: 76px;
   left: 136px;
   width: 100px;
   height: 100px;
}


/* End of PostIt Callout (Quick View) Styles */