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





/*-------------------------
3. Typography
--------------------------*/
#custom_doc p{
	padding:0 0 5px 0;
}

#custom_doc h1, #custom_doc h1.sub{
	color:#B8AFB8;
	padding-bottom:2px;
	letter-spacing:0;
}

#custom_doc h1.light{
	color:#b1b1b1;
	font-weight:400;
	padding-bottom:4px;	
}

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

#custom_doc h2.invert{
	background:#91B339;
	color:#fff;
}

#custom_doc h3{
	margin:0px 0 3px 0;
	padding:2px 6px;
}

#custom_doc h4{
	color:#666;
	letter-spacing:1px;
	line-height:20px;
	margin:0px 0 3px 0;
	padding:2px 6px;
	text-transform:uppercase;
}

#custom_doc h4 a{
	color:#666;	
}

#custom_doc h4:hover{
	color:#d75613;

}

#custom_doc h5{
	color:#aeacac;
	font-size:13px;
	font-weight:700;
	line-height:21px;
	margin:0;
	text-transform:uppercase;
}

.tagline{
	margin:20px 0 0 0;
}

.tagline strong{
	font-size:16px;
	font-style:normal;
	font-weight:600;	
}

.emphasize
{
    color: #f00;
}

/*-------------------------
5. Lists
--------------------------*/
#custom_doc ul{
	color:#666;
	list-style-type:square;
	list-style-image:none;
	margin:10px 0 0 40px;
}

/*-------------------------
8a. General Layout
--------------------------*/
.bg-4{
	background:#91B339;
}

.mylib{
	clear:both;
	height:706px;
	margin:10px 0 0;
}
.dl{
	clear:both;
	height:706px;
	margin:10px 0 0;
}

.mylib-sidebar{
	height:100%;
	max-height:674px;
	width:22%;
}

.mylib-sidebar .level2{
	padding-left:36px;
	margin-top:0;
}



#custom_doc .mylib-sidebar .level2 h6, #custom_doc .mylib-sidebar .level2 h6 a{
	color:#3C8DC3;
	font-size:13px;
	font-weight:normal;
	text-transform:none;
}

#custom_doc .mylib-sidebar .level2 h6 a:hover{
	color:#E27232;
	}

#custom_doc .mylib-sidebar .level2 h6.active, #custom_doc .mylib-sidebar .level2 h6.active a{
	color:#666;
	cursor:text;
	font-weight:bold;
}


.sidewrap{
	float:right;
		background:#eaeaea;
	/*height:100%;
	max-height:674px;*/
	border: 0px solid blue;	
padding:16px;
width:  210px;		
}	
.sidewrap2{
	float:right;
		background:#ffffff;
	/*height:100%;
	max-height:674px;*/
	border: 0px solid blue;	
padding:16px;
width:  210px;		
}	
.qs-go, .ps-go, .ts-go{
	
	text-align:center;
border-radius: 15px 15px 15px 15px;
	margin-bottom:2px;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;	
			
}

div#iePSLogo, .qs-go
{
    width: 210px;
    height: 88px;
}

.ts-go{ background:#91b339;
background-image: url(../images/bg-shape.png);
}

.ps-go{ background:#DF7F26;
background-image: url(../images/bg-shape.png);
	}

.qs-go{ 
background: #609aca; 
background-image: url(../images/bg-shape.png);

}


.ps-go:hover {
background: #f59e41; /* Old browsers */
background-image: url(../images/bg-shape.png);	
background-position: bottom;

}
.qs-go:hover {
background: #80a9ca; 
background-image: url(../images/bg-shape.png);	
background-position: bottom;


}
.ts-go:hover {
background:#a5ca40;	
background-image: url(../images/bg-shape.png);	
background-position: bottom;
}


.dl-right{
	float:right;
	height:100%;
	max-height:674px;
	padding:16px;
	width:22%; 
}	

.dl-main{
	padding:0 20px 20px 0px;
	width:71.6%;
}

.mylib-full{
	padding:0 20px 20px 20px;
	width:73.75%;
}

.mytables, .dltables{
	height:300px;
	margin-bottom:20px; 
	padding:13px 15px 23px 15px; 
}

.mylib-full .mytables{
	height:100%;
	max-height:625px;
}

#custom_doc .mytables ul, #custom_doc .dltables ul{
	margin:5px 10px 0 16px;
}

