/* overwrite jquery styles */
.modified-jqury-ui-styles  .ui-widget-content{border: none !important;}
.modified-jqury-ui-styles  .ui-tabs .ui-tabs-panel{padding:.4em !important;}
.modified-jqury-ui-styles  .ui-tabs .ui-tabs-nav li a { padding: .3em .6em !important; }



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

.fl{float:left;}
.fr{float:right;}

#intro-w {
	margin: 0 0 1.5em 0;
}
#intro {
	background: transparent url(../images/bg-intro.png) top left repeat-x;
	padding: .75em 0 0 0;
	border-top: .375em solid #5db0cf;
	border-bottom: .375em solid #5db0cf;
	color: #fff;
}




#intro h1 {
	font: Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin: 0 0 0 15px;
	text-shadow: #666666 1px 1px 2px;
	padding: 0;
}

#about {
	margin: 10px 0 0 30px;
}


#about p {
	font: "Trebuchet MS" Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin: 0 0 .609em 0;
	color: #bfeeff;
}

#about span.shortIntro {
    color: #BFEEFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}


.start-here-button{
	background: transparent url(../images/start-here-white.png) top left no-repeat;
	width:97px;
	height:30px;
	display:block;
	float:right;
	color:black;
	line-height: 30px;
	font-size: 14px;
	padding-left:17px;
	margin-top:4px;
}

/* ---------------------------------------------------
=box
----------------------------------------------------- */
/* generic box */
.smallbox {
margin: 0 0 15px 15px;
}

.box.left{
	margin-left:15px;
}
.box.right{
	margin-right:15px;
}

/* ---------------------------------------------------
=latest-news
----------------------------------------------------- */


#latest-news a {
	color: #000;
}

.galeryImage{
	width:448px;
	height:205px;
}


/* ---------------------------------------------------
=blog
----------------------------------------------------- */


#blog {
	margin: 0 15px 0 0;	
}


#blog span {
	
	float: left;
	width: 70%;
}

#blog span.feed {
	
	float: right;
	width: 19%;
	
	text-align: right;
	
	font: normal 13px/20px "Trebuchet MS", Arial, sans-serif;
	
	text-transform: none;
	

}


#blog span.feed a {
	
	background: transparent url('../images/feed-icon.gif') center left  no-repeat;
	padding-left: 16px;

}



#blog div div {
	padding: 0;
}


#blog ul {
	list-style: none;
	padding: 0 0 .75em 0;
}

#blog   li {
	
	
}



#blog .title {
	
	
}

#blog .title h3 {
		
	float: left;	
	width: 69%;
	
}


#blog .title .date {
	color: #66994c;
	
	text-transform: uppercase;	
	font-size: 12px;
	

	font-weight: bold;
	
	
	float: right;	
	width: 30%;
	
	text-align: right;
	
	word-spacing: -2px;
}


#blog .archives {
	text-align: center;
	padding: .375em 0 .4em 0;
	background: #eee;
}

#blog .archives a {
	color: 	#666;
}

#blog .archives a:hover {
	color: 	#66994C;
}


/*  pubsub */

#hiring h2, 
#lastTweet h2, 
#blog h2, 
.pubsub h2,
#latest-news h2 {
	font: bold 14px Arial, sans-serif;
	padding: .304em .609em .304em .609em;
	margin: 0 0 0 0;
	text-transform: uppercase;
	color: #2D8FB4;
	border:1px #ddd solid;
	background-color: #fff;
	-moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    margin-bottom:2px;
}


#dev h2 {
	font: bold 14px  Arial, sans-serif;
	padding: .304em .609em .304em .609em;
	margin: 0 0 0 0;
	text-transform: uppercase;
	color: #2D8FB4;
	border:1px #ddd solid;
	background: #f2f2f2 url(../images/bg-dev-top.png) top left no-repeat;
	-moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    margin-bottom:2px;
}



/* ---------------------------------------------------
=dev
----------------------------------------------------- */

#blog div.blogEntriesBox {
	border:1px #ddd solid;
	padding: 10px;
	background-color: #fff;
	-moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
}


