/*-----------------------------------
   DataLab Suite - Global Styles
   
  1. Reset
  2. Body
  3. Typography
  4. Links
  5. Lists
  6. Form Elements
  7. Buttons
  8. Generic Tables
  9. Layout
     9a. General Layout
     9b. Layout Miscellany
 10. DataLab Homepage
 11. Product Header 
 12. Product Home
 13. Product Workspace
	 13a. Workspace
	 13b. Workspace Drag 'n Drop
	 13c. Workspace Variables
	 13d. Workspace Table
 14. Product Output
 15. Layers
     15a. Variable Information
 
------------------------------------*/

/*-------------------------
1. Reset
--------------------------*/
#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;}
#layer_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;}
#layer_doc table{border-collapse:collapse;border-spacing:0;}
#layer_doc fieldset,img{border:0;}
#layer_doc h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

/*-------------------------
2. Body
--------------------------*/

#fakeBody{
	color: #666;
	font-family: 'Droid Sans', Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
	font-weight:400px;
	letter-spacing:0;
	line-height:19px;
	margin:auto;
	text-align:center;
	width:1024px;
}

body{
	color: #666;
	font-family: 'Droid Sans', Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
	font-weight:400px;
	letter-spacing:0;
	line-height:19px;
	margin:auto;
	text-align:center;
	width:1024px;
}

#custom_doc {
	margin:50px 20px 20px 20px;
	text-align:left;
	width:984px;
} 

/*-------------------------
3. Typography
--------------------------*/
#custom_doc h1.dataset{
	color:#FFF;
	display:inline-block;
	font-size:30px;
	font-weight:400;
	letter-spacing:1px;
}

#custom_doc h1{
	color:#666;
	display:inline-block;
	font-size:19px;
	font-weight:700;
	letter-spacing:1px;
	line-height:25px;
}

#custom_doc h1.sub{
	color:#666;
	display:inline-block;
	font-size:17px;
	font-weight:400;
	letter-spacing:0;
}

#custom_doc h2{
	color:#666;
	font-size:15px;
	font-weight:700;
	line-height:21px;
	padding:3px 0 3px 8px;
}

#custom_doc h3{
	color:#666;
	font-size:14px;
	font-weight:700;
	line-height:21px;
}

#custom_doc h4{
	color:#AEACAC;
	font-size:13px;
	font-weight:700;
	line-height:21px;
	margin:18px 0 0px 8px;
}

#custom_doc h5{
	color:#666;
	font-size:13px;
	font-weight:700;
}

#custom_doc h6{
	display:block;
	font-size:11px;
	font-weight:700;
	line-height:15px;
	padding:5px 0 5px 0;
	text-transform:uppercase;
}

#custom_doc h6 a{
	color:#666;
}

#custom_doc h6.active, #custom_doc h6.active a{
	color:#93B53A;
}

#custom_doc p{
	padding:12px 0 0 8px;
}

.lead{
	font-size:15px;
	line-height:23px;
	margin:0 0 35px 0;
}

.small{
	font-size:11px;
}

/*-------------------------
4. Links
--------------------------*/
#custom_doc a{
	color:#3C8DC3;
	text-decoration:none;
}

#custom_doc a:hover{
	color:#E27232;
	text-decoration:none;
}
a.logo {
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;	
}
a.logo:hover{
opacity:0.5;
filter:alpha(opacity=50);	
}

/*-------------------------
5. Lists
--------------------------*/
#custom_doc ul{
	color:#BBB;
	list-style-type:square;
	margin:10px 0 0 24px;
}

#custom_doc ol{
	list-style-type:decimal;
	margin:10px 0 0 24px;
}

#custom_doc ul li, #custom_doc ol li{
	padding:0 0 6px 0;
}

#custom_doc ul.no-style{
	font-size:12px;
	list-style-type:none;
	list-style-image:none;
	margin:10px 0 0 0;
}

#custom_doc ul.no-style li{
	padding:0 0 2px 0;
}

