/*---------------------------------------------------------------------------
Table of Contents

1. Body
2. Header
3. Left Menu
	3a. Navigation
	3b. Variable Selection
	3c. Table Selection
4. Workspace
	4a. Workspace1, layer1      
	4b. Workspace2, layer2, 3
5. Group Summary Pop-up
6. Example Table Pop-up
7. Row Selection
8. Variable Mouseover Pop-up
9. Limit Selection
10. More Options
	10a. More Options minimized
	10b. More Options extended
11. Example Pop-up
12. Demo Pop-up
13. Subgroup Pop-up
14. Table- selectGroup
15. Table- varDefault
16. Table- exTable
17. Table- defaultTable
18. Table- dataset
19. Table- statInfo
20. Clear Tips Box

-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------
Reset-Fonts-Grids
-----------------------------------------------------------------------------*/
.custom-doc body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
.custom-doc table{border-collapse:collapse;border-spacing:0;}
.custom-doc fieldset,img{border:0;}
.custom-doc h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

/*---------------------------------------------------------------------------
 Body
-----------------------------------------------------------------------------*/
.custom-doc {
	margin:auto;
	width:990px;
	color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
	text-align:left;
} 
/*---- I am still working on a new shadow. Disregard for now.
.dropShadow{
    width: 1030px;
	height: 760px;
    margin: 0px 0 0px 0;
    background:url(../images/shadowAlpha.png) no-repeat bottom right !important;
    background: none;
    padding: 0 7px 7px 0;
}

.dropShadow2{
    width: 1030px;
	height: 804px;
    margin: 0px 0 0px 0;
    background:url(../images/shadowAlpha.png) no-repeat bottom right !important;
    background: none;
    padding: 0 7px 7px 0;
}
----*/
/*body{
	color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
	text-align:left;
}
*/
#bd{
	display:inline;
}

.custom-doc a{
	color:#000000;
	text-decoration:none;
}

.custom-doc a:hover{
	color:#000000;
	text-decoration:underline;
}

.custom-doc h1{
	color:#FFFFFF;
	font-size:12pt;
	font-weight:bold;
	padding-left:10px;
	padding-top:12px;
} 

.custom-doc h2{
	color:#FFFFFF;
	font-size:11pt;
	font-weight:bold;
	padding-left:10px;
	padding-top:7px;
}

.custom-doc h3{
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:5px;
}

.custom-doc h4{
	color:#FFFFFF;
	font-size:9pt;
}

.custom-doc h5{
	color:#022775;
	font-weight:bold;
}

.custom-doc h6{
	color:#ffffff;
	font-size:11pt;
	font-weight:bold;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:5px;
}

.custom-doc h7{
	font-size:13pt;
	font-weight:bold;
}

.custom-doc li{
	line-height:18px;
	list-style-position:outside;
	list-style-type: disc;
	margin-left:30px;
}

/*---------------------------------------------------------------------------
 Header
-----------------------------------------------------------------------------*/

.qsLogo
{
	padding-left:10px;	
}

.datalab{
	margin-left:740px;
}

#topBar{
	background-color:#5f94ca;
	border:#5f94ca 3px solid;
	height:40px;
	min-width:986px;
	width:auto;

}

.findVariables{
	float:right; 
	margin-top:-22px;
	padding-right:5px;
	text-align:right;
	width:370px;
}

/*---------------------------------------------------------------------------
 Left Menu
-----------------------------------------------------------------------------*/
#leftMenu 
{
    display:inline;
	float:left;
	width:250px; 
}

.menuTitle{
	background-image:url(../images/greenFade_tall.jpg); 
	height:40px;
}

/*---------------------------------------------------------------------------
3a. Group Selection, pages 1-6
-----------------------------------------------------------------------------*/
.navigation{
	background-image:url(../images/greenFade_tall.png);
  	border:#9bbb59 2px solid;
  	_border-bottom:none;
  	height:750px;
}

/* Raed */
.navigation a {
	font-family: Arial,verdana,helvetica,Sans-Serif;
	font-size: 10pt;
	text-align: left;
	color: #000000;
	text-decoration: none;
}

.groupCategory{
	background-color:#cedeac;
	border-bottom:#9bbb59 1px solid;
	height:30px;
	padding-left:10px;
}

.nav1{
	background-color:#cedeac;
	border-bottom:#98b954 1px solid;
	height:22px;
	padding-left:7px;
	padding-top:5px;
}

.nav2{
	background-color:#f0f5e6;
	border-bottom:#98b954 1px solid;
	height:24px;
	padding-left:20px;
	padding-top:5px;
}

.nav2_active{
	background-color:#ffffff;
	border-bottom:#98b954 1px solid;
	height:24px;
	padding-left:20px;
	padding-top:5px;
}

.nav3{
	background-color:#f0f5e6;
	border-bottom:#98b954 1px solid;
	height:24px;
	padding-left:37px;
	padding-top:5px;
}

.nav3_active{
	background-color:#ffffff;
	border-bottom:#98b954 1px solid;
	height:24px;
	padding-left:37px;
	padding-top:5px;
}

/*---------------------------------------------------------------------------
3b. Variables Pane, pages 7-12
-----------------------------------------------------------------------------*/
.variables{
  background-image:url(../images/greenFade_tall.png);
  border:#9bbb59 2px solid;
  border-top:none;
  _border-bottom:none;
  height:750px;
  overflow:auto;
  overflow-x:hidden;
}

.var2{
	background-color:#cedeac;
	border-bottom:#98b954 1px solid;
	padding-left:7px;
	padding-top:5px;
	padding-bottom: 7px;
}

