/* layout.css
 *
 * Special styles for your specific site tags (by ID or class)
 *
 * guidelines:
 * - NO HTML TAGS!  Class styles or ID styles only.  HTML tag styles go in "html.css"
 * - NO FONTS!  Font faces, line spacing, etc. go in "fonts.css".  Sizes and colors are allowed for special classes, but no defaults.
 */

/*****************************
 CONTAINER SHORTCUT CLASSES
 *****************************/
.box { border: 1px solid #000; padding: 8px; margin-bottom: 8px; }
.box.tight { padding: 4px; }
.box.error { border-color: #833; background-color: #FDD; color: #000; }
.box.notice { border-color: #883; background-color: #FFD; color: #000; }
.box.success { border-color: #383; background-color: #DFD; color: #000; }
.box.white { border-color: #AAA; background-color: #FFF; color: #000; }
.box.blue { border-color: #338; background-color: #EEF; color: #000; }
.box.gray { border-color: #888; background-color: #F1F1F1; color: #000; }
.box.green { border-color: #383; background-color: #DFD; color: #000; }
.box.yellow { border-color: #883; background-color: #FFD; color: #000; }
.box.orange { border-color: #862; background-color: #FDA; color: #000; }
.box.red { border-color: #833; background-color: #FDD; color: #000; }
.box.grayDark { border-color: #333; background-color: #555; color: #FFF; }
.box.grayStripeLight { border-color: #888; background-color: #DDD; background-image: url(/images/stripe-lightgray.png); color: #000; }
.box.grayStripeDark { border-color: #333; background-color: #555; background-image: url(/images/stripe-darktgray.png); color: #FFF; }
.box.titled { margin-top: 10px; padding-top: 20px; }
.box > span.title { position: absolute; font-weight: bold; padding: 2px 6px; margin-bottom: 0px; top: -10px; left: 8px; border: 1px solid #000; background-color: #FFF; }
.box > span.control { position: absolute; font-weight: bold; padding: 1px 4px; margin-bottom: 0px; top: -12px; right: 8px; border: 1px solid #AAA; background-color: #FFF; }

.box.gray > span.title { color: #FFF; background-color: #666; }
.box.gray > span.control { color: #000; background-color: #FFF; }

.box.grayStripeLight > span.title { color: #FFF; background-color: #666; }
.box.grayStripeLight > span.control { color: #000; background-color: #FFF; }

.box.blue > span.title { color: #000; background-color: #FFF; }
.box.blue > span.control { color: #000; background-color: #FFF; }

.cellRed { background-color: #FDD; border: 1px solid #B88; padding: 2px 4px; }
.cellBlue { background-color: #EEF; border: 1px solid #88B; padding: 2px 4px; }
.cellGreen { background-color: #DFD; border: 1px solid #8B8; padding: 2px 4px; }

/*****************************
 POSITION SHORTCUT CLASSES
 *****************************/
.autoCenter { margin: 0px auto; }
.floatLeft { float: left; }
.floatRight { float: right; }
.overclear { overflow: hidden; clear: both; }
.overhide { overflow: hidden; }
.clearBoth { clear: both; }
.relative { position: relative; }
.absolute { position: absolute; }

.block { display: block; }
.inline { display: inline; }
.inlineBlock { display: inline-block; }
.invisible { visibility: hidden; }
.hidden { display: none; }

.padding8 { padding: 8px; }
.paddingRight8 { padding-right: 8px; }
.paddingBottom0 { padding-bottom: 0px; }
.paddingBottom8 { padding-bottom: 8px; }
.margin0 { margin: 0px; }
.margin4 { margin: 4px; }
.margin8 { margin: 8px; }
.margin16 { margin: 16px; }
.margin32 { margin: 32px; }
.marginLeft0 { margin-left: 0px; }
.marginLeft4 { margin-left: 4px; }
.marginLeft8 { margin-left: 8px; }
.marginLeft16 { margin-left: 16px; }
.marginLeft24 { margin-left: 24px; }
.marginLeft32 { margin-left: 32px; }
.marginRight0 { margin-right: 0px; }
.marginRight4 { margin-right: 4px; }
.marginRight8 { margin-right: 8px; }
.marginRight12 { margin-right: 12px; }
.marginRight16 { margin-right: 16px; }
.marginRight24 { margin-right: 24px; }
.marginRight32 { margin-right: 32px; }
.marginTop4 { margin-top: 4px; }
.marginTop8 { margin-top: 8px; }
.marginTop16 { margin-top: 16px; }
.marginTop32 { margin-top: 32px; }
.marginBottom0 { margin-bottom: 0px; }
.marginBottom8 { margin-bottom: 8px; }
.marginBottom16 { margin-bottom: 16px; }
.marginBottom32 { margin-bottom: 32px; }
.marginVertical0 { margin-top: 0px; margin-bottom: 0px; }
.marginVertical8 { margin-top: 8px; margin-bottom: 8px; }
.marginVertical16 { margin-top: 16px; margin-bottom: 16px; }
.pad1lt { padding-left: 1px; padding-top: 1px; } /* deal with overflow:hidden hiding top/left borders */
.pad1t { padding-top: 1px; } /* deal with IE's border collapse issue */

.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.alignJustify { text-align: justify; }
.vAlignTop { vertical-align: top; }
.vAlignMiddle { vertical-align: middle; }
.vAlignBottom { vertical-align: bottom; }
.vAlignBaseline { vertical-align: baseline; }

/*****************************
 SIZE SHORTCUT CLASSES
 *****************************/
.width25p { width: 25%; }
.width50p { width: 50%; }
.width75p { width: 75%; }
.width90p { width: 90%; }
.width100p { width: 100%; }

.width100a { width: 100px; }
.width150a { width: 150px; }
.width200a { width: 200px; }
.width300a { width: 300px; }
.width400a { width: 400px; }
.width500a { width: 500px; }
.width600a { width: 600px; }
.width650a { width: 650px; }
.width700a { width: 700px; }
.width800a { width: 800px; }
.width900a { width: 900px; }

/*****************************
 SPECIAL JQUERY CLASSES
 *****************************/
.JQModalPosition { position: absolute; z-index: 10; }
.JQModalCover { position: absolute; left: 0px; top: 0px; z-index: 9; background-color: #000; }

#jquery-live-search {
    background: #fff;

    padding: 12px;
    height: 200px;
    overflow: auto;

    position: absolute;
    z-index: 99;

    border: 1px solid #026;
    border-width: 0 1px 1px 1px;

    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

/*****************************
 SPECIAL FRAMEWORK HELPER CLASSES
 *****************************/

input.phejFormButtonCancel { border: 1px solid; border-color: #B88 #633 #633 #B88; background-color: #ECC; }
input.phejFormButtonCancel:hover { border-color: #EAA #A66 #A66 #EAA; background-color: #FDD; }

.phejFormTable { }
.phejFormPane { }
.phejFormElement { padding: 4px; clear: both; overflow: hidden; }
.phejFormElement.alternate { background-color: #F6F6F6; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.phejFormElement label.PFnormal { float: left; font-weight: bold; width: 25%; }
.phejFormTable.labelWidth30p .phejFormElement label.PFnormal { float: left; font-weight: bold; width: 30%; }
.phejFormTable.labelWidth35p .phejFormElement label.PFnormal { float: left; font-weight: bold; width: 35%; }
.phejFormElement span.PFfield { float: right; width: 75%; }
.phejFormTable.labelWidth30p .phejFormElement span.PFfield { width: 70%; }
.phejFormTable.labelWidth35p .phejFormElement span.PFfield { width: 65%; }
.phejFormElement label.PFcheckbox { }
.phejFormInlineAlert { margin-left: 4px; position: relative; top: 2px; }

.phejFormTableTight { }
.phejFormPaneTight { }
.phejFormElementTight { padding: 2px 4px; clear: both; overflow: hidden; }
.phejFormElementTight.alternate { background-color: #F6F6F6; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.phejFormElementTight label.PFnormal { float: left; font-weight: bold; width: 25%; }
.phejFormElementTight label.PFcheckbox { }
.phejFormElementTight span.PFfield { float: right; width: 75%; }
.phejFormInlineAlertTight { margin-left: 4px; position: relative; top: 2px; }

.phejFormTableVertical { }
.phejFormPaneVertical { }
.phejFormElementVertical { padding: 4px; clear: both; vertical-align: middle; overflow: hidden; }
.phejFormElementVertical.alternate { background-color: #F6F6F6; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.phejFormElementVertical label.PFnormal { display: block; clear: both; font-weight: bold; }
.phejFormElementVertical label.PFcheckbox { }
.phejFormElementVertical span.PFfield { float: left; width: 100%; clear: both; display: block; }
.phejFormInlineAlertVertical { margin-left: 4px; position: relative; top: 2px; }

.phejTable { border-collapse: collapse; background-color: #F8F8F8; }
.phejTable > tbody > tr > th { border: 1px solid #666; padding: 2px 4px; color: #FFF; background-color: #000; font-weight: bold; text-align: center; cursor: default; font-size: 8pt; }
.phejTable > tbody > tr > th:hover, .phejTable tr > th.hover { }
.phejTable > tbody > tr > th.sortable { color: #FF0; }
.phejTable > tbody > tr > th.sortable img { border: 0px; margin-left: 4px; }
.phejTable > tbody > tr > th.sortable:hover, .phejTable tr > th.sortable.hover { cursor: pointer; background-color: #666; }
.phejTable > tbody > tr > th.sortable.ascending { background-color: #6991CA; }
.phejTable > tbody > tr > th.sortable.descending { background-color: #6991CA; }
.phejTable > tbody > tr { }
.phejTable > tbody > tr:hover, .phejTable tr.hover { background-color: #CFC; }
.phejTable > tbody > tr > td { border: 1px solid #666; padding: 2px 4px; font-size: 8pt; }
.phejTable > tbody > tr > td.clickable { cursor: pointer; }
td.clickable div.dot { float: right; opacity: 0.8; border: 1px solid #33F; background-color: #AAF; width: 2px; height: 2px; }
.phejTable > tbody > tr:hover > td.clickable { }
.phejTable > tbody > tr:hover > td.clickable:hover { background-color: #F8F8C0; }
.phejTable > tbody > tr > td div { font-size: 8pt; }
.phejTable > tbody > tr.alternate { background-color: #EBEBEB; }
.phejTable > tbody > tr.alternate > td.clickable { }
.phejTable > tbody > tr.alternate:hover, .phejTable tr.alternate.hover { background-color: #BEB; }
.phejTable > tbody > tr.alternate:hover > td.clickable:hover { background-color: #F8F8C0; }
.phejTable > tbody > tr > td.sortable { }
.phejTable > tbody > tr > td.sortable.ascending { }
.phejTable > tbody > tr > td.sortable.descending { }
.phejTable > tbody > tr > td.groupHeader { font-size: 14pt; font-weight: bold; background-color: #FFF; border: 0px 0px 1px; padding-top: 16px; border-width: 0px 0px 1px }

ul.phejTree, ul.phejTree ul { list-style-type: none; background: url(/images/vline.png) repeat-y; margin: 0; padding: 0; }
ul.phejTree ul.phejTree { margin-left: 10px; margin-top: 6px; }
ul.phejTree li { margin: 0 0 8px 0; padding: 0 0 0 12px; line-height: 20px; background: url(/images/node.png) no-repeat; }
ul.phejTree li.last { background: #fff url(/images/lastnode.png) no-repeat; }

.phejPaginate { border: 0px; margin-bottom: 16px; padding: 2px 0px; }
.phejPaginate > div.empty { font-weight: bold; display: inline; }
.phejPaginate > div.info { display: inline; font-weight: normal; margin-right: 4px; border: 0px outset #AAA; padding: 1px 10px; background-color: #F3F3F3; }
.phejPaginate > div.page { display: inline; padding: 1px 5px; border: 1px solid #AAA; margin-left: 1px; margin-right: 2px; cursor: pointer; background-color: #FFF; }
.phejPaginate > div.page:hover, .phejPaginate > div.page.hover { border-color: #666; background-color: #666; color: #FFF; }
.phejPaginate > div.page.selected { font-weight: bold; background-color: #000; color: #FFF; background-color: #000; }
.phejPaginate > div.page.selected:hover, .phejPaginate > div.page.selected.hover { border-color: #666; background-color: #666; color: #FFF; }
.phejPaginate > div.page.move { background-color: #FFD; display: none; }
.phejPaginate > div.page.move:hover, .phejPaginate > div.page.move.hover { background-color: #FF6; color: #000; }
.phejPaginate > div.page.move.disabled, .phejPaginate > div.page.move.disabled:hover, .phejPaginate > div.page.move.disabled.hover { background-color: #DDD; color: #666; border-color: #999; cursor: default; display: none; }
.phejPaginate > div.page.move.first { display: none; }
.phejPaginate > div.page.move.prev { }
.phejPaginate > div.page.move.next { }
.phejPaginate > div.page.move.last { display: none; }

.phejAutoRefresh { border: 1px solid; padding: 4px 6px; height: 19px; }
.phejAutoRefresh.green { border-color: #383; background-color: #DFD; }
.phejAutoRefresh.red { border-color: #833; background-color: #FDD; }
.phejAutoRefresh > div.chk { display: inline; margin-right: 4px; }
.phejAutoRefresh > div.chklabel { display: inline; margin-right: 4px; }
.phejAutoRefresh > div.refresh { display: inline; cursor: pointer; margin-right: 6px; vertical-align: bottom; }
.phejAutoRefresh > div.timestamp { display: inline; border-left: 1px solid #888; color: #666; font-style: italic; padding-left: 4px; }

.phejPredictive { }
#phejPredictiveList { background-color: #FFF; border: 1px solid #AAA; text-align: left; font-size: 9pt; }
#phejPredictiveListUpdate { padding: 2px; text-align: center; background-color: #FFFFCC; }
#phejPredictiveListSelect { }
#phejPredictiveListSelect table { width: 100%; }
#phejPredictiveListSelect td { padding: 2px; border: solid #AAA; border-width: 1px 0px; font-weight: bold; }
#phejPredictiveListSelect td.selected { color: #FFF; background-color: #006; cursor: pointer; }
#phejPredictiveListSelect td.more { color: #888; background-color: #EEE; text-align: right; font-weight: normal; font-style: italic; }

/*a.button { border: 1px solid; border-color: #AAA #666 #666 #AAA; background-color: #EEE; padding: 1px 3px; text-decoration: none; font-size: 0.8em; color: #000; width: 100px; display: inline-block; text-align: center; }*/
a.button { border: 1px solid; border-color: #EE6 #990 #990 #EE6; background-color: #CC3; padding: 1px 3px; text-decoration: none; font-size: 0.8em; color: #000; width: 100px; display: inline-block; text-align: center; }
a.button:hover { background-color: #DD6; text-decoration: none; }

a.button.selected { background-color: #CC3; border-color: #EE6 #990 #990 #EE6; }
a.button.selected:hover { background-color: #DD6; }

a.button.red { background-color: #FAA; border-color: #FDD #B88 #B88 #FDD; }
a.button.red:hover { background-color: #ECC; }

a.button.disabled { background-color: #DDD; border-color: #EEE #AAA #AAA #EEE; color: #AAA; }
a.button.disabled:hover { background-color: #DDD; border-color: #EEE #AAA #AAA #EEE; color: #AAA; cursor: default; }

/*****************************
 APPLICATION CLASSES
 *****************************/

.shadow16 {
    box-shadow: 8px 8px 1em #000;
    -moz-box-shadow: 0 0 1em #000;
    -webkit-box-shadow: 0 0 2em #000;
}

/* ===========================
   PAGE BUILDING BLOCKS
============================== */
.shadowWrapper {
    box-shadow: 8px 8px 1em #000;
    -moz-box-shadow: 0 0 1em #000;
    -webkit-box-shadow: 0 0 2em #000;
    width: 980px;
    margin-bottom: 20px;
}
.shadowWrapper.roundedTop {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}

#pageWrapper {
    width: 980px;
    margin: 24px auto 0;
}

#pageHeader {
    height: 96px;
    border: 1px solid #000;
    padding: 0px 16px;
    vertical-align: bottom;
    background-color: #FFF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}

#pageLogo {
    float: left;
    margin-top: 8px;
}

/* ===========================
   NAVIGATION (UL/LI/A)
============================== */
#pageNavigationHeader {
    clear: right;
    float: right;
    margin-top: 20px;
}

#pageNavigationHeader a, #pageFooter a { color: #000; text-decoration: none; }
#pageNavigationHeader a:visited, #pageFooter a:visited { color: #000; }
#pageNavigationHeader a:active, #pageFooter a:active { color: #000; }
#pageNavigationHeader a:hover, #pageFooter a:hover { color: #006699; text-decoration: none; }

#pageNavigation {
    height: 38px;
    overflow: hidden;
    background: url(/images/nav-grad-normal.png) repeat-x;
    background-color: #FFF;
    border: 1px solid #000;
    border-top-width: 0px;
    position: relative;
}

#pageNavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#pageNavigation ul li {
    float: left;
    vertical-align: bottom;
    overflow: hidden;
    height: 38px;
    display: block;
    position: relative;
}

#pageNavigation ul li div.yellow {
    background: url(/images/yellowpx.png);
    height: 38px;
}

#pageNavigation ul li.separator {
    background: url(/images/nav-grad-separator.png) repeat-x;
    background-color: #333;
    height: 38px;
    width: 1px;
}

#pageNavigation ul li a {
    height: 38px;
    margin: 0;
    padding: 11px 8px 0;
    display: block;
    text-decoration: none;
    color: #000;
}

#pageNavigation ul li a:hover {
    background: url(/images/nav-grad-selected.png) repeat-x;
}

#pageNavigation ul li.selected a {
    background: url(/images/nav-grad-selected.png) repeat-x;
}

#pageSocialHeader {
    float: right;
    margin: 16px 0 0 0;
}

/* ===========================
   ADVERTISEMENTS
============================== */
#pageABContainer {
    border: 1px solid #000;
    border-top-width: 0px;
    background-color: #FFF;
    color: #000;
    overflow: hidden;
    width: 978px;
    height: 235px;
}
        
#pageAHLeft {
    border-right: 1px solid #333;
    float: left;
    width: 567px;
    height: 235px;
}

#pageAHLeft img { width: 567px; height: 235px; display: block; position: absolute; }

#pageAHRight {
    float: right;
    width: 410px;
    height: 235px;
}

#pageAHRight img { width: 410px; height: 235px; display: block; position: absolute; }

#pageASLarge {
    width: 160px;
    height: 600px;
    border: 1px solid #AAA;
    margin-bottom: 16px;
}

#pageASLarge img { width: 160px; height: 600px; display: block; position: absolute; }

#pageASSmall {
    width: 160px;
    height: 160px;
    border: 0px solid #000;
    margin-top: -17.5px;
    /*margin-bottom: 16px;*/
}

#pageASSmall img { /*width: 160px; height: 160px;*/ display: block; position: absolute; }
        
#pageABLarge {
    width: 728px;
    height: 90px;
    border: 0px solid #000;
    margin-right: auto;
    position: relative;
}

#pageABLarge img { width: 728px; height: 90px; display: block; position: absolute; }

.pageFAContainer {
    border: 1px solid #000;
    border-top-width: 0;
    background-color: #FFF;
    padding: 0 32px 32px 32px;
}
        
/* ===========================
   EVER-PRESENT SEARCH BOX
============================== */
#pageSearch {
    float: right;
    width: 230px;
    margin: 8px 16px 8px 0; 
}

#pageSearch input[type=text] {
    width: 140px;
}

/* ===========================
   PAGE FOOTER
============================== */
#pageFooter {
    padding: 0 24px 24px;
    color: #FFF;
    background-color: #006699;
    width: 980px;
    margin: 0px auto;
    font-size: 0.8em;
}

#pageFooter a { color: #FFF; text-decoration: none; }
#pageFooter a:visited { color: #FFF; }
#pageFooter a:active { color: #FFF; }
#pageFooter a:hover { color: #FF0; text-decoration: none; }

/* ===========================
   MAIN PAGE CONTENT BLOCK CLASSES
============================== */

.pageMain {
    color: #000;
    background-color: #FFF;
    border: 1px solid #000;
    border-top-width: 0px;
    border-bottom-widtH: 0px;
    overflow: hidden;
}

.pageContent {
    padding: 32px;
    overflow: hidden;
}
.pageContent.social {
    padding: 8px 0 4px;
    text-align: center;
}
.pageContent.social a {
    text-decoration: none;
}

.pageSidebar {
    float: right;
    margin: 32px 32px 32px 0;
    width: 160px;
}

/*.pageSidebar a img { border: 1px solid #000; }*/

.pageSubNav {
    color: #000;
    background-color: #CC3;
    border: solid;
    border-width: 0px 1px 1px;
    border-color: #AA0 #000;
    height: 24px;
    width: 978px;
    position: absolute;
}


/* ===========================
   PREVIEW THUMBNAIL TABLE
============================== */
.previewListTable {
    border-collapse: collapse;
    border: 0px;
    /*width: 100%;*/
}
.previewListTable > tbody > tr > td {
    padding: 0px 16px 12px 0px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    width: 150px;
}
.previewListTable > tbody > tr > td > a {
    text-decoration: none;
    font-size: 0.9em;
    color: #000;
}
.previewListTable > tbody > tr > td > a:hover {
    color: #666;
}
.previewListTable > tbody > tr > td > a > img {
    display: block;
}

/* ===========================
   RANDOM STYLES
============================== */
.videoTable { background: #FFF; width: 100%; border: 1px solid #0088AA; border-collapse: collapse; }
.videoTable > tbody > tr > th { padding: 4px 8px; color: #000; background-color: #BBB; font-weight: bold; text-align: center; border: 1px solid #006699; }
.videoTable > tbody > tr > td { padding: 4px 8px; text-align: center; border: 1px solid #006699; }
td.error { background-color: #FCC; }
td.ready { background-color: #CFC; }
td.pending { background-color: #FFB; color: #F33; }
.videoTable > tbody > tr > td.processing { background-color: #FFE; }
.videoTable > tbody > tr > td.disabled { background-color: #EEE; color: #AAA; }

.reviewTable { background: #FFF; width: 100%; border: 1px solid #0088AA; border-collapse: collapse; }
.reviewTable > tbody > tr > th { padding: 4px 8px; color: #000; background-color: #BBB; font-weight: bold; text-align: center; border: 1px solid #006699; }
.reviewTable > tbody > tr > td { padding: 4px 8px; border: 1px solid #006699; vertical-align: top; }

.uploadTable { }
.uploadTable > tbody > tr > td { vertical-align: top; padding-right: 8px; padding-bottom: 20px; }

ul.videoList { list-style: none; margin-left: 0px; }
ul.videoList > li { height: 19px; }
ul.videoList > li > a { padding-left: 19px; }
ul.videoList > li.playing > span { padding-left: 19px; font-weight: bold; background: #FFF url(/images/icons/arrow.png) 0 0 no-repeat; }

#lblURLName { font-weight: bold; color: #006699; }

.review { border-top: 1px solid #AAA; padding-top: 16px; }

.news { padding: 0 0 16px; overflow: hidden; }
.news h3 { background-color: #AAA; padding: 4px 8px; overflow: hidden; }
.news img { float: left; margin-right: 16px; margin-bottom: 8px; }
.news h3 .type { float: right; color: #222; font-weight: normal; font-style: italic; font-size: 70%; margin-top: 1px; }
.news img.icon { margin-right: 4px; }

/* ===========================
   BLUE BOXES (+ ROUNDED CORNERS IN JS FILE)
============================== */
.divRounded, .divCorners {
    position: relative;
    background-color: #006699;
}
.divRounded .title, .divCorners .title {
    border: 1px solid #000;
    font-size: 1.25em;
    font-weight: bold;
    padding: 16px 16px 8px 16px;
    color: #FFF;
}
.divRounded .body, .divCorners .body {
    border: solid #000;
    border-width: 0 1px 1px 1px;
    padding: 16px;
    color: #FFF;
}
.divRounded .body div, .divRounded .body td, .divRounded .body p, .divCorners .body div, .divCorners .body td, .divCorners .body p {
    color: #FFF;
}

.divRounded .body div a, .divCorners .body div a {
    color: #FF0;
}

.divRounded .body div a:hover, .divCorners .body div a:hover {
    color: #FFF;
}

.tblLeftRight { padding: 0px; border: 0px; }
.tblLeftRight > tbody > tr > th { vertical-align: top; padding: 4px 8px 4px 0px; font-weight: bold; }
.tblLeftRight.left100a > tbody > tr > th { width: 100px; }
.tblLeftRight.left150a > tbody > tr > th { width: 150px; }
.tblLeftRight.left200a > tbody > tr > th { width: 200px; }
.tblLeftRight > tbody > tr > td { vertical-align: top; padding: 4px 0px 4px 0px; }
.tblLeftRight > tbody > tr.alternate { background-color: #EEE; }

/* ===========================
   INDIVIDUAL CLASSES
============================== */

.tblHomeBox { width: 100%; border: 1px solid #333; }
.tblHomeBox > tbody > tr > th { border: 1px solid #333; height: 33px; }
.tblHomeBox > tbody > tr > th h3.blue { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; }
.tblHomeBox > tbody > tr > td { border: 1px solid #333; padding: 8px; }
.tblHomeBox > tbody > tr > td.short { padding: 3px 8px; height: 16px; }

.previewDetailTable { width: 846px; border-top: 1px solid #0088AA; }
.previewDetailTable > tbody > tr > th { padding: 4px 8px; color: #000; background-color: #BBB; font-weight: bold; font-size: 0.9em; border: 1px solid #006699; }
.previewDetailTable > tbody > tr > td { padding: 4px 8px; font-size: 0.9em; border: 1px solid #006699; }
.previewDetailTable > tbody > tr.spacer > td { font-size: 4px; height: 4px; padding: 4px; border: 0px; }
/*.previewDetailTable > tbody > tr.preview > td { border-bottom: 1px solid #888; }*/
.previewDetailTable > tbody > tr.video { background-color: #EEE; }
.previewDetailTable > tbody > tr > td.video { background-color: #EEE; }
.previewDetailTable > tbody > tr.video > td { font-size: 0.8em; }

.adSample { margin-top: 8px; border: 1px solid #888; background-color: #EEE; background-image: url(/images/bg-sample.jpg); text-align: center; vertical-align: middle; font-size: 1.2em; font-weight: bold; font-style: italic; }

.tblShare { }
.tblShare > tbody > tr > td { vertical-align: middle; padding-right: 8px; }

.ajaxLoading { position: absolute; right: 0px; top: 0px; padding: 8px; border: solid #888; border-width: 0px 0px 1px 1px; z-index: 999; width: 40px; height: 12px; background-color: #EEE; display: none; }
.jsDisabledWarning { position: absolute; top: 0px; left: 0px; padding: 4px; background-color: #FDD; color: #600; border: solid #600; border-width: 0px 1px 1px 0px; font-weight: bold; z-index: 999; width: 600px; }

fieldset { border: 1px solid #AAA; padding: 8px; margin: 0px; }
fieldset legend { font-weight: bold; }
#sampleEmail { }
#sampleEmail p { margin-top: 8px; }
#sampleEmail p:last-child { margin-bottom: 0px; }

img.avatar { border: 1px solid #888; cursor: pointer; }
img.clickable { cursor: pointer; }
img.icon { float: left; margin-right: 4px; }
img.preview { border: 1px solid #666; }
/*div.preview93 { width: 93px; height: 134px; margin-left: 7px; background-image: url(/images/bg-shadow93.png); background-repeat: no-repeat; background-position: -4px -6px; padding: 4px 18px 15px 4px; position: relative; }
div.preview134 { width: 134px; height: 193px; margin-left: 9px; background-image: url(/images/bg-shadow134.png); background-repeat: no-repeat; background-position: -4px -6px; padding: 4px 18px 18px 4px; position: relative; }*/
div.preview93 { width: 93px; height: 134px; margin-right: 7px; padding: 0px 0px 7px 0px; position: relative; font-weight: bold; }
div.preview134 { width: 124px; height: 180px; margin-right: 7px; padding: 0px 0px 7px 0px; position: relative; font-weight: bold; }
div.preview134 img { width: 125px; height: 180px; }
div.preview93 a img, div.preview134 > a > img { border: 1px solid #888; }
h3.blue { background-color: #006699; color: #FFF; padding: 6px 8px 8px; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
h3.red { background-color: #F00; color: #FFF; padding: 4px 18px; display: block; }
.noTopBorder { border-top: 0px; }
.divAdv { margin-bottom: 20px; }

#btnPrev, #btnPlay, #btnPause, #btnNext { width: 32px; height: 32px; margin-right: 12px; display: inline-block; }
#btnPrev { background-image: url(/images/control/control_start.png); background-repeat: no-repeat; }
#btnPrev:hover { background-image: url(/images/control/control_start_blue.png); }
#btnPlay { background-image: url(/images/control/control_play.png); background-repeat: no-repeat; }
#btnPlay:hover { background-image: url(/images/control/control_play_blue.png); }
#btnPause { background-image: url(/images/control/control_pause.png); background-repeat: no-repeat; }
#btnPause:hover { background-image: url(/images/control/control_pause_blue.png); }
#btnNext { background-image: url(/images/control/control_end.png); background-repeat: no-repeat; margin-right: 0; }
#btnNext:hover { background-image: url(/images/control/control_end_blue.png); }

.linkCode { padding: 8px; background-color: #EEE; border: 1px solid #888; font-family: "Courier New", monospace; margin: 8px 0px 32px 0px; width: 600px; }

textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }

html, body { height: 100%; margin: 0 0 1px; padding: 0 0 1px; }

a.button.hidden { display: none; }
a.white { color: #FFF; text-decoration: none; }
a.white:hover { color: #FF3; }

.defaultSkin a.mce_youtube { display: none; }
#frmNews .defaultSkin a.mce_youtube { display: block; }
#zzza2apage_find_container { display: none; }
#a2apage_show_more_less { display: none; }
#a2apage_powered_by { display: none; }
#a2apage_EMAIL { display: none; }

#divPSList { height: 104px; overflow-x: hidden; overflow-y: auto; border: solid #AAA; border-width: 1px; padding: 4px 8px 4px 0; margin-left: 0; padding-left: 8px; }
#divPSList a { text-decoration: none; }

.sf-menu li.alpha { height: auto; padding: 6px; }
.sf-menu li.alpha a { display: inline; overflow: hidden; padding: 0; border: 0; }
.sf-menu li.alpha a:hover { background-color: #BBB; }
.sf-menu li.alpha a span { color: inherit; }

div.homeNews {
    clear: both;
    border-bottom: 1px solid #DDD;
    margin-bottom: 4px;
    overflow: hidden;
    padding-bottom: 4px;
}

#divImpersonate {
    background-color: #F00;
    border-bottom: 1px solid #600;
    color: #FFF;
    font-size: 13pt;
    font-weight: bold;
    padding: 4px 8px;
    text-align: center;
}

ol.steps {
    margin: 8px 0 8px 28px;
    list-style-position: outside;
}
ol.steps li {
    margin-bottom: 8px;
}

/* header ads */
#hdRot1 {
    position: relative;
    height: 235px;
}
#hdRot1 > div {
    position: absolute;
    height: 235px;
}
div.aContainer.aType1a {
    float: left;
    border: solid #000;
    border-width: 0 1px 0 0;
}
div.aContainer.aType1b {
    float: right;
    right: 0;
}

/* sidebar ads */
div.aContainer.aType3,
div.aContainer.aType4,
div.aContainer.aType6,
div.aContainer.aType7 {
    text-align: center;
    margin-bottom: 16px;
}

div.aContainer.aType3 img,
div.aContainer.aType6 img {
    border: 1px solid #000;
}