/*-------------------------
6. Form Elements
--------------------------*/
#custom_doc button,
#custom_doc input,
#custom_doc select,
#custom_doc textarea {
	margin:0;
	vertical-align:middle;
}

#custom_doc button,
#custom_doc input {
	*overflow:visible;
	line-height:normal;
}

#custom_doc button::-moz-focus-inner,
#custom_doc input::-moz-focus-inner {
	border:0;
	padding:0;
}

#custom_doc button,
#custom_doc input[type="button"],
#custom_doc input[type="reset"],
#custom_doc input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button;
}

#custom_doc input[type="search"] {
	-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
			box-sizing:content-box;
	-webkit-appearance:textfield;
}

#custom_doc input[type="search"]::-webkit-search-decoration,
#custom_doc input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

#custom_doc textarea {
	overflow:auto;
	vertical-align:top;
}

#custom_doc input,
#custom_doc textarea,
#custom_doc select,
.uneditable-input {
	  background-color:#ffffff;
	  border:1px solid #ccc;
	  color:#666;
	  font-family: 'Droid Sans', Arial, Verdana, Helvetica, sans-serif;
	  font-size:13px;
	  font-weight:400px;
	  display: inline-block;
	  padding:4px;
	  -webkit-border-radius:4px;
	  	-moz-border-radius:4px;
	  		border-radius:4px;
}

#custom_doc input[type="text"]{
	color:#999;
	font-size:12px;
	-webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	-webkit-box-shadow:inset 2px 2px 2px #efefef;
	  -moz-box-shadow:inset 2px 2px 2px #efefef;
	   	box-shadow:inset 2px 2px 2px #efefef;
}

#custom_doc label{
	display:inline-block;
	padding:0 3px 0 0;
	vertical-align:baseline;
}

.drag_box{
	  background-color:#ffffff;
	  border:1px solid #ccc;
	  color: #999;
	  font-family: 'Droid Sans', Arial, Verdana, Helvetica, sans-serif;
	  font-size:12px;
	  font-weight:400px;
	  display: inline-block;
	  line-height:16px;
	  margin:8px 0 0 0;
	  padding:5px;
	  -webkit-border-radius:5px;
	  	-moz-border-radius:5px;
	  		border-radius:5px;
	  -webkit-box-shadow:inset 2px 2px 2px #efefef;
	  	-moz-box-shadow:inset 2px 2px 2px #efefef;
	   		box-shadow:inset 2px 2px 2px #efefef;
}

/*-------------------------
7. Buttons
--------------------------*/
#custom_doc input.btn[type="button"] {
  display: inline-block;
  *display: inline;
  padding: 5px 10px 5px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(33, 33, 33, 0.40);
  text-transform:uppercase;
  vertical-align: top;
  cursor: pointer;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
		  -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}

#custom_doc input.btn-jumbo-ts[type="button"],
#custom_doc input.btn-jumbo-qs[type="button"],
#custom_doc input.btn-jumbo-ps[type="button"]{
	color:#fff;
	font-size:13px;
	letter-spacing:2px;
	padding:8.5px;
	text-transform:uppercase;
	width:71%;
	-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
			border-radius: 9px;
	-webkit-box-shadow: 0px 2px 3px #999;
		-moz-box-shadow: 0px 2px 3px #999;
			box-shadow: 0px 2px 3px #999;
	background:url(../images/bg-btn2.png) top left no-repeat;
			
}

#custom_doc input.btn-jumbo-ts[type="button"]{
	background-color:#A9BE55;
	border: 1px solid #A9BE55;
}

#custom_doc input.btn-jumbo-ts[type="button"]:hover{
	background:url(../images/bg-btn2.png) bottom left no-repeat;
	background-color:#859f34;
	border: 1px solid #859f34;
	text-shadow: 0 1px 1px rgba(33, 33, 33, 1);
}

#custom_doc input.btn-jumbo-qs[type="button"]{
	background-color:#5585A7;
			border: 1px solid #5585A7;
}
#custom_doc input.btn-jumbo-qs[type="button"]:hover{
	border: 1px solid #325877;
	background:url(../images/bg-btn2.png) bottom left no-repeat;
	background-color:#325877;
	text-shadow: 0 1px 1px rgba(33, 33, 33, 1);
}