.var2_active{
	background-color:#f0f5e6;
	/*background-color:#F4DEAE;*/
	border-bottom:#98b954 1px solid;
	padding-left:7px;
	padding-top:5px;
	padding-bottom: 7px;
}

.var3{
	background-color:#f0f5e6;
	border-bottom:#98b954 1px solid;
	height:auto;
	padding-left:25px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.var3_active{
	background-color:#ffffff;
	border-bottom:#98b954 1px solid;
	height:auto;
	padding-left:25px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.info img{
	text-align:right;
	margin-top:-17px;
	margin-right:-5px;

}

.subjectinfo img{
	text-align:right;
	margin-top:-17px;
	margin-right:5px;

}

/*---------------------------------------------------------------------------
3c. Table Selections Pane, page 13
-----------------------------------------------------------------------------*/
.tableSelections{
  background-image:url(../images/greenFade_tall.png);
  border:#9bbb59 2px solid;
  border-top:none;
  _border-bottom:none;
  float:left;
  height:750px;
  width:300px; 
}

.select_active{
	background-color:#f0f5e6;
	border-bottom:#98b954 1px solid;
	height:auto;
	padding-left:7px;
	padding-top:5px;
	padding-bottom:5px;
}

.select_active p{
	padding-left:20px;
	padding-top:5px;
	padding-bottom:3px;
}

.select_active ul{
	padding-left:10px;
	padding-bottom:3px;
}

/*---------------------------------------------------------------------------
4a. Workspace,  pages 1-6, 13
-----------------------------------------------------------------------------*/
#workspace{
	background-image:url(../images/blueFade_tall.png);
	border:#5f94ca 2px solid;
	border-left:none;
	border-top:none;
	height:752px; 
	width:990px;
}

#workspaceTitle{
	background-image:url(../images/blue_bar.png);
	border-top:#5f94ca 2px solid;
	height:40px;
	margin-left:254px;
	position:relative;
	_left:-3px;
	_margin-right:-3px;
}

.workspaceButtons {
	color:#ffffff;
	float:right; 
	font-size:9pt;
	font-weight:bold;
	margin-top:-20px; 
	padding-right:10px;
}

.workspaceButtons a {
	color:#ffffff;
}

.workspaceButtons a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#workspace_wrapper{
	margin-left:300px;
}

#groupTitle{
	background-color:#FFFFFF;
	border:#9bbb59 2px solid;
	height:30px;
	/*margin-left:300px;*/
	margin-top:27px;
	width:640px;
}

#groupTitle p {
	padding-top:12px;
}

.greenTitle {
	background-image:url(../images/greenFade_short.jpg); 
	border-right:#9bbb59 2px solid;	
	float:left; 
	height:30px; 
}

.greenTitle img{
	float:right; 
	margin-top:-20px; 
	padding-right:10px;
}

.layer1{
	background-color:#FFFFFF;
	min-height:500px;
	height:auto;
	/*margin-left:300px;*/
	padding:20px;
	padding-top:0;
	overflow:auto;
	width:604px;
}

.introText
{
    line-height: 1.4em;
    padding: 20px 50px 50px;
	/*padding:70px;*/
}

/*---------------------------------------------------------------------------
4b. Workspace Layer 2, pages 7-12
-----------------------------------------------------------------------------*/
#workspace2{
	background-image:url(../images/blueFade_tall.png);
	border:#5f94ca 2px solid;
	border-top:none;
	border-left:none;
	height:750px; 
	width:990px;
}

.workspace2_body 
{
    /*border: 1px solid red;*/
    /*margin-left:254px;*/
	position:relative;
    width:734px;
    _width:730px;
    height:708px;
    cursor: default;
    overflow: auto;
    overflow-x:hidden;
}

#workspaceTitle2{
	background-image:url(../images/blue_bar.png);
	height:40px;
	margin-left:254px;
	position:relative;
	_left:-3px;
	_margin-right:-3px;
}

#switch 
{
    position: absolute;
	margin-left:283px;
	//margin-left:286px;
	_margin-left:291px;
	top:277px;
	//top:280px;
}

#groupTitle2{
	background-color:#FFFFFF;
	border:#9bbb59 2px solid;
	border-right:none;
	height:30px;
	margin-left:124px;
	_margin-left:126px;
	margin-top:55px;
	width:540px;
}

#groupTitle2 p{
	padding-top:8px;
}

#greenTitle2{
	background-image:url(../images/greenFade_short.jpg); 
	border-right:none;	
	float:left; 
	height:30px; 
	width:280px;
}

#greenTitle2 img{
	float:right; 
	margin-top:-20px; 
	padding-right:10px;
}

.greenTitle3{
	background-image:url(../images/greenFade_tall.jpg); 
	border-right:#9bbb59 2px solid; 
	height:auto; 
}

.greenTitleVarDesc 
{
    background-color: #a2cc4e;
    border-right:#9bbb59 2px solid; 
	height:auto; 
}

.layer2{
	background-color:#FFFFFF;
	border:none;
	height:400px;
	/*margin-left:125px;*/
	overflow:auto;
	padding:20px;
	width:535px;
	_width:500px;
	position:relative;
	_left:-3px;
	_margin-right:-3px;
	table-layout:fixed;
}

#options{
	border:#fe9901 2px solid;
	background-image:url(../images/orangeFade.png);
	color:#FFFFFF;
	height:22px;
	width:85px;
	padding:5px;
	margin-top:-31px;

}

.colOptions{
	border-left:#9bbb59 2px solid; 
	float:right;
	margin-top:-24px;
	height:25px;
	background-color:#f4f4f4;
	padding-top:5px;
	margin-right:-5px;
	_height:20px;
	display:inline;
}

