/* -----------------------------------*/
/* ------>>> Structural <<<-----------*/
/* -----------------------------------*/
#header {
    float:left;
    width:100%;
    background:url(images/logo_skyscapewebviewerlarge.gif) no-repeat 20px 17px #152f57;
    text-align:right;
}
#colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
    background:#fff;		/* Left column background colour */
}
#colmid {
    float:left;
    width:200%;
    position:relative;
    left:200px;
    background:#fff;    	/* Centre column background colour */
}
#colright {
    float:left;
    width:100%;
    position:relative;
    left:50%;
    margin-left:-400px;
    background:#fff;    	/* Right column background colour */
}
#col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:100%;
}
#col1pad {
    margin:0 10px 0 410px;
    overflow:hidden;
}
#col1 {
    width:100%;
    overflow:hidden;
    margin: 20px 0 40px 0;
}
#col2 {
    float:left;
    width:180px;
    position:relative;
    margin: 20px 0 40px -50%;
    left:210px;
    overflow:visible;
}
#col3 {
    float:left;
    width:180px;
    position:relative;
    left:10px;
    overflow:hidden;
    margin: 20px 0 40px 0;
}
#footer {
    clear:both;
    float:left;
    width:100%;
    padding:0;
    margin:0;
    min-height:115px;
    background:url(images/bg_footer.gif) repeat-x #152f57;
}
/* -----------------------------------*/
/* -->>> Manage Content Toolbar <<<---*/
/* -----------------------------------*/
.managecontentcontainer {
    width:174px;
    border:1px solid #bdbdbd;
    padding:2px;
    margin:0;
}
.managecontentcontainer li {
    position:relative;
    background:#f7f7f7;
    padding:0 12px;
    border:1px solid #efefef;
    height:25px;
    line-height:25px;
}
.managecontentcontainer li.managelast {
    position:relative;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    behavior: url(/PIE.htc);
}
.managecontentcontainer li.managetitle {
    font-size:0.875em;
    line-height:30px;
    font-weight:bold;
    color:#152f57;
    background:#e8edef;
    padding:0 12px;
    height:30px;
    position:relative;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    behavior: url(/PIE.htc);
}
.managecontentcontainer li.textsize {
    color:#333;
    padding: 0 0 0 12px;
    text-align:right;
    margin-top:2px;
}
span.textsizetitle {
    font-size:0.625em;
    float:left;
    padding-right:15px;
}
.managecontentcontainer li.printpage, .managecontentcontainer li.bookmarktopic {
    font-size:0.75em;
    color:#333;
    margin-top:2px;
}
.managecontentcontainer li.printpage a, .managecontentcontainer li.bookmarktopic a {
    text-decoration:none;
    display: block;
    padding-left:23px;
}
.managecontentcontainer li.printpage a:hover, .managecontentcontainer li.printpage a:focus, .managecontentcontainer li.bookmarktopic a:hover, .managecontentcontainer li.bookmarktopic a:focus {
    text-decoration:underline;
}
.managecontentcontainer li.printpage {
    background:url(images/icon_print.gif) 10px center no-repeat #f7f7f7;
}
.managecontentcontainer li.bookmarktopic {
    background:url(images/icon_bookmark.gif) 10px center no-repeat #f7f7f7;
}
.changefontsmall, .changefontmedium, .changefontlarge {
    display:inline-block;
    width:22px;
    text-align:center;
    border-left:1px solid #efefef;
    color:#152f57;
    text-decoration:none;
}
.changefontsmall:hover, .changefontmedium:hover, .changefontlarge:hover, .changefontsmall:focus, .changefontmedium:focus, .changefontlarge:focus {
    text-decoration:underline;
}
.changefontsmall.currentfontsize, .changefontmedium.currentfontsize, .changefontlarge.currentfontsize {
    color:#666;
}
.changefontsmall {
    font-size:.75em;
}
.changefontmedium {
    font-size:0.875em;
}
.changefontlarge {
    font-size:1em;
}
/* -----------------------------------*/
/* --->>> Resource Navigations  <<<---*/
/* -----------------------------------*/
/*** Resource Card***/
.resourcecard-solo {
    position:relative;
    padding:10px;
    width:158px;
    display:block;
    background:#e8edef;
    border:1px solid #bdbdbd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc);
}
.resourcecard-withsecnavbelow {
    position:relative;
    padding:10px;
    overflow: hidden;
    width:158px;
    display:block;
    background:#e8edef;
    border:1px solid #bdbdbd;
    border-width: 1px 1px 0 1px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url(/PIE.htc);
}
p.rescourcecard-title {
    font-size:.75em;
    line-height:125%;
    font-weight:bold;
    color:#152f57;
    padding:5px 0 5px 80px;
}
.watermarkon {
    color: #CCCCCC;
    font-style: italic;
}
/*** Section/jump Navigation ***/
.sectionnav, .jumpnav {
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
}
.sectionnav li, .jumpnav li {
    font-size:.75em;
    line-height:24px;
}
.jumpnav {
    margin-top:20px;
}
.sectionnav li a, .jumpnav li a {
    display:block;
    width:158px;
    text-decoration:none;
    padding:0 10px 0 10px;
}
.sectionnav li a {
    font-weight:bold;
}
.jumpnav li.title {
    position:relative;
    font-size:.75em;
    line-height:29px;
    height:29px;
    background:#152f57;
    color:#fff;
    font-weight:bold;
    padding:0 10px 0 10px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius:  5px 5px 0 0;
    behavior: url(/PIE.htc);
}
.sectionnav li a.middle, .jumpnav li a.middle {
    border:1px solid #bdbdbd;
    border-width: 1px 1px 0 1px ;
    background:#efefef;
}
.sectionnav li a.last, .jumpnav li a.last {
    position:relative;
    border:1px solid #bdbdbd;
    background:#efefef;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    behavior: url(/PIE.htc);
}
.sectionnav li a:hover, .sectionnav li a:focus, .jumpnav li a:hover, .jumpnav li a:focus {
    background:#c4cbd5;
    color:#152f57
}
.sectionnav li a.current {
    background:url(images/bg_arrowright.gif) right center no-repeat #152f57;
    border:1px solid #152f57;
    color:#fff;
}
/*** Found In Search ***/
.foundin {
    width:158px;
    padding:10px;
}
.foundin h3 
{
    margin:0;
    color: #152f57;
    font-weight: bold;
    font-size: 0.875em; /* --- 14px ---*/
    line-height: 135%;
}
/*a.bookmarkremove { font-size:.625em; color:#f58025; text-decoration:underline;}*/
/* -----------------------------------*/
/* --->>> Unpurchased  <<<---*/
/* -----------------------------------*/
/*** Purchase/Login Box ***/