#custom_doc input.btn-jumbo-ps[type="button"]{
	background-color:#E27232;
	border: 1px solid #E27232;
}	
#custom_doc input.btn-jumbo-ps[type="button"]:hover{
	border: 1px solid #d2582c;
	background:url(../images/bg-btn2.png) bottom left no-repeat;
	background-color:#d2582c;
	text-shadow: 0 1px 1px rgba(33, 33, 33, 1);
}

#custom_doc input.btn-small[type="button"]{
	border:#E27232 1px solid;
	color:#fff;
	background:url(../images/bg-btn-sm2.png) center left no-repeat;
	background-color:#E27232;
	font-size:13px;
	height:23px;
	letter-spacing:1px;
	margin:0px 0 0 6px;
	min-width:45px;
	padding:3px;
	text-transform:uppercase;
	  text-shadow: 0 1px 1px rgba(33, 33, 33, 0.75);
	vertical-align:top;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px #999;
		-moz-box-shadow: 0px 2px 2px #999;
			box-shadow: 0px 2px 2px #999;
		 -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;			
}

#custom_doc input.btn-small[type="button"]:hover{
	border:#d2582c 1px solid;
	background:url(../images/bg-btn-sm2.png) bottom left no-repeat;	
	background-color:#d2582c;
	text-shadow: 0 1px 1px rgba(33, 33, 33, 1);
}

#custom_doc input.btn-close[type="button"]{
	border:none;
	color:#fff;
	background:none;
	background-color:none;
	font-size:13px;
	font-weight:700;	
	padding:1px 0 0 0;
	 text-shadow: 0 1px 1px rgba(33, 33, 33, 0.25);
}

#custom_doc input.btn-close[type="button"]:hover{
	color:#E27232;
}

/* --- new buttons for dl landing pages --- */
#custom_doc input.btn-jumbo-ts2[type="button"],
#custom_doc input.btn-jumbo-qs2[type="button"],
#custom_doc input.btn-jumbo-ps2[type="button"],
#custom_doc input.btn-jumbo-ts2[type="submit"],
#custom_doc input.btn-jumbo-qs2[type="submit"],
#custom_doc input.btn-jumbo-ps2[type="submit"]{
	color:#fff;
	font-size:13px;
	letter-spacing:2px;
	padding:8.5px;
	text-transform:uppercase;
	width:100%;
	height: 84px;
	-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
			border-radius: 9px;
	-webkit-box-shadow: 0px 2px 3px #999;
		-moz-box-shadow: 0px 2px 3px #999;
			box-shadow: 0px 2px 3px #999;
	background:url(../images/bg-btn2.png) top left no-repeat;
			
}

#custom_doc input.btn-jumbo-ts2[type="button"],
#custom_doc input.btn-jumbo-ts2[type="submit"]{
	background-color:#A9BE55;
	border: 1px solid #A9BE55;
}

#custom_doc input.btn-jumbo-ts2[type="button"]:hover,
#custom_doc input.btn-jumbo-ts2[type="submit"]:hover{
	background:url(../images/bg-btn2.png) bottom left no-repeat;
	background-color:#859f34;
	border: 1px solid #859f34;
	text-shadow: 0 1px 1px rgba(33, 33, 33, 1);
}

#custom_doc input.btn-jumbo-qs2[type="button"],
#custom_doc input.btn-jumbo-qs2[type="submit"]{
	background-color:#5585A7;
			border: 1px solid #5585A7;
}
#custom_doc input.btn-jumbo-qs2[type="button"]:hover,
#custom_doc input.btn-jumbo-qs2[type="submit"]:hover{
	border: 1px solid #325877;
	background:url(../images/bg-btn2.png) bottom left no-repeat;
	background-color:#325877;
	text-shadow: 0 1px 1px rgba(33, 33, 33, 1);
}