#custom_doc .mytables ul li, #custom_doc .dltables ul li{
	padding-bottom:10px;
}


#custom_doc ul.table-list{
	margin:5px 10px 0 0;	
}

#custom_doc ul.table-list li{
	margin:0 0 0 0;
	list-style-type:none;
	padding-left:28px;
}

#custom_doc ul li.ps{
	background-image:url(../images/icon_ps.png);
	background-repeat:no-repeat;
}

#custom_doc ul li.ts{
	background-image:url(../images/icon_ts.png);
	background-repeat:no-repeat;
	
}

.dltables{
	height:235px;
}

.avatar{
	margin:-3px 10px 20px 8px; 

}


#custom_doc .mylib-right h4, #custom_doc .mylib-right h4:hover{
	color:#666;
	margin:0;
}

#custom_doc .mylib-right p{
	margin:6px 0 0 6px;
}

#custom_doc li.no-style{
	list-style:none;
}

.mylib-full p{
	margin-top:3px;
}

/*-------------------------
My Library Tables
--------------------------*/
table.mylib{
	border:none;
	border-collapse:collapse;
	text-align:left;
	width:100%;
}

table.mylib th{
	background:#737373;
	border:none;
	color:#fff;
	font-size:13px;
	padding:5px;
	text-align:left;
}

table.mylib td{
	background:#f5f5f5;
	border:none;
	font-size:12px;
	padding:6px;
	text-align:left;
}

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

table.mylib td.title, table.mylib td.download, table.mylib td.varname{
	color:#3C8DC3;
	cursor:pointer;
}

table.mylib td.title:hover, table.mylib td.download:hover{
	color:#E27232;
}

#fakeBody input[type="text"]{
	min-width:155px;}
	
#custom_doc th.sort-dn, #custom_doc th.sort-up{
	background-repeat:no-repeat;
	background-position:6px 9px;
	cursor:pointer;
	padding-left:24px;
}

#custom_doc th.sort-dn{
	background-image:url(../images/arrow_dn.png);
}

#custom_doc th.sort-up{
	background-image:url(../images/arrow_up.png);
}

table.mylib th.title{
	width:44%;
}

table.mylib th.subj, table.mylib th.dataset, table.mylib th.app{
	width:17%;	
}

table.mylib th.delete{
	width:5%;
}

table.mylib td.title{
	width:49%;
}

table.mylib td.subj, table.mylib td.dataset, table.mylib td.app{
	width:18%;	
}

table.mylib td.delete{
	width:3%;
}

table.mylib.batches th.batch{
	width:27%;
	}
	
	table.mylib.batches th.dataset, table.mylib.batches th.app, table.mylib.batches th.date, table.mylib.batches th.download{
	width:18%;	
}
	
	
	table.mylib.batches td.batch{
	width:30%;
	}
table.mylib.batches td.dataset, table.mylib.batches td.app, table.mylib.batches td.date, table.mylib.batches td.download{
	width:19%;	
}


.batch-info{
	font-size:12px;
	margin-left:290px;
	top:363px;
	width:620px;
}


.run-batch{
	font-size:12px;
	margin-left:290px;
	top:363px;
	width:350px;
}

h2 span{
	font-size:12px;
	font-weight:normal;
	margin:-2px 6px 0 0;
}

#custom_doc select{
	padding:2px;
}
	
.mylib-thead table{
	height:auto;
	margin:10px 0 0;	
}

.mylib-tbody{
	height:545px;
	overflow-y:scroll;	
}

.mylib-vars-tbody{
	height:515px;
	overflow-y:scroll;	
}

.mylib-tbody table{
	height:auto;
	}

table.mylib.vars th.varname{
	width:40%;
	}
	
table.mylib.vars th.select{width:10%;}

table.mylib.vars th.subj, table.mylib.vars th.dataset{
	width:20%;
	}
	
table.vars tbody tr:hover td{
	background:#fff;
	cursor:pointer;
	}
	
#custom_doc table.mylib th a{
	color:#fff; 
	font-weight:normal;
}	

#custom_doc .level2 ul{
	margin-top:0;
}



#mylib-sidebar-wrapper{
	border-right:#000 18px solid;
	height:685px;
	float:left; 
}

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

#custom_doc ul.landing-page-nav {
	list-style-type: none;
    margin: 0px 0 40px 0;
    padding: 0px 20px 0px 20px;
	width:67.5%;
	height:40px;
	background-image:url(../images/land-page-nav-bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	border:0px solid red;

}

