/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2,h3,h4,h5,h6
{
	color: #444;
}

body,input
{
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 10pt;
	color: #777;
}

input.button
{
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
	background-color: #eaeaea;
	color: #555;
	font-size: 0.8em;
	padding: 0.35em;
}

input.text
{
	border-top: solid 1px #888;
	border-left: solid 1px #888;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	padding: 0.1em;
	margin-top: 0.25em;
	margin-bottom: 0.5em;
}

a
{
	color: #006699;
	text-decoration: underline;
}

a img
{
	border: none;
}

a:hover
{
	text-decoration: none;
}

/* Outer */

#outer
{
	margin: 1.5em auto 0em auto;
	width: 100%;
}

/* Header */

#header
{
	padding: 3.0em 2.5em 0em 2.5em;
}

#headerimg
{
     float:right;
     vertical-align: top;
     padding:  1em 1em 1em 1em;
}

#header h2
{
	font-size: 1.5em;
	font-weight: normal;
	color: #949494;
	display: inline;
	padding-left: 0.5em;
}

#header h1
{
	font-size: 3.0em;
	display: inline;
	letter-spacing: -0.03em;
}

#header h1 a
{
	color: #343434;
	text-decoration: none;
}

/* Menu */

#menu
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #558800;
	border-bottom: solid 1px #336600;
	width: 100%;
}

#menu ul
{
	padding: 0.4em 3.5em 0.4em 2.5em;
	list-style: none;
}

#menu li
{
	display: inline;
	padding-right: 1.5em;
	font-size: 1.2em;
}

#menu li a
{
	color: #fff;
	background-color: inherit;
    text-decoration: none;
}

#menu li a:hover
{
    text-decoration: underline;
}


/* Content */

#content
{
	padding-left: 2em;
	padding-right: 2em;
}

.box
{
	margin-bottom: 0.75em;
}

.boxContent
{
	margin-top: 0.5em;
	padding: 1.25em 1em 0.25em 1em;
	background: #ffffff url('/site_media/a1.gif') top left repeat-x;
}

/** boxA **/

.boxA .boxContent
{
	margin-top: 0em;
	color: #fff;
	border-bottom: solid 1px #bb6600;
	background: #ff8800;
	padding: 1em 1.5em 1em 1em;
}

.boxA span
{
	font-weight: bold;
	font-size: 0.8em;
}

.boxA a
{
	background-color: inherit;
	color: #fff;
	font-size: 0.8em;
}

.boxA a:hover
{
	text-decoration: none;
	border-bottom: solid 1px #ff9900;
}

.boxA input.button
{
	margin-top: 0.25em;
	vertical-align: middle;
}

.boxA input.text
{
	width: 100%;
}

/** boxB **/

.boxB .boxContent
{
	margin-top: 0em;
	color: #fff;
	border-bottom: solid 1px #004466;
	background: #007799;
	padding: 1em 1.5em 1em 1em;
}

.boxB span
{
	font-weight: bold;
	font-size: 0.8em;
}

.boxB a
{
	background-color: inherit;
	color: #fff;
	font-size: 0.8em;
}

.boxB a:hover
{
	text-decoration: none;
	border-bottom: solid 1px #007799;
}

.boxB input.button
{
	margin-top: 0.25em;
	vertical-align: middle;
}

.boxB input.text
{
	width: 100%;
}

/** Content **/

#content p
{
	margin-bottom: 1em;
	text-align: justify;
	line-height: 1.5em;
}

#content strong
{
	color: #444;
}

#content h2,h3,h4,h5,h6
{
}

#content h2,h3
{
}

#content h3
{
	font-size: 1.0em;
}

#content h2
{
	font-size: 1.25em;
}

#content ul
{
	margin-bottom: 1em;
	padding-left: 1em;
	line-height: 1.8em;
}

#content blockquote
{
	padding: 1em;
	margin-bottom: 1.5em;
	border-left: solid 6px #558800;
}

#content blockquote p
{
	margin-bottom: 0em;
	line-height: 1.5em;
}