/* -----------------------------------*/
/* --->>> Right Column Elements  <<<---*/
/* -----------------------------------*/
/*** Pronunciation ***/
.pronunciation {
    padding:9px;
    margin-top:20px;
    width:160px;
}
.pronunciation p {
    font-size:.75em;
}
.pronunciation p a {
    background:url(images/icon_speaker.gif) no-repeat right center;
    padding-right:20px;
}
/***Marketing Graphic ***/
.marketingimagecontainer {
    width:174px;
    position:relative;
    border:1px solid #bdbdbd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc);
    padding:2px;
}
.marketingimagecontainer img {
    position:relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc);
}/* -----------------------------------*/
/* --->>> Index Page  <<<---*/
/* -----------------------------------*/
#indextabs, #paginationbar {
    font-size:.75em;
    line-height:18px;
    font-weight:bold;
    color:#152f57;
    height:18px;
    background:#f7f7f7;
    border:1px solid #efefef;
    overflow:hidden;
}
#indextabs li, #paginationbar li {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    display:inline;
    margin: 0 5px 0 5px;
    text-align:center;
}
#indextabs li {
    width:1.6%;
}
#indextabs li a {
    display:block;
}
#indextabs li a.active {
    background-color: #BCCADD;
}
.currentpagenumber {
    color:#666;
}
#paginationbar li.paginationright {
    float:right;
}
.displayingitems {
    font-weight:normal;
    color:#333;
    padding-right:10px;
    display:inline-block
}
/***Quote Box and Home Recently Viewed***/
.quotebox, .homerecentbox {
    margin:10px 0 10px 0;
    padding:15px;
}
.quotebox p {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:0.875em;
    line-height:125%;
    padding-top:10px;
}
.quotebox p span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.846em;
}
.sectioncontent
{
    overflow:auto;
}

.sectioncontent p
{
    padding:0;
}

.ui-autocomplete-category
{
        font-weight:bold;
        padding:.2em .4em;
        margin:.8em 0 .2em;
        line-height:1.5;
}

.orange_button
{
    background-image: url('images/ClearButton.gif') !important;
}