#latest-news div {
	border:1px #ddd solid;
	-moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
	
}


#dev div {
	border:1px #ddd solid;
	padding: .75em;
	background: #f2f2f2 url(../images/bg-dev-top.png) top left no-repeat;
	-moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
}





/* ---------------------------------------------------
=search
----------------------------------------------------- */

#search-w {
	margin: 0 15px 0 0;
	
	width: 445px;
}

/* new search */
#search-w.new {
	margin: 0 auto 0 auto;
}


.frontendTabContent  {
	color: #66994c;
	/* padding: .75em .75em  .75em .75em;*/
	border-bottom: 5px solid #77b359;
	background: transparent url(../images/box-search-top.png) top right no-repeat;
	/* IE6 */
	_background: #E6FFD9;
}


#search-w input {
	border: 2px solid #a1c98b;
	background: #fff;
	
	padding: 4px 4px;
	margin: 0;
	
	line-height: 1.0;
	
	vertical-align: middle;
	
	color: #999;
	
	/* IE6 */
	_color: #000;
	
}

#search-w input:focus {

	color: #000;
	
	background: #fffed9;
	
}


#search-w button {
	border: 0;
	background: transparent;
	
	padding: 0;
	margin: 0;
	
	line-height: 1.0;
	
	vertical-align: middle;
	
}



#search-w p {
	margin: 0;
}

#search-w ul  {
	
	list-style: none;
}

#search-w  li {
	float: left;	
	/* width: 100px;*/
	padding:0 16px;
	margin-right:1px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;	
	font-weight: bold;
	color: #5a8046;
	background-color:#A5D58B;
	
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	
	cursor: pointer;
	/* background: transparent url(../images/bg-tab.png) top left no-repeat;*/
	
	/* IE6 */
	_background: #B0E594;
}

#search-w  li.current {
	font-weight: bold;
	color: #000;
	background-color: #E6FFD9;
	/* background-image: url(../images/bg-tab-current.png);*/
	/* IE6 */
	_background: #E6FFD9;
}

#gallery {  
     position:relative;  
     height:205px  
 }  
     #gallery a {  
         float:left;  
         position:absolute;  
     }  
       
     #gallery a img {  
         border:none;  
     }  
       
     #gallery a.show {  
         z-index:500  
     }  
   
     #gallery .caption {  
         font-size:14px;
         z-index:600;   
         background-color:#000;   
         color:#ffffff;   
         height:64px;   
         width:100%;   
         position:absolute;  
         bottom:0; 
         padding:0 !important; 
         border:none !important;
     }  

    #gallery .caption .content {  
         border:none !important;
         padding:8px;
         color:#fff;
     }  
       
     #gallery .caption .content h3 {  
         margin:0;  
         padding:0;  
         color:#1DCCEF; 
         font-size:20px; 
     }  

     #gallery .caption .content b {  
         margin:0;  
         padding:0;  
         color:red;  
     }  


.expandButton {
	position:absolute; 
	right:8px;
	top:10px;
	font-size:14px;
	color:#2D8FB4;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	/* background:transparent url(../images/maximize.png) no-repeat scroll right top;
	padding-right:18px;
		*/
	float:right;
}
.expandButton a{
	text-decoration: none !important;
	color:white !important;
}
.expandButton a img{
	padding-left:4px;
}

.h0{
	font-size:16px;
	padding:10px 0 10px 0;
}

.bookmarkContainer{
	float:right;
}
.bookmarkContainer span{
	float:left;
}
.bookmarkContainer a:hover{
	color:#fff !important;
}

.bookmark{
	display:block;
	float:left;
	cursor: move;
	background:transparent url(../images/bookmark.png) no-repeat scroll left top;
	padding-left:33px;
	text-decoration: none;
	color:#fff;
	font-size: 13px;
	margin:1px 4px;
	width:110px;
}

.bookmark span{
	line-height: 18px;
}


