/* SIDEBAR */
#menu h2 { position:relative; top:-1px; left:-1px; padding: 3px 10px; color:white; font-weight:normal; background-color:#aaa; background: url(/support/_images/module_headerbg_article.png) no-repeat center top; }
#menu h2 { *top:-4px; *display:block; *margin-bottom:-4px; }
#menu li { padding:0; }
#menu .modulewhite { height:35px; background:url(/support/iknow/images/signin_bg.png) no-repeat; }
#sitehelp-sidebar-module .lefticon { float:left; padding:0; margin:5px 10px 5px 0; }
#sitehelp-sidebar-module a { color: #2971a7; }

/* BODY */
#article { width:680px; margin:0; padding:0 35px 0 20px; float:right; }

#article h1 { line-height:1.2em; margin:0 -35px 10px -20px; padding:25px 20px 10px; background:url(/support/iknow/images/dt_bg_none.png) no-repeat; }
#article h2 { font-weight:bold; font-size:14px; margin-bottom:4px; }

/* custom article headers for different doctypes */  
#article.DOCUMENT h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_document.png) no-repeat; }
#article.GLOSSARY h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_glossary.png) no-repeat; }
#article.TROUBLESHOOTING-ARTICLES h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_troubleshooting.png) no-repeat; }
#article.DOWNLOADS h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_downloads.png) no-repeat; }
#article.HOWTO-ARTICLES h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_howto.png) no-repeat; }
#article.SPECIFICATIONS h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_specs.png) no-repeat; }
#article.BULLET-NEWS h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_bulletnews.png) no-repeat; }
#article.SERVICE-NEWS h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_bulletnews.png) no-repeat; }
#article.CAPTURE-REQUESTS h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_captures.png) no-repeat; }
#article.HOT-DISCUSSIONS h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_hotdiscussions.png) no-repeat; }
#article.EMERGING-ISSUES h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_emergingissues.png) no-repeat; }
#article.COLLABORATIVE-PROCEDURES h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_collab.png) no-repeat; }
#article.APPLE_DIRECT_SSO_PROCEDURES h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_procedures.png) no-repeat; }
#article.CHANNEL_SALES_SUPPORT_PROCESSES h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_procedures.png) no-repeat; }
#article.SITE-HELP h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_sitehelp.png) no-repeat; }
#article.HELP h1 { padding-left:75px; background:url(/support/iknow/images/dt_bg_sitehelp.png) no-repeat; }

#article li { padding-bottom:10px; }
#article .column.first { width:412px; }
#article .column.last { width:228px; }
#article .meta img { margin-bottom:20px; }