.title
{
    width:438px; 
    position:absolute;
	font-weight:bold;
	text-align:left;
	height: 58px;
	overflow: auto;
	margin-top: -10px;
}

#create_table 
{
    position:absolute; 
    top:0px; 
    left:460px;
}

#create_table_note 
{
    position:absolute; 
    left:1170px; 
    top:265px; 
    z-index:800;
}

/*---------------------------------------------------------------------------
4c. Workspace Layer 3, page 13
-----------------------------------------------------------------------------*/
.workspace3_body 
{
    /*margin-left:254px;*/
	position:relative;
    width:734px;
    _width:730px;
    height:708px;
    cursor: default;
    overflow: auto;
    overflow-x:hidden;
}

.layer3{
	background-color:#FFFFFF;
	height:470px;
	margin-left:30px;
	overflow:auto;
	padding:20px;
	padding-top:0px;
	width:634px;
}

#groupTitle3{
	background-color:#FFFFFF;
	border:#9bbb59 2px solid;
	/*height:65px;*/
	height:auto;
	/*margin-left:315px;
	_margin-left:312px;*/
	margin-left:30px;
	margin-top:25px;
	width:670px;
}

#groupTitle3 p{
	/*padding-top:12px;
	padding-bottom: 3px;*/
	padding:5px;
	font-weight:bold;
}

#title{
	background-image:url(../images/greenFade_taller.jpg); 
	border-right:#9bbb59 2px solid;
	float:left; 
	height:auto; 
}

.edit_title{
	background-color:#ffffff;
	font-size:8pt;
	padding:5px;
	margin-bottom:5px;
	text-align:right;
}

/*---------------------------------------------------------------------------
5. Group Summary Pop-up, page 4
-----------------------------------------------------------------------------*/

#bluePopup_wrapper{
	width:345px;
	height:390px;
	height:auto;
	position:absolute; 
	top:340px; 
	left:785px;
}

/* Glowing Edges */
.blue {
   position:relative;
   z-index:0;
}
.blue .blue-content{
   position:relative;
   width: 350px;
   height:389px;
   z-index:2;
}
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.blue .x1,
.blue .x1a,
.blue .x2,
.blue .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.blue .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.blue .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.blue .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.blue .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

#bluePopup{
	position:relative;
	width: 350px;
	/*height:394px;*/
	height:auto;
	margin: 0px;
}

.blueHeader{
	background-image:url(../images/blue_bar.png);
	border:#4f81bd 3px solid;
	width:338px;
}

.summary{
	background-color:#ffffff;
	border:#4f81bd 2px solid;
	border-top:none;
	height:330px;
	padding:10px;
	width:320px;
	overflow:auto;
	overflow-x:hidden;
}

#bluePopup .light{
	background-color:#ffffff;
	height:auto;
	width:303px;
	padding:10px;
	margin-left:-10px;

}

#bluePopup .dark{
	background-color:#f4f4f4;
	height:auto;
	width:303px;
	padding:10px;
	margin-left:-10px;
}

/*---------------------------------------------------------------------------
6. Example Table, pages 5-6
-----------------------------------------------------------------------------*/
.exTable_wrapper{
	position:absolute; 
	top:200px; 
	//top:200px; 
	left:623px;
	width: 668px;
	height: 589px;
}

/*  Glowing Edges */
.ex {
   position:relative;
   z-index:0;
}
.ex .ex-content{
   position:relative;
   width: 668px;
   height:583px;
   z-index:2;
}

.ex .x1,
.ex .x1a,
.ex .x2,
.ex .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.ex .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; 
   left:-10px;
   bottom:0;
   padding:0 10px 10px 0; 
}
.ex .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.ex .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.ex .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}
/* End Glowing Edges */

.exTable{
	background-color:#ffffff; 
	border:#4f81bd 2px solid;
	/*height:;
	overflow:auto;
	overflow-x:hidden; 
	padding-bottom:70px;*/
	width:662px; 
}

.exTable p{
	padding:7px;
}

.blueTitle{
	background-image:url(../images/blue_bar.png);
	border:none;
	width:auto;
}

.exTabs div 
{
    width:100%;
}

#tab{
	margin:0;
	margin-left:72px;
	margin-left /*\**/:72px\9;
	*margin-left: 80px;
	margin-bottom:0px;
	background-color:#66CCFF;
	border:#4f81bd 2px solid;
	border-bottom:none;
	list-style-type:none;
	width:405px;
	_width:410px;
	float:left;
}

#tab li{
	margin:0;
	padding:0;
	float:left;
	color:#FFFFFF;
	list-style-type:none;
}

#tab1{
	margin:0;
	margin-left:72px;
	//margin-left:80px;
	_margin-left:81px;
	margin-bottom:0px;
	background-color:#66CCFF;
	border:#4f81bd 2px solid;
	border-bottom:none;
	list-style-type:none;
	width:80px;
	/*float:left;*/
}

#tab1 li
{
    margin:0;
	padding:0;
	/*float:left;*/
	color:#FFFFFF;
	list-style-type:none;
	line-height: 28px;
}

.tab1_on {
	background-image:url(../images/blue_bar.png);
	border-right:#4f81bd 1px solid;
	color:#FFFFFF;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	width:80px;
	list-style-type:none;
}

.tab_off {
	background-image:url(../images/blueFade_short.png);
	float:left;
	width:80px;
	text-decoration:none;
	line-height:28px;
	text-align:center;
	border-right:#4f81bd 1px solid;
	color:#000000;
	list-style-type:none;
}

.tab_off a{
	background-image:url(../images/blueFade_short.png);
	float:left;
	width:80px;
	text-decoration:none;
	line-height:28px;
	text-align:center;
	border-right:#4f81bd 1px solid;
	color:#000000;
	list-style-type:none;
}