#custom_doc input.btn-jumbo-ps2[type="button"],
#custom_doc input.btn-jumbo-p2s[type="submit"]{
	background-color:#E27232;
	border: 1px solid #E27232;
}	
#custom_doc input.btn-jumbo-ps2[type="button"]:hover,
#custom_doc input.btn-jumbo-ps2[type="submit"]:hover{
	border: 1px solid #d2582c;
	background:url(../images/bg-btn2.png) bottom left no-repeat;
	background-color:#d2582c;
	text-shadow: 0 1px 1px rgba(33, 33, 33, 1);
}




/* -- end new buttons for dl landing pages --- */




/*-------------------------
8. Generic Tables
--------------------------*/
table.datalab{
	border-collapse:collapse;
	margin:12px 0 12px 0;
	table-layout:fixed;
	width:100%;
}

table.datalab td, table.datalab th{
	border:#e6e6e6 1px solid;
	padding:6px;
}

table.datalab th{
	background-color:#F5F5F5;
	text-align:center;
}


/*-------------------------
9a. General Layout
--------------------------*/
.width-25{width:25%;} .width-29{width:29%;} 
.width-30{width:30%;} .width-33{width:33%;} .width-35{width:35%;} 
.width-40{width:40%;} .width-43{width:43%;} .width-45{width:45%;} 
.width-50{width:50%;} .width-55{width:55%;} 
.width-60{width:60%;} .width-63{width:63%;} .width-65{width:65%;} 
.width-70{width:70%;} .width-75{width:75%;} 
.width-80{width:80%;} .width-85{width:85%} 
.width-90{width:95%;} 
.width-100{width:100%;}

.row-fluid, .row-clear{
	padding:16px;
	position:relative;
}

.row-clear{
	clear:both;
	width:auto;
}

.bg-1{
	background:#FBFBFB;
}

.bg-2{
	background:#F5F5F5;
}

.bg-3{
	background:#EAEAEA;
}

.bg-4{
	background:#999;
}

.bg-5{
	background:#C6C6C6;
}

.bg-grad{
	border: 1px #f0f0f0;
	background: url(../images/bg-grd.png) repeat-x;
}

.bg-areas{
	 border: 0px;
	 background: #f5f5f5;
}

.bg-areas h4{
line-height: 14px;
}
.bg-areas:hover{
	border: 0px #f0f0f0;
		 background: #e0e0e0;

}


.bg-grad:hover{
	border: 1px #f0f0f0;
	background: url(../images/bg-grd-on.png) repeat-x;
}

.level1{
	cursor:pointer;
	display:block;
	margin:3px 0 0 0;
	padding:5px 12px 5px 8px;
	min-width:190px;
}

.level2{
	cursor:pointer;
	display:block;
	margin:3px 0 0 0;
	padding:5px 12px 5px 8px;
}

.level3{
	cursor:pointer;
	margin:3px 0 0 30px;
}

#custom_doc h2.go-left
{
    padding-left: 0px;
}

/*-------------------------
9b. Layout Miscellany
--------------------------*/
.pull-right{
    float:right;
}

.pull-left{
    float:left;
}

.hide{
    display:none;
}

.show{
    display:block;
}

.invisible{
    visibility:hidden;
}

.overflow-y{
	overflow-y:scroll;
}

.overflow-x{
	overflow-x:scroll;
}

.overflow-none{
	overflow:hidden;
}

.center{
	text-align:center;
}

.txt-right{
	text-align:right;
}

.gutter-left{
	padding-left:45px;
}

.no-padd{
	padding:0;
}

.space-bracket{
	color:#ccc;
	font-size:17px;
	padding:0 5px 0 5px;
}

.thick-underline{
	border-bottom:#D7D7D7 5px solid;
}

/*-------------------------
10. DataLab Homepage
--------------------------*/
#dl-header img{
	margin:13px;
}

.tagline{
	font-size:15px;
	margin:20px 0 0 8px;
	position:absolute;
	text-transform:none;
	font-style:italic;
}

