/* CONFIG POPUP */

label.error { color:#d22; display: inline; white-space:nowrap; font-size:80%; font-weight:bold; margin-left:5px; font-family:Arial; background-color: #fdd; border: 1px dotted #f44; padding:1px; }
div#general_error { color:#d22; display: inline; white-space:nowrap; font-size:110%; font-weight:bold; margin-left:5px; font-family:Arial; background-color: #fdd; border: 1px dotted #f44; padding:3px; }	
fieldset.config_options { background-color: #eee; border: 1px solid #aac; font-size:80%; padding:8px; padding-bottom:12px; max-width:900px;}

/* MAIN PAGE layout */

/* default page body style */
body {
  margin: 0;
  padding: 0;
  min-width: 750px;      
  padding-top: 20px;
  padding-bottom: 20px;

  /*typography*/

  font-size: 90%;
  font-family:  Arial, Verdana, sans-serif;
  line-height: 125%;
  background-color: #fff; 
  color: #292929;		/* font color */
}

#plugin-block {
	font-size: 85%;
}

/* add the bluish frame as a selectable feature (use body id="padded") */
body#padded {
  padding-top: 0px;  
  padding-left: 30px;
  padding-right: 30px;
  /*background-color: #edf;*/
  /*background-color: #ddddff;*/
  background: #adadad url(../img/bg.png) 0 0 repeat-x;
}

/* heading tags */

h1, h2, h3, h4, h4 {
	padding-bottom: 5px;
	margin: 10px 0;
}

h1 {
   font-size: 170%;
}

h2 {
   font-size: 150%;
   margin-top: 25px;
}

h3 { 
   font-size: 130%;
}

h4 {
   font-size: 100%;
}
 
hr {
  height: 0px;
  border: 1px solid #104A91;
}

img {
  border: 0;
}

form {
  margin: 1;
  padding: 1;
}

pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}

/* Green bold text in sawa index page: Processing steps...*/
b#gr {
	color: #1E6D0F;
}

p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}

/* links */

a {
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

h3 a:hover {
  text-decoration: none;
}



/* TABLE properties*/

table {
  border-collapse: collapse; /*makes tables nicely close */
  padding: 1px; 
}

th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

                              
/* set the color of table cells (this affects e.g. config_popup)*/
td.header {
	vertical-align: middle;
	text-align:left;
	background-color:lightblue;
}

td.body {
	vertical-align: middle;
	text-align:left;
	background-color: #F1F1F1;
}

table#results_listing td { font-size: 90%; }

/* error_block (table in a div) */

div#error_block { 
	margin : 0px; 	
	margin-top : 20px; 
	margin-bottom : 10px; 	
}

div#error_block table.error {
  color:red;
  background-color: #fdd;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #fcc;
  border-collapse: collapse;
}

div#error_block td.error {
  color:red;
  background-color: #fdd;
  padding: 0.75em 0.75em;
  font-size: 13px;
  border: 0px solid #fcc;
  border-collapse: collapse;
}

/* Specific ID and CLASS selectors                                 */


/* THIS IS USED: to make these divs span the full width of the page*/
#header, #content {
  width: 100%;
}

/* THIS iS USED: to push page (with <div id='main>') down by 10px */
#main {
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;

}


/* MIDDLECONTAINER STYLES                          */

/* THIS IS USED: for padding for the main container*/

#middlecontainer {
  background: #ffffff;  
  /*padding:0px 10px 10px 10px;
  padding: 0px 10px 0px 10px;*/
	padding: 0px 0px 0px 0px;
}

div#middlecontainer a,
div#middlecontainer a:link,
div#middlecontainer a:visited {
   color: #104A91;
}

div#middlecontainer .title,
div#middlecontainer h2 {
	color: #104A91;
}

/* SAWA HEADER */

div#sawa_header {
	/*background: #f0f0ff;*/
	background: #fafaff;
	/*background-image: url(../img/gradient.gif);
	background-repeat: repeat-x;*/
	margin-bottom: 5px;
	margin-top: 10px;
	border-top: 1px dotted #ccc;
}

div#sawa_header p {
	font-size: 120%;
	margin-bottom: 15px;
	/*margin-left: 15px;*/
}