#articlecontent ul { list-style:square outside; margin:4px 0 5px 2em; }  /* force UL in article content to square */
#articlecontent ol[type=a] { list-style:lower-alpha; } /* fixes list-style reset in base.css */
#articlecontent blockquote { margin:15px 40px; }  /* adds back blockquote indentation for old content */
#articlecontent .attr { padding-bottom:15px; }  /* padding break between content blocks */
#articlecontent h1 { background:none; font-weight: bold; font-size: 17px; line-height: 18px; margin-bottom: 18px; padding:0; } /* map content h1 to a normal h2 style */
img[border="1"] { border:1px solid #333; } /* adds border to images with border attribute

/* CONTENT */
#main .affected { border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:10px 0; margin-bottom:15px; color:#888; }
#main .affected p { margin-bottom:0; }
#main .affected h2 { color:#888; font-size:12px; margin-bottom:0; }
#main .meta { border-bottom:1px solid #e8e8e8; padding-bottom:10px; }
#main .meta li { color:#888; font-size:10px; padding-bottom:0; }
/*
#main a.downloadbutton { display:block; float:none; font-size:9px; text-decoration:none; cursor:pointer; }
#main a.downloadbutton:hover { text-decoration:none; }
#main a.downloadbutton b { display:block; float:left; padding:2px 0 1px; width:80px; text-indent:-99999px; font-weight:normal; font-style:normal; background:url(http://images.apple.com/downloads/images/btn_download_bgleft20070611.gif) no-repeat 0 center; }
#main a.downloadbutton i { display:block; float:left; padding:2px 10px 1px 4px; color:#6a6a6a; font-weight:normal; font-style:normal; text-align:center; background:url(http://images.apple.com/downloads/images/btn_download_bgright20070611.gif) no-repeat 100% center; _zoom:1; }
*/

#main .internal-warning { text-align:left; font-size:11px; font-weight:bold; color:white; background-color:#c33; padding:0 10px; margin-bottom:10px; }
#main .extended-warning { text-align:left; font-size:11px; font-weight:bold; color:white; background-color:#428be0; padding:0 10px; margin-bottom:10px; }
#main .archived-warning { text-align:left; font-size:11px; font-weight:bold; color:white; background:#6b7871 url(/support/iknow/images/archive_warning.jpg) no-repeat center 100%; padding:0 10px; margin-bottom:10px; }

/*.collapse { margin-top: 10px; padding-bottom: 15px; padding-left: 20px; background:url(http://images.apple.com/support/main/elements/grayarrow.gif) no-repeat 0px 3px; }*/
.collapse { margin-top: 10px; padding-left: 20px; background:url(http://images.apple.com/support/main/elements/grayarrow.gif) no-repeat 0px 3px; }
.collapse-down { background:url(http://images.apple.com/support/main/elements/grayarrowdown.gif) no-repeat 0px 3px; }

a.download-button { padding:3px 0 4px 12px; background:url(/support/iknow/images/downloadbutton_bg_l.gif) no-repeat center left; _padding-top:4px; _line-height:20px; }
a.download-button span { padding:3px 12px 4px 0; background:url(/support/iknow/images/downloadbutton_bg_r.gif) no-repeat center right; _padding-top:4px; _line-height:20px; }
a.download-button:hover { text-decoration:none; }


/* COMMENTS */
#main #commentlist ul { padding-left:20px; }
#main li.comments { font-size:90%; padding:10px 80px 10px 10px; border-bottom:1px solid #e8e8e8; }
#main li.comments.last { border-bottom:none; }
#main li.comments h3 { font-weight:normal; color:#888; }
#main li.comments h3.sme { padding-left:23px; background:url(/support/iknow/images/i_sme.png) no-repeat center left; }
#main li.comments .post-reply { text-align:right; margin:-18px -80px 0 0; padding-right:10px; }

.replyform textarea { width:400px; height:80px; margin:5px 0; }
#replyform-send, #replyform-done { display:none; margin:22px 0; font-size:11px; padding:3px 0 3px 16px; color:#666; }
#replyform-send { background: url(/support/iknow/images/aqua2spinner12.gif) no-repeat center left; }
#replyform-done { background: url(/support/iknow/images/i_greencheck.gif) no-repeat center left; }

/* for mockup only - will be removed later */
#reply-send, #reply-done { display:none; margin:22px 0; font-size:11px; padding:3px 0 3px 16px; color:#666; }
#reply-send { background: url(/support/iknow/images/aqua2spinner12.gif) no-repeat center left; }
#reply-done { background: url(/support/iknow/images/i_greencheck.gif) no-repeat center left; }


#commentform-outer-div { height:190px; }
#commentform-div { padding:15px 0; }
#commentform-div textarea { width:400px; height:80px; margin-bottom:5px; }
#comment-send, #comment-done { display:none; margin:22px 0; font-size:11px; padding:3px 0 3px 16px; color:#666; }
#comment-send { background: url(/support/iknow/images/aqua2spinner12.gif) no-repeat center left; }
#comment-done { background: url(/support/iknow/images/i_greencheck.gif) no-repeat center left; }


/* DYNAMIC FORM */
#dynamicform-outer-div { padding-bottom:15px; }
#dynamicform-outer-div .formlabel { padding-left:15px; }
#dynamicform-outer-div .formfield { padding: 0 0 15px 15px; }
#dynamicform-outer-div .formlabel .required { padding:3px; vertical-align:middle; margin-left:-15px; font-family:Verdana; font-size:120%; color:#cc0000; }

#dynamicform-submit { margin-left:15px; }
#dynamicform-send, #dynamicform-done { display:none; margin:22px 0; font-size:11px; padding:3px 0 3px 16px; color:#666; }
#dynamicform-send { background: url(/support/iknow/images/aqua2spinner12.gif) no-repeat center left; }
#dynamicform-done { background: url(/support/iknow/images/i_greencheck.gif) no-repeat center left; }


/* DRAFT */
#articlestatus.draft { position:absolute; display:block; text-indent:-9999px; width:145px; height:100px; right:25px; top:75px; background: url(/support/iknow/images/draft_watermark.png); }
#articlestatus.archive { position:absolute; display:block; text-indent:-9999px; width:145px; height:100px; right:25px; top:75px; background: url(/support/iknow/images/archive_watermark.png); }


/* RESTRICTED */
#restrictedcontent .internal { padding:15px; margin-bottom:15px; background-color:#fbe1e1; }
#restrictedcontent .internal h2 { color:#c33; }
#restrictedcontent .extended { padding:15px; margin-bottom:15px; background-color:#e1eefb; }
#restrictedcontent .extended h2 { color:#428be0; }


/* POPUP */
#internalpopup { display:none; position:absolute; width:980px; height:692px; top:10px; left:0;
	background:url(/support/iknow/images/popup_shadow.png); z-index:999; }
#internalpopupcontent { display:block; position:absolute; overflow:auto; width:810px; height:510px; top:70px; left:70px;
	border:1px solid #cc3333; background-color:white; padding:15px; }	
#widgetclose { display:block; position:absolute; width:28px; height:28px; top:30px; left:25px; }


/* RATINGS */
#rating { margin:20px 0; }
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating { background: url(/support/iknow/images/star.png) left -999px repeat-x; }
.star-rating { position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; }
.star-rating li { display:inline; padding:0 !important; }
.star-rating a, 
.star-rating .current-rating { position:absolute; top:0; left:0; text-indent:-999em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus { background-position: left bottom; }
.star-rating a.one { width:20%; z-index:6; }
.star-rating a.two { width:40%; z-index:5; }
.star-rating a.three { width:60%; z-index:4; }
.star-rating a.four { width:80%; z-index:3; }
.star-rating a.five { width:100%; z-index:2; }
.star-rating .current-rating { z-index:1; background-position: left center; }	

.small { width:83px; height:10px; }
.small .current-rating { background-image: url(/support/iknow/images/star_small.png); line-height: 10px; height: 8px; }

.inline { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; }

#rating-send, #rating-done { display:none; margin:22px 0; font-size:11px; padding:3px 0 3px 16px; color:#666; }
#rating-send { background: url(/support/iknow/images/aqua2spinner12.gif) no-repeat center left; }
#rating-done { background: url(/support/iknow/images/i_greencheck.gif) no-repeat center left; }


/* OLD TEMPLATE (DEPRECATED) */
/* for backward compatibility only - do not use these styles */

#article .kbint { margin-bottom:20px; margin-top:20px; }
#article .kbint blockquote { margin:15px 40px; }
#article .kbinttitle { height: 7px; background: #c13131; vertical-align: middle; font-size: 10px; font-weight: bold; padding: 5px; color: #FFFFFF;}
#article .kbintbody { background: #fbe1e1; color: #000; font-size: 12px; line-height: 16px; vertical-align: top; padding: 5px; }

/* Old h4 headers */
#article h4 { font-weight:bold; font-size:14px; margin-bottom:4px; }

/* Previous Knowledge Base Table */
#article #kbtable { border-top: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9; }
#article #kbtable td { padding: 4px; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; font-size: 10px; }
#article #kbtable tr { background-color: #FFFFFF; font-size: 10px; }
#article #kbtable tr#header TD { background-color: #e2e2e2; font-size: 12px; font-weight: bold; }
#article #kbtable tr#even TD { background-color: #f1f1f1; font-size: 10px; }

/* Validated Knowledge Base Table */
.kbtable { border-top: 1px solid #b1b5b9; border-left: 1px solid #b1b5b9; }
.kbtable td { background-color: #fff; padding: 4px; border-right: 1px solid #b1b5b9; font-size: 10px; }
.kbtable tr td { font-size: 10px; line-height: 13px; border-bottom: 1px solid #b1b5b9;}
.kbtable tr.header TD { background-color: #e2e2e2; font-size: 12px; font-weight: bold; border-bottom: 1px solid #b1b5b9;}
.kbtable tr.subheader TD { background-color: #f1f1f1; font-weight: bold; border-bottom: 1px solid #b1b5b9;}
.kbtable tr.even TD { background-color: #edf3fe; }
.kbtable td.subheader { background-color: #f1f1f1; font-weight: bold; }
.kbtable tr.even td.subheader { background-color: #f1f1f1; font-weight: bold; }

.kbtable tr td.yes,
.kbtable tr.even td.yes { font-weight: bold; color: #363; background-color: #edffdc; text-align: center; }

.kbtable tr td.no,
.kbtable tr.even td.no { background-color: #fff; color: #a1a5a9; text-align: center; }

/* Hack for APP module in AppleTV articles */
#sidebar .sbsurveytop { display:block; position:relative; top:-1px; left:-1px; padding: 5px 10px; color:white; background-color:#aaa; background: url(/support/_images/module_headerbg_article.png) no-repeat center top; }
#sidebar .sbsurveytop strong { font-weight:normal;}
#sidebar .sbsurveybody { padding:10px; font-size:10px; line-height:18px; color:#666; }
#sidebar .sbsurveybody img { margin-left:-10px; margin-top:-6px; }
#sidebar .sbsurveybody a { color:#235a93; }

/* Hack for Help content */
#mainbox #caticon, #headerbox #iconbox { float:left; position:relative; top:-8px; margin:0 8px 0 0; }
#mainbox h1 { margin:0 0 18px; }