.contact{
	color:#c3c3c3;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:4px 12px 4px 12px;
	text-align:right;
	margin-bottom: 4px;
}
.dl-homelink {
padding: 4px 12px;	
}

#dl-product-main{
	min-height:350px;
}

.logobox{
	padding:30px;
}

#dl-product-other{
	min-height:500px;
	padding:42px 16px 16px 16px;
}

#dl-product-other input,
#dl-product-other select{
	  margin:12px 0 0 8px;
}

#dl-product-other select{
	width:210px;
}

#dl-product-other input.btn-small[type="button"]{
	margin-top:12px;
}

.news p{
	margin:0px 30px 0px 0;
}

/*-------------------------
11. Product Header
--------------------------*/
.product-header{
	border-bottom:#C6C6C6 5px solid;
	margin-bottom:20px;
	min-height:76px;
}

.links{
	font-size:12px;
	padding:8px 3px 0 0;
	text-align:right;
}

.product-header .pull-right{
	text-align:right;
}

/*-------------------------
12. Product Home
--------------------------*/
#home-main{
	min-height:785px;
	padding-top:0;
}

#home-sidebar{
	min-height:768px;
}

#table-info{
	margin-bottom:30px;
	min-height:300px;
}

#table1-info{
	margin:42px 0 0 0;
}

#table1-icon{
	margin:40px 0 0 30px;
}

#table2-info{
	margin:20px 0 0 0;
}

#table2-icon{
	margin:40px 0 0 30px;
}

#quick-retrieve{
	margin-bottom:30px;
}

#quick-retrieve input[type="text"]{
	margin-top:4px;
	width:220px;
}

#quick-retrieve input.btn-small[type="button"]{
	margin-top:3px;
}

/*-------------------------
13a. Workspace
--------------------------*/
.dataset-header{
	padding:12px;
}

.dataset-header label{
	color:#fff;
	font-size:11px;
	font-weight:700;
	letter-spacing:1px;
}

.main-header{
	height:26px;
	margin:0 0 25px 0;
	padding:8px;
}

.workspace-main{
	margin-top:12px;
	min-height:768px;
	padding:16px;
	width:70.5%;
}

.workspace-sidebar{
	margin-top:12px;
	height:768px;
	width:22%;
	overflow:auto;
}

.title{
	font-size:14px;
	padding:16px 8px 10px 8px;
}

.table-wrapper{
	height:402px;
	width:540px; 
	overflow: none;
}

/*-------------------------
13b. Workspace Drag 'n Drop
--------------------------*/
.box_label{
	display:inline-block;
	font-size:15px;
	font-weight:700;
	margin-right:10px;
	text-align:right;
	text-transform:uppercase;
	width:128px; 
}

.drag_box{
	display:inline-block;
	width:540px;
}

#rows-wrapper{
	margin-top:50px;
}

#columns-wrapper{
	margin:0 0 0 133px;
	width:536px;
}

#rows-wrapper .box_label, #columns-wrapper .box_label{
	display:block;
	text-align:left;
	width:114px;
}

#rows-wrapper .drag_box, #columns-wrapper .drag_box{
	display:block;
	height:96px;
	width:114px;
}

#rows-wrapper .hide_options{
	font-size:11px;
	margin-top:8px;
}

#rows-wrapper .hide_options_label{
	margin:1px 0 0 6px;
	position:absolute;
}

#columns-wrapper .box_label, #columns-wrapper .drag_box{
	margin-left:8px;
}

/*-------------------------
13c. Workspace Variables
--------------------------*/
.subject{
	display:inline-block;
	font-size:11px;
	font-weight:700;
	line-height:15px;
	margin:2px 0 0 2px;
	text-transform:uppercase;
	width:80%;
}

.icon{
	display:inline-block;
	float:left;
	width:28px;
}

.catvar, .contvar{
	display:block;
	font-size:12px;
	line-height:15px;
	padding:5px 0 5px 0;
	width:160px;
}

.catvar{
	color:#93B53A;
}

.contvar{
	color:#3B8EC3;
}