div#sawa_header h1.title {
	font-size: 200%;
	padding-top: 20px;
	/*margin-left: 15px;*/
}

/* small page navigation */

div#navigation {
	font-size : 75%;
	font-weight: bold;
	color :#933;
	background-color : #eef;
	border : 1px dotted #ccd;
	padding : 2px;
}

/* NavBar: special fields for final results */

span#navFileName, 
span#navTransformName, 
span#navKey {
	color :#222;
	font-weight: normal;
	font-size : 105%;	
}


/* SAWA TOPNAV (SITE) */

div#sawa_topnav ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
/*float:right;*/
}

div#sawa_topnav li {
float:right;
}

div#sawa_topnav a {
  	font-size: 90%;
	text-align:center;
	padding: 2px;
	padding-left: 1px;
	padding-right: 1px;	
	margin: 0px;	
	margin-right: 1px;
	display:block;
	width:90px;
	background-color:#dddddd;
}

div#sawa_topnav a:hover,
div#sawa_topnav a:active {
	text-decoration: none;
	background-color:#9999AF;
}


/* SAWA FOOTER */

div#sawa_footer {
	font-size: 75%;
	background-color : #fff;
	border-top : 1px dotted #BBC;
	padding : 2px;
	margin-top : 40px;
	/*background: #efe;*/
	/*background-image: url(../img/gradient.gif);*/
	/*background-repeat: repeat-x;*/
	margin-bottom: 5px;
}

span#footer-email {
	color : #104A91;
	font-weight:bold;	
}

span#footer-email span {
	color : #555;
	font-weight:normal;	
}

/* SAWA PAGE_NAV (transform results) */

div#page_nav ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

div#page_nav li {
float:left;
}

div#page_nav a {
  	font-size: 90%;
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
	text-align:center;
/*	padding: 2px;*/
/*	padding-left: 1px;*/
/*	padding-right: 1px;	*/
	margin: 0px;	
/*	margin-right: 1px;*/
	padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
    
	display:block;
/*	width:25px;*/
/*	height:25px;*/
	background-color:#dddddd;
}

div#page_nav a.current {
	text-decoration: none;
	background-color:#AF9999;
}

div#page_nav a:hover,
div#page_nav a:active {
	text-decoration: none;
	background-color:#9999AF;
}



/* CONFIGURATION SELECTOR */

select.config {
	font-size:11px; 
	width:145px; 
	height:16px;
	position:relative;
	top:0px;
	left:0px;
	z-index:0;
	overflow:hidden;
}

span.configcmd {
	margin-left:5px;
	font-size:90%;
}

span.selector_load_image {
	display:none; 
	position:absolute; 
	z-index:1000; 
	left:80pt; 
	top:1pt;
}



/* Window/page specific styles                         */

/* SAWA Vamp plugin config popup window */


div#config_dialog {

  margin: 0;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;

  font-size: 95%;
  font-family:  Arial, Verdana, sans-serif;
  /*line-height: 125%;*/
  background-color: #fff; 
  color: #292929;		/* font color */

}

div#popup_content { 
	margin: 20px; margin-top: 0px; margin-bottom: 0px; 
	padding-top:20px;
}

div#popup_content table.config { 
	border-collapse: separate; 
}

table.config { 
	border-collapse: separate; 
}

/* SawaRec search results page */

#serach-result {
	a:link {color: #FF0000; }     /* unvisited link */
	a:visited {color: #00FF00; }  /* visited link */
	a:hover {color: #FF00FF; }    /* mouse over link */
	a:active {color: #0000FF; }   /* selected link */	
}

/* FOOTER */

div#sawa_footer { border-top: 1px dotted black; background: white; }
table#footer_table { align:top; border:0px; padding:0px; margin:0px; }
td#footer_text { align:top; vertical-align:top; }
td#footer_logo { vertical-align:middle; }
div#footer_text { width:100%; margin:0px; padding-right:5px; border: 0px dotted #999; }
img#footer_logo { margin-top:5px; }



/* JQUERY Costumisation */

/*.ui-progressbar-value { background-image: url(images/pbar-ani.gif); }*/