/* =========

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC

========= */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/


/*
2.0 GENERIC CLASSES
------------------------------------------
*/


/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

#content-body { margin: 0; padding: 1px 12px; }

div.acc-section-header { background-color: white; }

div.vertical-content { width: 325px; float: left; display: inline; margin-right: 22px; }
div.vertical-image { width: 327px; float: left; display: inline; }

div.full-page { padding-top: 16px; }

div.sep_box { margin-bottom: 24px; padding-top: 24px; border-top: 1px solid #ccc; }

div.accordionHeader { padding: 3px; cursor: pointer; }
div.acc-section-header { border-bottom: 1px solid #000; border-top: 1px solid #666; }

div.upload-image-box { background: #eee; padding: 5px; }
div.accordionContent { padding: 3px; }

div.webcontent-preview-box { position: relative; }

div#productMessage,
div#companyMessage { width: 425px; }


div#background { padding: 2px; width: 460px; }

td.contentcolumn { padding: 0; }

#apsPopup { display: none; position:absolute; border: 1px solid black; background-color: white; padding: 3px; width: 750px; z-index: 100; background-color: #383838; }
#searchWrapper { border: 1px solid #383838; border-top: none; background-color: #FFF; clear: left; }
#apsProductWrapper,
#apsHandleWrapper,
#apsRelatedWrapper { padding: 10px 20px; position: relative; }

.apsPopupLabel { display: block; margin: 4px 0; }

.apsPopupSubmit { text-align: right; color: #FFF; background-color: #383838; padding: 8px 20px; }

div#accordion { height: 454px; }

/*
4.0 HEADINGS
------------------------------------------
*/

#content h1 { color: #000; }

div#content-entry h2 { background: #555555 url(/images/gui/bg/bg-sidenav-resources-heading.jpg) repeat-x left bottom; color: white; padding: 6px 9px; font-weight: normal; font-size: 1.5em; margin: 0; }

div.accordionHeader h3 { margin-left: 14px; color: white; font-size: 1em; }

body.selection-guide ul#side-nav-resources h2 { padding-top: 6px; }

/*
5.0 BRANDING
------------------------------------------
*/

/*
6.0 LINKS
------------------------------------------
*/

#content-body a { color: #006699; text-decoration: none; }
#content-body a:hover { color: #333; }

body#guide-home #content .tabnav li a { color: #fff !important; display: block; text-decoration: none; background: #4e4e4e; font-family: verdana, san-serif; font-weight: bold; font-size: 10px; text-align: center; padding: 10px 4px; margin-right: -3px; text-transform: uppercase; }
ul.tabnav li a { color: #fff !important; display: block; text-decoration: none; background: #4e4e4e; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; text-align: center; padding: 10px 4px; text-transform: uppercase; }
body#guide-home #content .tabnav li a:hover, body.selection-guide ul.tabnav li a:hover { color: #222 !important; background: #CCC; }
body#guide-home #content .tabnav li a:active { outline: none; }
body#guide-home #content .tabnav li a.selected, body.selection-guide ul.tabnav li a.selected { background: #F2F2F2; color: #006699 !important; position: relative; z-index: 10; }

.nextLink { position: absolute; top: 6px; right: 10px; height: 20px; width: 51px; background-image: url(/SelectionGuide/images/buttons/next_btn_new.gif); }
.previousLink { position: absolute; top: 6px; right: 65px; height: 20px; width: 70px; background-image: url(/SelectionGuide/images/buttons/previous_btn_new.gif); }

.download-pdf { display: inline-block; padding: 0.8em 0 0 40px; min-height: 32px; background: url(/SelectionGuide/images/icons/pdf.gif) top left no-repeat; font-size: 1.2em; }
.download-pdf.nav { margin: 5px 10px 0; }


/*
7.0 PARAGRAPHS
------------------------------------------
*/
#content p { font-size: 1.2em; line-height: 1.5; margin: 1em 0; }
ul.radio-buttons p { font-weight: bold; color: #333; font-size: 12px !important; margin: 4px 0 !important; line-height: 1; }
p.view-output span { font-size: .8em; }

#content p.tip { background: #d8d8d8 url(/SelectionGuide/images/icons/help-info-orb.jpg) 12px 50% no-repeat; padding: 11px 11px 11px 60px; border: 1px solid #999; font-weight: bold; font-size: 8px; }

#content ol.alpha li p { font-size: 1em; }
#color-options p { font-size: 1em; margin: 0; }
/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/

ul.checkboxes input { margin-right: 8px; }
ul.radio-buttons input { margin-right: 4px; }
ul.radio-buttons label { margin-right: 21px; }

form#choose-design label { cursor: pointer; display: block; }
form#choose-design label span { display: block; font-weight: bold; margin: 4px 8px 0; color: #333; }
form#choose-design label.selected span { color: #ac0535; }
form#choose-design input.radio { position: absolute; left: -9999em; }

form#TemplateContentForm label { display: block; padding: 3px; margin: 0; }
form#TemplateContentForm input { margin: 3px; }

div#content-entry form { margin: 5px; }

div.note_holder label, div.note_holder textarea, div.outer_loop_holder textarea { display: block; margin-bottom: 5px; }

div.layoutStructureSelectionOptions input, div.layoutStructureSelectionOptions label { font-size: 1.1em; vertical-align: middle; }


ul#searchOptions li input { display: none; }
ul#searchOptions li label { display: block; padding: 8px; border: 1px solid #383838; border-bottom: none; cursor: pointer; }

#apsCatalogSearchForm { background-color: #FFF; color: #383838; padding: 8px; clear: left; border-bottom: 1px solid #CCC; }



/*
10.0 LISTS
------------------------------------------
*/

ul.img_link_list { margin: 3px 5px; }

form#choose-design li { float: left; display: inline; margin: 0 0 25px 15px; }

ul.tabnav,
div#content-body ul.tabnav { margin: 0; padding: 0; list-style: none; }

ol.alpha, div#content-body ol.alpha { list-style-type: lower-alpha; }
ul.none, ol.none,
div#content-body ul.none,
div#content-body ol.none,
div#content-body ul.radio-buttons,
div#content-body ul.checkboxes { list-style-type: none; padding: 0; margin: 0; }

div#content-body ul.radio-buttons li { padding: 2px 15px; }

body#guide-home ul.tabnav { position: absolute; top: 138px; }
ul.tabnav.step11 { border-bottom: 1px solid #E2E2E2; margin-bottom: 10px; }
body#guide-home ul.tabnav li  { float: left; background: none; width: 126px; margin: 0; padding: 0; border: none; }
ul.tabnav li  { float: left; background: none; width: 136px; margin: 10px 0 -1px 7px; padding: 0; border: 1px solid #E2E2E2; }
ul.checkboxes li, ul.radio-buttons li { font-size: 1.2em; margin-bottom: 12px; line-height: 1; }

div#content-body ul { list-style: square; padding-left: 1.4em; margin: 1em 0 1em 15px; line-height: 1.5; }
div#content-body ol { list-style: decimal; padding-left: 1.4em; margin: 1em 0 1em 15px; line-height: 1.5; }

ul#searchOptions { width: 100%; float: left; }
ul#searchOptions li { float: left; margin-right: 8px; color: #FFF; }
ul#searchOptions li.selected { color: #383838; background-color: #FFF; }

body.selection-guide #content #productMessage li, body.selection-guide #content #companyMessage li { margin-left: 15px; line-height: 1.3; list-style: square }
body.selection-guide #content #productMessage ol li, body.selection-guide #content #companyMessage ol li { margin-left: 20px; line-height: 1.3; list-style-type: decimal; }

ul.img_link_list { list-style: none; margin: 0; padding: 0; }
ul.img_link_list li { display: inline; float: left; margin: 5px 4px; }



/*
11.0 TABLES
------------------------------------------
*/

table#levelsTable, table#roomsTable { margin-bottom: 10px; }

th { border-bottom: 1px solid #ccc; color: #000; font-size: 10px; font-weight: bold; height: 18px; padding: 4px 5px; text-align: left; vertical-align: middle; }
td { color:#000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; padding: 4px 5px; }

td.previewbgswatch { border:1px solid #999999; height:19px; margin:2px; width:19px; padding: 0; }

div#guideList th a { position: relative; top: 2px; }

td.td-fix { vertical-align: top; }

div.outer_loop_holder td { vertical-align: top; }

div.bordercontainer table { width: 500px; }


/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/


/*
13.0 IMAGES
------------------------------------------
*/

div.screenshot img { border: 1px solid #333; }
div.accordionHeader img { position: relative; top: 1px; }

#apsCatalogSearchForm img { vertical-align: middle; }

#apsProductSelectedImage,
#apsHandleSelectedImage,
#apsRelatedSelectedImage { position: absolute; top: 30px; left: 450px; }

.apsPopupSubmit img { vertical-align: middle; }

.helpPhoto { text-align: center; margin: 1.5em -12px; }
.helpPhoto img { display: block; margin: 0 auto; border: 1px solid #CCC; }


/*
14.0 META
------------------------------------------
*/

/*
15.0 ACCESSIBILITY
------------------------------------------
*/

/*
16.0 PAGE SPECIFIC
------------------------------------------
*/