.inspectButton{
	background:transparent url(../images/blank_button.png) no-repeat scroll left top !important;
	width:70px;
	height:34px !important;
	font-size:12px !important;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:0 none;
	line-height:34px !important;
	margin:0;
	padding:0;
	vertical-align:middle;
}
.inspectButton125{
	background:transparent url(../images/blank_button_125.png) no-repeat scroll left top !important;
	width:125px;
	height:34px;
	font-size:12px !important;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:0 none;
	line-height:1;
	margin:0;
	padding:0 4px;
	vertical-align:middle;
}

.inspectButton425{
    background:transparent url(../images/blank_button_425.png) no-repeat scroll left top !important;
    width:425px;
    height:34px;
    font-size:12px !important;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:0 none;
    line-height:1;
    margin:0;
    padding:0 4px;
    vertical-align:middle;
}

.error{
	color:red;
}
.mainErrorMsg{
	font-size:1em;
}
.detailErrorMsg{
	font-size:.8em;
}


div.inspector{
	border: 1px #A6C9E2 solid;
	padding:4px;	
}

div.inspectorLine{
	background-color: #A6C9E2;
	width:100%;
	height:1px;
}
div.inspectorPanel{
	border: 1px #A6C9E2 solid;
	height:18px;
	padding:2px 4px;
	width:155px;
    float:left;
}
div.inspectorMsg{
	flaot:left;
	padding:2px;
}
.insector-form-submit{
	font-weight:bold;
	width:200px; 
}
.inspectorParameterRight{
    text-align:right;
}

.frontendTabContent{
	padding: 0.75em;
}
.frontendTabContent h2{ 
	float:left;
}

.search-types-radio{
	margin-right:4px !important;
	margin-left:4px !important;
	margin-top:4px !important;
	float:left;
	border:none !important; 
	background: none !important;
}
.search-type-label{
	float:left;
}
.search-types{
	border:none !important;
}

div.inspectorOptionContainer{
    width:200px;
}
div.leftContainer{
    width:100%;
    float:left;
}
div.rdfExtractorOptions{
	border:1px #A6C9E2 solid;
	display:none;
	margin-bottom: 10px;
	width:99%;
}
.rdfextractorFormTitle{
    float:left;
    text-align: left;
    width:200px;
}
.rdfExtractorOptionsButton{
    float:right;
    text-align: right;
    width:200px;
}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */




/* styles for ntriples textarea */
#ntriples textarea{
	font-size:0.9em;
	line-height:1.1em;
	width:100%;
	height:400px;
}
#ontologies{
	font-size:0.9em;
	margin-top:4px;
}

.xmppDomain{
	font-weight: bold;
	color:#000;
}
.xTriplesFrom{
	background:transparent url(../images/link.gif) no-repeat scroll left top ;
	padding-left: 17px;
}
/* hiring box */
#hiring{
    width:450px;
    margin-left:15px;
}

div.hiringEntry{
    -moz-border-radius-bottomleft: 4px;
   -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius:4px;
   -webkit-border-bottom-right-radius:4px;
    background-color: white;
    border:1px #ddd solid;
    margin-bottom: 15px;
}
div.hiringEntryInner{
    width:438px;
    overflow-x:hidden;
    overflow-y:hidden;
    margin:4px;
}

.job-position-box{
    border:1px #eee solid;
}
.job-position-box-inner{
    margin:8px;
}
.applyButtonBox{
    margin:15px auto;
    width:200px;
}
.emailButtonBox{
    margin:15px auto;
    width:225px;
}
.emailTo{
    background: url('../images/info-email.png') no-repeat;
    font-size:20px;
    height:20px;
    padding-left: 110px;
    cursor:pointer;
}