#content table
{
	margin-bottom: 1.5em;
	width:  100%;
}

#content table th
{
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
	color: #444;
}


#content table td
{
	padding: 0.5em;
}

#content table tr.rowA
{
	background-color: #efefef;
	color: inherit;
}

#content table tr.rowB
{
	background-color: #fafafa;
	color: inherit;
}



/* Primary Content */

#primaryContentContainer
{
	float: left;
	margin-left: -17em;
	width: 100%;
}

#primaryContent
{
	margin: 0em 0em 0em 15em;
	padding: 2.5em 2.5em 1.5em 2.5em;
}

/* Secondary Content */

#secondaryContent
{
	float: left;
	width: -13em;
	padding: 0em 0em 0em 0em;
}

/* Footer */

#footer
{
	border-top: solid 1px #e5e5e5;
	text-align: center;
	padding: 1.5em 0em 1.5em 0em;
}

.clear
{
	clear: both;
}

/* General */
#content h3 { margin: 2em 0 .5em 0; }

/* Basic Bar Graph */
.graph { 
	position: relative; /* IE is dumb */
	float: right;
	width: 200px; 
	border: 1px solid #B1D632; 
	padding: 2px; 
	margin-bottom: .5em;
}
.graph .bar { 
	display: block;	
	position: relative;
	background: #B1D632; 
	text-align: center; 
	color: #333; 
	height: 1em; 
	line-height: 1em;									
}



