/* Ahmbed CSS */

/* General defaults */

div,button
{
	margin:0px;
	padding:0px;
	position:absolute;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

span
{
	margin:0px;
	padding:0px;
	display:block;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

p
{
	margin:0px;
	padding:0px;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

body
{
	position:absolute;
	margin: 0px;
	padding: 0px;
	background-color: #5E5E5E;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	overflow-x:none;
}

ul
{
	padding:0px;
	margin:16px;
	list-style:cirle;
}

li
{
	list-style:inherit;
}

/* Spacing divs */

.br1
{
	font-size:1px;
	height:1px;
}

.br2
{
	font-size:1px;
	height:2px;
}

.br4
{
	font-size:1px;
	height:4px;
}

.br5
{
	font-size:1px;
	height:5px;
}

.br10
{
	font-size:1px;
	height:10px;
}

.br20
{
	font-size:1px;
	height:20px;
}

.br50
{
	font-size:1px;
	height:50px;
}

.br75
{
	font-size:1px;
	height:75px;
}

.br100
{
	font-size:1px;
	height:100px;
}

/* Divider */

.hrdark
{
	font-size:1px;
	height:2px;
	max-height:2px;
}

/* The whole visible page */

#container 
{
	width:790px;
	max-width:790px;
	height:516px;
	max-height:516px;
	position:absolute;
	background-color:#5E5E5E;
	color:white;
	margin:0px;
	padding:0px;
	z-index:-10;
}

#brandingBannerContainer
{
	width:790px;
	max-width:790px;
	height:125px;
	max-height:125px;
	margin:0px;
	padding:0px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;	
}

#brandingBanner
{
	width:790px;
	max-width:790px;
	height:125px;
	max-height:125px;
	margin:0px;
	padding:0px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;	
}

#brandingText {
	width:740px;
	max-width:740px;
	height:124px;
	max-height:124px;
	margin:0px;
	padding:0px;
	visibility:hidden;
	position:absolute;
	left:40px;
	top:5px;
	z-index:10;
	font-size:12pt;
}

.tabset
{
	height:19px;
	max-height:19px;
	width:790px;
	max-width:790px;
	font-size:11;
	padding:0px;
	position:absolute;
	left:0px;
	top:124px;
	z-index:20;
}

#tabsetContainer
{
	height:19px;
	max-height:19px;
	width:790px;
	max-width:790px;
	font-size:11px;
	padding:0px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:15;
}

.tabText
{
	top:126px;
	font-size:11px;
	text-align:center;
	overflow:hidden;
	color:#888888;
	position:absolute;
	z-index:30;
}

.activetabText
{
	top:126px;
	display:inline;
	font-size:11px;
	text-align:center;
	overflow:hidden;
	color:#CCCCCC;
	position:absolute;
	z-index:30;
}

.activeTabImg
{
	top:125px;
	width:130px;
	height:16px;
	position:absolute;
	z-index:25;
}

#company_logoContainer
{
	width:70px;
	height:19px;
	top:124px;
	left:720px;
	position:absolute;
}

#company_logo
{
	left:17px;
	width:36px;
	height:14px;
	top:2px;
	text-align:center;
	position:absolute;
}

/* The area occupied by a WizardPage */
#contentwrap {
	margin: 0px;
	left:29px;
	top:168px;
	height:278px;
	max-height:278px;
	width:761px;
	max-width:761px;
	padding: 0px;
	position: absolute;
}

/* The main WizardPage content.
   This is a peer element to the error box if the page includes one. */
#content {
	position: absolute;
	overflow: hidden;
	margin: 0px;
	top: 0px;
	left: 0px;
	height:278px;
	max-height:278px;
	width:761px;
	max-width:761px;
	padding: 0px;
}

/* Placeholders for the content when we are using the 2 column layout */
.placeholder_content_column1
{
	position:absolute;
	left:0px;
	top:0px;
	height:262px;
	max-height:262px;
	width:330px;
	max-width:330px;
	
	margin-left:23px;
	margin-top:17px;
	margin-bottom:0px;
	
	padding:0px;
}

.placeholder_content_column2
{
	position:absolute;
	left:376px;/*403px*/
	top:0px;/*168px*/
	
	height:262px;
	max-height:262px;
	width:370px;
	max-width:370px;
	
	margin-left:15px;
	margin-top:17px;
	margin-bottom:0px;
	
	overflow:auto;
	/*scrollbar-base-color: #CCCCCC;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #8C8C8C;*/
	padding:0px 0px 0px 0px;
}

/* Placeholder for the content when we are using single column layout */
.placeholder_content_single_column
{
	position:absolute;
	left:0px;
	top:0px;
	height:252px;
	max-height:252px;
	width:735px;
	max-width:735px;
	
	margin-left:28px;
	margin-top:16px;
	margin-bottom:0px;
	
	padding:none;
}

.columncontent
{
	position:relative;
	left:0px;
	top:0px;
	display:block;
	/*border: solid 3px white;*/
}