.weAreHiring{
	font-size:10px;
    font-weight: 700;
    font-style:normal;
    float:right;
    margin:4px 0 0 0;
}
.weAreHiring a{color:#fff; text-decoration: none;} 
.weAreHiring a:HOVER{color:#BFEEFF;}

/*  last Tweet box */
div#lastTweet{
	width:450px;
}
div.lastTweetEntry{
    -moz-border-radius-bottomleft: 4px;
   -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius:4px;
   -webkit-border-bottom-right-radius:4px;
    background-color: white;
    border:1px #ddd solid;
    margin-bottom: 15px;
}
div.lastTweetEntry div.bubble{
	width:438px;
	overflow-x:hidden;
	overflow-y:hidden;
	margin:4px;
}
div.lastTweetEntry div.bubble div{
	margin:4px;
	font-size:.9em;
}
div.lastTweetEntry div.bubble div a{
	margin:0;
	padding:0;
}
 
div.lastTweetEntry .tweetDate{
color:#66994C;
font-weight: bold;
word-spacing:-2px;
} 
 
.followUs,
.latestData{
	font:13px/20px "Trebuchet MS",Arial,sans-serif;
	float:right;
	font-size:0.8em;
	text-transform:none;
	display:block;
} 
.followUs{
	padding-left:24px;
	background: url(../images/twitter_24.png) no-repeat scroll left top;
}

a.logoImages img{
	margin-left: 16px;
	margin-top:8px;
	height:40px;
}
a.smallLogoImages img{
	margin-left: 8px;
	margin-top:4px;
	height:30px;
}

/*
version 1

div.lastTwittEntry{
	-moz-border-radius-bottomleft: 4px;
   -moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius:4px;
   -webkit-border-bottom-right-radius:4px;
	border:1px #ddd solid;
	margin:0 0 15px 0 ;
	background:transparent url(../images/bird-50.png) no-repeat scroll left -14px;
	height:84px;
}

div.lastTwittEntry div.bubble{
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:16px;
	position: relative;
	top:8px;
	left:74px;
	width:364px;
	height:66px;
	overflow-x:hidden;
	overflow-y:auto;
	border:1px #ddd solid;
	background-color: white;
}
div.lastTwittEntry div.bubble div{
	margin:4px;
}

version 2


div.lastTwittEntry{
	-moz-border-radius-bottomleft: 4px;
   -moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius:4px;
   -webkit-border-bottom-right-radius:4px;
	border:1px #ddd solid;
	margin:0 0 15px 0 ;
	background:transparent url(../images/twitter-box-2.png) no-repeat scroll left top;
	height:84px;
}
div.lastTwittEntry div.bubble{
	position: relative;
	top:8px;
	left:80px;
	width:357px;
	height:68px;
	overflow-x:hidden;
	overflow-y:auto;
}
div.lastTwittEntry div.bubble div{
	margin:4px;
}
*/



/* changes page */
.changes{padding:0 30px 30px 30px;}
.changes h1 {color: #365f91; font-size: 14px; margin-left:0 !important; padding-left: 0 !important;}
.changes h1.western { font-size: 16px; margin:0;padding:0;text-align: center;}
.changes .center{text-align: center;}
.changes ul li {margin:4px;list-style: none;}

.changes span{
	color:#999;
}




a.datasetNavi{
	font-weight: bold !important;
	text-decoration: none !important;
	cursor: pointer !important;
	color: green !important;
	margin-left:4px;
}
a.datasetNavi span{
	color:green;
}
a.datasetNavi button{
    background:#83BB67;
    color:white;
    font-weight:bold;
    border: 1px green solid; 
    -moz-border-radius: 4px;
    -webkit-border-radius:4px;
    font-size: 10px;
}
a.datasetNavi button:HOVER{
    background:#A1C98B;
}

span.lastRead{
	margin-left: 4px;
}

a.starred,
span.starred{
	background:transparent url(../images/sprites/insparql-starred.png) no-repeat scroll 0 -16px;
	width:16px;
	padding-left: 16px;
	line-height: 16px;
	height: 16px;
	margin-left: 4px;
}
a.insparql,
span.insparql{
	background:transparent url(../images/sprites/insparql-starred.png) no-repeat scroll left top;
	width:16px;
	padding-left: 16px;
	line-height: 16px;
	height: 16px;
	margin-left: 4px;
	cursor: pointer;
}