.show-varinfo{
	background-color:#C6C6C6;
	border:#c6c6c6 2px solid;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
			border-top-left-radius: 4px;
			border-bottom-left-radius:4px;
	color:#fff;
	font-weight:700; 
	margin-left:-7px;
	padding-left:6px;
}

.variable-key .catvar, .variable-key .contvar{
	display:inline;
	font-size:11px;
}

.variable-key{
	color:#ccc;
	margin:3px 0 0 30px;
	padding:3px 0 3px 0;
	text-align:right;
}	

#key{
	color:#666;
	background-color:#FBFBFB;
	font-size:12px;
	display:none;
	width:400px;
	margin-left:65px;
	padding:12px;
	position:fixed;
	text-align:left;
}

.variable-key{
	xcursor:help;
}

.variable-key:hover #key{
	display:none;
}

/*-------------------------
13d. Workspace Table
--------------------------*/
table.workspace{
	border:none;
	border-collapse:collapse;
	text-align:left;
	table-layout:fixed;
	width:100%;
}

table.workspace th{
	background:#737373;
	border-right:#fff 3px solid;
	color:#FBFBFB;
	font-size:14px;
	padding:6px 0 3px 6px;
	text-align:center;
}

table.workspace tr.cats th, table.workspace tr.totals th, table.workspace th.rowHead{
	color:#666;
	font-size:13px;
	padding:6px;
}

table.workspace tr.cats th{
	background:#999;
	text-align:center;
}

table.workspace tr.totals th{
	background:#ccc;
	text-align:left;
}

table.workspace th.rowHead{
	background:#ddd;
	font-weight:400;
	text-align:right;
	width:25%;
}

table.workspace th.rowVar{
	font-weight:700;
	text-align:left;
}

table.workspace td{
	background:#F5F5F5;
	border-right:#fff 3px solid;
	font-size:13px;
	padding:6px;
	text-align:right;
	min-width:50px;
}

table.workspace tbody tr:nth-child(odd) td{
	background-color:#E6E6E6;
}

table.workspace th.no-border, table.workspace td.no-border{
	border:none;
}

/*-------------------------
14. Product Output
--------------------------*/
#output-main{
	margin-top:12px;
	min-height:768px; 
	width:70%;
}

#output-sidebar-wrapper{
	border-right:#EAEAEA 18px solid;
	margin-top:12px;
	height:800px;
	width:24%;
}

#output-sidebar-wrapper:hover{
	border-right:#f6f6f6 18px solid;
	cursor:pointer;
}

#output-sidebar{
	border-right:#D7D7D7 2px solid;
	min-height:768px;
}

.output-wrapper{
	width:688px;
	height:418px;
	overflow:auto;
}

/*--------------------------------
15. Layers
--------------------------------*/
.layer{
	border:#c6c6c6 6px solid;
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow:5px 5px 5px #aaa;
		-moz-box-shadow:5px 5px 5px #aaa;
	  		box-shadow:5px 5px 5px #aaa;
	position:absolute;
    z-index: 100;
}

.layer-title{
	background-color:#c6c6c6;
	color:#fff; 
	font-size:12px; 
	font-weight:700;
	height:23px;
	padding:0 6px 0 6px;
	text-transform:uppercase;
}

/*--------------------------------
15a. Variable Information
--------------------------------*/
.variable-info{
	font-size:12px;
	margin-left:215px;
	top:383px;
	width:505px;
}

.tab-down, .tab-up{
	background-color:#fff;
	border:#e6e6e6 1px solid;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
	display:inline-block;
	font-size:12px;
	font-weight:700;
	margin:14px 0px 0 6px;
	padding:8px 8px 6px 8px;
	z-index:9999;
}

.tab-down img, .tab-up img{
	margin:0 4px -2px 0;
}

.tab-down{
	border-bottom:#fff 2px solid;
}

.tab-up{
	background-color:#e6e6e6;
	border-bottom:#e6e6e6 2px solid;
	cursor:pointer;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
    	-ms-transition: all .5s ease-in-out;
    	-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}

.tab-up:hover{
	background:#efefef;
}