#custom_doc ul.landing-page-nav li {
    float: left;
	padding: 0px;
}

#custom_doc ul.landing-page-nav li a {
    display: block;
	padding: 4px 25px 17px 25px;
	color:#6A6666;
	font-weight:700;
	border:0px solid red;	
}

#custom_doc ul.landing-page-nav ul {
	padding:0px;
	margin:0px;
	display:none;
}

#custom_doc ul.landing-page-nav li:hover > ul {
		display: block;
		position: absolute;
		list-style-type: none;
		background: #609ACA;
		
	}
	
#custom_doc ul.landing-page-nav li:hover > ul li{
		float: none; 
		position: relative;
		width:100%;
		text-align:center;
		
		
	}	
#custom_doc ul.landing-page-nav li a{
	text-align:center;
	
}
#custom_doc ul.landing-page-nav li:hover > ul li a{
		width: 200px;
		line-height: 30px;
		padding: 0 5px;
		color:#FFF;
		font-weight:normal;
		text-align:left;
			 -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 ul.landing-page-nav li:hover > ul li a:hover{
background-image: none;
background: #4884b7;
}

#custom_doc ul.landing-page-nav li:hover > a, #custom_doc ul.landing-page-nav li:hover > a.active{
	color:#609ACA;
	background:url(../images/nav-arrow.png) no-repeat;
	background-position:center bottom;	
	
}	
	
#custom_doc ul.landing-page-nav li a.active{
	color:#609ACA;
	background:url(../images/nav-arrow.png) no-repeat;
	background-position:center bottom;
	
}


#custom_doc h3.block 
{
	display:inline-block;
	padding:5px 15px 5px 15px;
	margin-bottom:30px;
	background:#EAEAEA;
	*float:left;
}

#custom_doc h3.block-footer
{
	display:inline-block;
	padding:5px 15px 5px 15px;
	margin-bottom:30px;
	background:#EAEAEA;
	width:60px;
}

#custom_doc h3.block-short {
	display:inline-block;
	padding:5px 15px 5px 15px;
	margin-bottom:15px;
	background:#EAEAEA;
	*float:left;
}

p.landing-page-footnote{
	width:71.6%;
	float:left;
}

#custom_doc h3.block-link {
	display:inline-block;
	padding:5px 15px 5px 15px;
	margin-bottom:30px;
	margin-right:20px;
	background:#EAEAEA;
	float:right;
	color:#3080C3;
	cursor: pointer;
}

.update-txt{
	width:525px;
	margin:0 75px 10px 0; 
	float:right;
	text-align:left;
}

.update-date{
	background:#3A5F89; 
	color:#fff; 
	width:95px;  
	line-height:2.6em; 
	height:28px; 
	text-align:center;
}

lead{
	display:inline;
	font-size:18px;
	font-weight:400;	
}

.accordion .level1{ 
	width:95%;
	margin-bottom:6px;
}

.accordion p{
	margin:15px 34px; 
	width:75%; 
	clear:both;
}

.accordion .icon{
	margin:4px 0 0 6px;
}

/*-------------------------
14. Index carousel
--------------------------*/

.spot{
	background:#fff;
	border:#E5E5E5 3px solid;
	width:627px;
	height:333px;
	padding:20px;	

}

.spot h3{
		
	text-transform:uppercase;	
}

.spot .width-33{
	text-align:center;	
}

.spot .width-25{
	padding-top:30px;
	text-align:center;	
}

.spot .jcarousel-wrapper{
	padding:0;
	width:100%;	
}

.spot  .jcarousel div div {
	width:627px;
}

#custom_doc ul.dl-splash-nav{margin:20px 0 0 0;display:inline-block;}
ul.dl-splash-nav li {border-bottom:#E5E5E5 8px solid; float:left; cursor:pointer; padding:0; margin:0; margin-right:16px;  list-style-type:none;}
ul.dl-splash-nav li#ts-active.current, li#ts-active.current:hover {border-bottom:#8DBC3F 8px solid;}
ul.dl-splash-nav li#qs-active.current, li#qs-active.current:hover {border-bottom:#2379BA 8px solid;}
ul.dl-splash-nav li#ps-active.current, li#ps-active.current:hover {border-bottom:#DF7F26 8px solid;}

#custom_doc select#codeVarnameSelect, #custom_doc select#codeSubjectSelect
{
    width: 300px;
}