/* Global Styles */

table  { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

body {
	background-color: C9C7BF;
}

img {/* border style for all images */
  border: 0;
}

#title-bar {
	font:bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:30px;
	display:block;
	text-align:center;
	padding:10px 10px 10px 20px;
}

/* This is the top line of text in the main
	  content area. */
#title {
	font: 15px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:15px;
	text-align:left;
	padding-top: 15px;
}

#error {
	font:15px Arial, Helvetica, sans-serif;
	color: red;
	line-height:20px;
	text-align:left;
	padding-top: 20px;
}


#line-one {
	font:15px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:20px;
	text-align:left;
	padding-top: 20px;
}


#line-get-started {
	font:13px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:20px;
	text-align:left;
}

#line-two {
	font:15px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:20px;
	text-align:left;
}


#line-info {
	font:11px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:16px;
	text-align:left;
}


#button-large {
        background-color: #99FF99;
	color: black;
	border: 1px black solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	text-decoration: none;
	letter-spacing:.05em;
	height: 20px;
	font: bold 10px arial, sans-serif;
}

#button-large:hover {
    background-color: #77DD77;
	color: black;
	font-weight: bold;
}

#button-large:active {
    background-color: #CCCCCC;  
	color: black;
	font-weight: bold;
}

#button-disabled {
        background-color: white;
	color: gray;
	border: 1px gray solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	text-decoration: none;
	letter-spacing:.05em;
	height: 20px;
	font: bold 10px arial, sans-serif;
}

#radio-large {
      width: 80px;
	color: red;
}

#option-title {
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	text-align:left;
}



#main-table {
	background-color: white;
	height: 100%;
	width: 100%;
}

/*  This is the td that contains the 
	topbar-table. */
#topbar {
	vertical-align: top;
	text-align: left;
	width: 100%;
}

/* 	This is the table that contains the image
	and captions for the topbar. */
#topbar-table {
}

/*  This is the td that contains the 
	captions in the topbar. */
#topbar-caption {
	width:  100%;
	text-align: left;
}

/*  In the topbar, this is the first line of 
	text, such as 'Welcome To'   */
#topbar-caption-top {
	font-family: verdana; 
	font-size: 19px; 
	padding-bottom: 7px; 
	padding-right: 0px;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	color: 273043;
}

/*  In the topbar, this is the second line of 
	text, such as 'My Network'   */
#topbar-caption-bottom {
	font-family: verdana; 
	font-size: 25px; 
	padding-right: 0px;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	color: 273043;
}

/*  This is the image that appears on the left
	side of the topbar. */
#topbar-image {
	width: 1;
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
      padding-bottom: 10px;
}

/*	This is the cell in the middle of the page
	that contains the content-table.  */
#content-cell {
	height: 100%; 
	width: 100%;
	text-align: center; 
	vertical-align: top;
}

/*  This is the content area in the center cell
	(between icons) from top to bottom of the 
	inner area. */
#content-table {
	height: 100%;
	width: 100%;
}

/* 	This is the line below the topbar in the
	content area. */
#content-line-top {
	background-color: C9C7BF;
	height:2px;
}

/* 	This is the line above the control buttons
	in the content area. */
#content-line-bottom {
	background-color: C9C7BF;
	height:2px;
}

#content-spacing {
	height: 10px;
}

/*  This is the td that contains the 
	next and back buttons. */
#content-control-buttons {
	width: 100%;
	text-align: right;
	white-space: nowrap;
}

/*  This is the TD that contains the top curve
    images. */
#frame-curve-top {
	vertical-align: top;
	background-color: C9C7BF;
	height: 12px;
}

/*  This is the TD that contains the bottom curve
    images. */
#frame-curve-bottom {
	vertical-align: bottom;
	background-color: C9C7BF;
	height: 12px;
}

#frame-curve-side {
	background-color: #FFFFFF;
}
	
/*  This is used in the page1's default text */
#line-eula {
	font:11px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:20px;
	text-align:left;
}

#content-small-font {
	font:11px Arial, Helvetica, sans-serif;
}


/** Used on iphone.html for the network name link. */
.iphone-link {
	font:19px Arial, Helvetica, sans-serif;
	color: #0000FF;
	line-height:25px;
	text-align:left;
	padding-bottom: 3px;
}

/** Used on iphone_done_*.html for the instruction list. */
.iphone-item {
	font:19px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:35px;
	text-align:left;
	padding-bottom: 3px;
}

/** Used on iphone.html for the ssid line. */
.iphone-ssid {
	font:15px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:18px;
	text-align:left;
      padding-bottom: 2px;
}

/** Used on iphone.html for the network description text. */
.iphone-description {
	font:15px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:18px;
	text-align:left;
      padding-bottom: 10px;
}

.expand-cell-header { 
  color:#FFFFFF;
  font:16px verdana, arial, sans-serif;
  display:block;
  background-color: #9A9AAA; // #9A9A9A;
  /* The bottom margin is manually set.  This is necessary to avoid 
     a gap below the header & inner */
  margin-bottom: 0px;
  height: 30px;
  font-weight: bold
}

.expand-cell-header span{
  padding:5px 10px 0px 10px;
  display:block;
}

.expand-cell-header-link, .expand-cell-header-link a:link, .expand-cell-header-link a:visited{
  color:#FFFFFF;
  text-decoration:none;
  display:block;
}

.expand-cell {
  font-size: 14px; 
}

.expand-cell span{
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 20px;
  display:block; 
  border: 1px solid #9A9AAA;
}

.expand-cell-item {
  padding-top:15px;
}

.expand-cell-item-top {
  padding-top:5px;
}

.expand-cell-subitem {
  padding-top:8px;
  padding-left:10px;
  font-size: 13px;
}

.expand-cell-note {
  padding-top:15px;
  /* The margin is shifted left to adjust for the ordered-list numbers. */
  margin-left: -20px;
  color: #666666;
  font-size:  13px;
  text-align:left;
}

.expand-cell-header-collapsed {
  background-color: #CCCCCC;
  font-size: 14px;
  height: 25px;
}

/** Tagline on page1 */
.tagline {
  text-align: right;
  padding-bottom: 4px;
  padding-right: 20px;
  font: 9px verdana, arial, sans-serif;
  color: 999999;
}

.tagline a {
 text-decoration: none;
 color: 999999;
}