.tab_off a:hover{
	background-image:none;
	background-color:#FFFFFF;
	list-style-type:none;
}

.tab_on {
	background-image:url(../images/blue_bar.png);
	border-right:#4f81bd 1px solid;
	color:#FFFFFF;
	float:left;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	width:80px;
	list-style-type:none;
}

.tab_on a{
	background-image:url(../images/blue_bar.png);
	border-right:#4f81bd 1px solid;
	color:#FFFFFF;
	float:left;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	width:80px;
	list-style-type:none;
}


/*---------------------------------------------------------------------------
7. Row Selection, pages 7-12
-----------------------------------------------------------------------------*/
#rowSelect{
	float:left;
	margin-left:29px;
	//margin-left:32px;
	_margin-left:17px;
	width:97px;
	//width:94px;
}

#rowTitle{
	background-image:url(../images/greenFade_short.jpg); 
	float:left; 
	height:30px; 
}

#rowSelect_box{
	background-color:#FFFFFF;
	border:#9bbb59 2px solid;
	border-bottom:none;
	height:auto;
	text-align:left;
}

#rowSelect p{
	padding:5px;
	margin-top:30px;
	//margin-top:0px;
}

.rowSelect{
	border-bottom:#9bbb59 2px solid;
	text-align:center; 
	width:93px; 
	//width:90px;
}

.rowClear{
	padding:4px;

}

.rowOptions{
	background-color:#f4f4f4;
		border-top:#9bbb59 2px solid;

		padding:4px;
}

/*---------------------------------------------------------------------------
8a. More Options 1, pages 7-12
-----------------------------------------------------------------------------*/
.options1_active {
	border:#9bbb59 2px solid;
	background-color:#ffffff;
	color:#000000;
	padding:5px;
	font-size:8pt;
	font-weight:normal;
}

.options1{
	border:#9bbb59 2px solid;
	border-top:none;
	background-color:#ffffff;
	color:#000000;
	padding:5px;
	font-size:8pt;
	font-weight:normal;
	
}

.options1_wrapper{
	width: 253px;
	height: 85px;
	position:absolute;
	/*
	left:420px;
	//left:420px;
	_left:404px;
	top:450px;
	//top:466px;
	_top:481px;
    */
	z-index:10;

}

/* Glowing Edges */
.opt1 {
   position:relative;
   z-index:1;
}
.opt1 .opt1-content{
   position:relative;
   width: 258px;
   height:80px;
   z-index:3;
}

.opt1 .x1,
.opt1 .x1a,
.opt1 .x2,
.opt1 .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.opt1 .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.opt1 .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.opt1 .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.opt1 .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

.options1_expanded{
	background:#ffffff;
	border:#9bbb59 2px solid;
	background-image:url(../images/orangebar3.jpg);
	background-repeat:repeat-x;
	width:250px;
	position:absolute;
}

.options1_expanded .light{
	background-color:#ffffff;
	height:auto;
	padding:5px;
}

.options1_expanded .dark{
	background-color:#f4f4f4;
	height:auto;
	padding:5px;
}

.more li{
	list-style-type:circle;
}

/*---------------------------------------------------------------------------
8b. More Options 2, pages 7-12
-----------------------------------------------------------------------------*/

.options2_active {
	border:#9bbb59 2px solid;
	background-color:#ffffff;
	color:#000000;
	font-weight:normal;
	float:left; 
	_float:none;
	height:20px;
	padding:5px;
	margin-left:575px;
	_margin-left:543px;
	/*margin-right:33px;*/
	/*_margin-right:24px;*/
	/*TODO
    margin-right:3px;
	_margin-right:9px; 
    */
	margin-top:-34px;
	width:auto;
	_width: 112px;
	font-size:8pt;
}

.options2 {
	border:#9bbb59 2px solid;
	border-left:none;
	background-color:#ffffff;
	color:#000000;
	font-weight:normal;
	float:left; 
	_float: none;
	height:20px;
	padding:5px;
	margin-left:569px;
	_margin-left:586px;
	/*margin-right:33px;*/
	/*_margin-right:24px;*/
	/*TODO
    margin-right:4px;
	_margin-right:9px;
    */
	margin-top:-34px;
	width:120px;
	font-size:8pt;
}

.options2_wrapper{
	/*float:right; */
	margin-top:0px; 
	/*margin-left:701px;
	//margin-left:321px;
	_margin-left:323px;*/
	position:absolute;
	width: 256px;
	height: auto;
	z-index:10;
}

/* Glowing Edges */
.opt2 {
   position:relative;
   z-index:1;
}
.opt2 .opt2-content{
   position:relative;
   width: 100%;
   height:100%;
   /*//height:182px;*/
   z-index:3;
}

.opt2 .x1,
.opt2 .x1a,
.opt2 .x2,
.opt2 .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.opt2 .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.opt2 .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.opt2 .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.opt2 .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

.options2_expanded{
	background:#ffffff;
	border:#9bbb59 2px solid;
	/*border-top:none;*/
	width:250px;
}

.options2_expanded .light{
	background-color:#ffffff;
	height:auto;
	padding:5px;
	padding-left: 10px;
}

.options2_expanded .dark{
	background-color:#f4f4f4;
	height:auto;
	padding:5px;
	padding-left: 10px;
}

.usageoptions {
	margin:0;
	margin-left:30px;
	list-style-type: circle;
	line-height:18px;
}

.usageoptions li{
	margin:0;
	padding:0;
	list-style-type: circle;
}

/*---------------------------------------------------------------------------
8c. More Options 3, pages 7-12
-----------------------------------------------------------------------------*/