.graph .bar span { position: absolute; left: 1em; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

/* Apple Service & Support CSS definitions 2005-05-10 */
BODY					{ margin: 0px; background: #FFFFFF; font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
/*TABLE, TD				{ font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; }
*/

/* List definitions */
ul.none,
ul.arrowtext,
ul.arrowlinks,
ul.arrowpro,
ul.bullet				{ margin-top: 0px; margin-bottom: 5px; margin-left: 14px; padding: 0px; padding-left: 1px; line-height: 13px; }

ul.none					{ list-style: none; }
ul.arrowtext,
ul.arrowlinks			{ list-style-image: url(http://images.apple.com/support/main/elements/arrowa1a5a9.gif); list-style-position: outside; }
ul.arrowpro				{ list-style-image: url(http://images.apple.com/support/main/elements/arrowpro2.gif); list-style-position: outside; }
ul.bullet				{ list-style-image: url(http://images.apple.com/support/main/elements/dot2.gif); list-style-position: outside; }

ul.square,
ul.circle,
ul.decimal				{ margin-bottom: 2px; margin-top: 0px; margin-left: 22px; padding: 0px; line-height: 13px; }
ul.square				{ list-style: square; }
ul.circle				{ list-style: circle; }
ul.decimal				{ list-style: decimal; }

#taskbox  	      		{ width: 90%; background-color: #f2f2f2; list-style-type: decimal; list-style-position: outside; margin-top: 12px; margin-bottom:12px; padding: 12px; border: solid 1px #a1a5a9; }
#taskbox ul 			{ font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial; list-style-type: square; list-style-position: outside; line-height: 16px; }

/* Specs N 3 CSS */ 
.datasheet {table-layout: fixed; width: 680px; margin-bottom: 25px;}
.datasheet th, .datasheet td {padding: 5px; vertical-align: top; text-align: left; border-top: 1px solid #bdc2c6;}
.datasheet .header {font-size: 12px; background: #e2e2e2;}
.datasheet .divider {border-right: 1px solid #bdc2c6;}
.datasheet .description {vertical-align: bottom;}
.datasheet .even {background: #fff;}
.datasheet .odd {background: #f6f6f6;}
#options td {padding-bottom: 2px;}
#options td.description {padding-bottom: 5px;}

#main #compare {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#configurations2, #configstxt {display: none}
.datasheet tr.even .ibook {background: #EDF3FE;}
.datasheet tr.odd .ibook {background: #E6EBF6;}
#options {table-layout: auto;}
#options th {white-space: nowrap;}
/* #configurations th, #configurations2 th {white-space: nowrap;} */

/* - Specs N 3 CSS ends */

/* 2006 CSS after marketing redesign */ 


#specs {text-align:left}
#tech column {text-align:left; width:680px;}
#techspecs {table-layout: fixed; width: 680px; margin-bottom: 25px; text-align:left}
#techspecs h3 { font-size: 14px; line-height: 13px;padding-top: 5px; padding-bottom: 5px; font-weight:bold}
#techspecs h4 { font-size: 12px; line-height: 13px;padding-top: 5px; padding-bottom: 5px; font-weight:bold}
/* end 2006 CSS after marketing redesign */ 

.dltable						{ border: 1px solid #b1b5b9; }
.dltable tr.dlheader td 		{ padding: 7px 8px; font-weight: bold; font-size: 10px; line-height: 13px; border-bottom: 1px solid #b1b5b9 }
.dltable tr.dlfooter td 		{ padding: 7px 8px; font-weight: bold; font-size: 10px; line-height: 13px; border-top: 1px solid #b1b5b9}
.dltable tr.dlfooter			{ margin-bottom: 13px; }

.dltable tr.dlheader 			{ background: #e5e6e8 url(/specs/elements/paginationtop.gif) top left repeat-x; }
.dltable tr.dlfooter 			{ background: #e5e6e8 url(/specs/elements/paginationbottom.gif) top left repeat-x; }

/*table, td 						{ font-size: 10px; line-height: 13px; }
*/


#sbsearch						{ width: 100%; margin-bottom: 10px; background: url(/specs/elements/sidebarbottom.gif) bottom left no-repeat; padding: 0px 0px 10px 0px; }
#searchfield					{ width: 98%; margin-right: 8px; font-size: 12px; vertical-align: middle; }
#searchbutton					{ width: 24px; height: 24px; vertical-align: middle; }
#sbsearchtop					{ vertical-align: middle; font-weight: bold; padding: 5px 7px; background: url(/specs/elements/sidebartop.gif) top left no-repeat;}
#sbsearchtop TD.right			{ vertical-align: middle; text-align: right; font-size: 9px; color: #516d9a; }
#sbsearchtop a:link,
#sbsearchtop a:visited 			{ color: #516d9a; font-size: 9px; text-decoration: none; } 
#sbsearchtop a:hover 			{ color: #000; font-size: 9px; text-decoration: none; }
#sbsearchbody					{ padding: 7px 9px 0px 9px; }

#details td.last				{ padding-bottom: 4px; }

.sbmodule						{ margin-bottom: 10px; background: url(/specs/elements/sidebarbottom.gif) bottom left no-repeat; padding: 0px 0px 10px 0px}
.sbmodule2						{ margin-bottom: 0px; background: url(/specs/elements/sidebarbottom.gif) bottom left no-repeat; padding:  0px 0px 10px 0px}
.sbmodule td,
.sbmodule2 td					{ padding: 7px 7px 1px 7px;}
.sbmodulebody					{ padding: 7px 7px 0px 7px;}

#sidebar h3						{ font-size: 10px; line-height: 13px; padding: 6px 10px 5px 10px; background: url(/specs/elements/sidebartop.gif) top left no-repeat; }

.sbmodule h4,
.sbmodule2 h4					{ font-size: 10px; line-height: 13px; padding-bottom: 5px;}

.grayspacer						{ height: 16px; border-bottom: 2px solid #dadada; margin-bottom: 16px; }
.tableborder 					{ border: 1px #a1a5a9 solid; }

.L12 							{ font-size: 12px; line-height: 16px; }
.G10G 							{ color: #76797c;}



.dltable tr.even td				{ background-color: #edf3fe; }
.dltable td.date				{ color: #76797c; text-align: center}


#imgheader			{ list-style-image: url(http://images.apple.com/support/main/elements/arrowa1a5a9.gif); margin-top: 0px; margin-bottom: 5px; margin-left: 16px; padding: 0px; padding-left: 0px; line-height: 13px; list-style-position: outside; }