/* The content seperators. */
.outer_top_margin
{
	height:25px;
	max-height:25px;
	width:790px;
	max-width:790px;
	top:144px;
	left:0px;
	position:absolute;
}

.outer_bottom_margin
{
	height:25px;
	max-height:25px;
	width:790px;
	max-width:790px;
	position:absolute;
	top:448px;
}

.outer_left_margin
{
	height:278px;
	max-height:278px;
	width:29px;
	max-width:29px;
	top:168px;
	position:absolute;
	display:inline;
}

.outer_center_margin
{
	height:262px;
	max-height:262px;
	width:18px;
	max-width:18px;
	position:absolute;
	left:358px;
	top:0px;
	display:inline;
}

/* The text styling */

.mainheading
{
	left:0px;
	width:331px;
	font-size:24px;
	color:#FFFFFF;
	overflow:hidden;
	display:block;
}

.subheading
{
	font-size:13px;
	font-weight: bold;
	color:#FFFFFF;
	display:block;
}

.instructiontext
{
	font-size:12px;
	font-weight:bold;
	color:white;
	display:block;
}

.smalltext
{
	font-size:11px;
	color:#FFFFFF;
}

.smalltextItalics
{
	font-size:11px;
	color:#FFFFFF;
	font-style:italic;
}

.mediumtext
{
	font-size:12px;
	color:#FFFFFF;
}

.smalltextbold
{
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}

.smalltextbold12
{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

.smallitalictext
{
	font-size:11px;
	font-style:italic;
	color:#FFFFFF;
}

.radioLabel
{
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.productsmalltext
{
	font-size:10px;
	font-weight:bold;
	color:white;
	display:block;
}

.productnametext
{
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.productnametextdisabled
{
	font-size:13px;
	font-weight:bold;
	color:#888888;
}

.failedproductnametext
{
	font-size:12px;
	font-weight:bold;
	display:block;
	margin-left:70px;
	color:white;
}

.productnametextLarge
{
	font-size:14px;
	font-weight:bold;
	display:inline;
	color:white;
}

.supportingCompTitleText
{
	font-size:12px;
	font-weight:bold;
	display:inline;
	color:white;
}

.productinfotext
{
	font-size:9px;
	color:gray;
	text-indent:18px;
}

.productfeaturetext
{
	font-size:9px;
	display:inline;
	font-weight:bold;
	color:white;
}

.optionsheadertext
{
	font-size:11px;
	font-variant: small-caps;
	color:#333333;
	display:block;
	margin-left:89px;
}

.componentsizetext
{
	font-size:11px;
	color:#CCCCCC;
	text-align:right;
}

.componentsizetextsmall
{
	font-size:10px;
	color:#CCCCCC;
	text-align:right;
}

.totalsizetextHeader
{
	font-size:11px;
	color:#CCCCCC;
	display:inline;
}

.totalsizetext
{
	font-size:11px;
	color:#FFFFFF;
	display:inline;
}

.componentTypeHeader
{
	
}
/* Navigation buttons */

#navButtons {
	position: absolute;
	left:10px;
	top:448px;
	width: 780px;
	height: 43px;
}

#locBtnQuit, #locBtnBack, #locBtnNext,#installPathBtn, #manifestError
{
	background:url("../img/button.jpg") no-repeat;
	height: 24px;
	width: 96px;
	text-align: center;
	color:white;
	font-size:10pt;
	border:1px black medium;
	border:1px #636363 outset;
	display:inline;
	filter:DropShadow (Color=#ffffff, OffX=0.7, OffY=0.7, Positive=true);
}

/* Progress bar styles */
.progressLg {
	margin:0px;
	position: absolute;
	left:0px;
}

.progressBarBackground
{
	background-image:url("../img/progbar_background.png");
	background-repeat: repeat-x;
	width:700px;
	max-width:700px;
	height:10px;
	max-height:10px;
	font-size:1px;
	border:solid 1px #696969;
}

.progressBarStatus
{
	height:10px;
	max-height:10px;
}

/* Styling specific to main.html */

#hrTopLeftContainer
{
	position:absolute;
	left:29px;
	top:166px;
}

#hrTopLeft
{
	width:369px;
	height:2px;
}

#hrTopRightContainer
{
	position:absolute;
	left:408px;
	top:166px;
}

#hrTopRight
{
	width:369px;
	height:2px;
}

#hrBottomLeftContainer
{
	position:absolute;
	left:29px;
	top:446px;
}

#hrBottomLeft
{
	width:369px;
	height:2px;
}

#hrBottomRightContainer
{
	position:absolute;
	left:408px;
	top:446px;
}

#hrBottomRight
{
	width:369px;
	height:2px;
}

#mainPageTitle
{
	position:absolute;
	left:330px;
	top:130px;
}

.bigbutton_normalsize_buttonText
{
	font-size:13px;
	color:#FFFFFF;
}

.small_button_small_size_buttonText
{
	font-size:10px;
	color:#FFFFFF;
}

.smallbutton_extralong_buttonText
{
	font-size:10px;
	color:#FFFFFF;
}

.finishScreenIcon
{
	width:45px;
	height:50px;
}