#options3{
	border:#FFB164 2px solid;
	background-image:url(../images/orangebar3.jpg);
	color:#FFFFFF;
	float:right; 
	height:22px;
	margin-right:31px; 
	margin-top:-36px;
	padding:5px;
	width:83px;
}

.options3_wrapper{
	position:absolute;
	top:400px;
	left:450px;
	width: 360px;
	height: 300px;
	z-index:999;
}

/* Glowing Edges */
.opt3 {
   position:relative;
   z-index:0;
}
.opt3 .opt3-content{
   position:relative;
   width: 100%;
   height:100%;
	//height:345px;
   z-index:2;
}

.opt3 .x1,
.opt3 .x1a,
.opt3 .x2,
.opt3 .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.opt3 .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.opt3 .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.opt3 .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.opt3 .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

.options3_expanded{
	background:#ffffff;
	border:#FFB164 2px solid;
	background-image:url(../images/orangebar3.jpg);
	background-repeat:repeat-x;
	/*width: 260px;*/
	width: 360px;
}

.options3_expanded .light{
	background-color:#ffffff;
	height:auto;
	padding:5px;
}

.options3_expanded .dark{
	background-color:#f4f4f4;
	height:auto;
	padding:5px;
}

.more li{
	list-style-type:circle;
}

.include{
	border:#999999 1px solid; 
	margin:0 10px 5px 10px;
}

/*---------------------------------------------------------------------------
8d. More Options 4, pages 7-12
-----------------------------------------------------------------------------*/

.options4_active {
	border:#9bbb59 2px solid;
	background-color:#ffffff;
	color:#000000;
	float:left; 
	_float:none;
	font-size:8pt;
	height:20px;
	/*margin-right:33px;*/
	margin-left: 618px;
	_margin-left: 574px;
	/*_margin-right:25px; */
	margin-top:-34px;
	/*TODO
    margin-right:3px;
	_margin-right:9px; 
    */
	padding:5px;
	text-align:center;
	width:auto;
	_width: 80px;
}

.options4{
	border:#9bbb59 2px solid;
	/*border-left:none;*/
	background-color:#ffffff;
	color:#000000;
	float:left; 
	_float:none;
	font-size:8pt;
	height:20px;
	margin-left: 671px;
	_margin-left: 638px;
	/*margin-right:33px;*/
	/*_margin-right:25px;*/
	/*TODO
    margin-right:3px;
	_margin-right:9px; 
    */ 
	margin-top:-34px;
	padding:5px;
	_padding:3px;
	text-align:center;
	width:auto;
	_width: 20px;
}

/*---------------------------------------------------------------------------
8e. Make Categories, page 11c
-----------------------------------------------------------------------------*/

.categories{
	background:#ffffff;
	border:#FFB164 2px solid;
	background-image:url(../images/orangebar3.jpg);
	background-repeat:repeat-x;
	height:480px;
	width:375px;
}

.make{
	background:#ffffff;
}

.make p{
	padding:5px;
}

.categories_wrapper{
	position:absolute;
	top:280px;
	/*//top:425px;
	_top:440px;
	left:1005px;*/
	left:530px;
	width: 380px;
	height: 480px;
	z-index: 700;
}

/* Glowing Edges */
.cat {
   position:relative;
   z-index:0;
}
.cat .cat-content{
   position:relative;
   width: 100%;
   height:100%;
   z-index:2;
}

.cat .x1,
.cat .x1a,
.cat .x2,
.cat .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.cat .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.cat .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.cat .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.cat .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

/*---------------------------------------------------------------------------
9. Variable Mouseover, page 8
-----------------------------------------------------------------------------*/

.varMouseover_wrapper{
	position:absolute; 
	top:278px;
	left:572px;
	width: 435px;
	/*height: 326px;*/
	height:auto;
	z-index: 300;
}

/* Glowing Edges */
.var {
   position:relative;
   z-index:0;
}
.var .var-content{
   position:relative;
   width: 427px;
   /*height:315px;*/
   height:auto;
   z-index:2;
}
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.var .x1,
.var .x1a,
.var .x2,
.var .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.var .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.var .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.var .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.var .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

.varMouseover{
	background-color:#ffffff;
	border:#98b954 2px solid;
	font-size:9pt;
	height:auto;
	/*height:320px;*/
	/*overflow:auto;
	overflow-x:hidden; */
	text-align:left;
	width:430px;
}

.varMouseover p{
	padding-left:15px;
	padding-right:15px;
	line-height:18px;
} 

.varClose{
	float:right;
	color:#FFFFFF;
	margin-top:-23px;
	padding-right:10px;
}

.varDescClose{
	/*float:right;*/
	color:#FFFFFF;
	padding-top:5px;
	padding-right:10px;
}

.select{
	margin:10px;
}

.varInfo{
	padding:9px;
	border-bottom:#98b954 1px solid;

}

.varInfo_active{
	padding:9px;
	border:#98b954 1px solid;
	border-bottom:none;
		font-weight:bold;
}

.use{
	padding:14px;
}

.usage{
	padding:6px;
}

.pointer{
	position:absolute;
	/*top:305px;
	left:570px;*/
	z-index:666;
}

/*---------------------------------------------------------------------------
10. Subgroup Selection, pages 7-12
-----------------------------------------------------------------------------*/
.subGroup1{
	background-color:#FFFFFF;
	border:#9bbb59 2px solid;
	height:30px;
	margin-left:126px;
	/*_margin-left:361px;*/
	width:571px;
	_width:538px;
	/*_width:604px;*/
	border-right:none;
}

.subGroup2{
	background-color:#ffffff;
	border:#9bbb59 2px solid;
	height:30px;
	margin-left:126px;
	/*_margin-left:361px;
	//margin-top:-1px;*/
	_margin-top:-4px;
	width:571px;
	_width:538px;
	/*_width:604px;*/
}