.tab-content{
	background-color:#fff;
	border:#e6e6e6 1px solid;
	-webkit-border-radius:4px;
		-moz-border-radius:4px;
			border-radius:4px;
	display:block;
	margin-top:-1px;
	padding:15px 27px 15px 27px;
	z-index:0;
}

.use-option{
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	margin:25px 8px 30px 0;
}

.use-option:hover{
	color:#E27232;
}

.use-option img{
	margin:0 4px -7px 0;
}


/*--------------------------------
16. tooltips
--------------------------------*/
.tooltip{
	position:absolute;
	z-index:1030;
	display:block;
	visibility:visible;
	font-size:12px;
	line-height:1.4;
	opacity:0;
	filter:alpha(opacity=0);
}

.tooltip.in{
	opacity:1;
	filter:alpha(opacity=100);
}

.tooltip.top{
	margin-top:-3px;
	padding:5px 0;
}

.tooltip.right{
	margin-left:3px;
	padding:0 5px;
}

.tooltip.bottom{
	margin-top:3px;
	padding:5px 0;
}

.tooltip.left{
	margin-left:-3px;
	padding:0 5px;
}

.tooltip-inner{
	max-width:200px;
	padding:3px 8px;
	color:#333;
	text-align:left;
	text-decoration:none;
	background-color:#EAEAEA;
	border-radius:4px;
}

.tooltip-arrow{
	position:absolute;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
}

.tooltip.top .tooltip-arrow{
	bottom:0;
	left:50%;
	margin-left:-5px;
	border-width:5px 5px 0;
	border-top-color:#EAEAEA;
}

.tooltip.top-left .tooltip-arrow{
	bottom:0;
	left:5px;
	border-width:5px 5px 0;
	border-top-color:#666;
}

.tooltip.top-right .tooltip-arrow{
	bottom:0;
	right:5px;
	border-width:5px 5px 0;
	border-top-color:#EAEAEA;
}

.tooltip.right .tooltip-arrow{
	top:50%;
	left:0;
	margin-top:-5px;
	border-width:5px 5px 5px 0;
	border-right-color:#EAEAEA;
}

.tooltip.left .tooltip-arrow{
	top:50%;
	right:0;
	margin-top:-5px;
	border-width:5px 0 5px 5px;
	border-left-color:#EAEAEA;
}

.tooltip.bottom .tooltip-arrow{
	top:0;
	left:50%;
	margin-left:-5px;
	border-width:0 5px 5px;
	border-bottom-color:#EAEAEA;
}

.tooltip.bottom-left .tooltip-arrow{
	top:0;
	left:5px;
	border-width:0 5px 5px;
	border-bottom-color:#EAEAEA;
}

.tooltip.bottom-right .tooltip-arrow{
	top:0;
	right:5px;
	border-width:0 5px 5px;
	border-bottom-color:#EAEAEA;
}

.peels_select 
{
    width:415px;
}

#custom_doc div.update-date-div
{
    float: left;
    width: 120px;
}

#custom_doc div.update-text-div
{
    float: left;
    width: 560px;
}

.blue-tooltip + .tooltip > .tooltip-inner
{
    background-color: #80a9ca;
}

.blue-tooltip + .tooltip > .tooltip-arrow
{
    border-left-color: #80a9ca;
}

.orange-tooltip + .tooltip > .tooltip-inner
{
    background-color: #f59e41;
}

.orange-tooltip + .tooltip > .tooltip-arrow
{
    border-left-color: #f59e41;
}

.green-tooltip + .tooltip > .tooltip-inner
{
    background-color: #9FC33E;
}

.green-tooltip + .tooltip > .tooltip-arrow
{
    border-left-color: #9FC33E;
}

.gray-tooltip + .tooltip > .tooltip-inner
{
    background-color: #bbbbbb;
}

.gray-tooltip + .tooltip > .tooltip-arrow
{
    border-left-color: #bbbbbb;
}

#QuestionnaireSelect
{
    background-color: Yellow;
    width: 385px;
}