.subGroup2_inactive{
	background-color:#D6D6D6;
	border:#AEAEAE 2px solid;
	height:30px;
	margin-left:126px;
	/*_margin-left:361px;
	//margin-top:-1px;*/
	_margin-top:-3px;
	width:571px;
	_width:538px;
	/*_width:604px;*/
}

.subGroup1 p{
	padding-top:8px;
}

.subGroup2 p{
	padding-top:8px;
}

.subGroup2_inactive p{
	padding-top:8px;
}

.groupSelection1 {
	/*background-image:url(../images/green_bar_tall.png); */
	background-color: #dafd9e;
	border:#9bbb59 2px solid;
	border-bottom:#9bbb59 1px solid;
	height:auto;
	margin-left:126px;
	/*_margin-left:361px;*/
	padding:10px;
	width:551px;
	_width:518px;
	/*_width:584px;*/
	//margin-top:-2px;   
	_margin-top:-3px;
}

.groupSelection2 {
	/*background-image:url(../images/green_bar_tall.png); */
	background-color: #dafd9e;
	border:#9bbb59 2px solid;
	height:auto;
	margin-left:126px;
	/*_margin-left:361px;*/
	padding:10px;
	width:551px;
	_width:518px;
	/*_width:584px;*/
	//margin-top:-2px;   
	_margin-top:-3px;
}

.grayTitle{
	background-color:#D6D6D6;
	border-right:#AEAEAE 3px solid;	
	float:left; 
	height:30px; 
}
/*---------------------------------------------------------------------------
11. Example Pop-up, page 11b
-----------------------------------------------------------------------------*/
.exPopup_wrapper{
	position:absolute; 
	/*top:440px;
	_top:455px;
	left:1070px;*/
	width: 310px;
	height: auto;
	z-index:300;
}

/* Glowing Edges */
.exPop {
   position:relative;
   z-index:4;
}
.exPop .exPop-content{
   position:relative;
   width: 100%;
   height:100%;
   z-index:5;
}

.exPop .x1,
.exPop .x1a,
.exPop .x2,
.exPop .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.exPop .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.exPop .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.exPop .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.exPop .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

#exPopup{

}

.exTitle{
	background-image:url(../images/blue_bar.png);
	border:#4f81bd 2px solid;
	width:308px;
}

.directions{
	background-color:#ffffff;
	border:#4f81bd 1px solid;
	border-top:none;
	line-height:18px;
	padding:10px;
	padding-top:0px;
	width:290px;
}

/*---------------------------------------------------------------------------
13. Subgroup Pop-up, page 12
-----------------------------------------------------------------------------*/
.subgroupPopup_wrapper{
	position:absolute; 
	top:450px; 
	left:795px;
	width: 326px;
	height: 260px;
	z-index: 10;
}

/* Glowing Edges */
.sub {
   position:relative;
   z-index:0;
}
.sub .sub-content{
   position:relative;
   width: 100%;
   height:100%;
   //height:255px;
   z-index:2;
}

.sub .x1,
.sub .x1a,
.sub .x2,
.sub .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.sub .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.sub .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.sub .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.sub .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

.subgroupPopup{
	background-color:#ffffff; 
	border:#4f81bd 2px solid;
	height:250px; 
	width:320px; 
}

.subgroupTitle{
	background-image:url(../images/blue_bar.png);
	border:#4f81bd 2px solid;
	width:320px;
}

.subgroupPopup p{
	padding:10px;
}

.blueClose{
	float:right;
	margin-top:-23px;
	padding-right:7px;
	color:#FFFFFF;
}
/*---------------------------------------------------------------------------
14. Table, pages 3-4
-----------------------------------------------------------------------------*/

table.selectGroup{
	font-size:10pt;
}

table.selectGroup th{
	background-color:#ffffff;
	color:#000000;
	font-weight:normal;
	height:10px;
	padding-left:0;
}

table.selectGroup td{
	background-color:#edf3fe;
	border:#ffffff 2px solid;
	height:133px;
	padding:10px;
	vertical-align:top; 
}

/*---------------------------------------------------------------------------
15. Table, page 8-13
-----------------------------------------------------------------------------*/

table.varDefault{
	font-size:9pt;
	text-align:center;
}

table.varDefault th{
	background-color:#5f94ca;
	border:#ffffff 2px solid;	
	border-bottom:#ffffff 4px solid;	
	color:#ffffff;
	font-weight:bold;
	height:10px;
	padding:10px;
	text-align:center;
}

table.varDefault td{
	border:#ffffff 2px solid;
	height:20px;
	padding-top:5px;
	vertical-align:top;
}

table.varDefault tr.odd{
	background-color:#d9e1ee;
}

table.varDefault tr.even{
	background-color:#eff2f8;
}

.catTitle{
	padding:10px;
	text-align:left;
}

table.varDefault th.rowHead{
	padding:10px;
	text-align:left;
}

table.varDefault td.rowHead{
	padding:10px;
	text-align:left;
}

.source{
	text-align:left;
}

/*---------------------------------------------------------------------------
16. Table, pages 5-6
-----------------------------------------------------------------------------*/

table.exTable
{
    border-collapse: collapse;
	font-size:9pt;
	margin-left:72px;
	//margin-left:0px;
	_margin-left:16px;
    margin-left /*\**/: 18px\9;
	text-align:left;
	width: 520px;
}

table.exTable td.tableTitle{
	background-color:#ffffff;
	border:#4f81bd 2px solid;
	color:#000000;
	font-weight:normal;
	height:10px;
	padding:10px;
	text-align:left;
}

table.exTable .colHead{
	text-align:left;
	/*padding-left:10px;*/
	padding-left:12px;
    _width:300px;_
}

table.exTable th{
	background-color:#5f94ca;
	border:#ffffff 2px solid;
	color:#ffffff;
	font-weight:bold;
	height:20px;
	padding:10px;
	/*width:70px;*/
	text-align:center;
    _width:150px;_
}

table.exTable td{
	border:#ffffff 2px solid;
	height:10px;
	padding:10px;
	vertical-align:top;
}

table.exTable td.br{
	border-right:#4f81bd 2px solid;
}


table.exTable tr.odd{
	background-color:#d9e1ee;
}

table.exTable tr.even{
	background-color:#eff2f8;
}

table.exTable .catTitle{
	border-left:#4f81bd 2px solid;
	padding-left:10px;
	width:300px;
}

table.exTable .catTitle_span{
	border-left:#4f81bd 2px solid;
	border-right:#4f81bd 2px solid;
	text-align:left;
	width:300px;
}

table.exTable .source{
	border: #4f81bd 2px solid;

	font-size:9pt;
	padding:10px;
	text-align:left;
}

.delete_row{
	font-size:8pt;
}

.print_header{
	/*border-bottom:#000000 2px solid;*/
	font-family: Arial;
	font-weight:bold;
	font-size:13pt;
	width:520px;
	text-align:center;
	margin-left:72px;
	_margin-left:72px;
	position: absolute;
}

/*---------------------------------------------------------------------------
17. Table
-----------------------------------------------------------------------------*/

table.default{
	font-size:9pt;
	text-align:center;
	border-collapse:collapse;
}

table.default th{
	background-color:#5f94ca;
	border:#ffffff 2px solid;
	border-bottom:#ffffff 4px solid;	
	color:#ffffff;
	font-weight:bold;
	height:10px;
	padding:10px;
	text-align:left;


}

table.default td{
	border:#ffffff 2px solid;
	height:20px;
	padding-top:5px;
	vertical-align:top;


}

table.default tr.odd{
	background-color:#d9e1ee;

}

table.default tr.even{
	background-color:#eff2f8;

}

/*Standard Errors*/
table.default tr.odd_se{
	background-color:#eff3ea;
}

table.default tr.even_se{
	background-color:#dee7d1;
}

/*Weighted N's*/
table.default tr.odd_wn{
	background-color:#fcf6f1;
}

table.default tr.even_wn{
	background-color:#fdeada;
}

table.default td.catTitle{
	padding:10px;
	text-align:left;
	width:200px;
}

/*---------------------------------------------------------------------------
18. Table
-----------------------------------------------------------------------------*/
table.dataset{
	font-size:9pt;
	text-align:left;
	margin-top:20px;
}

table.dataset th.header
{
    text-align:left;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:normal;
	padding:0;
}

table.dataset th{
	background-color:#5f94ca;
	border:#ffffff 2px solid;
	border-bottom:#FFFFFF 4px solid;
	color:#ffffff;
	font-weight:bold;
	height:10px;
	padding:10px;


}

table.dataset td{
	border:#ffffff 2px solid;
	height:20px;
	padding:10px;
	padding-top:5px;
	vertical-align:top;
	width:400px;

}

table.dataset tr.odd{
	padding:10px;
	background-color:#d9e1ee;
}

table.dataset tr.even{
	padding:10px;
	background-color:#eff2f8;
}

table.dataset ul
{
    /*padding-left:20px;*/
    padding-left:0px;
	padding-bottom:3px;
}

/*---------------------------------------------------------------------------
19. table.varTabs
-----------------------------------------------------------------------------*/

table.varTabs{
	margin-left:10px;
	margin-right:10px;
	border-collapse:separate;
	width: 400px;
	_width: 390px;
}

.varTabs_active
{
    padding:5px;
	padding-left:9px;
	background-color:#ffffff;
	border:#98b954 2px solid;
	border-bottom:none;
}

.varTabs_nonactive
{
	padding:5px;
	padding-left:9px;
	border:#E6E6E6 1px solid;
	border-bottom:#98b954 2px solid;
	background-color:#f4f4f4;
}

.varTabsTD{
	border:#98b954 2px solid;
	border-top:none;
	vertical-align:top;
}

/*---------------------------------------------------------------------------
20. table.statInfo
-----------------------------------------------------------------------------*/

table.statInfo{
	border:#999999 1px solid;
	
}

table.statInfo th{
	background-color:#d3d0d0;
	border:#999999 1px solid;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;

}

table.statInfo td{
	border:#999999 1px solid;
	background-color:#ffffff;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

table.statInfo .percent{
	text-align:right;
}

table.statInfo .value{
	text-align:center;
}

/*---------------------------------------------------------------------------
21. Clear Tips Box
-----------------------------------------------------------------------------*/

.clear_column{
	position:absolute;
	top:183px;
	//top:193px;
	_top:206px;
	left:1173px;
	//left:1170px;
	_left:1155px;
}

.clear_row{
	position:absolute;
	top:370px;
	//top:383px;
	_top:414px;
	left:459px;
	_left:445px;
}

.clear_subgroup{
	position:absolute;
	top:736px;
	//top:743px;
	_top:758px;
	left:1133px;
	//left:1130px;
	_left:1115px;
}

.createtable_msg{
	position:absolute;
	top:736px;
	//top:743px;
	_top:758px;
	left:1133px;
	//left:1130px;
	_left:1115px;
}

.subject_msg{
	position:absolute;
	top:736px;
	//top:743px;
	_top:758px;
	left:1133px;
	//left:1130px;
	_left:1115px;
}

/****************************************************************/

.delete_category{
	border:#999999 1px solid; 
	margin-left:12px; 
	margin-right:12px;
	padding:5px;
}

.cut_tag
{
    width: 250px;
    border: 1px solid #5b8091;
}

.cut_tag td
{
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    padding: 1px;
    font-size: 100%;
    font-style: normal;
}

.cut_tag th
{
    background: #eee;
    background-image: none !important;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    font-size: 100%;
    font-weight: normal;
    height: 15px;
    padding: 3px;
}

/* class for gray out whole page */
#idc_grayoutcover {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index :500;
	background:white;
	filter:alpha(Opacity=75);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5
}

.cut_value 
{
	border: 0;
    width:40px;
}

.label
{
    border-right:none !important;
}

.label_value
{
	border: 0;
    width:120px;
}

.tag_info_header
{
    background: #789ecf url(../images/headerbackground.png) repeat-x;
    border-left: 1px solid #ccc;
    color:#3a3a3a;
    padding:0 0 0 0px !important;
}

.NoHrefUnderLine 
{
    text-decoration:none;
}

.NoHrefUnderLine A
{
    text-decoration:none;
}

.NoHrefUnderLine A:hover
{
    text-decoration:none;
}

p.openingText
{
    font-size:12px; 
    padding-left:2px;
}

/*---------------------------------------------------------------------------
22. Save Table Box
-----------------------------------------------------------------------------*/
#save_table{
	background:#ffffff;
	border:#FFB164 2px solid;
	background-image:url(../images/orangebar3.jpg);
	background-repeat:repeat-x;
	width:285px;
	height:310px;
}

.save_table_wrapper{
	position:absolute;
	top:300px;
	left:600px;
	width:290px;
	height:315px;
	z-index: 1000;
}

/* Glowing Edges */
.save {
   position:relative;
   z-index:0;
}
.save .save-content{
   position:relative;
   width:100% ;
   height:100%;
	//height:270px;
   z-index:2;
}

.save .x1,
.save .x1a,
.save .x2,
.save .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.save .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.save .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.save .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.save .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

#save_table li{
	margin-bottom:1em;
}

/*---------------------------------------------------------------------------
23. Create New Table Box
-----------------------------------------------------------------------------*/

#new_table{
	background:#ffffff;
	border:#FFB164 2px solid;
	background-image:url(../images/orangebar3.jpg);
	background-repeat:repeat-x;
	width:320px;
	height:150px;
}

.new_table_wrapper{
	position:absolute;
	top:170px;
	left:980px;
	width:325px;
	height:155px;
	z-index: 1000;
}

/* Glowing Edges */
.new {
   position:relative;
   z-index:0;
}
.new .new-content{
   position:relative;
   width:100% ;
   height:100%;
	//height:155px;
   z-index:2;
}

.new .x1,
.new .x1a,
.new .x2,
.new .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.new .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.new .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.new .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.new .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */

/*---------------------------------------------------------------------------
24. Edit Table Title
-----------------------------------------------------------------------------*/

#edit_table_title{
	background:#ffffff;
	border:#FFB164 2px solid;
	background-image:url(../images/orangebar3.jpg);
	background-repeat:repeat-x;
	width:720px;
	/*height:150px;*/
}

.edit_table_title_wrapper{
	position:absolute;
	top:170px;
	left:980px;
	width:725px;
	height:100%;
	/*height:155px;*/
	z-index: 1000;
}

/* Glowing Edges */
.edit {
   position:relative;
   z-index:0;
}
.edit .edit-content{
   position:relative;
   width:100% ;
   height:100%;
	//height:155px;
   z-index:2;
}

.edit .x1,
.edit .x1a,
.edit .x2,
.edit .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.edit .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.edit .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.edit .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.edit .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* End Glowing Edges */




/*-------------------------
 Peels weight selection
--------------------------*/



#peels_weights{
	position:absolute; 
	width:440px;
	z-index: 510;
}

.layer_header_1{
	background-image:url(../images/backgrounds/green_bkg.jpg);
	padding:6px;
}

.layer_header_2{
	background-image:url(../images/backgrounds/lightgreen_bkg.jpg);
	border-top:#4f81bd 2px solid;
	padding:6px;
}

.weight_wrapper{
	background-color:#ffffff;
	border-top:#4f81bd 2px solid;
	height:380px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.weight_odd{
	background-color:#ffffff;
	min-height:30px;
	padding:15px;
}

.weight_even{
	background-color:#f4f4f4;
	min-height:30px;
	padding:15px;
}

.select_button{
	float:right;
}

.weight_description{
	width:330px;
}










#bluePopup_wrapper_peels{
	width:440px;
	height:390px;
	height:auto;
	position:absolute; 
	top:340px; 
	left:785px;
}

#bluePopup_wrapper_peels h3 {
    color: #222222;
    font-weight: bold;
    text-transform: uppercase;
    display: inline;
}

#bluePopup_peels{
	position:relative;
	width: 445px;
	/*height:394px;*/
	height:auto;
	margin: 0px;
}



#bluePopup_peels .light{
	background-color:#ffffff;
	height:auto;
	width:303px;
	padding:10px;
	margin-left:-10px;

}

#bluePopup_peels .dark{
	background-color:#f4f4f4;
	height:auto;
	width:303px;
	padding:10px;
	margin-left:-10px;
}





.summary_peels{
	background-color:#ffffff;
	border:#4f81bd 2px solid;
	border-top:none;
	padding:0px;
	width:435px;
	overflow:auto;
}

.blueHeader_peels{
	background-image:url(../images/blue_bar.png);
	border:#4f81bd 3px solid;
	width:433px;
}

#bluePopup_wrapper_peels .icon
{
	float: right;
	margin-left: 4px;
}